@charset "Shift_JIS";

/* -------------------------------------------
 タグ初期設定
------------------------------------------- */

* {
 margin: 0;
 padding: 0;
}

html {
width:100%;
height: 100%;
overflow-y: scroll;
overflow: hidden;
}

body {
 height: 100%;
 font: 12px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka-等幅",  "ＭＳ ゴシック", "MS Gothic", sans-serif;
 text-align: center;
 line-height: 1.8;
 color: #626262;
 text-align: justify;
 text-justify: distribute;
}

/*IE8とモダンブラウザ用*/
html>/**/body {
 font-size: 10px;
}

/*IE6以下用ハック*/
* html body {
 font-size: 70.5%;
 overflow-y:scroll;
}

/*IE7以上用ハック*/
*:first-child+html body {
 font-size: 70.5%;
}
img.bgimage {
    display: none;
}

/* -------------------------------------------
 その他のハック　サンプル
------------------------------------------- */

/*Safari用ハック\*/
html:＼66irst-child selector {}

/*IE8用ハック*/
*:first-child+html>/**/body selector {}

/* -------------------------------------------
 タグ初期設定
------------------------------------------- */

h1, h2, h3, h4, h5, h6 {
 font-size: 1em;
 font-weight: normal;
}

img {
 border: 0;
 vertical-align: bottom;
}

ul{
list-style:none;
}

a {
 outline: none;
 color: #626262;
}

a:link {
 text-decoration: underline;
 color: #626262;
}

a:hover,
a:focus {
 text-decoration: none;
 color: #626262;
}

a:active {
 position: relative;
 top: 1px;
 left: 1px;
 text-decoration: none;
 color: #626262;
}

a:visited {
 text-decoration: underline;
 color: #626262;
}

label {
 cursor: pointer;
}

/* -------------------------------------------
 共通設定
------------------------------------------- */



/*フロート解除*/
.clear {
 content: "";
 height: 0;
 display: block;
 visibility: hidden;
 clear: both;
}

.clearfix:after { /*floatの解除、ここがポイント*/
	display:block;
	clear:both;
	height:0px;
	visibility:hidden;
	content:".";
}
.clearfix {
	min-height: 1px; /*IE6、7対策*/
}
* html .clearfix {
	height: 1px;
	/*\*//*/ /*MAC IE5.x対策*/
	height: auto;
	overflow: hidden;
	/**/
}
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}
*:after {
  display:block;
  clear:both;} /* この記述は固定です */

element {zoom:1;} /* clearfix IE6, 7 */
element:after {content:"";} /* clearfix */

/* -------------------------------------------
 #top_contents
------------------------------------------- */

#top_contents{
width:1100px;
height:578px;
margin:0 auto;
}

#top_contents h1{
margin:48px 0 0 33px;
float:left;
width:124px;
background:url(../images/title.png) left top no-repeat;
overflow: hidden;
display:block;
padding-top: 350px;
height: 0;
_text-indent:-9999px;
_padding-top: 0;
_height: 350px;
}

#top_contents #menu{
width:114px;
margin:52px 62px 0 0;
float:right;
border-left:solid 1px #a6a5a2;
}
#top_contents #menu li{
margin-bottom:3px;
_height:26px;
}
#top_contents #menu li a{
padding-top:26px;
height:0;
_padding-top:0;
_height:26px;
_text-indent:-9999px;
overflow:hidden;
display:block;
cursor:pointer;
}
#menu01 a{ background: transparent url(../images/menu.png) 0 0 no-repeat;}
#menu02 a{ background: transparent url(../images/menu.png) 0 -29px no-repeat;}
#menu03 a{ background: transparent url(../images/menu.png) 0 -57px no-repeat;}
#menu04 a{ background: transparent url(../images/menu.png) 0 -86px no-repeat;}
#menu05 a{ background: transparent url(../images/menu.png) 0 -114px no-repeat;}
#menu06 a{ background: transparent url(../images/menu.png) 0 -143px no-repeat;}
#menu07 a{ background: transparent url(../images/menu.png) 0 -171px no-repeat;}
#menu01 .over { background-position: -114px 0; }
#menu02 .over { background-position: -114px -29px; }
#menu03 .over { background-position: -114px -57px; }
#menu04 .over { background-position: -114px -86px; }
#menu05 .over { background-position: -114px -114px; }
#menu06 .over { background-position: -114px -143px; }
#menu07 .over { background-position: -114px -171px; }

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

#footer{
width:100%;
 margin:0; padding:0;
	background:url(../images/footmenu_bg.gif) left top repeat-x;
	height:141px;
	position:absolute;
	bottom:0;
}
#footer-inn{
width:1100px;
margin:0 auto;
}

#footer_navi {
 padding-top:29px;
 height: 44px;
 width: 900px;
	margin:0 auto;
 list-style: none;
 overflow: hidden;
}

.footer_navi_item {
 height: 45px;
	margin-right:23px;
 float: left;
 overflow: hidden;}

.footer_navi_item a {
 padding-top: 45px;
 height: 0;
	_padding-top:0;
 _height: 45px;
	_text-indent:-9999px;
 display: block;
 overflow: hidden;
 cursor: pointer;
}
#footer_navi_title {
 padding-top: 45px;
 height: 0;
	_text-indent:-9999px;
	_padding-top:0;
 _height: 45px;
 display: block;
 overflow: hidden;
}

#footer_navi_title { width: 38px; background: transparent url(../images/f_navi.jpg) 0 0 no-repeat; margin-right:50px;}
#footer_navi_item1 a { width: 121px; background: transparent url(../images/f_navi.jpg) -88px 0 no-repeat; }
#footer_navi_item2 a { width: 142px; background: transparent url(../images/f_navi.jpg) -232px 0 no-repeat; }
#footer_navi_item3 a { width: 142px; background: transparent url(../images/f_navi.jpg) -375px 0 no-repeat; }
#footer_navi_item4 a { width: 141px; background: transparent url(../images/f_navi.jpg) -519px 0 no-repeat; }
#footer_navi_item5 a { width: 146px; background: transparent url(../images/f_navi.jpg) -662px 0 no-repeat; }

#footer_navi_item1 .over { background-position: -88px -45px; }
#footer_navi_item2 .over { background-position: -232px -45px; }
#footer_navi_item3 .over { background-position: -375px -45px; }
#footer_navi_item4 .over { background-position: -519px -45px; }
#footer_navi_item5 .over { background-position: -662px -45px; }

#footer-inn p{
	margin-top:35px; color:#72726f; font-size:80%; text-align:center; letter-spacing:0.1em;
}