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

body{
margin:0px;
padding:0px;
background:url(../img/back_main.jpg);
text-align:center;
line-height:1.5;
font-size:16px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

img{
border:none;
}

h1{
margin:5px auto;
font-size:10px;
text-align:right;
width:800px;
}

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

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

#wrapper h2{
margin:0px;
}


/* navi */
#wrapper .navi{
width:800px;
height: 35px;
background-position : left top;
margin-top:5px;
}

#wrapper .navi ul{
margin: 0;
padding: 0;
list-style-type: none;
}

#wrapper .navi ul li{
width: 160px;
list-style-type: none;
float: left;
}

#wrapper .navi ul li a {
display: block;
width: 160px;
height: 35px;
text-indent: -7777px;
overflow: hidden;
}

#wrapper .navi ul li a.gn1 { background: url(../img/navi_01.jpg) no-repeat;}
#wrapper .navi ul li a.gn2 { background: url(../img/navi_02.jpg) no-repeat;}
#wrapper .navi ul li a.gn3 { background: url(../img/navi_03.jpg) no-repeat;}
#wrapper .navi ul li a.gn4 { background: url(../img/navi_04.jpg) no-repeat;}
#wrapper .navi ul li a.gn5 { background: url(../img/navi_05.jpg) no-repeat;}

#wrapper .navi ul li a:hover.gn1 { background: url(../img/navi_01_on.jpg) no-repeat;}
#wrapper .navi ul li a:hover.gn2 { background: url(../img/navi_02_on.jpg) no-repeat;}
#wrapper .navi ul li a:hover.gn3 { background: url(../img/navi_03_on.jpg) no-repeat;}
#wrapper .navi ul li a:hover.gn4 { background: url(../img/navi_04_on.jpg) no-repeat;}
#wrapper .navi ul li a:hover.gn5 { background: url(../img/navi_05_on.jpg) no-repeat;}


.main{
margin-top:5px;
}

/* main left */
.main .left{
width:210px;
float:left;
background:#FFFFCC;
}

.main .left h3{
margin:0px;
background:url(../img/back_side_h3.jpg);
width:210px;
height:25px;
font-size:14px;
padding-top:10px;
} 

* html .main .left h3{
height:35px;
}

.main .left ul{
margin:15px 0px 20px 0px;
padding-left:20px;
text-align:left;
}
.main .left ul li{
margin:3px 0px 0px 0px;
font-size:12px;
}


/* main right */
.main .right{
width:560px;
float:left;
padding:0px 15px;
text-align:left;
}
* html .main .right{
width:590px;
}
.main .right .top_image{
margin-top:5px;
}


.main .right .box_01{
border:1px #DBDBDB solid;
padding:10px;
margin-bottom:20px;
}
.main .right .box_01 p{
margin:0px 0px 10px 0px;
}

.main .right .top_navi{

}
.main .right .top_navi .content_l{
width:275px;
float:left;
margin-right:10px;
background:#fff;
}
.main .right .top_navi .content_r{
width:275px;
float:left;
padding:0px;
}

.main .right .top_navi h3{
margin:0px;
background:url(../img/back_top_h3.jpg);
width:240px;
height:27px;
font-size:14px;
padding:8px 0px 0px 35px;
}
* html .main .right .top_navi h3{
width:275px;
height:35px;
}

.main .right .top_navi ul{
margin:15px 0px 20px 0px;
padding-left:5px;
text-align:left;
}
.main .right .top_navi ul li{
margin:5px 0px 0px 0px;
font-size:12px;
list-style:none;
background:url(../img/list_arrow.jpg) center left no-repeat;
padding-left:20px;
}

.main .right .pagetop{
text-align:right;
}

/* footer */

.footer{
background:#CCCC00;
color:#fff;
padding:5px 0px;
}


/* subpage */
.main .right .toppage h3{
background:url(../img/back_title_page.jpg);
width:530px;
height:27px;
margin:0px 0px 20px 0px;
padding:8px 0px 0px 30px;
font-size:16px;
}
* html .main .right .toppage h3{
width:560px;
height:35px;
}

.main .right .subpage h3{
background:url(../img/back_title_page.jpg);
width:530px;
height:27px;
margin:0px 0px 20px 0px;
padding:8px 0px 0px 30px;
font-size:16px;
}
* html .main .right .subpage h3{
width:560px;
height:35px;
}

.subpage h4{
margin:0px 0px 10px 0px;
font-size:14px;
color:#3399FF;
}

/* clearfix */
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix {
min-height: 1px;
position:relative;
}
* html .clearfix {
height: 1px;
/*¥*//*/
height: auto;
overflow: hidden;
/**/
}