@charset "utf-8";
/* CSS Document */

@import "pages.css";
@import "tables.css";


img{border:none;}
ul,ol,dl,dt,dd,h1,h2,h3,h4,h5,h6,p{margin:0;padding:0;}

body{
	font-family:ＭＳ Ｐゴシック, Osaka;
	font-size: 100%;
	background: url(../img/common/body_bg.jpg) repeat-x #fff;
	text-align: center;
	margin: 0;
	padding: 0;
}


tml*p { Safari用のスタイル }


table{font-size:100%;line-height:1.2;}
strong{color:#cc4900;}
/*
	color 

	テーマカラー（黄色）
	#fef34e;
*/



 
 
/*---------------------------------------------------
 *
 * 汎用CSS
 *
 *---------------------------------------------------*/

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.smallerfont {
	font-size:90%;
}
/* safari only */
html[xmlns*=""] body:last-child .smallerfont{
		font-size:95%;
}



.fr-img{
	float:right;
}
.fr-img img{margin:10px 12px 0px 23px;}

.fl-img{
	float:left;
}
.fl-img img{margin:10px 23px 0px 14px}

/*---------------------------------------------------
 *
 * レイアウト用CSS
 *
 *---------------------------------------------------*/

#container{

	width: 800px;
	font-size: 95%;
	margin:0 auto;
	text-align: center;
	
	background:url(../img/common/container_bg.png) repeat-y center;

}
/* safari only */
html[xmlns*=""] body:last-child div#container{
		font-size:88%;
		/*letter-spacing:-0.5px;*/
}

#header{
	text-align:left;
	padding:30px 20px 0 20px;
	background: url(../img/common/header_bg.jpg) no-repeat;
}
#header h1{
	font-size: 12px;
	margin: 8px 0 15px 0;
	padding: 0;
	font-weight:400;
}

#ci-title{
	float: left;
	width: 380px;
	margin-bottom:5px;
}
#header-info{
	float: right;
	width: 380px;
	text-align: right;
}
#header-info #tel{
	margin-bottom:19px;
}



#main-area{
	clear:both;
	width:760px;
	margin:19px 20px 0 20px;
	background:url(../img/common/main-area_bg.gif) repeat-y;
}


#content{
	padding:0 0 90px 0;

	float: right;
	width:580px;
	text-align:left;
}


div#content h2{
	background:url(../img/common/h2_bg.jpg) no-repeat;
	width:580px;
	height:48px;
	line-height:49px;
	font-size:27px;
	letter-spacing:3px;
	font-weight:400;
	padding-left:40px;
}

div#content h3 {
background:url(../img/common/h3_bg.jpg) no-repeat;
width:580px;
height:40px;
line-height:40px;
padding-left:20px;
margin:20px 0 20px 0;
}

div#content p {
	margin:30px 10px 30px 10px;
	line-height:1.9;
}





#sidebar{
background:url(../img/common/sidebar_top.gif) no-repeat #fef34e;
	text-align:left;
	float:left;
	width:170px;
	padding:10px 0 0 0;

}

#sidebar #navi{
	margin: 0 0 0 0; padding: 0;
}
#sidebar #navi ul{
list-style-type:none;
line-height:35px;
margin:0px auto 0 10px;

}

#sidebar #navi li{width: 150px;margin-bottom:6px;line-height:1;}

#sidebar #navi li a {display:block; width: 150px;height: 31px;text-indent:-150px; overflow: hidden; }
#sidebar #navi li a{background-image:url(../img/common/090401menu.gif);background-repeat: no-repeat; }

#sidebar #navi li#navi-home a { background-position: 0 0; }
#sidebar #navi li#navi-dat a { background-position: 0px -35px; }
#sidebar #navi li#navi-acs a { background-position: 0px -70px; }
#sidebar #navi li#navi-info a { background-position: 0px -105px; }
#sidebar #navi li#navi-staff a { background-position: 0px -140px; }
#sidebar #navi li#navi-inquiry a { background-position: 0px -175px; }

#sidebar #navi li#navi-home a:hover { background-position: -150px 0; }
#sidebar #navi li#navi-dat a:hover { background-position: -150px -35px; }
#sidebar #navi li#navi-acs a:hover { background-position: -150px -70px; }
#sidebar #navi li#navi-info a:hover { background-position: -150px -105px; }
#sidebar #navi li#navi-staff a:hover { background-position: -150px -140px; }
#sidebar #navi li#navi-inquiry a:hover { background-position: -150px -175px; }

#sidebar #navi .home li#navi-home a{ background-position: -150px 0 !important;}
#sidebar #navi .dat li#navi-dat a{ background-position: -150px -35px !important;}
#sidebar #navi .acs li#navi-acs a{ background-position: -150px -70px !important;}
#sidebar #navi .info li#navi-info a{ background-position: -150px -105px !important;}
#sidebar #navi .staff li#navi-staff a{ background-position: -150px -140px !important;}
#sidebar #navi .inquiry li#navi-inquiry a{ background-position: -150px -175px !important;}


#sidebar .section{
	text-align:center;
	margin:15px 0;
}

#bottom-navi{
	clear:both;
	padding:0 0 0 175px;
	background: url(../img/common/sidebar_bottom.gif) no-repeat left bottom #fff;
}
#bottom-navi p{margin:0px 0 0 0;padding:0 0 10px 0;font-size:90%;}


#footer{
	clear:both;
	margin:0px 0 0 0;
	padding:10px 20px 30px 20px;
	background: url(../img/common/footer_bg.gif) no-repeat center bottom;
}

#footer-navi{
	text-align:left;
	height:80px;
	padding:0px 0px 0px 90px;
	margin:0 0 10px 0;
	background: url(../img/common/footer-info_bg.gif) no-repeat top center;
}

#footer-info{
font-size:14px;
	float:left;
	width:360px;
	padding:10px 0 0 0;
	line-height:1.2;
	background:none;
}
#footer-info strong{color:#0f2f92;}
#footer-info img{margin-top:3px;}

#footer-inquiry{
	float:right;
	width:300px;
	padding:25px 0 0 0;
	text-align:right;
}
#footer-inquiry img{margin-right:9px;}