@charset "utf-8";
/* CSS Document */
/* Written By Atonce@Yoshida */

*{margin:0px;padding:0px;}

body{
background:url(../img/bg-body.gif) repeat-x #000;
margin:0px;
padding:0px;
line-height:130%;
font-family:"メイリオ","ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", Osaka;
font-size:12px;
color:#fff;
}

h1,h2,h3,h4,h5,h6,ul,li,ol,dd,dt,dl,form,p{
margin:0px;
padding:0px;
}

ul,ol{
list-style:none;
}

.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
* html .clearfix {height: 1%;}
.clearfix {display: block;}

.clr{clear:both;}

a{
color:#09f;
text-decoration:none;
}

a:hover{
color:#999;
text-decoration:none;
}

.vanish{text-indent:-9999px;}
.attn{color:#c00;}
.mgn-none{margin:0px 0px 0px 0px;}
.mgn-r10{margin-right:10px;}
.mgn-r25{margin-right:25px;}


/**********************************基本構造**********************************/

#wrapper{
background:url(../img/bg-wrapper.jpg) no-repeat top #000;
width:900px;
margin:0px auto;
padding:0px 30px;
}

#wrapper h1 a{
height:300px;
width:900px;
display:block;
text-indent:-9999px;
}

#contents{
background:url(../img/bg-contents.gif) repeat-y;
width:900px;
margin:30px 0px 0px;
}

#main{
margin:0px 20px 0px 0px;
width:650px;
float:left;
}

#local{
width:230px;
text-align:center;
float:left;
}

#footer{
margin:30px 0px 0px;
width:900px;
text-align:center;
font-weight:bold;
}

/**********************************メイン構造**********************************/

#main p{
margin:0px 0px 15px 30px;
}

#main h2.catch{
background:url(../img/catch.gif) no-repeat;
width:628px;
height:80px;
margin:0px auto 15px;
}

#main .power{
background:url(../img/bg-power.gif) repeat-y;
padding:0px;
margin:25px;
}

#main h2.pwrspt{
background:url(../img/bnr-powerspot.jpg) no-repeat;
width:500px;
height:120px;
margin:0px auto 15px;
}

#main h3.access{
background:url(../img/h3-access.gif) no-repeat;
width:650px;
height:100px;
display:block;
}

#main ul.acc{
margin:0px auto 15px;
padding:0px 0px 0px 20px;
}

#main ul.acc li{
background:url(../img/path.gif) bottom no-repeat;
width:200px;
padding:0px 0px 10px;
text-align:center;
margin-left:0px;
display:block;
color:#333;
font-weight:bold;
float:left;
}


#main h3.contents{
background:url(../img/h3-contents.gif) no-repeat;
width:650px;
height:100px;
display:block;
}

#main h3.kanshu{
background:url(../img/h3-kanshu.gif) no-repeat;
width:650px;
height:100px;
display:block;
}

#main .box-blk{
background:url(../img/pearl-line.gif) no-repeat top #000;
margin:0px 0px 15px 30px;
padding:10px 0px 0px;
}

#main .box-blk h4.h4-01{
background:url(../img/h4-01.gif) no-repeat 15px 5px;
padding:40px 10px 0px 15px;
margin:0px 0px 20px;
font-size:12px;
}

#main .box-blk h4.h4-02{
background:url(../img/h4-02.gif) no-repeat 15px 0px;
padding:40px 10px 0px 15px;
margin:0px 0px 20px;
font-size:12px;
}

#main .box-blk h4.h4-03{
background:url(../img/h4-03.gif) no-repeat 15px 0px;
padding:40px 10px 0px 15px;
margin:0px 0px 20px;
font-size:12px;
}

#main .box-blk ul{
background:url(../img/pearl-line.gif) no-repeat bottom;
margin:10px 0px;
padding:0px 10px 15px 15px;
list-style-type:disc;
}

#main .box-blk ul.non{
background:url(../img/pearl-line.gif) no-repeat bottom;
margin:10px 0px;
padding:0px 10px 15px 0px;
list-style-type:none;
}

#main .box-blk ul li{
margin:0px 0px 2px 20px;
}

#main dl{
padding:0px 0px 0px 30px;
}

#main dl dt{
width:175px;
margin:0px 10px 0px 0px;
display:block;
float:left;
}

#main dl dd{
width:430px;
padding:5px 0px;
line-height:140%;
display:block;
float:left;
}

#main dl dd h3{
margin:0px 0px 10px 5px;
font-size:18px;
color:#f19ec2;
}


/**********************************ローカル**********************************/
#local img{
margin:15px auto;
}