/* CSS Document */

#tophead{
	width:920px;
	height:74px;
	margin:0 auto 0 auto;
	text-align:left;
	position:relative;
}
#tophead #btRecruit{
	position:absolute;
	width:77px;
	height:18px;
	top:38px;
	left:833px;
}
#tophead #btShiryouseikyu{
	position:absolute;
	width:101px;
	height:32px;
	top:24px;
	left:819px;
}
/*#tophead #Shiryoseikyu_btn{
	position:absolute;
	width:101px;
	height:32px;
	top:24px;
	left:809px;
}
*/

#tophead #Shiryoseikyu_btn {
	width:101px;
	background:url(/common/btn_shiryouseikyu1.jpg) top no-repeat;
	float:left;
	text-indent:-9999px;
	display:block;
	font-size:1px;
	top:24px;
	left:809px;
	position:absolute;
}

#tophead #Shiryoseikyu_btn a{
	display:block;
	float:left;
	text-indent:-9999px;
	display:block;
	width:101px;
	height:32px;
	background:url(/common/btn_shiryouseikyu1.jpg) no-repeat;	
	top:24px;
	left:809px;
	position:absolute;
}

#tophead #Shiryoseikyu_btn a:link , #Shiryoseikyu_btn a:visited {
	background:url(/common/btn_shiryouseikyu1.jpg);	
}

#tophead #Shiryoseikyu_btn a:hover , #Shiryoseikyu_btn a:focus {
	background:url(/common/btn_shiryouseikyu2.jpg);	
}
#tophead #Shiryoseikyu_btn{
	position:absolute;
	width:101px;
	height:32px;
	top:24px;
	left:809px;
}
#tophead #Shiryoseikyu_btn{
	width:101px;
	height:32px;
}




#tophead #logo{
	position:absolute;
	width:231px;
	height:54px;
	top:4px;
	left:10px;
}

#tophead #btTel{
	position:absolute;
	width:202px;
	height:38px;
	top:18px;
	left:600px;
}

#tophead #Headinfo{
	background:url(/common/top_freedial.gif) no-repeat;
	position:absolute;
	width:214px;
	height:42px;
	top:16px;
	left:370px;
	line-height:110%;
}

#mainbg{
	background: url(/common/mainbg.jpg) #f2f2f2 top repeat-x;
	/*\*/
	/* */
	text-align: center;
	width:100%;
	height:322px;
}

#toplayer{
width:100%;
height:310px;
}

#toplayer .scene1{
width:100%;
height:310px;
background:url(../img/topbg01.jpg) repeat-x top center;
}
#toplayer .scene1 .scenes{
width:900px;
height:310px;
margin:0 auto 0 auto;
text-align:left;
}
#toplayer .scene2{
width:100%;
height:310px;
background:url(../img/topbg02.jpg) repeat-x top center;
}
#toplayer .scene2 .scenes{
width:900px;
height:310px;
margin:0 auto 0 auto;
text-align:left;
}
#toplayer .scene3{
width:100%;
height:310px;
background:url(../img/topbg03.jpg) repeat-x top center;
}
#toplayer .scene3 .scenes{
width:900px;
height:310px;
margin:0 auto 0 auto;
text-align:left;
}
#toplayer .scene3 .scenes .img1{
float:left;
width:255px;
padding-top:34px;
}
#toplayer .scene3 .scenes .img2{
float:left;
width:390px;
padding-top:74px;
text-align:center;
}
#toplayer .scene3 .scenes .img3{
float:right;
width:255px;
padding-top:34px;
}

/* layout */
#topcont{
background:url(../common/navisdw.gif) no-repeat top left;
padding:36px 0 36px 0;
}
#topcont #block01{
float:left;
width:430px;
margin:0 20px;
}
#topcont #block02{
float:left;
width:192px;

}
#topcont .side a{
	display: block;
	margin-bottom: 10px;
}
#topcont .form-area{
	margin: 25px 0 10px 0;
}
#topcont .member-area li{
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin-left: 5px;
}
#topcont .member-area li:first-child{
	margin-left: 0;
}
#topcont .member-area span{
	display: block;
	margin-top: 3px;
}
#topcont #block02 li{
	list-style:none;
}
#topcont #block02 img{
	width: 100%;
}
#topcont #block03{
float:left;
width:236px;
}

#topcont #block01 h2, #topcont #block02 h2, #topcont #block03 h2{
background:url(/common/topicline01.gif) no-repeat bottom left;
padding-bottom:8px;
margin-bottom:15px;
}

#topcont #block02 h2.noline{
background:none;
margin-bottom:0;
}
#topcont #block02 #newsback{
background:url(/common/topicline01.gif) no-repeat bottom left;
padding:0;
margin-bottom:0px;
}
#topcont #block03 .blank{
background:url(/common/topicline01.gif) no-repeat bottom left;
padding-bottom:8px;
margin-bottom:15px;
}

#topcont #block01 .ph01, #topcont #block03 .ph01{
float:left;
width:86px;
}
#topcont #block01 .tx01, #topcont #block03 .tx01{
float:right;
width:94px;
}

#topcont #block02 .ph01{
float:left;
width:62px;
}
#topcont #block02 .tx01{
float:right;
width:360px;
}

#topcont #block01 .books{
border:#CFCFCF 1px solid;
padding:7px;
margin-top:15px;
margin-bottom:32px;
}

#top_bnr_set p{
 padding-top:20px;
}

#top_bnr_set p .l20 img{
 margin-right:18px;
}

#support li{padding-bottom:3px;
	}

#whatsnew th{width:82px; padding-bottom:10px; text-align:left;}
#whatsnew td.date{width:20%; padding-bottom:12px; font-weight:bold;text-align:center;}
#whatsnew td.newstxt{width:65%; padding-bottom:10px;}

#whatsnew {
	height:160px;
	width:300px;
	overflow:auto;
	margin-bottom:5px;
	border-bottom:#CCCCCC 1px solid;
}

.bnr_support {
	margin-bottom:5px;
	border-bottom:#CCCCCC 1px dotted;
}

#whatsnew li{
	list-style-type:none;
	padding-bottom:3px;
	border-bottom:dotted 1px #cccccc;
}

#whatsnew table {
	width:380px;
	margin-top:15px;
	margin-left:1px;
}

#feed2 li{
	list-style-type:none;
	padding-bottom:4px;
	padding-top:4px;
	border-bottom:dotted 1px #cccccc;
}

#feed2 a:link {/*未訪問のリンク*/
    color:666666;
    font-style:normal;
    text-decoration:none;
}

#feed2 a:hover {/*未訪問のリンク*/
text-decoration:none;
border-bottom:1px dashed #cccccc;
}

#feed2 img{
	border:solid 3px #e9e9e9;
}

#feed2 table, td, th{
	padding: 6px;
}

#tagclowd{
border:#E7E7E7 5px solid;
padding:5px;
}
#tagclowd .tcbold1{font-weight:bold;}
#tagclowd .tcbold2{font-weight:bold; font-size:120%;}

#tb_support{
margin-top:10px;
width:438px;
height:273px;
padding:0;
border:none;}

/*スクロールバー*/

html, body{
	scrollbar-face-color:#FFFFFF;
	scrollbar-track-color:#f0f0f0;
	scrollbar-arrow-color:#2162a3;
	scrollbar-3dlight-color:#e0e0e0;
	scrollbar-highlight-color:#FFFFFF;
	scrollbar-shadow-color:#cccccc;
	scrollbar-darkshadow-color:#f0f0f0;
}

#block03 li{
	list-style-image:url(/common/lst_green.gif);
	padding-right:2px;
	padding-bottom:3px;
	font-size:96%;
	border-bottom:dotted 1px #cccccc;
	list-style-position:outside;
}

#topcont a:hover img{opacity:0.8;filter: alpha(opacity=80);-ms-filter: "alpha( opacity=80 )";background: #fff; 
}