@charset "utf-8";
/* ===================================================================
CSS information

 file name  :  top.css
 style info :  トップ用のスタイル指定
=================================================================== */


#ConBtnArea{
	width:840px;
	height:40px;
	margin:0 auto;
	background:url(../../../location/img/tab_btn_off.gif) no-repeat 20px 0px;
	text-indent:-9999px;
	padding:0px 20px 0px 20px;
}



#ConBtnArea ul{
	list-style:none;
}


#ConBtnArea li{
	float:left;
}


#ConBtnArea #tab li#tab01 a,
#ConBtnArea #tab li#tab02 a,
#ConBtnArea #tab li#tab03 a{
	margin-right:4px;
}



#ConBtnArea #tab li#tab01 a,
#ConBtnArea #tab li#tab02 a,
#ConBtnArea #tab li#tab03 a,
#ConBtnArea #tab li#tab04 a{
	width:207px;
	height:40px;
	display:block;
}




#ConBtnArea #tab li#tab01 a:hover,
#ConBtnArea #tab li#tab01.present{
	background:url(../../../location/img/tab_btn_on.gif) no-repeat 0px 0px;
}


#ConBtnArea #tab li#tab02 a:hover,
#ConBtnArea #tab li#tab02.present{
	background:url(../../../location/img/tab_btn_on.gif) no-repeat -211px 0px;
}


#ConBtnArea #tab li#tab03 a:hover,
#ConBtnArea #tab li#tab03.present{
	background:url(../../../location/img/tab_btn_on.gif) no-repeat -422px 0px;
}


#ConBtnArea #tab li#tab04 a:hover,
#ConBtnArea #tab li#tab04.present{
	background:url(../../../location/img/tab_btn_on.gif) no-repeat -633px 0px;
}




#tab_box {
	border: 4px solid #aaa;
	padding: 36px 26px 36px 26px;
	background: #fff;
}




#w365_left {
	width:365px;
	float:left;
}


#w420_right {
	width:420px;
	float:right;
}



#w840box {
	width:850px;
	margin: auto;
}



#w280_left {
	width:280px;
	float:left;
}