@charset "UTF-8";

/**
 :タイトル "共通インターフェース用";
 :一行説明 "共通インターフェース用のスタイルシート";
 :作成日 "2009-06-01";
 :改訂版 [:版 "1.0.0"; :作成日 "2009-06-01"];
*/

/*------------common---------------*/

@media screen{

* {   
    margin:0;   
    padding:0;   
}  

html { 
	height:100%;
}

body{
	color: #333;
 font-family:"ＭＳ 明朝",serif;
	text-align: center;
	line-height: 1.5em;
	_line-height: 150%;
	font-size: 12px;
	background: url(../img/body_bg.gif);
}

/* safari only ¥*/
html[xmlns*=""] body:last-child div#container{
	font-size: 13px;
}

li {  
 list-style-type:none;
	margin: 0; 
}

img {   
 border: 0;   
} 

address {   
 font-style:normal;
 text-align: right;
	margin-bottom: 60px;
}

a{  
 /*z-index:10;*/
	color: #333;
}
  
a:hover{  
 /*position:relative;  
 z-index:100; */
	text-decoration: none; 
}  

/*------------Clear hack---------------*/

.clearfix {
  overflow: hidden;
  _overflow:visible;
}
.clearfix:after{
content:".";
line-height:0;
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
/*\*/
* html .clearfix{height:1%;}
.clearfix{display:block;}

/* ie7 only */
*:first-child+html div#aaa{
}

/* ie8 only */
head~/* */body div#aaa{
}

/* firefox3 only */
html>/**/body  div#aaa, x:-moz-any-link, x:default{
}

/* safari only ¥*/
html[xmlns*=""] body:last-child div#aaa{
}

/*------------h1---------------*/

h1{
 clear: both;
	background: #fff;
}

h1 a{
 width: 352px;
 _width: 350px;
 height: 47px;
	background: url(../../img/index_logo.gif) no-repeat right;
	display: block;
	text-indent: -9999px;
}

/*------------container---------------*/

div#container{
 width: 960px;
	text-align: left;
	border-left: solid 1px #bf8440;
	border-right: solid 1px #bf8440;
	border-bottom: solid 5px #bf8440;
	margin: auto;
}

div#header{
 height: 5px;
	background: #FFFF00;
 border-top: solid 5px #FF0099;
 border-bottom: solid 5px #00CCFF;
	margin: 0;
}

div#contents{
 height: 100%;
	background: url(../../img/index_bg.jpg) no-repeat;
	height: 565px;
}

div#left{
 width: 260px;
	height: 565px;
	float: left;
	text-align: center;
	text-indent: -9999px;
	background: url(../../img/index_pic_001.jpg) no-repeat;
	height: 100%;
}

div#right{
 width: 680px;
 _width: 678px;
	float: right;
}

div#footer{
 clear: both;
 background: url(../img/common_bg_footerlink.jpg);
}

/*------------left contents---------------*/

div#navi{
 _width: 280px;
	margin: auto;
	padding: 0;
}

/* ie7 only */
*:first-child+html div#navi{
 width: 280px;
	padding: 0;
	margin: 0;
	text-align: left;
}

div#navi .section1{
 border-left: solid 1px #ccc;
 border-right: solid 1px #ccc;
 border-bottom: solid 1px #ccc;
 background: #fff;
}

div#navi li{
	display: inline;
}

div#navi li a{
 float: right;
	width: 35px;
	display: block;
	text-indent: -9999px;
	margin: 5px;	
	_margin: 6px 5px 6px 5px;	
}

/* ie7 only */
*:first-child+html div#navi li a{
 float: right;
	width: 35px;
	display: block;
	text-indent: -9999px;
	margin: 6px 5px 6px 5px;	
}

div#navi #navi1 a{	background:url(../../img/index_navi_002.gif) 0 0;height: 87px;}
div#navi #navi2 a{	background:url(../../img/index_navi_003.gif) 0 0;height: 101px;}
div#navi #navi3 a{	background:url(../../img/index_navi_004.gif) 0 0;height: 62px;}
div#navi #navi4 a{	background:url(../../img/index_navi_005.gif) 0 0;height: 113px;}
div#navi #navi5 a{	background:url(../../img/index_navi_006.gif) 0 0;height: 62px;}
div#navi #navi6 a{	background:url(../../img/index_navi_007.gif) 0 0;height: 62px;}
div#navi #navi7 a{	background:url(../../img/index_navi_008.gif) 0 0;height: 81px;}
div#navi #navi1 a:hover{	background:url(../../img/index_navi_002.gif) no-repeat -35px 0;}
div#navi #navi2 a:hover{	background:url(../../img/index_navi_003.gif) no-repeat -35px 0;}
div#navi #navi3 a:hover{	background:url(../../img/index_navi_004.gif) no-repeat -35px 0;}
div#navi #navi4 a:hover{	background:url(../../img/index_navi_005.gif) no-repeat -35px 0;}
div#navi #navi5 a:hover{	background:url(../../img/index_navi_006.gif) no-repeat -35px 0;}
div#navi #navi6 a:hover{	background:url(../../img/index_navi_007.gif) no-repeat -35px 0;}
div#navi #navi7 a:hover{	background:url(../../img/index_navi_008.gif) no-repeat -36px 0;}

div#right #s_navi li{
	display: inline;
}

div#right #s_navi li a{
 width: 164px;
	height: 25px;
	display: block;
	float: right;
	text-indent: -9999px;
	margin: 8px 8px 8px 0;
	_margin: 8px 3px 8px 0;
}

div#right #s_navi #snavi1 a{ background:url(../img/common_subbtn_003.gif) 0 0;}
div#right #s_navi #snavi1 a:hover{	background:url(../img/common_subbtn_003.gif) 0 -25px;}
div#right #s_navi #snavi2 a{ background:url(../img/common_subbtn_002.gif) 0 0;}
div#right #s_navi #snavi2 a:hover{	background:url(../img/common_subbtn_002.gif) 0 -25px;}

/*------------right contents---------------*/

div#right #section1{
 margin-bottom: 5px;
 border-top: solid 1px #bbb;
 border-left: solid 1px #bbb;
 border-bottom: solid 1px #bbb;
	background: #fff;
	padding: 20px;
}

div#right #section1 h2{
 _width: 280px;
	height: 19px;
 background: url(../../img/index_h2.gif) no-repeat;
	text-indent: -9999px;
}

/* ie7 only */
*:first-child+html div#right #section1 h2{
 width: 280px;
	height: 19px;
 background: url(../../img/index_h2.gif) no-repeat;
	text-indent: -9999px;
}

div#right #section1 .left,
div#right #section3 .left{
 float: left;
}

div#right #section1 .right,
div#right #section3 .right{
 float: right;
}

div#right .qr{
 float: left;
	width: 125px;
	text-align: right;
}

div#right address{
 background: url(../../img/index_address.gif) no-repeat right;
	width: 193px;
	height: 50px;
	text-indent: -9999px;
	float: right;
}

div#right address p{
 display: none;
}

div#right #section2{
	margin: 0;
}

div#right #section2 a{
 width: 677px;
	height: 108px;
 display: block;
 background: url(../../img/index_pic_002.jpg) no-repeat 0 0;
 border: solid 1px #fff;
	margin: 10px 0 10px 1px;
	text-indent: -9999px;
}

div#right #section2 a:hover{
 background: url(../../img/index_pic_002.jpg) no-repeat 0 -108px;
}

div#right #section3{
 margin-bottom: 5px;
}

div#right #section3 .left{
 width: 335px;
 background: #FFFFFF;
	border: solid 1px #C18845;
	padding: 1px;
}

div#right #section3 .left h2{
 background: url(../../img/index_h2_003.gif) no-repeat;
	width: 219px;
	height: 31px;
	text-indent: -9999px;
	margin: 5px 0 5px 0;
}

div#right #section3 .left .thm{
 width: 106px;
 float: left;
	_margin-right: 4px;
}

div#right #section3 .left .text{
 width: 219px;
 float: right;
	margin-right: 5px;
	_margin-right: 2px;
	font-size: 10px;
}

div#right #section3 .right{
 width: 335px;
 background: #FFFFFF;
	border: solid 1px #C18845;
	padding: 1px;
}

div#right #section3 .right h2{
 background: url(../../img/index_h2_004.gif) no-repeat;
	width: 219px;
	height: 31px;
	text-indent: -9999px;
	margin: 5px 0 5px 0;
}

div#right #section3 .right .thm{
 width: 106px;
 float: left;
	_margin-right: 4px;
}

div#right #section3 .right .text{
 width: 219px;
 float: right;
	margin-right: 5px;
	_margin-right: 2px;
	font-size: 10px;
}

div#right #section3 .right .text .bgfnt{
	font-size: 12px;
	font-weight:bold;
}

div#right #section3 .left .detail_btn a{
 width: 84px;
	height: 18px;
	float: right;
 background: url(../../img/index_detail_002.gif) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
	margin-top: 20px;
}

div#right #section3 .left .detail_btn a:hover{
 background: url(../../img/index_detail_002.gif) no-repeat 0 -18px;
}

div#right #section3 .right .detail_btn a{
 width: 84px;
	height: 18px;
	float: right;
 background: url(../../img/index_detail_003.gif) no-repeat 0 0;
	display: block;
	text-indent: -9999px;
	margin-top: 20px;
}

div#right #section3 .right .detail_btn a:hover{
 background: url(../../img/index_detail_003.gif) no-repeat 0 -18px;
}

div#right #section4{
 margin: 10px 10px 10px 0;
}

div#right #section4 #btn1 a{
 display: block;
	float: left;
	text-indent: -9999px;
 background:url(../../img/index_btn_001.gif) no-repeat 0 0;
 width: 330px;
	height: 50px;
}

div#right #section4 #btn1 a:hover{
 background:url(../../img/index_btn_001.gif) no-repeat 0 -50px;
}

div#right #section4 #btn2 a{
 display: block;
	float: right;
	text-indent: -9999px;
 background:url(../../img/index_btn_002.gif) no-repeat 0 0;
 width: 330px;
	height: 50px;
}

div#right #section4 #btn2 a:hover{
 background:url(../../img/index_btn_002.gif) no-repeat 0 -50px;
}

/*------------footer---------------*/

div#pagetop a{
 float: right;
 display: block;
	width: 84px;
	height: 20px;
	background:url(../img/common_pagetop.gif);
	text-indent: -9999px;
	margin: 5px;
}

div#pagetop a:hover{
	background:url(../img/common_pagetop_over.gif);
}

div#footer_link{
 width: 850px;
 float: left;
	height: 25px;
	padding: 5px 0 0 10px;
}

div#footer_link a{
	font-size: 10px;
	color: #ccc;
	text-decoration: none;
}

/*------------text decoration---------------*/

.gmap{
 border: solid 1px #ccc;
}

.caption{
 color: #FF0000;
}

.clear{
 clear: both; 
}

}