@charset "utf-8";

body{
font-size:14px;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
background-color:#F6F6F6
}

a{
text-decoration:none;
color:#000;
cursor:pointer;
}

#bg{
width:1040px;
margin:auto;
padding:0 20px;
background-image:url(../images/wrap.png);
background-repeat:repeat-y;
}

#wrap{
background-color:#FFF;
}

#header{
width:1000px;
padding:20px;
}

h1{
width:500px;
line-height:30px;
font-size:18px;
}

.notice{
float:right;
font-size:12px;
}

#main{
width:1040px;
min-height:300px;
}

#side-bar{
position:relative;
width:260px;
min-height:300px;
float:left;
}


.left-nav,
.left-sub{
width:250px;
margin:5px;
list-style:none;
}
.left-nav{
border-top:#CCC solid 1px;
border-bottom:#CCC solid 1px;
}
.nav-child{
margin-left:1.5em;
list-style:disc inside;
}
.sub-child{
margin-left:1.5em;
list-style:circle inside;
}

.left-nav li,
.left-sub li{
width:240px;
padding:5px;
line-height:20px;
font-size:12px;
}
.left-nav li:hover,
.left-sub li:hover,
.nav-child li:hover,
.sub-child li:hover{
color:#F3951A;
text-decoration:underline;
}
.left-nav > li:before{
content:"■ ";
}
.left-sub > li:before{
content:"□ ";
}

#contents{
float:left;
width:780px;
overflow:hidden;
}

.section{
width:750px;
margin:15px 15px 5px 15px;
overflow:hidden;
}

.section table{
border-collapse:collapse;
width:100%;
margin:2em 0;
line-height:20px;
font-size:13px;
}

.section table th,
.section table td{
border:#333 solid 1px;
padding:10px;
vertical-align:middle;
}

h2{
font-size:16px;
line-height:30px;
margin-top:0.3em;
margin-bottom:0.7em;
}

h3{
margin-top:0.3em;
font-size:14px;
line-height:30px;
}

.article{
width:530px;
float:left;
}

.article p,
.section p{
line-height:30px;
margin-bottom:1em;
}

.article ul,
.section ul,
.article ol,
.section ol{
margin-left:3em;
line-height:20px;
}
.article ul,
.section ul{
list-style:disc;
}
.article ol,
.section ol{
list-style:decimal;
}

.image{
width:200px;
padding:0 10px;
float:left;
}

#footer{
width:1000px;
margin-top:10px;
padding:20px;
text-align:center;
}

.copyright{
text-align:center;
font-size:12px;
}

.clearfix{
clear:both;
}