@charset "Shift_JIS";

body{
background-color:#f3f3f3;
}

/* a */
a:link {
color:#000099;
text-decoration:underline;
}
a:visited {
color:#000099;
text-decoration:underline;
}
a:hover {
color:#000099;
text-decoration:none;
}
a:active {
color:#000099;
text-decoration:underline;
}

sub {
font-size:77%;
vertical-align:baseline;
}

#wrapper{
width:100%;
height:100%;
min-height:100%;
position:relative;
}
#header{
width:960px;
height:145px;
margin:auto;
padding:0;
}
#main_area{
background: url(../image/main_back.jpg) center repeat-y;
width:1000px;
margin:auto;
padding:36px 10px 30px 10px;
overflow:hidden;
}
#contents{
width:982px;
margin:auto;
background:#FFF;
overflow:hidden;
}
#left_area{
float:left;
width:150px;
padding-left:20px;
}
#main_box{
float:right;
width:790px;
padding-left:20px;
text-align:left;
}

/**MAINNAV****************/
#mainNav{
background:url(../image/mainnavbg.jpg) 0 0 no-repeat;
width:990px;
height:31px;
margin:0 auto;
}
#mainNav ul{
width:921x;
height:31px;
overflow:hidden;
margin-left:36px;
}
#mainNav ul li{
float:left;
height:31px;
position:relative;
overflow:hidden;
}
#mainNav ul li a{
display:block;
height:31px;
line-height:31px;
position:static;
}
#mainNav ul li a img{
vertical-align:top;
height:31px;
}
#mainNav ul li a:hover{
position:relative;
}
#mainNav ul li a:hover img{
position:relative;
top:-31px;
height:31px;
}
#mainNav ul li.nav1{
width:152px;
}
#mainNav ul li.nav2,
#mainNav ul li.nav3,
#mainNav ul li.nav4,
#mainNav ul li.nav5{
width:154px;
}
#mainNav ul li.nav6{
width:153px;
}
#mainNav ul li.nav1 a{
background:url(../image/mainnav01on.gif) 0 0 no-repeat;
}
#mainNav ul li.nav3 a{
background:url(../image/mainnav03on.gif) 0 0 no-repeat;
}
#mainNav ul li.nav4 a{
background:url(../image/mainnav04on.gif) 0 0 no-repeat;
}
#mainNav ul li.nav5 a{
background:url(../image/mainnav05on.gif) 0 0 no-repeat;
}
#mainNav ul li.nav6 a{
background:url(../image/mainnav06on.gif) 0 0 no-repeat;
}
	
/**sideNav****************/
ul#sideNav{
width:150px;
padding:8px 0;
border-top:#4D4D4D 1px solid;
}
ul#sideNav li{
	width:150px;
	font-size:1px;
	position:relative;
	overflow:hidden;
	height: 59px;
}
ul#sideNav li.nav1{
padding-bottom:7px;
margin-bottom:7px;
background:url(../image/sideNav_line.gif) bottom repeat-x;
}
ul#sideNav li.nav2_3{
padding-bottom:7px;
background:url(../image/sideNav_line.gif) bottom repeat-x;
}
ul#sideNav li.nav3{
padding:7px 0;
background:url(../image/sideNav_line.gif) bottom repeat-x;
}
ul#sideNav li.nav4{
padding:7px 0;
border-bottom:#4D4D4D 1px solid;
}
ul#sideNav li.nav5{
padding:7px 0 0 0;
}
ul#sideNav li a{
position:static;
display:block;
text-decoration:none;
overflow:hidden;
}
ul#sideNav li a img{
vertical-align:top;
}
ul#sideNav li a:hover,
ul#sideNav li a:hover img{
position:relative;
}
ul#sideNav li.nav1 a:hover img,
ul#sideNav li.nav2 a:hover img,
ul#sideNav li.nav3 a:hover img,
ul#sideNav li.nav4 a:hover img{
top:-75px;
height:75px;
}
ul#sideNav li.nav2_1 a:hover img,
ul#sideNav li.nav2_2 a:hover img,
ul#sideNav li.nav2_3 a:hover img{
top:-55px;
height:55px;
}
ul#sideNav li.nav5 a:hover img,
ul#sideNav li.nav6 a:hover img,
ul#sideNav li.nav11 a:hover img,
ul#sideNav li.nav12 a:hover img{
top:-35px;
height:35px;
}
ul#sideNav li.nav7 a:hover img,
ul#sideNav li.nav8 a:hover img,
ul#sideNav li.nav9 a:hover img,
ul#sideNav li.nav10 a:hover img{
top:-15px;
height:15px;
}
ul#sideNav li.nav1,
ul#sideNav li.nav1 a{
	height:59px;
	line-height:55px;
}
ul#sideNav li.nav2,
ul#sideNav li.nav3,
ul#sideNav li.nav4,
ul#sideNav li.nav2 a,
ul#sideNav li.nav3 a,
ul#sideNav li.nav4 a{
	height:33px;
	line-height:55px;
}
ul#sideNav li.nav2_1,
ul#sideNav li.nav2_2,
ul#sideNav li.nav2_3,
ul#sideNav li.nav2_1 a,
ul#sideNav li.nav2_2 a,
ul#sideNav li.nav2_3 a{
	height:23px;
	line-height:35px;
}
ul#sideNav li.nav5,
ul#sideNav li.nav6,
ul#sideNav li.nav11,
ul#sideNav li.nav12,
ul#sideNav li.nav5 a,
ul#sideNav li.nav6 a,
ul#sideNav li.nav11 a,
ul#sideNav li.nav12 a{
height:33px;
line-height:15px;
}
ul#sideNav li.nav7,
ul#sideNav li.nav7 a{
	height:59px;
	line-height:15px;
}
ul#sideNav li.nav8,
ul#sideNav li.nav9,
ul#sideNav li.nav8 a,
ul#sideNav li.nav9 a{
	height:33px;
	line-height:15px;
}
ul#sideNav li.nav10,
ul#sideNav li.nav10 a{
	height:15px;
	line-height:15px;
}
ul#sideNav li.nav1 a{
background:url(../image/sideNav01_on.gif) 0 0 no-repeat;
}
ul#sideNav li.nav2 a{
background:url(../image/sideNav02_on.gif) 0 0 no-repeat;
}
ul#sideNav li.nav2_1 a{
background:url(../image/sideNav02_1_on.gif) 0 0 no-repeat;
}
ul#sideNav li.nav2_2 a{
background:url(../image/sideNav02_2_on.gif) 0 0 no-repeat;
}
ul#sideNav li.nav2_3 a{
background:url(../image/sideNav02_3_on.gif) 0 0 no-repeat;
}
ul#sideNav li.nav3 a{
background:url(../image/sideNav03_on.gif) 0 0 no-repeat;
}
ul#sideNav li.nav4 a{
background:url(../image/sideNav04_on.gif) 0 0 no-repeat;
}
ul#sideNav li.nav5 a{
background:url(../image/sideNav05_on.gif) 0 0 no-repeat;
}
ul#sideNav li.nav6 a{
background:url(../image/sideNav06_on.gif) 0 0 no-repeat;
}
ul#sideNav li.nav7 a{
background:url(../image/sideNav07_on.gif) 0 0 no-repeat;
}
ul#sideNav li.nav8 a{
background:url(../image/sideNav08_on.gif) 0 0 no-repeat;
}
ul#sideNav li.nav9 a{
background:url(../image/sideNav09_on.gif) 0 0 no-repeat;
}
ul#sideNav li.nav10 a{
background:url(../image/sideNav10_on.gif) 0 0 no-repeat;
}
ul#sideNav li.nav11 a{
background:url(../image/sideNav11_on.gif) 0 0 no-repeat;
}
ul#sideNav li.nav12 a{
background:url(../image/sideNav12_on.gif) 0 0 no-repeat;
}

/**FOOTER****************/
#footer{
width:980px;
margin:auto;
text-align:right;
padding:30px 0;
background:url(../image/footer_back.jpg) 0 0 repeat-x;
}
#footer p{
padding-top:5px;
border-top:1px #929292 solid;
}
