@charset "shift_jis";
/* CSS Document */


body{ background:url(../../img/top2011/bg_all.gif) repeat-x; }


/*----------------------------------------------------
	レイアウト設定
----------------------------------------------------*/
article#wrapper{
	width:100%;
	margin:0 auto;
	}	
	
	
#second{
	width:900px;
	margin:0 auto;
	}	
	
#second p.pagetop{
	width:900px;
	margin:5px 0 0 0;
	color:#000;
	text-align:right;
	font-size:small;
	clear:both;
	}
	
#second p.pagetop a{
	color:#000;
	text-decoration:none;
	}
	
#second p.pagetop a:hover{
	text-decoration:underline;
	}	


/*----------------------------------------------------
	header設定
----------------------------------------------------*/
header{
	background:url(../../common_img/header2011/bg_all.gif) left top repeat-x;
}

#header{
	width:900px;
	/*height:134px;*/
	height:135px;
	margin:0 auto;
	padding:9px 0 0 0;
	position:relative;
	top:-150px;
	/*border:#F00 1px solid;*/
	}

#header_Xmas2013{
	/*width:900px;
	height:134px;*/
	width:108px;
	height:151px;
	margin:0;
	padding:0;
	position:relative;
	top:0;
	left:0;
	/*margin:0 auto;
	padding:9px 0 0 0;
	position:relative;
	top:-150px;
	border:#F00 1px solid;*/
}
#header_Xmas2013a{
	width:332px;
	height:151px;
	margin:0;
	padding:0;
	position:relative;
	top:0;
	left:1px;
}

	
/*header h1{
	width:171px;
	height:45px;
	position:absolute;
	top:55px;
	left:0;
	}*/
	
header h1{
	width:828px;
	height:12px;
	position:absolute;
	top:15px;
	right:0;
	font-size:10px;
	font-weight:normal;
	/*border:#F00 1px solid;*/
	text-align:right;
	}	
	
#header .logo{
	width:171px;
	height:45px;
	position:absolute;
	top:55px;
	left:0;
	margin:0;
	z-index:1;
	}			
	
/*header p.catch{
	width:828px;
	height:12px;
	position:absolute;
	top:12px;
	left:72px;
	}*/
	
header #xmas_2011{ width:229px; height:115px; position:absolute; top:0; left:-10px; z-index:1000;}

/*IE6透過　ボタン*/
* html header #xmas_2011 img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
* html header #xmas_2011 {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='common_img/header2011/xmas_2011.png',sizingMethod='crop');  }
		
/* 20131118追加テスト */
header #xmas_2013{ width:500px; height:151px; position:absolute; top:0; left:0; z-index:1000;}

/*IE6透過　ボタン*/
* html header #xmas_2013 img{ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }
* html header #xmas_2013 {
background:none;
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='common_img/header2011/header_Xmas2013.png',sizingMethod='crop');  }
		


/*----------------------------------------------------
	urgent設定
----------------------------------------------------*/	
#urgent{
	width:900px;
	margin:0 auto 30px auto;
	padding:5px 0;
	border-top:#c00 1px solid;
	border-bottom:#c00 1px solid;
	}	
	
#urgent dl{
	font-size:small;
	}	
	
#urgent dt{
	font-weight:bold;
	color:#C00;
	float:left;
	margin-right:20px;
	}	
	
#urgent dd{
	margin:0 2em;
	}	
	
/*----------------------------------------------------
	main設定
----------------------------------------------------*/		
/*section#main{
	width:900px;
	height:469px;
	}	*/
	
	
section#main{
	width:100%;
	/*height:469px;*/
	height:470px;
	/*margin:5px 0 0 0;*/
	margin:0 0 0 0;
	background:url(../../img/top2011/bg_main.gif) repeat-x bottom;
	}	
	
section#main .lv_01{
	width:900px;
	margin:0 auto;
	}	
			
	
	
section#main #first{
	width:445px;
	height:469px;
	float:left;
	position:relative;
	}
	

	

section#main #push{
	width:445px;
	height:311px;
	line-height:1.3;
	position:relative;
	letter-spacing:0.01em;
	float:right;
	}
	
	
section#main #push p#push_01,	
section#main #push p#push_02,		
section#main #push p#push_03,		
section#main #push p#push_04,		
section#main #push p#push_05,		
section#main #push p#push_06,
section#main #push p#push_L{
	width:143px;
	height:151px;
	background:#fff;
	font-size:small;
	}
	
	
section#main #push a{
	color:#000;
	text-decoration:none;
	}	
	
section#main #push a:hover{
	color:#ff0000;
	}	
	
section#main #push a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}				
	
	
section#main #push p#push_01{
	position:absolute;
	top:0;
	left:0;
	}
	
section#main #push p#push_02{
	position:absolute;
	top:0;
	left:150px;
	}	
	
section#main #push p#push_03{
	position:absolute;
	top:160px;
	left:0;
	}	
	
section#main #push p#push_04{
	position:absolute;
	top:160px;
	left:150px;
	}	
	
section#main #push p#push_05{
	position:absolute;
	top:0;
	left:300px;
	}	
	
section#main #push p#push_06{
	position:absolute;
	top:160px;
	left:300px;
	}								
	
	
section#main #push p#push_L{
	width:143px;
	height:311px;
	position:absolute;
	top:0;
	left:300px;
	}
	
section#main #push .p_txt{
	padding:0 5px 3px 5px;
	display:block;
	}	
	

	
section#main #topics{
	width:445px;
	height:110px;
	margin:17px 0 0 0;
	background:#fff;
	font-size:small;
	line-height:1.3;
	float:right;
	}				
	
section#main #topics p.title{
	width:445px;
	height:21px;
	}
	
section#main #topics p.title { /margin-bottom:5px;  }	/*IE6 IE7*/	
	
	
section#main #topics .date{
	width:97px;
	margin:0 10px 0 0;
	font-weight:bold;
	float:left;
	}		
	
section#main #topics .topics{
	width:310px;
	float:right;
	}		
section#main #topics .topics a:link,section#main #topics .topics a:visited{
	text-decoration:none;
	color:#000;
}
section#main #topics .topics a:hover{
	text-decoration:underline
}
section#main #topics .topics a:active{
	color:#f0262f;
}

/*animation*/
section#main #slider,
section#main #push,
section#main #topics{	
	-ms-filter: "alpha( opacity=0 )";
	filter: alpha(opacity=0);
	-moz-opacity:0;
	opacity:0;	
}
	
	
/*----------------------------------------------------
	service
----------------------------------------------------*/		
section#service{
	width:730px;
	/*margin:13px 0 0 0;*/
	margin:15px 0 0 0;
	float:left;
	}	
	
section#service h3{
	width:85px;
	margin:0 15px 0 0;
	float:left;
	display:inline;
	}
	
section#service h4{
	margin:5px 0 0 0;
	}	
	
section#service .link{
	width:630px;
	float:right;
	display:inline;
	/*border:#F00 1px solid;*/
	}
	
section#service .link a{
	color:#000;
	text-decoration:none;
	}
	
section#service .link a:hover{
	text-decoration:underline;
	}		
	
section#service .link li{
	width:200px;
	height:42px;
	margin:0 15px 8px 0;
	float:left;
	}	
	
section#service .link li.none{
	margin:0 0 8px 0;
	}	
	
	
section#service .link li a:hover img,
section#service .link dt a:hover img,
section#service .link dd a:hover img{
	filter: alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}		
	
	
section#service p.details{
	width:620px;
	clear:both;
	font-size:0;
	}
	
section#service p.details{ /margin-bottom:5px; }	/*IE6 IE7*/		
	
section#service p.details a{
	width:99px;
	height:15px;
	display:block;
	float:right;
	}
	
section#service hr{
	margin:0;
	border:#fff thin solid;
	clear:both;
	}						
	
section#service #shop,
section#service #school,
section#service #support,
section#service #reform,
section#service #rental,
section#service #online,
section#service #event,
section#service #corporate,
section#service #community,
section#service #aboutus{
	width:730px;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:#b5b5b5 1px solid;
	/*border:#F00 1px solid;*/
	_margin-bottom:-5px;
	}
	

/* ↓firefox */
section#service #shop, x:-moz-any-link, x:default{ margin-bottom:10px; }
section#service #school, x:-moz-any-link, x:default{ margin-bottom:10px; }
section#service #support, x:-moz-any-link, x:default{ margin-bottom:10px; }
section#service #reform, x:-moz-any-link, x:default{ margin-bottom:10px; }
section#service #rental, x:-moz-any-link, x:default{ margin-bottom:10px; }
section#service #online, x:-moz-any-link, x:default{ margin-bottom:10px; }
section#service #event, x:-moz-any-link, x:default{ margin-bottom:10px; }
section#service #corporate, x:-moz-any-link, x:default{ margin-bottom:10px; }
section#service #community, x:-moz-any-link, x:default{ margin-bottom:10px; }
section#service #aboutus, x:-moz-any-link, x:default{ margin-bottom:10px; }


/* shop */	
section#service #shop h4{
	width:630px;
	margin:0 0 5px 0;
	font-size:0;
	clear:both;
	}	
	
	
section#service #shop .link dl{
	margin-bottom:25px;
	}	
	

section#service #shop .link dt{
	margin-right:30px;
	font-size:0;
	float:left;
	}	
	
section#service #shop .link dd{
	margin:12px 0 0 0;
	font-size:0;
	float:left;
	}		
	

section#service #shop ul{
	margin-bottom:10px;
	}
	
section#service #shop li{
	margin-right:15px;
	font-size:0;
	}	
	
section#service #shop li.none{
	margin-right:0;
	}		
	
	
	
/*　school */
section#service #school dt{
	margin-bottom:0;
	font-size:0;
	/*border:#F00 solid 1px;*/
	}


section#service #school dd{
	margin:1px 0 0 10px;
	font-size:12px;
	color:#444;

	 }


section#service #school ul{
	margin:23px 0 0 0;
	}
	
section#service #reform ul{
	margin:23px 0 0 0;
	}
/* バナーたちを上揃えにする（20131122修正）
section#service #online ul{
	margin:23px 0 0 0;
	margin:23px 0 0 0;
	}
*/
section#service #event ul{
	margin:23px 0 0 0;
	}
	
section#service #corporate ul{
	margin:23px 0 0 0;
	}	

	
section#service #community ul{
	margin:10px 0 0 0;
	font-size:small;
	}
	
section#service #aboutus ul{
	margin:10px 0 0 0;
	font-size:small;
	}		
	
section#service #community ul li,
section#service #aboutus ul li{
	width:200px;
	height:auto;
	margin:0 15px 8px 0;
	float:left;
	}	
	
section#service #community ul li.none,
section#service #aboutus ul li.none{
	margin:0 0 8px 0;
	}		
	
	
/*----------------------------------------------------
	bn_area
----------------------------------------------------*/	
aside#bn_area{
	width:140px;
	/*margin:18px 0 0 0;*/
	margin:15px 0 45px 0;
	float:right;
	}	
	
aside#bn_area li{
	font-size:0;
	margin-bottom:5px;
	}	
	



	
/*----------------------------------------------------
	blog
----------------------------------------------------*/	
aside#blog{
	width:135px;
	margin:18px 0 20px 5px;
	font-size:small;
	float:right;
	}
	
aside#blog h5{
	width:140px;
	height:20px;
	margin-bottom:-8px;
	}	
	
aside#blog dt{
	margin:10px 0 7px 0;
	padding:3px 0.3em 1px 0.3em;
	font-size:12px;
	font-weight:bold;
	background:#959595;
	line-height:1.1;
	color:#fff;
	}
	
	
aside#blog dd{
	margin:0 0 0.5em 0.5em;
	font-size:12px;
	line-height:1.2;
	}	
	
aside#blog a{
	color:#000;
	text-decoration:none;
	}
	
aside#blog a:hover{
	color:#000;
	text-decoration:underline;
	}			




/*----------------------------------------------------
	mobile
----------------------------------------------------*/	
aside#mobile{
	width:135px;
	margin:25px 0 30px 5px;
	font-size:small;
	float:right;
	}


/*----------------------------------------------------
	media
----------------------------------------------------*/	
aside#media{
	width:135px;
	margin:25px 0 20px 5px;
	font-size:small;
	float:right;
	}


aside#media h5{
	width:140px;
	height:20px;
	margin-bottom:5px;
	}	
	
/*----------------------------------------------------
	SmartPhone
----------------------------------------------------*/		
	
#spLinkBlockInPc{
	display:none;
}
	
	
	
/*----------------------------------------------------

IEPINGFIX

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


* html .iepngfix { behavior:expression(IEPNGFIX.fix(this)); }