@charset "shift_jis";

/*********************************
 *
 * COMMON STYLES
 *
 *********************************/

html{
	font-size:62.5%;
}
body {color:#535353; font-size:1.2rem; font-family:"メイリオ",Meiryo,"ＭＳ ゴシック",monospace;}
p,li,th,td,dt,dd {line-height:1.4;}
#contents p {line-height:1.5;}
a {color:#005391;} a:hover {color:#005391; text-decoration:none;}
a:hover img.hover {filter:alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

/* margin style */
.mT00 {margin-top:0 !important;}		.mT05 {margin-top:5px !important;}
.mT10 {margin-top:10px !important;}	.mT15 {margin-top:15px !important;}
.mT20 {margin-top:20px !important;}	.mT30 {margin-top:30px !important;}
.mT40 {margin-top:40px !important;}

/* text style */
.color {color:#334459;} /* 差し色 */	.color2 {color:#005391;} /* 差し色2 */
.bold{font-weight:bold !important;}	.normal{font-weight:normal !important;}
.fs14 {font-size:1.4rem !important;}		.fs16{font-size:1.6rem !important;}

/* float style */
.left {float:left;} .right {float:right;} .clear {clear:both;}
.left_photo {float:left; padding:0 20px 20px 0;} .right_photo {float:right; padding:0 0 20px 20px;}


.tit {
	width: 610px;
	height: 31px;
	display:block;
	text-indent: -9999px;
	font-size: 0;
	overflow: hidden;
}


/*********************************
 *
 * WRAPPER
 *
 *********************************/

#wrapper_top {width:100%; background:url(../../images/index/bg_wrapper.gif) center top no-repeat;}
#wrapper {width:100%; background:url(../../common/images/bg_wrapper.gif) center top no-repeat;}



/*********************************
 *
 * HEADER
 *
 *********************************/

#header {position:relative; width:950px; height:87px; margin:0 auto; font-size:1.1rem;}
	h1 {position:absolute; overflow:hidden; width:640px; height:18px;  padding-top:6px; font-weight:bold; line-height:1;}
	#logo {position:absolute; top:28px; left: 185px;}
	#tel {position:absolute; top:32px; right:5px;}
	#hlink {position:absolute; top:61px; right:3px;}
		#hlink li {float:left; margin:0 0 0 20px; padding:3px 0; background:url(../images/header/icon_arrow.gif) left top no-repeat; line-height:1; text-indent:20px;}
		#hlink li a {color:#000; text-decoration:none;}	#hlink li a:hover {text-decoration:underline;}
	#hd_30th {position:absolute; top:18px; left:570px;}

#logomark {position:absolute; top:28px;}

#tel {
	width: 240px;
	height:35px;
	display:block;
	text-indent: -9999px;
	font-size: 0;
	overflow: hidden;
	background:url(../../images/img_tel.png) 0px 0px no-repeat; 
}







/*********************************
 *
 * GLOBAL MENU
 *
 *********************************/

#gmenu {width:950px; height:47px; margin:5px auto 0 auto;}
	#gmenu li {float:left;}
	#gmenu li a {
		height:47px;
		display:block;
		text-indent: -9999px;
		font-size: 0;
		overflow: hidden;
	}
	#gmenu li:nth-child(2) a {background:url(../images/menu/menu_btn_all.png) 0px 0px no-repeat; width: 187px;}
	#gmenu li:nth-child(3) a {background:url(../images/menu/menu_btn_all.png) -187px 0px no-repeat; width: 154px;}
	#gmenu li:nth-child(4) a {background:url(../images/menu/menu_btn_all.png) -341px 0px no-repeat; width: 118px;}
	#gmenu li:nth-child(5) a {background:url(../images/menu/menu_btn_all.png) -459px 0px no-repeat; width: 117px;}
	#gmenu li:nth-child(6) a {background:url(../images/menu/menu_btn_all.png) -576px 0px no-repeat; width: 118px;}
	#gmenu li:nth-child(7) a {background:url(../images/menu/menu_btn_all.png) -694px 0px no-repeat; width: 137px;}
	#gmenu li:nth-child(8) a {background:url(../images/menu/menu_btn_all.png) -831px 0px no-repeat; width: 119px;}

	#gmenu li:nth-child(2).on a , #gmenu li:nth-child(2) a:hover {background:url(../images/menu/menu_btn_all.png) 0px -47px no-repeat; width: 187px;}
	#gmenu li:nth-child(3).on a , #gmenu li:nth-child(3) a:hover {background:url(../images/menu/menu_btn_all.png) -187px -47px no-repeat; width: 154px;}
	#gmenu li:nth-child(4).on a , #gmenu li:nth-child(4) a:hover {background:url(../images/menu/menu_btn_all.png) -341px -47px no-repeat; width: 118px;}
	#gmenu li:nth-child(5).on a , #gmenu li:nth-child(5) a:hover {background:url(../images/menu/menu_btn_all.png) -459px -47px no-repeat; width: 117px;}
	#gmenu li:nth-child(6).on a , #gmenu li:nth-child(6) a:hover {background:url(../images/menu/menu_btn_all.png) -576px -47px no-repeat; width: 118px;}
	#gmenu li:nth-child(7).on a , #gmenu li:nth-child(7) a:hover {background:url(../images/menu/menu_btn_all.png) -694px -47px no-repeat; width: 137px;}
	#gmenu li:nth-child(8).on a , #gmenu li:nth-child(8) a:hover {background:url(../images/menu/menu_btn_all.png) -831px -47px no-repeat; width: 119px;}


/*********************************
 *
 * PANKUZU LIST
 *
 *********************************/

#pankuzu {padding:0 0 12px 0; background:url(../images/icon_pankuzu.gif) 2px 4px no-repeat; font-size:1.0rem; text-indent:20px;}



/*********************************
 *
 * MAIN
 *
 *********************************/

#main {width:953px; margin:0 auto; padding:16px 3px 40px 0; background:url(../images/bg_main.gif) no-repeat;}
#mainimgtop {
	width:950px;
	margin:0 auto;
}
#mainimg {
	width:950px;
	height: 60px;
	margin:0 auto;

	display:block;
	text-indent: -9999px;
	font-size: 0;
	overflow: hidden;

}



/*********************************
 *
 * BANNER AREA
 *
 *********************************/

#banner {float:left; width:316px; padding:0 3px 0 0; background:url(../images/bg_banner.gif) no-repeat;}
/*#wrapper_top #banner {height:300px;}*/
#wrapper #banner {height:600px;}
	#banner ul {width:290px; margin:13px auto 0 auto;}
		#banner ul li {margin:0 0 10px 0;}
	#banner .srp {width:268px; margin:13px auto 0 auto; padding:7px 10px; border:1px solid #d3d3d3;}
		#banner .srp div {width:155px; margin-top:5px; font-size:1.0rem;}
		#banner .srp h3 {padding:5px 0; color:#333; font-size:1.2rem; font-weight:bold;}
.bnr_robins {float:left; margin-left:32px; padding-top:13px;}
.bnr_robins_conf {float:left; margin-left:6px; padding-top:4px;}
.bnr_l {float:left; margin-left:13px; padding-top:13px;}
.bnr_l2 {float:left; margin-left:13px; padding-top:3px;}
.bnr_r {float:left; margin-left:10px; padding-top:13px;}


/*********************************
 *
 * CONTENTS
 *
 *********************************/

#contents_top {width:932px; margin:0 auto;}
#contents {float:right; width:610px;}
	#contents p {margin-top:1em;}



/*********************************
 *
 * FOOTER
 *
 *********************************/

#footer {width:950px; height:200px; margin:10px auto; background:url(../images/footer/bg_footer.gif) no-repeat;}
	#pagetop {height:35px; padding:5px 20px 0 0; text-align:right;}
	#flink {height:23px; padding-top:13px; font-size:1.0rem;}
		#flink li {float:right; margin:0 20px 0 10px; background:url(../images/footer/icon_arrow.gif) no-repeat; line-height:1; text-indent:14px;}
		#flink li a {color:#232323; text-decoration:none;} #flink li a:hover {text-decoration:underline;}
	#footer h2 {height:21px; padding:8px 0 0 20px; line-height:1;}
#footer h2 span.address {
	padding-left: 20px;
}

#footer #copy {padding:24px 15px 0 0; font-size:1.0rem; text-align:right;}
