@charset "utf-8";
/* CSS Document */

@import url('common-all.css');

/*------------------------------------------------------------
	レイアウトスタイル
------------------------------------------------------------*/


#wrapper{
	width:900px;
	margin:0 auto;
	padding:0;
	background:#fff;/*url("../images/bg.jpg")*/
	border:solid 1px #d2fbe6;/*#d2fbe6#FADBDA*/
}
#header{
	width:820px;
	margin:10px 0 0 40px;
	/*background:url("../images/header_bg.gif") no-repeat top right;*/
	
}
#header p{
	width:450px;
	margin:20px 0 20px 20px ;float:left;
	font-size:1em; line-height:1.6em; color:#333;
}

@media screen and (max-width: 768px) {
  #header {
    width: 100%;
    margin: auto;
    text-align:center;
    margin-bottom:2rem;
    
  }
  #header p{
	width:100%;
	/* margin:20px 0 20px 20px ;
	float:left;
	font-size:1em; line-height:1.6em; color:#333;
	*/
	text-align:center;
  }
  #header img {
	  margin:auto;
  }
}

p{
	font-size:1em; line-height:1.6em; color:#333;
}

#volume {		 /*トップページのボリュームナビ*/
	clear:both;
	margin:0px 0 20px 0;
}
#footervolume {         /*一番下のボリュームナビ*/
	width:300px;
	margin:0px auto;
	
}
@media screen and (max-width: 768px) {
	#footervolume {         /*一番下のボリュームナビ*/
	width:100%;
	margin:0px auto;
	

}
#volume ul.toppageNavi,
#footervolume ul.toppageNavi{
	display:block;
	margin:0px 0 0px 80px;
}

#volume ul li,
#footervolume ul li{
	display:block;
	float:left;
}

#volume ul li.naviTop{
	margin:0px 0 0 10px;
	
}

#volume ul li.naviUnselected{	/*まだ作られていないページ*/
	width:38px;
	height:16px;
	padding:10px 10px 10px 13px;
	margin:20px 0 0 0;
	background:url("../images/navi_bg.gif") no-repeat 0px 0px;
	color:white;
	font-weight:bolder;
	filter: alpha(opacity=50);
	opacity: 0.5;
}
.naviSelected{	/*選択されているページ表示*/
	width:38px;
	height:16px;
	padding:10px 10px 10px 13px;
	margin:20px 0 0 0;
	background:url("../images/navi_bg.gif") no-repeat 0px 0px;
	color:white;
	font-weight:bolder;
	filter: alpha(opacity=100);
	opacity: 1.0;
}
.naviPast{	/*最新号*/
	width:38px;
	height:16px;
	padding:10px 10px 10px 13px;
	margin:20px 0 0 0;
	background:url("../images/navi_bg.gif") no-repeat 0px -34px;
	color:white;
	font-weight:bolder;
	filter: alpha(opacity=60);
	opacity: 0.6;
}


/*------------------------------------------------------------
	top pageスタイル
------------------------------------------------------------*/

/*-
#link{
	margin:10px 0 0 130px;
}
#project{
	margin:20px 0;
}
---*/

#container{
	margin:0 40px;
}

#taidera{
	margin:0 20px;
}
#taidera p{
	margin:0 20px;
	font-size:1em; line-height:1.6em; color:#333;
}

.article{
	margin10px 0;
	clear:both;
}

.article p{
	margin:0 20px;
	font-size:1em; line-height:1.6em; color:#333;
}


#lead{
	margin:10px 25px 30px 25px;
	text-align:center;
}

#article{
	margin:0 0 30px 0;
}

.tankenkiji{
	width:240px;
	height:250px;
	margin:0 20px;
	float:left;
}

.gotop{
	float:right;
	margin:10px;
}
#footer{
	clear:both;
	text-align:left;
	margin:10px;
	border-top:dotted 1px green;
	padding:10px 0 0 0;
}