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

#index-body{
background-image: url(../images/bg4.gif);
background-repeat: repeat-x;
}
#index-body #container{
width: 900px;
height: auto;
margin: 0 auto;
}
#index-body #container #top{
height: 55px;
width: 860px;
margin: 15px auto 0 auto;
}
/*ヴィジュアルスタート*/

#middle{
height: 380px;
width: 900px;
margin: 0 auto 0 auto;
}

/*メニュースタート*/

#under{
height: 230px;
width: 840px;
margin: 0 auto 0 auto;
}

#under p a{
background-position: top;
background-repeat: no-repeat;
overflow: hidden;
display: block;
}

#under p a:hover{
background-position: left top;
}

#under li{
height: auto;
margin: 0 0 5px 0;
}
#under li.submenu-cs{
overflow: hidden;
text-indent: -1000em;
line-height:1px;
font-size: 1px;
}
#under li a{
overflow: hidden;
text-indent: -1000em;
line-height:1px;
font-size: 1px;
background-position:left top;
background-repeat: no-repeat;
height: 15px;
display: block;
}
#under li a:hover{
background-position: 0 bottom;
}

#menu1{
float: left;
height: auto;
width: 180px;
}

#menu1 .submenu1 a{
background-image: url(../images/submenu01.gif);
width: 161px;
}
#menu1 .submenu2 a{
background-image: url(../images/submenu02.gif);
width: 77px;
}
#menu1 .submenu3 a{
background-image: url(../images/submenu03.gif);
width: 140px;
}
#menu1 .submenu4 a{
background-image: url(../images/submenu04.gif);
width: 111px;
}

#menu2{
float: left;
height: auto;
width: 180px;
}

#menu2 .submenu5 a{
background-image: url(../images/submenu05.gif);
width: 102px;
}
#menu2 .submenu6 a{
background-image: url(../images/submenu06.gif);
width: 180px;
}
#menu2 .submenu7 a{
background-image: url(../images/submenu07.gif);
width: 180px;
}
#menu2 .submenu8 a{
background-image: url(../images/submenu10.gif);
width: 180px;
}
#menu2 .submenu9 a{
background-image: url(../images/submenu08.gif);
width: 180px;
}
#menu2 .submenu10 a{
background-image: url(../images/submenu09.gif);
width: 180px;
}

#menu3{
float: left;
height: auto;
width: 180px;
}

#menu3 .submenu11 a{
background-image: url(../images/submenu11.gif);
width: 162px;
}
#menu3 .submenu12 a{
background-image: url(../images/submenu12.gif);
width: 162px;
}
#menu3 li.submenu-cs{
background-image: url(../images/submenu-cs.gif);
width: 180px;
height:60px;
}


#menu4{
float: left;
height: auto;
width: 180px;
}

#menu4 .submenu13 a{
background-image: url(../images/submenu13.gif);
width: 65px;
}
#menu4 .submenu14 a{
background-image: url(../images/submenu14.gif);
width: 104px;
}
#menu4 .submenu15{
	margin-bottom:20px;
}
#menu4 .submenu15 a{
background-image: url(../images/submenu15.gif);
width: 180px;
}
/* entry logo--------------------- */
#menu4 .submenu-logo ul{
	width:180px;
	height:auto;
	margin:0 0 10px 0;
	overflow:hidden;
}
#menu4 .submenu-logo li{
margin: 0px;
padding: 0px;
float: left;
height: auto;
width: 85px;
}
#menu4 .submenu-logo li.ml10{
	margin-left:10px;
}
#menu4 .submenu-logo li a{
height: auto;
text-indent: 0px;
background-image: none;
}
/* ----------------------------- */

#line-menu1{
	float: left;
	height: 185px;
	width: 40px;
	background-image: url(../images/line_menu1.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
	text-indent: -1000em;
}
#line-menu2{
	float: left;
	height: 185px;
	width: 40px;
	background-image: url(../images/line_menu2.gif);
	background-repeat: no-repeat;
	background-position: left top;
	font-size: 1px;
	line-height: 1px;
	overflow: hidden;
	text-indent: -1000em;
}

/*コピースタート*/

#index-copy{
height: 90px;
width: 880px;
margin-top: 10px;
}

#index-copy .line{
	background-image: url(../images/under_bar.gif);
	background-repeat: no-repeat;
	background-position: top;
	height: 70px;
	width: 880px;
	display: block;
	padding-top: 20px;
}

#index-copy .line .copyright{
background-image: url(../images/copyright.gif);
background-repeat: no-repeat;
background-position: top;
height: 10px;
width: 235px;
text-indent: -1000em;
margin: 0 auto;
display: block;
}