@charset "UTF-8";
/* CSS Document */
/* 01Earth ver2.23 */


body {
text-align:center;
color:#444;
}

#top{
background:url(../images/top_bg.png) repeat-x top center;
}
#top #outer{
background:url(../images/top_bg02.png) no-repeat top center;
}


#mid{
background:url(../images/mid_bg.png) repeat-x top center;
}
#mid #outer{
background:url(../images/mid_bg02.png) no-repeat top center;
}

h2{
clear:both;
}
h3{
clear:both;
padding-bottom:20px;
}


h4{
background:url(../images/common_h4.png) no-repeat bottom left;
line-height:38px;
font-size:131%;

padding:2px 0 0px 20px;
margin:30px 0 15px 0;
clear:both;
color:#FFF;
}

h5{
border-bottom:#CCC 1px solid;
line-height:16px;
font-size:108%;
padding:2px 0 10px 0px;
margin:20px 0 15px 0;
clear:both;
color:#521F05;
}

h3 + h4,
h4 + h5{
margin-top:0;
}

.hx-non{
background:none;
padding:0;
margin:0;
}

.hlr-0{
background:none;
padding:0;
margin-left:0;
margin-right:0;
}

.clear{
clear:both;
}


.cb {
overflow: hidden;
clear:both;
}

.cb:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

/*\*/
* html .cb {
height: 1em;
overflow: visible;
}


li img,dt img{
vertical-align:bottom;
}

ol{
margin-left:20px;
*margin-left:30px;
_margin-left:25px;

}

ol li{
list-style:decimal;
padding-bottom:10px;
line-height:140%;
}

table{
margin:0px 0px 20px 0px;
border-collapse:separate;
border-top:1px solid #DBD0CA;
border-left:1px solid #DBD0CA;
}

td,
th{
padding:10px;
vertical-align:top;
line-height:150%;
border-right:1px solid #DBD0CA;
border-bottom:1px solid #DBD0CA;
}

th{
background:#F3F0E6;
color:#521F06;
}


/*-------------------------------------------------------------
ブロック
-------------------------------------------------------------*/
#wrapper{
margin:0 auto;
width:940px;
text-align:left;
display:inline-block;
}

#header{
width:940px;
height:120px;
}

#gnavi{
width:940px;
height:64px;
margin-bottom:21px;
}

#main{
width:940px;
font-size:108%;
float:left;
margin-top:30PX;
}

#content{
width:690px;
float:right;
}

#navi{
width:220px;
float:left;
font-size:108%;
}


#footer{
background:url(../images/footer_bg.png) repeat-x top center;
font-size:108%;
clear:both;
height:710px;
}


.symp dl{
	line-height:160%;
	margin-bottom:10px;
	float:left;
}

.symp dd{
	border:1px solid #CCC;
	border-top:none;
	padding:10px;
	min-height:45px;
	height:auto !important;
	height:45px;

}
.symp .pat01 dl{
	width:225px;
}

.symp .pat01 dl + dl{
	margin-left:7px;
}

.symp .pat02 dl{
	width:340px;
}

.symp .pat02 dl + dl{
	margin-left:10px;
}

.symp_list{
	width:697px;
	display:inline-block;
	margin-bottom:10px;
}

.symp_list li{
	float:left;
	margin:0 7px 7px 0;
}

.about_line{
clear:both;
}
.about_box01{
width:330px;
float:left;
}
.about_box02{
width:330px;
float:right;
}

.about_box01 p,
.about_box02 p{
padding:0 15px;
}

.free{
	background:url(../images/free_bg01.png) repeat-y top left;
	display:inline-block;
	width:690px;
}
.free h4{
	background:none;
	padding:0;
}

.free .item{
	width:635px;
	float:right;
}
.free .item table{
	width:633px;
}

#page-top {
    bottom: 60px;
    font-size: 77%;
    position: fixed;
    right: 20px;
z-index:9999999;
cursor:pointer;

}
#page-top a {
    display: block;
}
#page-top a:hover {
}




/*-------------------------------------------------------------
テンプレート用
-------------------------------------------------------------*/
/* ------ content ini ------ */

#content p{
margin-bottom:20px;
line-height:160%;
}

#content .p-none{
margin-bottom:0px;
}

#content a:link{
color: #09F;
text-decoration:none;
}

#content a:visited{
color: #F90;
}

#content a:hover,#content a:active{
color: #c09642;
text-decoration:underline;
}


/* ------ ヘッダー ------ */
.summary{
width:770px;
height:25px;
line-height:25px;
font-size:85%;
color:#FFF;
padding:0 0 0 0;
color:#521F05;
float:left;
}
.font_box{
float:right;
width:160px;
height:25px;
}
.font_box li{
float:left;
}

#header .logo{
float:left;
margin-top:14px;
}


#header .tel{
float:right;
margin-top:25px;
}

#header .tel li{
float:left;
}

/* ------ Gナビ ------ */
#gnavi li{
float:left;
}

/* ------ 左ナビ ------ */
#navi p{
margin-bottom:20px;
}

#navi ul{
margin:0 0 20px 0;
padding:0;
line-height:0;
}
#navi ul li{
padding:0;
line-height:0;
}
#navi dl{
margin:0 0 0 0;
padding:0;
line-height:0;
}
#navi dl dt img {
vertical-align: bottom;
}
#navi dl dd{
margin:0 0 15px 0;
padding:0;
line-height:0;
}
#navi dl dd ul{
margin:0 0 0 0;
padding:0;
line-height:0;
}
#navi dl dd ul li{
margin:0;
padding:0;
line-height:0;
}
#navi dl dd ul img{
vertical-align: bottom;
}

/* ------ ページの先頭へ ------ */
.pagetop{
height:23px;
width:144px;
float:right;
}
.pagetop img{
vertical-align:bottom;
}



/* ------ フッター ------ */
#footer .inn{
width:940px;
margin:0 auto;
clear:both;
text-align:left;
}

#footer .inn .sec01{
height:419px;
}

#footer .inn .sec01 .box_l{
width:345px;
float:left;
}

#footer .inn .sec01 .box_l p{
margin-bottom:10px;
}

#footer .inn .sec01 .box_l table{
margin:0px 0px 0px 0px;
border:none;
font-size:93%;
}
#footer .inn .sec01 .box_l td,
#footer .inn .sec01 .box_l th{
padding:0 15px 8px 0;
vertical-align:middle;
border:none;
text-align:left;
}
#footer .inn .sec01 .box_l th{
background:none;
border:none;
color:#521F05;
font-weight:bold;
}

#footer .inn .sec01 .box_l .footer_logo{
margin:33px 0 19px 0;
}


#footer .inn .sec01 .box_r{
width:560px;
float:right;
}

#footer .inn .sec01 .box_r .footer_tit{
margin-top:25px;
}

#footer .inn .sec01 .box_r .gMap{
border: #D3C6B9 1px solid;
}

#footer .inn .sec02{
height:211px;
background:url(../images/footer_bg02.png) repeat-x top left;
clear:both;
}
#footer .inn .sec02 .box_l{
width:180px;
float:left;
margin-top:26px;
}
#footer .inn .sec02 .box_r{
width:730px;
float:right;
margin-top:26px;
}

#footer .inn .sec02 .box_r li{
float:left;
margin-bottom:8px;
}
#footer .inn .sec02 .box_r li + li{
margin-left:20px;
}

#footer .inn .sec03{
clear:both;
}




/*-------------------------------------------------------------
各ページ用
-------------------------------------------------------------*/

/* ------ 01_top ------ */
#top .pos{
position:relative;
}

#top .top_pos{
position:absolute;
top:220px;
left:390px;
}

#top #main p{
margin-bottom:20px;
line-height:160%;
}
.top_btn li{
float:left;
margin-bottom:40px;
}
.top_btn li + li{
margin:0 0 0 20px;
}

.top_l{
width:240px;
float:left;
}
.top_r{
width:660px;
float:right;
}

.top_btn02 dl{
width:210px;
float:left;
margin-right:15px;
}
.top_btn02 .end{
margin-right:0px;
}

.top_btn02 dd{
font-size:85%;
line-height:160%;
margin-bottom:40px;
}

.price_waku{
	background:#F9FAFC;
	border:1px solid #CCCCCC;
	padding:19px 19px 10px;
	margin-bottom:20px;
	width:650px;
}
.price_waku02{
	background:#F9FAFC;
	border:1px solid #CCCCCC;
	padding:19px 19px 10px;
	margin-bottom:20px;
	width:902px;
}
/* ------ company ------ */





/*-------------------------------------------------------------
汎用クラス
-------------------------------------------------------------*/

/* ------ margin padding ------ */
.mp0{margin:0;padding:0;}

.mb0{margin-bottom:0px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.mb15{margin-bottom:15px;}
.mb20{margin-bottom:20px;}
.mb25{margin-bottom:25px;}
.mb30{margin-bottom:30px;}
.mb35{margin-bottom:35px;}
.mb40{margin-bottom:40px;}
.mb50{margin-bottom:50px;}
.mb60{margin-bottom:60px;}
.mb70{margin-bottom:70px;}
.mb80{margin-bottom:80px;}
.mb90{margin-bottom:90px;}


.mt0{margin-top:0px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mt25{margin-top:25px;}
.mt30{margin-top:30px;}
.mt35{margin-top:35px;}
.mt40{margin-top:40px;}
.mt50{margin-top:50px;}
.mt60{margin-top:60px;}
.mt70{margin-top:70px;}
.mt80{margin-top:80px;}
.mt90{margin-top:90px;}


.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml25{margin-left:25px;}
.ml30{margin-left:30px;}
.ml35{margin-left:35px;}
.ml40{margin-left:40px;}
.ml50{margin-left:50px;}

.mr10{margin-right:10px;}
.mr15{margin-right:15px;}
.mr20{margin-right:20px;}
.mr25{margin-right:25px;}
.mr30{margin-right:30px;}
.mr35{margin-right:25px;}
.mr40{margin-right:40px;}
.mr50{margin-right:50px;}

.mlr7{ margin-left:7px; margin-right:8px;}
.mlr10{ margin-left:10px; margin-right:10px;}
.mlr15{ margin-left:15px; margin-right:15px;}
.mlr20{ margin-left:20px; margin-right:20px;}

.mrb10{ margin-right:10px; margin-bottom:10px;}
.mrb15{ margin-right:15px; margin-bottom:15px;}

.w690{width:690px;}
.w688{width:688px;}
.w510{width:510px;}
.w420{width:420px;}
.w340{width:340px;}
.w335{width:335px;}
.w320{width:320px;}
.w690{width:690px;}

.w10p{width:10%;}
.w20p{width:20%;}
.w25p{width:25%;}
.w30p{width:30%;}
.w33p{width:33%;}
.w40p{width:40%;}
.w50p{width:50%;}
.w60p{width:60%;}

.ib{
display:inline-block;
}

/* ------ txt ------ */
.cap{
padding-left:2.6em;
text-indent:-2.6em;
}

.txt_b{
font-weight:bold;
}
.txt_c{
color: #EF6B7E;
}

.txt_right{
text-align:right;
}
.txt_left{
text-align:left;
}
.txt_center{
text-align:center;
}


.common_icon01{
background:url(../images/common_ico01.jpg) no-repeat 0px 3px;
padding:0 0 0 20px;
font-weight:bold;
font-size:123.1%;
line-height:20px;
color:#37951D;
}

/* ------ img ------ */
.img_right{
float:right;
margin:0 0 10px 15px;
}
.img_right img{
display:block;
}

.img_left{
float:left;
margin:0 15px 10px 0;
}
.img_left img{
display:block;
}


/* ------ list ------ */
.common_list li{
background: url(../images/common_list01.png) no-repeat 0 5px;
padding:0 0 6px 16px;
line-height:160%;
}

.common_link li{
background: url(../images/common_link.png) no-repeat 0 5px;
padding:0 0 6px 25px;
line-height:160%;
}

.common_btn{
display:inline-block;
}
.common_btn li{
float:left;
}


/* ------ box ------ */

.common_waku{
_zoom: 1;
overflow: hidden;
}

/* ------ other ------ */
.analyzer{
display:none;
}

.site_top{
text-align:center;
}


.fl{
float:left;
}

.fr{
float:right;
}
p.title_point,
#top #main p.title_point{
	font-size: 20px;
	font-family: serif;
	font-weight: bold;
	margin-bottom: 10px;
}