﻿/* CSS Document */


/*---------bace---------*/
body{
	margin: 0px;
	padding: 0px;
	font-size: 80%;
	line-height: 150%;
	color:#333333;
	background-color:#DBE8F1;
	background-image:url(img/bg.jpg);
	background-repeat:repeat-x;
	text-align:center;
	width:900px;
	margin:0 auto;
}
th,td {
	font-size: 80%;
	line-height: 150%;
	color:#333333;
}
li{
margin: 0px;
padding: 0px;
	list-style-image: none;
	list-style-type: none;
}
ul{
margin: 0px;
padding: 0px;
	list-style-image: none;
	list-style-type: none;
}

h1{
	margin: 0px;
	padding: 0px;
}
h2{
	margin: 0px;
	padding: 0 0 20px 0;
}

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

img{ border-style:none;}

.red {
	color:#DD0000;
}

.smallf{font-size:80%}

.clearok{CLEAR: both;}
/*---------top---------*/


/*---------head---------*/
#header{
width:900px;
height:90px;
background-image:url(img/head_bg.jpg);
background-repeat:no-repeat;
text-align:left;
}
#logo {
	margin:0;
	padding:27px 0 0 35px;
	float:left;
}
#catchcopy {
	float:right;
	margin:0;
	padding:17px 15px 0 0;
	font-size:80%;
	color:#666666;
}

#header_ul{
	clear:both;
	padding:0px 0px 0px 540px;
	margin:0px 0px 0px 0px;
	list-style-image: none;
	list-style-type: none;
}

.header-li{
	padding:0px 0px 0px 3px;
	margin:0px 0px 0px 0px;
	list-style-image: none;
	float:left;
}

#wrapper{
width:900px;
	margin:0 auto;
text-align:left;
clear:both;
}

/*---------contents---------*/
#contentstop{
background-image:url(img/contents_top_bg.jpg);
background-repeat:no-repeat;
width:900px;
height:18px;
clear:both;
}

#contents{
width:900px;
	margin:0 auto;
text-align:left;
clear:both;
background-image:url(img/contents_bg.gif);
background-repeat:repeat-y;


}


/*調整*/
#leftg{
background-image:url(img/left_bg.jpg);
background-repeat:no-repeat;
width:15px;
height:192px;
float:left;
}

/*---------left_navi---------*/
#left_navi{

 width:170px;
 float:left;
 margin:0;
padding:0;

 }
 
/* #left_navi ul{
margin: 0px;
padding: 0px;
	list-style-image: none;
	list-style-type: none;
 }*/
 
#left_navi li{
 display:block;
 text-indent:-9999px;
}

#left_navi li a {
display:block;
text-decoration:none;
}

#left_navi #navi01{
width:170px;
height:40px;
background-image:url(img/left_btn01.jpg);
background-repeat:no-repeat;
}

#left_navi #navi01 a {
width:170px;
height:40px;
background-image:url(img/left_btn01.jpg);
background-repeat:no-repeat;
}

#left_navi #navi02{
width:170px;
height:40px;
background-image:url(img/left_btn_tb.jpg);
background-repeat:no-repeat;
}

#left_navi #navi02 a {
width:170px;
height:40px;
background-image:url(img/left_btn_tb.jpg);
background-repeat:no-repeat;
}

#left_navi #navi03{
width:170px;
height:25px;
background-image:url(img/left_tb01.jpg);
background-repeat:no-repeat;
}

#left_navi #navi03 a {
width:170px;
height:25px;
background-image:url(img/left_tb01.jpg);
background-repeat:no-repeat;
}

#left_navi #navi04{
width:170px;
height:25px;
background-image:url(img/left_tb02.jpg);
background-repeat:no-repeat;
}

#left_navi #navi04 a {
width:170px;
height:25px;
background-image:url(img/left_tb02.jpg);
background-repeat:no-repeat;
}

#left_navi #navi05{
width:170px;
height:32px;
background-image:url(img/left_tb03.jpg);
background-repeat:no-repeat;
}

#left_navi #navi05 a {
width:170px;
height:32px;
background-image:url(img/left_tb03.jpg);
background-repeat:no-repeat;
}

#left_navi #navi06{
width:170px;
height:30px;
background-image:url(img/left_tb04.jpg);
background-repeat:no-repeat;
}

#left_navi #navi06 a {
width:170px;
height:30px;
background-image:url(img/left_tb04.jpg);
background-repeat:no-repeat;
}

#left_navi #navi07{
width:170px;
height:40px;
background-image:url(img/left_btn07.jpg);
background-repeat:no-repeat;
}


#left_navi #navi07 a {
width:170px;
height:40px;
background-image:url(img/left_btn07.jpg);
background-repeat:no-repeat;
}

#left_navi #navi08{
width:170px;
height:45px;
background-image:url(img/left_btn08.jpg);
background-repeat:no-repeat;
}

#left_navi #navi08 a {
width:170px;
height:45px;
background-image:url(img/left_btn08.jpg);
background-repeat:no-repeat;
}

#left_navi #navi09{
width:170px;
height:45px;
background-image:url(img/left_btn09.jpg);
background-repeat:no-repeat;
}

#left_navi #navi09 a {
width:170px;
height:45px;
background-image:url(img/left_btn09.jpg);
background-repeat:no-repeat;
}

#left_navi #navi10{
width:170px;
height:50px;
background-image:url(img/left_btn10.jpg);
background-repeat:no-repeat;
}

#left_navi #navi10 a {
width:170px;
height:50px;
background-image:url(img/left_btn10.jpg);
background-repeat:no-repeat;
}

#left_navi #navi11{
width:170px;
height:40px;
background-image:url(img/left_btn_oth.jpg);
background-repeat:no-repeat;
}

#left_navi #navi11 a {
width:170px;
height:40px;
background-image:url(img/left_btn_oth.jpg);
background-repeat:no-repeat;
}

#left_navi #navi12{
width:170px;
height:40px;
background-image:url(img/left_btn11.jpg);
background-repeat:no-repeat;
}

#left_navi #navi12 a {
width:170px;
height:40px;
background-image:url(img/left_btn11.jpg);
background-repeat:no-repeat;
}

#left_navi #navi13{
width:170px;
height:40px;
background-image:url(img/left_btn12.jpg);
background-repeat:no-repeat;
}

#left_navi #navi13 a {
width:170px;
height:40px;
background-image:url(img/left_btn12.jpg);
background-repeat:no-repeat;
}

#left_navi #navi14{
width:170px;
height:40px;
background-image:url(img/left_btn13.jpg);
background-repeat:no-repeat;
}

#left_navi #navi14 a {
width:170px;
height:40px;
background-image:url(img/left_btn13.jpg);
background-repeat:no-repeat;
}

#left_navi #left_banner_contact{
width:170px;
height:78px;
background-image:url(img/left_banner_contact.jpg);
background-repeat:no-repeat;
}

#left_navi #left_banner_contact a {
width:170px;
height:78px;
background-image:url(img/left_banner_contact.jpg);
background-repeat:no-repeat;
}

#left_navi #left_banner_blog{
width:170px;
height:40px;
background-image:url(img/left_banner_blog2.jpg);
background-repeat:no-repeat;
}

#left_navi #left_banner_blog a{
width:170px;
height:40px;
background-image:url(img/left_banner_blog2.jpg);
background-repeat:no-repeat;
}

#left_navi #left_banner_term{
width:176px;
height:89px;
background-image:url(img/left_banner_term.jpg);
background-repeat:no-repeat;
}

#left_navi #left_banner_term a{
width:176px;
height:89px;
background-image:url(img/left_banner_term.jpg);
background-repeat:no-repeat;
}

/*---------mainimage---------*/
#topimage{
height:192px;
width:687px;
background-image:url(../img/topimage.jpg);
float:right;

}
h2.pagecatch{
visibility:hidden;
margin:0;
padding:0;
}


/*---------right_contents---------*/
#top_contentsbox{
width:687px;
float:right;
margin:0;
padding:0;
}

#top_contentsbox02{
	width:650px;
	float:left;
	margin-top:10px;
}

#top_contentsbox03{
	width:650px;
	height:180px;
	float:left;
	background-image:url(../img/news_bg.jpg);
	background-repeat:no-repeat;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 40px;
	padding-right: 8px;
	padding-bottom: 10px;
	padding-left: 10px;

}

.top-ddbox01{padding:5px 20px;
     margin:5px 40px 5px 10px;
	 border:2px dotted #cccccc;
	 background-color:#ffffff;
	 text-align:left;
	 }
	 
.ddbox02{padding:2px 0px 2px 10px;
     margin:5px 10px;
	 border:1px dotted #aaaaaa;
	 text-align:left;
	 width:580px;
	 }

.ddbox03{padding:1px 0px 1px 30px;
     margin:5px 5px 5px 0;
	 border:1px dotted #aaaaaa;
	 text-align:left;
	 width:580px;
	 }	 
	 
#top-tbbox01{padding:5px 20px;
     margin:5px 20px;
	 border:1px solid #cccccc;
	 background-color:#ffffff;
	 font-size:15px;
	 line-height:140%;
	 text-align:left;
	 }
	 	 
#top_contentsbox01{
	float: left;
	width:335px;
	margin: 0 0 0 0;
	padding:0 0 0 10px;
}

.fukei01{
    float:left;
	width:160px;
    margin:0;
	padding:5px 0 5px 10px;
	text-align:left;
	font-size:11px;
	line-height:130%
}

.fukei02{
    float:right;
	width:155px;
    margin:0;
	padding:5px 5px;
    text-align:left;
	font-size:11px;
	line-height:130%
}

#text_fukei{
	position:absolute;
	top:52px;
	left:18px;
	width: 300px;
}

#top_contentsbox04{
	float: right;
	width:320px;
	margin: 0 0 0 0;
	padding:0 20px 0 0;
}

.book01{
    float:left;
	width:150px;
    margin:0;
	padding:5px;
    text-align:center;
	font-size:11px;
	line-height:130%

}

.book02{
    float:right;
	width:150px;
    margin:0;
	padding:5px;
    text-align:center;
	font-size:11px;
	line-height:130%
}

#text_book{
	width: 300px;
    margin:0;
	padding:5px;
    font-size:11px;
	line-height:130%;
}

/*---------text---------*/
.text{
margin:0;
padding:0;
text-align:left;
clear:both;
}

.centerbtn01{
width:234px;
float:left;
padding:0 20px 10px 50px;
}

.centerbtn02{
width:44px;
float:left;
padding:6px 20px 12px 0;
}

.centerbtn03{
width:234px;
float:left;
padding:0 10px 5px 0;
}

.text02_li{
margin-top:10px;
}

#text02_li02{
margin:10px 0px 0px 272px;

}


/*---------news---------*/

#news{
	width:620px;
	height:160px;
	padding:5px;
	background-color:#FFFFFF;
	overflow:auto;
}


/*foot*/
#foot{
	clear:both;
	width:900px;
	height:45px;
	background-image:url(img/foot_bg.jpg);
	background-color:#DBE8F1;
	background-repeat:no-repeat;
	padding:12px 0 0 0;
	margin:0;
	font-size: 80%;
	color: #006699;
	text-align:center;
}

.footcopy{
	visibility:hidden;

}

/* 下層 */
#main {
	width:687px;
	float:right;
	margin:0;
	padding:0;
}
#main h3 {
	margin:20px 0 0 0;
	padding:0;
}
#main h4 {
	margin:0;
	padding:0;
}
.bold {
	font-weight:bolder;
}
#main p {
    padding:0 10px 0 10px;
	margin:0;
}
#main .float_right {
	display:block;
	float:right;
	padding:0 20px 20px 20px;
	margin:0;
}

#main .float-right2 {
	float:right;
	padding:0 10px 10px 10px;
	margin:0;
}

#main .float_right3 {
	display:block;
	float:right;
	padding:0 20px 10px 10px;
	margin:0;
}

#main .float-right4 {
	display:block;
	float:right;
	padding:0 30px 10px 10px;
	margin:0;
}

#main .float-left2 {
	float:left;
	padding:0 10px 10px 10px;
	margin:0;
}

#main .float-left3 {
	float:left;
	padding:0;
	margin:0;
}

#top_contentsbox02 .float_right {
	display:block;
	float:right;
	padding:0 20px 20px 20px;
	margin:0;
}
#main .float-left {
	display:block;
	float:left;
	padding:0 20px 20px 0;
	margin:0;
}

.float-left480 {
	display:block;
	float:left;
    width:427px;
	padding:0 10px 10px 10px;
	margin:0;
}

.float-leftvoice {
	display:block;
	float:left;
    width:427px;
	padding:0 10px 0px 10px;
	margin:0;
}


.inline2{
    display:inline;
}

.float-left4 {
	display:block;
	float:left;
	padding:10px 40px 10px 10px;
	margin:0;
}

#main .float_clear {
	clear:both;
	margin:0;
	padding:0;
	display:block;
}

.off01{
    float:left;
	width:210px;
    margin:0;
	padding:5px 0 0 10px;
	text-align:left;
}

.go_head {
	text-align:right;
	margin:0;
	padding:0 40px 20px 0;
}

#main .faq_li {
	border-bottom:1px solid #CCCCFF;
}
#main .faq_q {
	margin-right:50px;
	margin-left:10px;
	padding:5px;
	}
#main .faq_a {
	margin-right:50px;
	margin-left:10px;
	padding:5px;
}
#main .inquiry_table {
	margin-right:15px;
	margin-left:10px;
	border-top:1px solid #999999;
}
#main .inquiry_table_td {
	border-bottom:1px solid #999999;
	font-size: 100%;
	line-height: 150%;

}
#main .inquiry_x {
	color:#CC0000;
}
#main .sitemap_ul {
	margin:0 50px 20px 15px;
	padding:0 100px;

}
#main .sitemap_li {
	margin:5px;
	padding:2px;
	border-bottom:1px solid #CCCCFF;
}
#main .sitemap_li2 {
	margin:5px 5px 5px 20px;
	padding:2px;
	border-bottom:1px solid #CCCCFF;
}
#main .company_table {
	margin-right:15px;
	margin-left:10px;
	border-top:1px solid #999999;
}
#main .company_table_td {
	border-bottom:1px solid #999999;
	font-size: 100%;
	line-height: 150%;

}
#main .fee_table {
	margin-top:20px;
}
#main .fee_th {
	color:#FFFFFF;
}
.u-line{
text-decoration:underline;
}

/*サービス*/

.service-box{
margin-top:30px;
clear:both;
padding:10px;
}

.service-box2{
display:inline;
margin:20px 0 0 0;
clear:both;
padding:10px;
}

.btn{
text-align:right;
}
.btn2{
text-align:left;
margin:0;
padding:5px 0 0 280px;
}

.comment-left{
float:left;
}
.m5-10{
margin:5px 15px 5px 10px;
}
.m5-15{
margin:5px 5px 5px 15px;
}

.mtop10{
margin:10px 0 0 0;
padding:0;
}

.mt10-b20{
margin:10px 10px 20px 10px;
padding:0;
}

.m10{
margin:10px;
padding:0;
}

.topimg-com{
margin:5px 10px 0px 400px;
font-size:13px;font-weight:bold;
}
#footernavi {
	font-size: 11px;line-height:1.4;
	text-align: center;
	margin: 10px 0px 0px 0px;
	padding: 5px;
	clear: both;
}
#footernavi ul {
	margin: 0;
	padding: 0;
}

#footernavi ul li {
	display: inline;
}

#footernavi ul li a {
	text-decoration: none;
	color: #137BA8;
	padding: 0 .5em;
}

#footernavi ul li a:hover {
	text-decoration: underline;
    color: #0C3985;
}

A.bl:link { color: #16349A;text-decoration:underline}
A.bl:visited { color: #16349A;text-decoration:underline}
A.bl:active { color: #005EAA;text-decoration:none}
A.bl:hover { color: #005EAA;text-decoration:none}

.pdw-ul{
    text-align:left;
	margin:0;
	padding:0 30px;
    list-style-type:circle;
} 

.pdw-li{
    text-align:left;
	margin:0;
	padding:0;
    list-style-type:circle;
}

.other-subt{
    width:604px;
	margin:2px;
	padding: 3px 7px;
	border-bottom:1px solid #666666;
	border-left:5px solid #666666;
}

.c-subt{
    width:604px;
	margin:2px;
	padding: 3px 7px;
	border-top:1px dotted #999999;
	border-bottom:1px dotted #999999;
	background-color:#f1f1f1;
	font-weight:bold;
	
}

.font100{
	font-size: 100%;
	line-height: 150%;
	color:#333333;

}
.valign-mid{
    vertical-align:middle;
} 

hr.foot{
    text-align:center;
	height:1px;
	border-style:solid;
	border-width:1px;
	border-color:#dddddd;
	background-color:#999999;
	color:#999999;
	padding:5px 40px 10px 20px;
	margin:0;
}
