@charset "utf-8";

/*---------style-------------*/

* {
margin:0;
padding:0;
}

body {
font-family: Osaka,verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
background-color: #fff;
line-height:1.5;}
html {
overflow-y:scroll;
}
ol,ul {
list-style:none;
}

/*--------container-------------*/

#container {
width:780px;
background-color:#fff;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-top: 1px solid #ccc;
margin:0 auto;
}

/*--------header----------------*/

#header {
width:782px;
height:70px;
margin:-1px auto 0;
background-color:#313131; 
color: #fff;
}

#header h1 a{
display:block; 
width: 350px;
padding:3px 20px 0;
font-size: 75%;
color:#fff;
text-decoration:none;
}
#header h2 {
margin-right: 10px;

font-size: 110%;
font-weight:400;
}
#header h3 {
margin-right: 10px;

font-size: 90%;
font-weight:400;
}
#header p{
padding-top: 5px;
line-height: 1.3;
font-size:90%;
color: #edccdb;
}
#header table {
margin-top: 1px;
margin-left: 510px;
width: 265px;
color: #edccdb;
line-height:1.2;
font-size: 80%;
}

#header img{
margin: 0 240px 2px 5px;
border: none;

}

/*--------navi----------------*/

#navi {
width: 780px;
margin: 2px auto 4px;
font-size: 60%;
}
#navi a{
padding: 0 5px;
color: #aaa;
}

/*---------menu--------------*/
#menu{
width: 782px;
margin: 0 auto;
height:30px; 
background:url(m11.png) repeat-x;
}
#menu ul{
float: right;
display:block; 
margin: 0 auto;
}
#menu li{
list-style:none; 
display:inline;
}
#menu li a{
float:left; 
padding-left:15px; 
display:block; 
color:#999; 
text-decoration:none; 
font-size:70% ; 
cursor:pointer; 
background:url(m11.png) 0px -30px no-repeat;
}
#menu li a span{
line-height:30px; 
float:left; 
display:block; 
padding-right:15px; 
background:url(m11.png) 100% -30px no-repeat;
}
#menu li a:hover{
background-position:0 -60px; 
color:#666;
}
#menu li a:hover span{
background-position:100% -60px;
}

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

#footer {
height: 20px;
border-top: 1px solid #ccc;
clear:both;
border-bottom: 1px solid #ccc;
padding:10px;
background:#eec;
font-size: 70%;
color: #aaa;
}
#footer p#copyright {
text-align:center;
margin-bottom:0;
}

/*---------sub------------------*/

#sub{
width:145px; 
list-style:none;
margin-bottom: 5px;
}
#sub p{
padding: 5px 0 0 20px;
color: #777;
font-size: 90%;
}
#sub ul{
border-top: 1px solid #ccc;
border-right: 1px solid #ccc;
}
#sub li{
font-size: 65%;
padding:0; 
height:30px; 
display:block;
border-bottom: 1px solid #ccc;
}
#sub li a{
text-align:left;
height:30px; 
padding:0px 8px; 
color:#666;
display:block; background:url(sub09.png) 0px 0px no-repeat; text-decoration:none;
line-height:30px;
}
#sub ul li a:hover{
background:url(sub09.png) 0px -30px no-repeat; 
color:#fff;}
#01 #sub .001 ul li a:active{
color: #fff;
}
#sub form {
margin: 0 2px;
}
#sub #form{
width: 90px;
height: 18px;
}
#sub h4{
font-size: 80%;
width: 144px;
height: 25px;
background:#8EA6C2;
text-align: center;
padding-top: 3px;
border-right: 1px solid #ccc;
color: #fff;
}
#sub img {margin-left: 12px;}
body#dcmt #sub ul li.s1 a:link,
body#dcmt #sub ul li.s1 a:visited,
body#dcmt #sub ul li.s1a:hover,
body#dcmt #sub ul li.s1 a:active {
color:#ffffff; /* 白を指定 */
background:url(sub09.png) no-repeat 0 -60px; 
}

body#sdcmt #sub ul li.s2 a:link,
body#sdcmt #sub ul li.s2 a:visited,
body#sdcmt #sub ul li.s2 a:hover,
body#sdcmt #sub ul li.s2 a:active {
color:#ffffff;
background:url(sub09.png) no-repeat 0 -60px;
}

body#acgmt #sub ul li.s3 a:link,
body#acgmt #sub ul li.s3 a:visited,
body#acgmt #sub ul li.s3 a:hover,
body#acgmt #sub ul li.s3 a:active {
color:#ffffff;
background:url(sub09.png) no-repeat 0 -60px;
}

body#sdmt #sub ul li.s4 a:link,
body#sdmt #sub ul li.s4 a:visited,
body#sdmt #sub ul li.s4 a:hover,
body#sdmt #sub ul li.s4 a:active {
color:#ffffff;
background:url(sub09.png) no-repeat 0 -60px;
}

body#sbmt #sub ul li.s5 a:link,
body#sbmt #sub ul li.s5 a:visited,
body#sbmt #sub ul li.s5 a:hover,
body#sbmt #sub ul li.s5 a:active {
color:#ffffff;
background:url(sub09.png) no-repeat 0 -60px;
}

body#ste #sub ul li.s6 a:link,
body#ste #sub ul li.s6 a:visited,
body#ste #sub ul li.s6 a:hover,
body#ste #sub ul li.s6 a:active {
color:#ffffff; /* 白を指定 */
background:url(sub09.png) no-repeat 0 -60px; 
}

body#fan #sub ul li.s7 a:link,
body#fan #sub ul li.s7 a:visited,
body#fan #sub ul li.s7 a:hover,
body#fan #sub ul li.s7 a:active {
color:#ffffff;
background:url(sub09.png) no-repeat 0 -60px;
}

body#blo #sub ul li.s8 a:link,
body#blo #sub ul li.s8 a:visited,
body#blo #sub ul li.s8 a:hover,
body#blo #sub ul li.s8 a:active {
color:#ffffff;
background:url(sub09.png) no-repeat 0 -60px;
}

body#st #sub ul li.s9 a:link,
body#st #sub ul li.s9 a:visited,
body#st #sub ul li.s9 a:hover,
body#st #sub ul li.s9 a:active {
color:#ffffff;
background:url(sub09.png) no-repeat 0 -60px;
}

body#ad #sub ul li.s10 a:link,
body#ad #sub ul li.s10 a:visited,
body#ad #sub ul li.s10 a:hover,
body#ad #sub ul li.s10 a:active {
color:#ffffff;
background:url(sub09.png) no-repeat 0 -60px;
}

body#con #sub ul li.s11 a:link,
body#con #sub ul li.s11 a:visited,
body#con #sub ul li.s11a:hover,
body#con #sub ul li.s11 a:active {
color:#ffffff; /* 白を指定 */
background:url(sub09.png) no-repeat 0 -60px; 
}

body#mg #sub ul li.s12 a:link,
body#mg #sub ul li.s12 a:visited,
body#mg #sub ul li.s12 a:hover,
body#mg #sub ul li.s12 a:active {
color:#ffffff;
background:url(sub09.png) no-repeat 0 -60px;
}

body#etc #sub ul li.s13 a:link,
body#etc #sub ul li.s13 a:visited,
body#etc #sub ul li.s13 a:hover,
body#etc #sub ul li.s13 a:active {
color:#ffffff;
background:url(sub09.png) no-repeat 0 -60px;
}