@charset "utf-8";

/* ------------------------------------------------------
ヘッダー
------------------------------------------------------ */
#head_tab{border-bottom:solid 3px #999999;}
#head_tab #tab_area{width:1200px; margin:0 auto; height:40px; position:relative;}
#head_tab #tab_area li.tab1{ position:absolute; right:708px; top:6px;}
#head_tab #tab_area li.tab2{ position:absolute; right:531px; top:6px;}
#head_tab #tab_area li.tab3{ position:absolute; right:354px; top:6px;}
#head_tab #tab_area li.tab4{ position:absolute; right:177px; top:6px;}
#head_tab #tab_area li.tab5{ position:absolute; right:0; top:6px;}


#head{
	margin:0 auto;
	width:1200px;
	height:100px;
	position:relative;
	padding-top:40px;
}

#head_wrap{
	background-image:url(../img/head_back.jpg);
	background-repeat:repeat-x;
	background-position:center;
}


#tel{
	text-align:right;
	margin-bottom:10px;
	position: relative;
}

.tel_btn {
	position: absolute;
	top: 5px;
	right: 12px;
}

#logo_area{
	width:1200px;
}
#logo{
	float:left;
	width:449px;
}
#logo_area p{float:right;margin-top: -15px;}

#head_btn_area{
	float:right;
	width:518px;
	margin:15px 0 30px 0;
}
.head_btn{
	float:left;
	margin-right:10px;
}
#head_btn2{
	float:left;
	margin:0;
}
/* ------------------------------------------------------
フラッシュ
------------------------------------------------------ */
#flash_wrap{
	background-image:url(../img/key_back.jpg);
	height:309px;
	background-repeat:repeat-x;
}
#flash{
	margin:0 auto;
	width:1200px;
}



/* ------------------------------------------------------
グローバルナビ
------------------------------------------------------ */
#navi_wrap{
	background-image:url(../img/navi_back.jpg);
	background-repeat:repeat-x;
}
#navi{
	margin:0 auto 10px auto;
	width:1150px;
}
#navi_index{
	margin:0 auto 10px auto;
	width:1150px;
}
#navi li{
	float:left;
}
#navi_index li{
	float:left;
}

li#navi01 a {
     padding-top: 51px;
     width: 191px;
     height: 0;
     overflow: hidden;
     display: block;
     background: url(../img/navi01.jpg) no-repeat 0 0;
	}
li#navi01 a:hover { background: url(../img/navi01.jpg) no-repeat 0 -51px; }

li#navi02 a {
     padding-top: 51px;
     width: 191px;
     height: 0;
     overflow: hidden;
     display: block;
     background: url(../img/navi02.jpg) no-repeat 0 0;
	}
li#navi02 a:hover { background: url(../img/navi02.jpg) no-repeat 0 -51px; }

li#navi03 a {
     padding-top: 51px;
     width: 191px;
     height: 0;
     overflow: hidden;
     display: block;
     background: url(../img/navi03.jpg) no-repeat 0 0;
	}
li#navi03 a:hover { background: url(../img/navi03.jpg) no-repeat 0 -51px; }

li#navi04 a {
     padding-top: 51px;
     width: 191px;
     height: 0;
     overflow: hidden;
     display: block;
     background: url(../img/navi04.jpg) no-repeat 0 0;
	}
li#navi04 a:hover { background: url(../img/navi04.jpg) no-repeat 0 -51px; }

li#navi05 a {
     padding-top: 51px;
     width: 191px;
     height: 0;
     overflow: hidden;
     display: block;
     background: url(../img/navi05.jpg) no-repeat 0 0;
	}
li#navi05 a:hover { background: url(../img/navi05.jpg) no-repeat 0 -51px; }

li#navi06 a {
     padding-top: 51px;
     width: 195px;
     height: 0;
     overflow: hidden;
     display: block;
     background: url(../img/navi06.jpg) no-repeat 0 0;
	}
li#navi06 a:hover { background: url(../img/navi06.jpg) no-repeat 0 -51px; }

/* ------------------------------------------------------
メイン
------------------------------------------------------ */
#main_wrap{
	background-color:#f3f3f3;
	}
#main{
	padding-top:20px;
	background-color:#FFF;
	margin:0 auto;
	width:908px;
	padding:20px 30px 0 30px;
	border-left:solid 1px #CCC; 
	border-right:solid 1px #CCC; 
}

.mb30{ margin-bottom:30px;}
/* ------------------------------------------------------
左カラム
------------------------------------------------------ */	
#left_area{
	float:left;
	width:710px;
	margin-right:10px;
}

#floor_btn{margin-bottom:20px;}
#floor_btn h3{margin-bottom:15px;}
#floor_btn p{ width:230px; float:left; margin-right:10px;}
#floor_btn p.mr0{margin-right:0px;}

#topic{
	border:1px solid #e9e7d2;
	padding:12px 12px 12px 13px;
	margin-bottom:20px;
}
#top_area1{
	background-image:url(../img/main_img1.jpg);
	background-repeat:no-repeat;
	width:65px;
	padding:85px 0 0 610px;
	height:19px;
}
.dot{
	border-bottom:dotted 1px #cfcab4;
	margin:10px 0;
}
#top_area2{
	background-image:url(../img/main_img2.jpg);
	background-repeat:no-repeat;
	width:65px;
	padding:85px 0 0 610px;
	height:19px;
}

#top_area3{
	background-image:url(../img/main_img3.jpg);
	background-repeat:no-repeat;
	width:65px;
	padding:85px 0 0 610px;
	height:19px;
}

#news{
	background-image:url(../img/news_back.jpg);
	background-position:bottom;
	padding:0 30px 20px 30px;
	background-position:bottom;
	position:relative;
	margin-bottom:20px;
}
#news_img{
	position:absolute;

}
#news dl{
	background-image:url(../img/news_icon.jpg);
	background-repeat:no-repeat;
	background-position:35px 1px;
	padding-left:50px;
	padding-bottom:10px;
	margin-bottom:10px;
}
#news dt{
	margin-bottom:5px;
	color:#9a9744;
	font-weight:bold;
}
#news dd{
}




/* ------------------------------------------------------
真ん中カラム
------------------------------------------------------ */	

/* ------------------------------------------------------
右カラム
------------------------------------------------------ */
#right_area{
	float:right;
	width:170px;
}
#right_area p{
	margin-bottom:10px;
}

/* ------------------------------------------------------
ツイッター
------------------------------------------------------ */
#right_area p#twi{margin-bottom:0px;}
#twi{background-image:url("../img/under/twi.jpg"); width:160px; padding-left:10px;
height:22px; padding-top:43px; margin-bottom:0px; font-size:10px; display:block;}
#twi a{color: #999845;}
.twtr-bd{background-color:#DADADA; word-break:break-all;}
.twtr-hd{display:none;}
.twtr-ft span{display:none;}


/* ------------------------------------------------------
下カラム
------------------------------------------------------ */	
#under{
}
#under ul{
	margin:20px 0 15px 0;
}
#under li{
	float:left;
	margin-right:11px;
	
}
#under .sam2{
	margin-right:0;
}
/* ------------------------------------------------------
フッター
------------------------------------------------------ */
#pagetop {position: fixed;bottom: 10px;right: 10px;}

#foot_area{
	border-top:5px solid #333;
	background-color:#f3f3f3;
	font-size:10px;
	padding-left:0px;
	*margin:0 0 0 0;
}
.go_top{
	text-align:right;
		margin:0 0 0 0;}

#foot{
	background-color:#FFF;
	margin:0 auto;
	width:908px;
	padding:30px 30px 30px 30px;
	border-left:solid 1px #CCC; 
	border-right:solid 1px #CCC;
	text-align:center;

}

#foot .foot_bn{	text-align:center; margin-bottom:10px; width:898px;}/*798px*/
#foot .foot_bn2{text-align:center; margin-bottom:30px; width:348px;}
#foot .foot_bn p{	float:left; margin-right:10px; text-align:center;}
#foot .foot_bn2 p{	float:left; margin-right:10px; text-align:center;}
	
	
#foot p{
	color:#333;
	margin-bottom:10px;
}
#foot_copy{
	margin:0 0 0 0;
	color:#000;
}
#foot a:link {
	color:#000;
	text-decoration:none;
	}
#foot a:visited {
	color:#000;
	text-decoration:none;
	}
#foot a:hover {
	text-decoration:underline;
	}
#foot a:active {
	text-decoration:none;
	}