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

body {
padding: 0px;
margin:0px;
background-color: #ffffff;
text-align:center;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

img{
border:none;}

#head{
width: 920px;
margin:0px;
padding:5px 0px;
background-color: #222222;
}

#visual{
padding: 5px;
}

#menu{
margin:5px 0px;
text-align:center;
}
#menu ul{
width:900px;
padding:0px;
margin:0px;
}
#menu li{
float:left;
text-decoration:none;
width:auto;
font-size:14px;
margin:0px 20px;
text-align:left;
}
#menu a{
color:#FFFFFF;
text-decoration:none;
}

#menu a:hover{
color:#FFFF00;
}

#main{
width:920px;
height:200px;
background-color:#222222;
}
#left{
width:270px;
height:600px;
float:left;
}
#left ul{
list-style-position:inside;
border-bottom:1px dotted #bbbbbb;
}
#left li{
height:30px;
list-style-image:url(img/mark.gif);
border-top:1px dotted #bbbbbb;
color:#FFFFFF;
padding:10x 0px 0px 10px;
font-size:12px;
text-align:left;
}
#left li a{
color:#FFFFFF;
text-decoration:none;
}
#left li a:hover{
color:#FFFF00;
padding-left:20px;
}
#left2{
width:270px;
height:600px;
float:left;
}
#left2 ul{
list-style-position:inside;
border-bottom:1px dotted #bbbbbb;
}
#left2 li{
height:30px;
list-style-image:url(img/mark2.gif);
border-top:1px dotted #bbbbbb;
color:#FFFFFF;
padding:10x 0px 0px 10px;
font-size:12px;
text-align:left;
}
#left2 li a{
color:#FFFFFF;
text-decoration:none;
}
#left2 li a:hover{
color:#FFFF00;
padding-left:20px;
}
#left2 p{
font-size:12px;
color:#FFFFFF;
padding:10x 0px 0px 30px;
text-align:left;
}


#left3{
width:270px;
height:600px;
float:left;
}
#left3 ul{
list-style-position:inside;
border-bottom:1px dotted #bbbbbb;
}
#left3 li{
height:30px;
list-style-image:url(img/mark3.gif);
border-top:1px dotted #bbbbbb;
color:#FFFFFF;
padding:10x 0px 0px 10px;
font-size:12px;
text-align:left;
}
#left3 li a{
color:#FFFFFF;
text-decoration:none;
}
#left3 li a:hover{
color:#FFFF00;
padding-left:20px;
}


#center{
width:650px;
float:right;
padding:10px 10px 10px 50px;
text-align:left;
background-color:#222222;
}
h1{
width:400px;
font-size:16px;
font-weight:bold;
color:#FFFFFF;
border-left:5px solid #FFFFFF;
border-bottom:1px solid #CCCCCC;
padding-left:10px;
}


#main2{
width:920px;
height:auto;
background-color:#222222;
padding:10px;
}
#main2 a{
color:#FFFFFF;
text-decoration:underline;
}


#main3{
width:920px;
height:600px;
background-color:#222222;
padding:10px;
}
#box_left{
width:440px;
float:left;
text-align:left;
padding-left:10px;
}
#box_right{
width:440px;
float:left;
background-color:#FFFFFF;
}
#main3 a{
color:#ffffff;
font-size:12px;
text-decoration:none;
}
#box_left a{
color:#0000ff;
font-size:12px;
text-decoration:none;
}


#foot{
width: 920px;
height:20px;
background-color: #000000;
padding-top:10px;
}

.pagetop{
clear:both;
text-align: right;
padding-right: 13px;
font-size: 10px;
padding-top: 10px;
margin-bottom:10px;
}
.pagetop a{
color:#FFFFFF;
text-decoration:none;
}



.white12px{
color:#FFFFFF;
font-size:12px;
}