﻿@charset "utf-8";
/* CSS Document */

body{
margin:0px;
padding:0px;
text-align:center;
background:url(../img/back_main.jpg) repeat-x;
line-height:1.5;
font-size:12px;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

img{
border:none;
}

a{
color:#000;
text-decoration:none;
}
a:hover{
color:#ccc;
text-decoration:underline;
}

#wrapper{
width:100%;
}

.contener{
width:890px;
margin:0px auto;
text-align:left;
position:relative;
}

h1{
margin:0px;
font-size:10px;
text-align:right;
}

h2{
margin:0px 0px 25px 0px;
}

h4{
margin:0px 0px 10px 0px;
}
.navi{
width:890px;
height:45px;
background:url(../img/back_navi.jpg);
color:#000;
font-size:12px;
}

.navi ul{
margin:0px;
padding:15px 0px 0px 250px;
}

.navi ul li{
margin:0px 0px 0px 0px;
display:block;
width:160px;
float:left;
list-style:none;
text-align:center;
}


.style{
	position:absolute;
	left: 797px;
	top: 25px;
}

.style ul{
margin:0px;
padding:0px;
}

.style ul li{
margin:0px;
padding:0px;
list-style:none;
display:inline;

}

.main{
width:860px;
border:solid 1px #eee;
margin:10px 0px 10px 0px;
padding:10px;
background:#fff;
}
* html .main{
width:880px;
}

/* main left */
.main .left{
float:left;
width:230px;
margin-right:10px;
}

.main .left h3{
margin:0px;
font-size:12px;
background:url(../img/back_side_h3.jpg);
width:230px;
height:27px;
text-align:center;
padding-top:14px;
}

* html .main .left h3{
height:41px;
}

.main .left ul{
margin:0px 0px 20px 0px;
padding:0px 10px 0px 10px;
}
.main .left ul li{
margin-top:15px;
list-style:none;
background:url(../img/back_li.gif) center left no-repeat;
padding-left:20px;
padding-bottom:0px;
border-bottom:1px #CCCCCC dotted;
}

/* main right */
.main .right{
float:left;
width:620px;
}

.main .right .box{
margin-bottom:20px;
}

.main .right h3{
margin:0px;
}

.main .right dl{
margin:10px auto 0px auto;
padding:5px;
width:590px;
border:1px dotted #CCCCCC;
}
* html .main .right dl{
width:600px;
}

.main .right dt{
margin:0px;
float:left;
width:400px;
}

.main .right dd{
margin:0px;
float:right;
width:190px;
text-align:right;
}

.main .right dd img{
vertical-align:middle;
margin-right:5px;
}

.main .right .pagetop{
text-align:right;
margin-top:10px;
}


/* footer */
.footer{
background:#42496B;
color:#fff;
}


/* subpage */

.sub_page{

}
.sub_page h3{
background:url(../img/title_sub.gif);
width:600px;
height:50px;
font-size:16px;
padding-left:20px;
margin:0px;
}
* html .sub_page h3{
width:620px;
}
.sub_page .box{
border:#DFDFDF 1px dotted;
padding:10px;
margin-top:20px;
}
.sub_page .box p{
margin:0px 0px 10px 0px;
font-size:12px;
line-height:160%;
}


/* 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;
/**/
}
