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

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

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

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

ul,ol,li{
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;}


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

#wrapper{
width:800px;
margin:0px auto;
padding:0px;
}

#wrapper .contents{
background:url(img/bg-contents.gif) repeat-y;
}

#header{
background:url(img/logo.gif) no-repeat bottom left;
width:800px;
height:110px;
margin:0px;
padding:0px;
}

#header h1{
background:url(img/header.gif) no-repeat;
text-align:right;
font-weight:bold;
color:#fff;
font-size:80%;
padding:10px 5px 0px;
width:790px;
height:32px;
}

#header a{
height:69px;
width:420px;
display:block;
text-indent:-9999px;
margin:0px;
padding:0px;
}

#wrapper .top-banner{
height:190px;
width:800px;
}

#wrapper .pankuzu{
margin:7px 5px;
text-align:right;
font-size:80%;
}

#wrapper .local{
background:#292929;
width:200px;
margin:0px 20px 0px 0px;
float:left;
}

#wrapper .main{
width:580px;
float:left;
}

#wrapper #footer{
margin:30px 0px 0px;
padding:5px 0px 5px;
text-align:right;
font-size:80%;
border-top:1px solid #cecece; 
}

/**********************************グローバル**********************************/
#wrapper .main ul.global{
background:url(img/global.gif) no-repeat top;
height:38px;
width:557px;
padding:0px 10px 0px 13px;
margin:0px 0px 20px;
}

#wrapper .main ul.global li{
float:left;
}

#wrapper .main ul.global li.gm01 a{
background:url(img/global.gif) no-repeat -13px 0px;
width:83px;
height:38px;
display:block;
margin:0px 5px 0px 0px;
}

#wrapper .main ul.global li.gm01 a:hover,#wrapper .main ul.global li.gm01{
background:url(img/global.gif) no-repeat -13px -38px;
width:83px;
height:38px;
display:block;
margin:0px 5px 0px 0px;
}

#wrapper .main ul.global li.gm02 a{
background:url(img/global.gif) no-repeat -101px 0px;
width:113px;
height:38px;
display:block;
margin:0px 6px 0px 0px;
}

#wrapper .main ul.global li.gm02 a:hover,#wrapper .main ul.global li.gm02{
background:url(img/global.gif) no-repeat -101px -38px;
width:113px;
height:38px;
display:block;
margin:0px 6px 0px 0px;
}

#wrapper .main ul.global li.gm03 a{
background:url(img/global.gif) no-repeat -220px 0px;
width:126px;
height:38px;
display:block;
margin:0px 6px 0px 0px;
}

#wrapper .main ul.global li.gm03 a:hover,#wrapper .main ul.global li.gm03{
background:url(img/global.gif) no-repeat -220px -38px;
width:126px;
height:38px;
display:block;
margin:0px 6px 0px 0px;
}

#wrapper .main ul.global li.gm04 a{
background:url(img/global.gif) no-repeat -352px 0px;
width:99px;
height:38px;
display:block;
margin:0px 6px 0px 0px;
}

#wrapper .main ul.global li.gm04 a:hover,#wrapper .main ul.global li.gm04{
background:url(img/global.gif) no-repeat -352px -38px;
width:99px;
height:38px;
display:block;
margin:0px 6px 0px 0px;
}

#wrapper .main ul.global li.gm05 a{
background:url(img/global.gif) no-repeat -457px 0px;
width:113px;
height:38px;
display:block;
margin:0px;
}

#wrapper .main ul.global li.gm05 a:hover,#wrapper .main ul.global li.gm05{
background:url(img/global.gif) no-repeat -457px -38px;
width:113px;
height:38px;
display:block;
margin:0px;
}

/**********************************メイン**********************************/
#wrapper .main h2{
background:url(img/bg-h2.gif) no-repeat;
width:552px;
height:21px;
padding:4px 0px 0px 28px;
margin:0px 0px 15px;
font-weight:bold;
font-size:16px;
}

#wrapper .main h3{
padding:4px 0px 3px 10px;
margin:0px 0px 10px;
font-weight:bold;
color:#06f;
border-bottom:1px dashed #06f;
font-size:14px;
}

#wrapper .main .box1{
margin:0px 10px 15px 14px;
}
#wrapper .main .box2{
background:#e2e2e2;
padding:5px;
margin:0px 0px 15px;
}

#wrapper .main .box1 p,#wrapper .main .box2 p{
font-size:95%;
margin:0px 0px 15px;
}


/**********************************ローカル**********************************/
#wrapper .local h3{
background:url(img/local-h3.gif) no-repeat;
height:28px;
width:200px;
padding:12px 0px 0px;
text-align:center;
font-size:14px;
}

#wrapper .local h3.ikumo{
background:url(img/local-h3-2.gif) no-repeat;
height:28px;
width:200px;
padding:12px 0px 0px;
text-align:center;
font-size:14px;
}

#wrapper .local h3 a{color:#000;height:28px;width:200px;display:block;}
#wrapper .local h3 a hover{color:#333;}

#wrapper .local ul{
//background:url(img/bg-local-ul.gif) no-repeat bottom;
padding:0px 0px 10px;
}

#wrapper .local ul li{
color:#fff;
font-size:90%;
}

#wrapper .local ul li a{
color:#fff;
width:188px;
padding:3px 2px 3px 10px;
display:block;
}
#wrapper .local ul li a:hover{
background:#09f;
color:#fff;
}

#wrapper .local ul li.ikumo a{
color:#fff;
width:188px;
padding:3px 2px 3px 10px;
display:block;
}
#wrapper .local ul li.ikumo a:hover{
background:#0c0;
color:#fff;
}