/*
Theme Name: 大阪紙業
*/



/* =Reset default browser CSS.
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: 0;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}

@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);

body{
	line-height: 1.5;
	font-size:90%;
font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto ,  "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	color:#000;
	background:#fff url(../image/common/back2.gif) center fixed;   
-webkit-text-size-adjust: none;height: 100%;
}

html{height: 100%;}

/*全てをクリア*/
.clear {
   clear: both;
} 

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* リンク設定
------------------------------------------------------------*/
a,a:visited{
margin:0;
padding:0;
text-decoration:none;
outline:0;
vertical-align:baseline;
background:transparent;
 color: #0987cc;}

a:hover, a:active{
-webkit-transition:opacity 1s;-moz-transition:opacity 1s;-o-transition:opacity 1s;
outline: none;
color:#930;}

 a:hover img{opacity:.7; }
/**** Clearfix ****/


/* レイアウト
------------------------------------------------------------*/
.inner{
margin:0 auto;
width:1100px;
}
#wrapper{ width:1200px; margin:0 auto; background: url(../image/common/white.gif) 0 0 repeat-y ; text-align:center; padding:0 0 0px;}

.back{width:762px; margin:0 auto;display:inline-block;  text-align:left; background:#fff url(../image/index/back3.gif) 0 170px no-repeat; padding:0 0 25px 0; height: 100%}
#home .back{background:#fff url(../image/index/back3.gif) 0 290px no-repeat; padding:0 0 25px 0;height: 100%}

#sidenav{margin:0px 0 0 auto;display:inline-block; text-align:left;  vertical-align:top; }
#contents{ padding:14px 0 0 68px; }
#sidenav{width:337px;padding:14px 0px 0 28px; magrin:0;}

 #contents article{ margin:40px 0 60px;}
 #contents  h2{ font-size:120%; font-weight:bold; margin:0 0px 0 0;}
#contents  p{margin:1em 0px 0 0px;}
 p.link{ text-align:right;font-weight:bold; font-size:105%;}
 p.link a{ text-decoration:underline;}

#contents .rule{ margin:60px auto 0px !important;}
#contents .rule ul{ text-align:center;}
#contents .rule ul li{ display:inline-block; margin:0 10px; position: relative;}

/**
 * sitenav
 * ----------------------------------------------------------------------------
 */

#sidenav h1{font-weight:bold; font-size:120%; margin:0 0 15px; color:#fff;}

#sidenav h1 strong{ font-size:140%;}
#sidenav p{margin:0; color:#fff;}

#sidenav #kai{ background:#fff; margin:25px 0 0;padding:15px 15px 8px; border-radius: 10px;		/* CSS3草案 */
	-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */ -moz-border-radius: 10px;	/* Firefox用 */  color:#000;	}
	#sidenav #kai h2{ background:#0987cc; color:#fff; padding:4px 10px 0; font-size:110%;font-weight:bold; border-radius: 20px;		/* CSS3草案 */
	-webkit-border-radius: 20px;	/* Safari,Google Chrome用 */ -moz-border-radius:20px;	/* Firefox用 */ }
#sidenav #kai h3{ color:rgba(228,0,3,1.00); margin:5px 0 0 15px; font-size:100%; font-weight:bold; }
#sidenav #kai h3:before{content: "※"; }
#sidenav #kai dl{  margin: 10px 0 10px 15px; }
#sidenav #kai dl dt, #sidenav #kai dl dd{ float:left; font-weight:bold;}
#sidenav #kai dl dd a{ font-weight:normal;margin:0 0 0 1em; font-size:90%;}
#sidenav #kai dl dt{ clear:both;  margin:0 5px 0 0;}
#sidenav #kai p{font-weight:bold;margin: 15px 5px 0 15px; color:#000 !important;}
#sidenav #kai p.access{  margin: 0 0 8px 0; font-size:90%;color:#000 !important; width:230px; font-weight:normal}
.teireikai{ margin:5px 0 0; text-align:right;}
#sidenav #kai .link a{margin: 5px 5px 0 15px;}
#sidenav .teireikai a:hover, #sidenav .teireikai a:active{color:rgba(255,201,141,1.00)}
#sidenav #kai p.chui{ color: crimson !important;margin: 0 5px 0 2em; font-size:100%; font-weight: bold; line-height: 1.4;}
#sidenav #kai p.chui:before{content:"※"; margin-left: -1em;}


.sidenav ul:first-child{ margin:50px 0 0; font-size:120%;}
.sidenav li a{ color:#fff;}
.sidenav li  a:hover, #sidenav li  a:active{color:rgba(255,201,141,1.00)}
.sidenav ul:first-child li a{ border-bottom:1px solid #fff;}
.sidenav ul:first-child li { margin:0 0 15px;}
.sidenav ul:last-child  { margin:40px 0 0;}
.sidenav ul:last-child li { margin:0 0 8px;}
.sidenav ul:last-child li:before{content:"▶︎"; color:#fff; font-size:60%; margin:0 5px 0 0;}
#sidenav  p.nsk{ margin:30px 0 30px 0px; }

#home .sidenav li#homebtn a,#about .sidenav li#aboutbtn a,#teireikai .sidenav li#teireikaibtn a,#member .sidenav li#memberbtn a,#rule .sidenav li#prbtn a{color:rgba(255,201,141,1.00);border-bottom:1px solid rgba(255,201,141,1.00);}

#sidenav .b{ color:#fff; margin:40px auto 0; border-top: #fff dotted 1px; padding:15px 20px 0 0;}
#sidenav .b a{ display:block; text-align:center; margin:10px auto;}

/**
 *  Sitefooter
 * ----------------------------------------------------------------------------
 */
 
.copy{  padding:0 0 10px 0;  margin:10px auto 0 ; text-align:left; }
strong.read{ display:block; text-align:left; font-size:90%; margin:10px 0 0 60px;}

#footer {
    height: 2em;
	background:#fff;  margin:0 0 0 0 !important;
	width:746px; text-align:left; padding:3px 0 15px 0px; font-size:80%;
}
/**
 * home
 * ----------------------------------------------------------------------------
 */
#home #contents{background:url(../image/index/back2.gif) 100% 40px no-repeat; }
#home #contents #glovalheader h1 span {  display:block; margin:40px 0 10px; width:395px;}
#home  #contents article{ margin:0 !important; display:inline-block; width:320px; vertical-align:top;  padding:10px 0 0 0; }
#home  #contents article.no1{ margin:60px 0 30px 20px!important;}
#home  #contents article.no2{ margin:10px 15px 0 5px!important;}
#home  #contents article .link a{  font-size:100%; font-weight:bold;}
 #home  #contents article p.link{ margin:0; }
#home  #contents .photo{ margin:0 !important; display:inline-block; width:320px; vertical-align:top;  }
#home  #contents .kobe img{border-radius: 50%;		/* CSS3草案 */
	-webkit-border-radius: 50%;	/* Safari,Google Chrome用 */ -moz-border-radius: 50%;	/* Firefox用 */   }

#home  #contents .photo{text-align:center; margin:30px auto 0;}

#home  #contents .photo2{ display:inline-block; width:250px; vertical-align:top;   text-align:center; margin:30px auto 0;}
#home  #contents article.no3{ margin:20px 5px 0 40px!important;}


/*パン屑*/

/*---------------------------------------------------------
パンくずデザイン
---------------------------------------------------------*/
.breadcrumb {
    margin:-30px 0 50px 400px;
    line-height: 25px;
    color: #666;
    padding: 5px 0;
}
ol.breadcrumb li{
	float:left;	font-size:90%;
	}
ol.breadcrumb li a{
    display: block;
    background: #f0f0f0;
    padding-right: 10px;
    height: 20px;
    margin-right: 21px;
    position: relative;
    text-decoration: none;
     
}
ol.breadcrumb li a:last-of-type { margin-right: 31px }
ol.breadcrumb li a:before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    left: -20px;
    border: 10px solid transparent;
    border-color: #f0f0f0;
    border-left-color: transparent;
}
ol.breadcrumb li a:after {
    content: "";
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    top: 0;
    right: -20px;
    border: 10px solid transparent;
    border-left-color:#f0f0f0;
}
 
 
ol.breadcrumb li:first-child a{ padding-left: 15px; }
ol.breadcrumb li:first-child a:before{display:none;}
 
ol.breadcrumb li a:hover {
    background: #0066ca;
    color: #fff;
    text-decoration: none;
}
ol.breadcrumb a:hover:before {
    border-color: #0066ca;
    border-left-color: transparent;
}
ol.breadcrumb li a:hover:after { border-left-color: #0066ca }

/**
 * common
 * ----------------------------------------------------------------------------
 */

/*sub*/
#contents #glovalheader h2{  display:block; margin:30px 0 10px; width:395px;}
.sub #contents article p{ margin:0 0 1em;}
.sub #contents article{ margin: 30px 28px 30px 0 !important;}

#page-top1{
  display: block;
  background:#fff;
  position: fixed;
  z-index: 9999;
  bottom: 30px;
  right: 40px;
  width: 50px;
  height:50px;
  text-align: center;
  text-decoration: none;
  transition: .5s;
border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
	vertical-align:middle;}
a#page-top1 {  color:#187fc4 !important;}
#page-top1 span {display: block; margin:10px auto 0; font-size:140%;}

/*pr*/
#pr #contents article li{ vertical-align:top; background:rgba(250,250,250,0.7); margin:0 0 15px;border:1px solid #ddd;padding:10px 8px 10px 12px; border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */ }

#pr #contents article li img{display:inline-block;  width:300px; height:200px;  display:inline-block; vertical-align:top;border:1px solid #ddd;border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */}
#pr #contents article li .members{margin:0 0 0 15px;display:inline-block; width:315px; }
#pr #contents article li h2{  font-size:120%; margin:0 0 3px;}
#pr #contents article li .members h3{  font-size:120%; color:#333; margin:0 0 5px; font-weight:bold;}
#pr #contents article li .members p{margin:1em 0; font-size:90%;}


#rule .no1 dd{ margin: 0 0 2em 1em; }
#rule .no1 dd span,#rule dd p{ display: inline-block; vertical-align: top; }
#rule .no1 dd span{ width:4em; }
#rule .no1 dd p{ width: calc( 100% - 5em ); margin-left: 0.5em; padding: 0; }
#rule .no1 dd p.no02{ margin:0 0 2em 5em; position: relative;   padding: 0 0 0 1em; display: block;  }
#rule .no1 dd p.no02:before{ content: '2.';  position: absolute; left:0;}

#rule .no1  ol{ margin: 0 0 0 4.5em;
  counter-reset: item;
  list-style-type: none;
  padding-left: 0;
}
#rule .no1 li{
  text-indent: -1.3em;
  padding-left: 1.3em;
}
#rule .no1 li:before {
  counter-increment: item;
  content: '('counter(item)')';
  /* 以下は自由に装飾... */
  padding-right: .5em;
}

/*概要*/
#about #contents article dl{margin:40px 0 0 ;}
#about #contents article dt{ font-size:110%;  margin:0 0px 10px 0; border:1px solid #d4d4d4; padding:6px 15px 2px;
-webkit-border-radius:20px;
border-radius: 20px;
background-image: -moz-linear-gradient(top, #ffffff, #d8ddda);
background-image: -ms-linear-gradient(top, #ffffff, #d8ddda);
background-image: -o-linear-gradient(top, #ffffff, #d8ddda);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#d8ddda));
background-image: -webkit-linear-gradient(top, #ffffff, #d8ddda);
background-image: linear-gradient(top, #ffffff, #d8ddda);
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#about #contents article dd{ margin:10px 25px 50px}
#about #contents article dd ul{ margin:0 ; }
#about #contents article dd ul li{ margin:0 0 5px 0 ; }
#about #contents article dd ul li span{ margin-right:2em; }
#about #contents article dd ul.chui{ margin:1em ; }
#about #contents article dd ul.chui li:before{ content:"※ ";}

/*メンバー一覧*/
#member #contents .link{ font-size:90%; margin:0; }
#member table{border-collapse:collapse; background:rgba(255,255,255,0.4);margin:0 auto; width:100%;}
#member table tr{ border-top:1px solid #ddd;border-bottom:1px solid  #B3B3B3;}
#member table tr th,#member table tr td{ padding:5px 12px 3px;}
#member table tr th{ background:#f0f0f0; border-bottom:2px solid #B3B3B3; text-align:center;}
#member table tr td{ word-spacing:1em;border-left:1px solid  #B3B3B3;}
#member table tr td:first-child{  font-size:90%; letter-spacing:1em; border:none;}

#member table td.noletter{letter-spacing:0 !important;}
#member table td.red{color:#cc0000;}


#teireikai  #contents article  h2{font-size:110%;  margin:10px 0px 20px 0; border:1px solid #d4d4d4; padding:6px 15px 2px;
-webkit-border-radius:20px;
border-radius: 20px;
background-image: -moz-linear-gradient(top, #ffffff, #d8ddda);
background-image: -ms-linear-gradient(top, #ffffff, #d8ddda);
background-image: -o-linear-gradient(top, #ffffff, #d8ddda);
background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#d8ddda));
background-image: -webkit-linear-gradient(top, #ffffff, #d8ddda);
background-image: linear-gradient(top, #ffffff, #d8ddda);
-webkit-background-clip: padding-box;
background-clip: padding-box;
}
#teireikai   #contents article  dl{border-bottom:1px solid #ddd; margin:0 0 40px}
#teireikai   #contents article  dl dt,#teireikai #contents   article  dl  dd{ display:inline-block; border-top:1px solid #ddd; vertical-align:top; }
#teireikai   #contents article  dl dt:first-child,#teireikai #contents article  dl  dd:nth-of-type(1){ border:none;}

#teireikai  #contents  article  dl dt{ width:25%; margin:0 0 5px 15px; padding:15px 5px 5px }
#teireikai  #contents  article  dl  dd{  width:70%; margin:0 0 5px 0px; padding:15px 0 5px }


/*nsk*/
#nsk .back{background:#fff url(../image/index/back4.gif) 0 170px no-repeat; padding:0 0 25px 0; height: 100%}

#nsk #contents article.no1 img{margin:0 0 1em ; width:100%; height:auto;}
#nsk #contents article.no1 h3{ font-size:110%;  margin:50px 0px 10px 0; font-weight:bold;  padding:0;}
#nsk #contents article.no1 ul{ margin:10px 0 10px;  width:70%;}
#nsk #contents article.no1 ul li{ background:#E1ECFF; padding:5px 8px 3px;}
#nsk #contents article.no1 ul li:nth-child(2n){ background:#fff;}
#nsk #contents article.no2  a{ text-decoration: underline !important;}
#nsk #contents article.no2{  margin:60px 0px 10px 0; padding:0;}
#nsk #contents article.no2 h3{ font-size:120%;  margin:60px 0px 0px 0; font-weight:bold; padding:0; color:rgba(157,9,12,1.00);}

#nsk #contents article.no2 dl{border-bottom:1px solid #ddd; margin:0; padding:0; }
#nsk #contents article.no2  dl dt,#nsk #contents article.no2 dl  dd{ display:inline-block; border-top:1px solid #ddd; vertical-align:top; }
#nsk #contents article.no2  dl dt:first-child,#nsk #contents article.no2  dl  dd:nth-of-type(1){ border:none;}
#nsk #contents article.no2  dl dt{ width:15%; margin:0 0 5px 0; padding:15px 5px 5px; font-size:90%; font-weight:bold;}
#nsk #contents article.no2  dl  dd{  width:80%; margin:0 0 5px 0px; padding:15px 0 5px 10px; }
#nsk #contents article.no2 dl  dd  ul{ text-align:center; margin:10px 0 0; }

#nsk #contents article.no2  dl  dd ul li{ text-align:center; display:inline-block; margin:0 5px 10px; font-size:80%; width:250px;}
#nsk #contents article.no2  dl  dd ul li img{ margin:0 0px 5px; }

.arrow_box {
  display: none;
  position: absolute;
  padding: 5px 16px;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;  
  border-radius: 8px;
  background: #cc0000;
  color: #fff;
}

.arrow_box:after {
  position: absolute;
  bottom: 100%;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border: solid transparent;
  border-color: rgba(204, 0, 0, 0);
  border-bottom-color: #cc0000;
  border-width: 10px;
  pointer-events: none;
  content: " ";
}
.sidenav ul li span{ color:#fff;}

li span:hover + p.arrow_box {
  display: block; 
}
/**
 * 8.0 Media Queries
 * ----------------------------------------------------------------------------
 */

/* Does the same thing as <meta name="viewport" content="width=device-width">,
 * but in the future W3C standard way. -ms- prefix is required for IE10+ to
 * render responsive styling in Windows 8 "snapped" views; IE10+ does not honor
 * the meta tag. See https://core.trac.wordpress.org/ticket/25888.
 */
@-ms-viewport {
	width: device-width;
}
@viewport {
	width: device-width;
}

@media (max-width: 1599px) {

}

@media (max-width: 1069px) {
	
}

@media (max-width: 643px) {

	
}

/* Mobile devices */
@media (max-width: 359px) {
	
}


/**
 * 9.0 Print
 * ----------------------------------------------------------------------------
 */

/* Retina-specific styles. */
@media print,
	(-o-min-device-pixel-ratio: 5/4),
	(-webkit-min-device-pixel-ratio: 1.25),
	(min-resolution: 120dpi) {

}

@media print {
	
}