@charset "shift_jis";
@import "common.css";
@import "parts.css";

a{
text-decoration: none;
color:#0000FF;
}

a:HOVER{
text-decoration: none;
color:#009900;
}


body {
background:url(../img/0c_bg.jpg) left top repeat-x;
background-color:#FFFFFF;
}

/***********************************************/
/*sub*/
/***********************************************/

body.sub{
background-image:none;
margin:15px;
text-align:center;
}


/***********************************************/
/*contents*/
/***********************************************/

/*all*/



body > #page{ 

}

#page{
width:754px;
margin:0 auto;
padding:0 13px;
background:url(../img/0c_con_bg.gif) center top repeat-y;
}

#contentsL{
float:left;
width:189px;
padding:5px 0 0 0;
}



#contentsR{
float:right;
width:552px;
text-align:left;
}

p.bnr{
padding:10px 0 0 0;
}


/***********************************************/
/*top menu*/
/***********************************************/

/*左の赤ボタン*/

.menu {

width:174px;
list-style: none;
overflow: hidden;
padding:0 6px 10px 9px;
margin:0 0 5px 0;
background-color:#E1E1E1;
}

html>body ul.menu li a{
height: 0;
}


.m1 a,
.m2 a,
.m3 a,
.m4 a{
display:block;
height:41px;
width:174px;
text-indent: -9999em;
text-decoration: none;
top: 0;
}

li.m1 a{ 
background: transparent url(../img/0c_m1.jpg) no-repeat 0 0;
}
li.m2 a{ 
background: transparent url(../img/0c_m2.jpg) no-repeat 0 0;
}
li.m3 a{ 
background: transparent url(../img/0c_m3.jpg) no-repeat 0 0;
}
li.m4 a{ 
background: transparent url(../img/0c_m4.jpg) no-repeat 0 0;
}


li.m1 a:hover, 
li.m2 a:hover, 
li.m3 a:hover, 
li.m4 a:hover{
background-position: -174px 0;

}


/*左の赤ボタン下のテキストメニュー*/

#m1Sm{
background:url(../img/0c_m_bg.gif) center top repeat-y;

background-color:#FFFFFF;
padding:0 13px 10px 10px;
margin:0 0 5px 0;
}

#m1Sm li.ms1{
border:dotted #999999;
border-width:0 0 1px 0;
padding:4px 5px 4px 15px;
text-align:left;
background:url(../img/0c_pt1.gif) left top no-repeat;
}

#m1Sm li.ms1 a{ 
background:none;
display:inline;
height:20px;
width:174px;
text-indent: 0em;
}

/*TOPの横並びメニュー*/

#menuH {
margin:auto;
position: relative;
height:22px;
list-style: none;
overflow: hidden;
}

#menuH li a {
height:22px;
position:absolute;
overflow:hidden;
padding:22px 0 0 0;
text-indent:-9999em;
text-decoration:none;
top:0;
/*
width: 94px;
*/
}

html>body ul#menuH li a{
height: 0;
}

li#m1H a{ 
background: transparent url(../img/0c_hm1.gif) no-repeat 0 0;
left: 108px;
width:53px;
}
li#m2H a{ 
background: transparent url(../img/0c_hm2.gif) no-repeat 0 0;
left: 161px;
width:47px;
}
li#m3H a{ 
background: transparent url(../img/0c_hm3.gif) no-repeat 0 0;
left: 208px;
width:96px;
}
li#m4H a{ 
background: transparent url(../img/0c_hm4.gif) no-repeat 0 0;
left: 304px;
width:59px;
}
li#m5H a{ 
background: transparent url(../img/0c_hm5.gif) no-repeat 0 0;
left: 363px;
width:75px;
}
li#m6H a{ 
background: transparent url(../img/0c_hm6.gif) no-repeat 0 0;
left: 438px;
width:114px;
}

li#m1H a:hover, 
li#m2H a:hover,
li#m3H a:hover, 
li#m4H a:hover, 
li#m5H a:hover, 
li#m6H a:hover{
background-position: 0px -22px;

}


.address{
text-align:left;
padding:5px;
background-color:#FFFFFF;
}


/*footer*/

.navi{
padding:30px 0 10px 0;
font-size: 0.75em;
text-align:right;
background-color:#FFFFFF;
margin:auto;
}

#footer{
width:780px;
background:url(../img/0c_con_f.gif) center top no-repeat;
font-size: 0.75em;
margin:auto;
padding:15px 0;
text-align:left;
}