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


#index-container{
height: auto;
width: 900px;
margin: 0 auto;
}
/*ビジュアル*/
#wrap-visual{
margin: 0px auto;
padding: 0px;
height: 460px;
width: 900px;
}
#visual{
margin: 0px;
padding: 0px;
height: 460px;
width: 900px;
position: relative;
}
#visual h1{
	display: none;
}
#visual .photo {
height: 460px;
width: 900px;
position: absolute;
left: auto;
top: auto;
overflow: hidden;
}
/* menus */
#visual #index-menu{
	position: absolute;
	display: block;
	z-index: 100;
	left: 0px;
	top: 0px;
	margin: 315px 0 0 0;
	padding: 0px;
	height: 145px;
	width: 900px;
}
#visual #bg-menu{
	position: absolute;
	display: block;
	z-index: 50;
	left: 0px;
	top: 0px;
	background-image: url(../images/bg_menu.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 315px 0 0 0;
	padding: 0px;
	height: 145px;
	width: 900px;
}
*html .iepngfix {
behavior: expression(IEPNGFIX.fix(this));
}
#visual #index-menu h3{
	font-size: 1px;
	line-height: 1px;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 50px;
	width: 190px;
	overflow: hidden;
}
#visual #index-menu h4{
	font-size: 1px;
	line-height: 1px;
	text-indent: -1000em;
	display: block;
	margin: 0px;
	padding: 0px;
	height: 40px;
	width: 190px;
	overflow: hidden;
}
#index-menu li{
	margin: 0 0 5px 0;
	padding: 0px;
}
#index-menu li dt{
	float: left;
	margin:0 10px 0 0;
}
#index-menu li dd{
	float: left;
}
#index-menu li a{
	font-size: 1px;
	line-height: 1px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -1000em;
	display: block;
	overflow: hidden;
}
#index-menu li a:hover{
background-position: left bottom;
}
#index-menu .category1{
	margin: 0 0 0 20px;
	padding: 0px;
	float: left;
	height: 145px;
	width: 190px;
	display: inline;
}
#index-menu .category1 h3{
	background-image: url(../images/menu1_txt1.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#index-menu .category1 h4{
	background-image: url(../images/menu1_txt2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#index-menu .category1 li.m1 a{
	background-image: url(../images/menu1_btn1.gif);
	height: 15px;
	width: 120px;	
}
#index-menu .category2{
	margin: 0 0 0 35px;
	padding: 0px;
	float: left;
	height: 145px;
	width: 190px;
}
#index-menu .category2 h3{
	background-image: url(../images/menu2_txt1.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#index-menu .category2 h4{
	background-image: url(../images/menu2_txt2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#index-menu .category2 li.m1 a{
	background-image: url(../images/menu2_btn1.gif);
	height: 15px;
	width: 108px;	
}
#index-menu .category2 li dl,#index-menu .category2 li dt,#index-menu .category2 li dd{
	margin: 0px;
	padding: 0px;
}
#index-menu .category2 li dt.m2 a{
	background-image: url(../images/menu2_btn2.gif);
	height: 15px;
	width: 95px;	
}
#index-menu .category2 li dd.m2-1 a{
	background-image: url(../images/menu2_btn2-1.gif);
	height: 15px;
	width: 15px;	
}
#index-menu .category2 li dd.m2-2 a{
	background-image: url(../images/menu2_btn2-2.gif);
	height: 15px;
	width: 15px;	
}
#index-menu .category2 li dd.m2-3 a{
	background-image: url(../images/menu2_btn2-3.gif);
	height: 15px;
	width: 15px;	
}
#index-menu .category2 li dd.m2-4 a{
	background-image: url(../images/menu2_btn2-4.gif);
	height: 15px;
	width: 15px;	
}


#index-menu .category3{
	margin: 0 0 0 35px;
	padding: 0px;
	float: left;
	height: 145px;
	width: 190px;
}
#index-menu .category3 h3{
	background-image: url(../images/menu3_txt1.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#index-menu .category3 h4{
	background-image: url(../images/menu3_txt2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#index-menu .category3 li.m1 a{
	background-image: url(../images/menu3_btn1.gif);
	height: 15px;
	width: 88px;	
}
#index-menu .category3 li.m2 a{
	background-image: url(../images/menu3_btn2.gif);
	height: 12px;
	width: 88px;	
}

#index-menu .category4{
	margin: 0 0 0 35px;
	padding: 0px;
	float: left;
	height: 145px;
	width: 190px;
}
#index-menu .category4 h3{
	background-image: url(../images/menu4_txt1.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
#index-menu .category4 h4{
	background-image: url(../images/menu4_txt2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#index-menu .category4 li.m1 a{
	background-image: url(../images/menu4_btn1.gif);
	height: 15px;
	width: 128px;	
}
#index-menu .category4 li.m2 a{
	background-image: url(../images/menu4_btn2.gif);
	height: 15px;
	width: 123px;	
}



/*トピックス*/

#topics{
float: left;
width: 350px;
height: auto;
}

#topics h3{
display: block;
width: 158px;
height: 35px;
text-indent: -1000em;
line-height:1px;
font-size: 1px;
background-image:url(../images/topics.gif);
background-repeat:no-repeat;
background-position:left top;
}
#topics dt{
	line-height: 20px;
	color: #C21E1D;
	background-image: url(../images/icon_topics.gif);
	background-repeat: no-repeat;
	background-position: left center;
	text-indent: 15px;
}
#topics dd{
margin:0 0 10px 0;
}

/*コンテンツ*/

#contents{
float: left;
width: 520px;
height: auto;
margin-left: 30px;
}

#contents h3{
display: block;
width: 147px;
height: 35px;
text-indent: -1000em;
line-height:1px;
font-size: 1px;
background-image:url(../images/pickup.gif);
background-repeat:no-repeat;
background-position:left top;
}

#wrap-contents{
clear: both;
height: auto;
width: 520px;
}
#wrap-contents ul#banner{
	margin: 0px;
	padding: 0px;
	height: 90px;
	width: 520px;
}
#wrap-contents ul#banner li{
	float: left;
	margin:0 0 0 20px;
}
#wrap-contents ul#banner li a{
	font-size: 1px;
	line-height: 1px;
	text-indent: -1000em;
	display: block;
	height: 80px;
	width: 160px;
	overflow: hidden;
	background-repeat: no-repeat;
	background-position: left top;
}
#wrap-contents ul#banner li a:hover{
background-position: left bottom;
}
#wrap-contents ul#banner li.bnr1{
margin:0px;
}
#wrap-contents ul#banner li.bnr1 a{
	background-image: url(../images/bn_message.jpg);
}
#wrap-contents ul#banner li.bnr2 a{
	background-image: url(../images/bn_syafu.jpg);
}
#wrap-contents ul#banner li.bnr3 a{
	background-image: url(../images/bn_sigoto.jpg);
}

/*グレイボックス*/

#g-box-top{
height: 20px;
width: 520px;
background-image:url(../images/greybox_top.gif);
background-repeat:no-repeat;
background-position:left top;
clear:both
}

#g-box-midd{
height: auto;
width: 520px;
background-image:url(../images/greybox_midd.gif);
background-repeat:repeat-y;
background-position:left top;
}
#g-box-midd .rikunavi{
	float: left;
    width: 188px;
	height: 30px;
	margin-left: 20px;
	display:inline;
}
#g-box-midd .riku-txt{
float: left;
width: 260px;
height: 30px;
margin-left: 30px;
}
#g-box-midd .riku-txt p a{
color: #d70302;
text-decoration:none;
}
#g-box-midd .riku-txt p a:hover {
color: #d70302;
text-decoration:underline;
}

#u-txt{
clear: both;
width: 480px;
height: auto;
margin: 0 auto;
padding:20px 0 0 0;
}

#g-box-bottom{
height: 20px;
width: 520px;
background-image:url(../images/greybox_bottom.gif);
background-repeat:no-repeat;
background-position:left top;
}
/*大バナー*/
#banner2{
margin:10px 0 0 0;
}

/*
*crearfix
*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix{ 
zoom: 100%;
}
.clearfix { display: inline-table;}
/* Hides from IE-mac ￥*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* End hide from IE-mac */