@charset "utf-8";

/*----------------------------------------------------------------
 Style Setting

 Date    : 2009/0804

----------------------------------------------------------------*/


/*================================================================
  Layout Setting
================================================================*/

/*----- base -----*/

#contents #series h1 {margin: 0px; padding: 0px; font-weight:normal; line-height:0px; border:none; background:none;}
#contents #series h1 img{margin: 0px; padding: 0px; font-weight:normal; line-height:0px; border:none;}

#contents #series h2 {margin: 20px 0px 0px 0px; padding: 0px; font-weight:normal;line-height:0px; background:none;}



#contents #series p{
	margin:0;
	padding:0;
	line-height:140%;
}

#contents #series p.mgnT10{
	margin-top:10px;
}

#contents #series p.links{/*090804*/
	margin-top:10px;
	line-height:1;	
}
#contents #series p.links2{/*090804*/
	margin-top:7px;
	line-height:100%;	
}

#contents #series td.btm{
	vertical-align:bottom;
}




/*----- contents magazine -----*/


/*magazine line1*/

#contents #series #block1 {
	width:890px;
	text-align:center;
	margin:12px auto 0px auto;
	padding:0px;
	background:url(../images/magazine_line_m1.gif) repeat-y;
	clear:both;
}



#contents #series #block1 #cover {
	width:880px;
	text-align:center;
	margin:0 auto;
}

#contents #series #block1 #cover .layout1{
	float:left;
	width:280px;
	margin-right:20px;
	padding:0;
}
#contents #series #block1 #cover .layout2{
	float:left;
	width:280px;
	padding:0;
}

#contents #series #block1 #cover table{
	text-align:left;
	margin:10px auto 0 auto;
}

#contents #series #block1 #cover span{
	color:#71B929;
	font-weight:bold;
}



/*magazine line2*/

#contents #series #block2 {
	width:890px;
	text-align:center;
	margin:12px auto 0px auto;
	padding:0px;
	background:url(../images/magazine_line_m2.gif) repeat-y;
	clear:both;
}



#contents #series #block2 #cover {
	width:880px;
	text-align:center;
	margin:5px auto 0 auto;
}

#contents #series #block2 #cover .layout1{
	float:left;
	width:280px;
	margin-right:20px;
	padding:0;
}
#contents #series #block2 #cover .layout2{
	float:left;
	width:280px;
	padding:0;
}

#contents #series #block2 #cover table{
	text-align:left;
	margin:10px auto 0 auto;
}

#contents #series #block2 #cover span{
	color:#71B929;
	font-weight:bold;
}




/*magazine line3*/

#contents #series #block3 {
	width:890px;
	text-align:center;
	margin:12px auto 0px auto;
	padding:0px;
	background:url(../images/magazine_line_m3.gif) repeat-y;
	clear:both;
}



#contents #series #block3 #cover {
	width:880px;
	text-align:center;
	margin:5px auto 0 auto;
}

#contents #series #block3 #cover .layout1{
	float:left;
	width:280px;
	margin-right:20px;
	padding:0;
}
#contents #series #block3 #cover .layout2{
	float:left;
	width:580px;
	padding:0;
}

#contents #series #block3 #cover .layout2 ul.left_side{
	width:270px;
	margin:0 20px 0 0;
	float:left;
}
#contents #series #block3 #cover .layout2 ul.right_side{
	width:280px;
	float:left;
}
#contents #series #block3 #cover .layout2 ul li{
	line-height:140%;
	background:url(../images/arrow01.gif) no-repeat 2px 1px;
	margin-top:10px;
	padding-left:18px;
}

#contents #series #block3 #cover table{
	text-align:left;
	margin:10px auto 0 auto;
}

#contents #series #block3 #cover span{
	color:#71B929;
	font-weight:bold;
}


/*----- contents counter,mobile -----*/

#contents #series #cou_mo {
	margin-top:20px;
	clear:both;
}


/*counter*/
#wrapper #contents #series #cou_mo #counter{
	width:605px;
	float:left;
	margin:0 10px 0 0;
	padding:0;
}

#wrapper #contents #series #cou_mo #counter h2{
	width:605px;
	margin:0;
	padding:0;
	line-height:0;
	font-size:0;
	font-weight:normal;
	background:none;
}

#wrapper #contents #series #cou_mo #counter #cover{
	width:590px;
	background:url(../images/counter_line_m1.gif) repeat-y;
	margin-left:15px;
	margin-top:10px;
}

#wrapper #contents #series #cou_mo #counter #cover table{
	text-align:left;
	margin:10px auto 0 auto;
}

#wrapper #contents #series #cou_mo #counter #cover span{
	color:#71B929;
	font-weight:bold;
}

#wrapper #contents #series #cou_mo #counter #cover .layout1{
	float:left;
	width:280px;
	margin-left:4px;
	margin-right:20px;
	padding:0;
}
#wrapper #contents #series #cou_mo #counter #cover .layout2{
	float:left;
	width:280px;
	padding:0;
}


/*mobile*/
#wrapper #contents #series #cou_mo #mobile{
	width:305px;
	float:left;
	margin:0;
	padding:0;
}

#wrapper #contents #series #cou_mo #mobile h2{
	width:305px;
	margin:0;
	padding:0;
	line-height:0;
	font-size:0;
	font-weight:normal;
	background:none
}

#wrapper #contents #series #cou_mo #mobile #cover{
	width:290px;
	background:url(../images/mobile_line_m1.gif) repeat-y;
	margin-top:10px;
}

#wrapper #contents #series #cou_mo #mobile #cover table{
	text-align:left;
	margin:10px auto 0 auto;
}

#wrapper #contents #series #cou_mo #mobile #cover span{
	color:#71B929;
	font-weight:bold;
}

#wrapper #contents #series #cou_mo #mobile #cover .layout1{
	float:left;
	width:280px;
	margin-left:4px;
	padding:0;
}









.hvBTN a:hover img{
	filter: alpha(opacity=70);/*IE*/
	-moz-opacity:0.7;/*FirefoxENetscape*/
	opacity:0.7;/*OperaESafari*/
	/*CSS3.0́Aopacity:x;̐ݒłׂẴuEUŕ\”\B*/
}

/*--------------------------------------------------------------------
clear
--------------------------------------------------------------------*/

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
  
.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */