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


body {
text-align:center;
background:url(../images/common_bg01.png) repeat-x top center #F5F4F2;
color:#513300;
}
#mid_inner01{
text-align:center;
background:url(../images/common_bg01.png) repeat-x top center #F5F4F2;
}
#top #mid_inner01{
text-align:center;
background:url(../images/top_bg01.png) repeat-x top center #F5F4F2;
}

h2{
background:url(../images/common_h2.png) no-repeat top left;
line-height:180%;
height:160px;
font-size:234%;
font-weight:normal;
padding:110px 0 0px 30px;
margin:0px 0 0px 0;
clear:both;
color:#3993B9;
text-align:left;
}

h3{
background:url(../images/common_h3.png) no-repeat bottom left;	
line-height:114%;
height:51px;
font-size:153.9%;
font-weight:normal;
padding:40px 0 0px 15px;
margin:0px 0 10px 0;
clear:both;
color:#513300;
}

h4{
background:url(../images/common_h4.png) no-repeat bottom left;
line-height:48px;
font-size:138.5%;
font-weight:normal;
padding:2px 0 0px 15px;
margin:40px 0 20px 0;
clear:both;
color:#513300;
}

h5{
background:url(../images/common_h5.png) no-repeat bottom left;
line-height:16px;
font-size:123.1%;
font-weight:normal;
padding:2px 0 19px 15px;
margin:40px 0 20px 0;
clear:both;
color:#513300;
}

h6{
background:url(../images/common_h6.png) no-repeat bottom left;
line-height:38px;
font-size:123.1%;
font-weight:normal;
padding:2px 0 0px 15px;
margin:40px 0 20px 0;
clear:both;
color:#FFFFFF;
}

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

.cb + h4,
.cb + h5,
.cb + h6{
margin-top:10px;
}



.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 30px 0px;
border-collapse:separate;
border-top:1px solid #F5F4F2;
border-left:1px solid #F5F4F2;
}

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

th{
background:#CFC5BE;
}


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

#header{
width:960px;
margin:0 auto;
}

#gnavi{
width:960px;
margin:0 auto;
clear:both;
}

#main{
	width:960px;
float:left;
padding-bottom:10px;
}

#content{
width:680px;
font-size:108%;
float:right;
}

#navi{
width:250px;
float:left;
font-size:108%;
padding-top:20px;
margin-bottom:30px;
}


#footer{
background:url(../images/footer_bg.png) repeat-x bottom center;
font-size:108%;
clear:both;
}
.box{
	width:100%;
	clear:both;
}


.box .inner{
	width:960px;
	margin:0 auto;
	padding:0 32px;
}

#footer .sec01{
	height:43px;
	margin:24px 0 23px;
	display:inline-block;
	width:960px;
}

#footer .sec01 a{
	color:#FFF;
	text-decoration:none;
}
#footer .sec01 a:hover{
	text-decoration:underline;
}
#footer .sec01 p{
	float:left;
}
#footer .sec01 ul{
	line-height:43px;
	float:right;
}
#footer .sec01 li{
	float:left;
	margin-left:30px;
	background:url(../images/footer_ico01.png) no-repeat 0px 14px;
	padding:0 0 0 15px;
}

#footer .sec02{
	height:194px;
	width:940px;
	padding:40px 0px 0px 20px;
}
#footer .sec02 .in01{
	width:550px;
	float:left;
}
#footer .sec02 .in01 p{
	margin-bottom:20px;
}
#footer .sec02 .in01 li{
	float:left;
}
#footer .sec02 .in01 li + li{
	margin-left:10px;
}

#footer .sec02 .in02{
	width:390px;
	float:right;
}

#footer .sec02 .in02 ul{
	float:left;
}
#footer .sec02 .in02 ul + ul{
	float:right;
	margin-right:20px;
}

#footer .sec02 .in02 li{
	background:url(../images/footer_ico02.png) no-repeat 0px 2px;
	padding:0 0 0 15px;
	line-height:140%;
}
#footer .sec02 .in02 ul li + li{
	margin-top:20px;
}
#footer .sec02 .in02 li a{
	color:#513300;
	text-decoration:none;
}
#footer .sec02 .in02 li a:hover{
	text-decoration:underline;
}




#footer .sec03{
	clear:both;
	width:960px;
	text-align:center;
	color:#FFF;
	line-height:40px;
}




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

#content p{
margin-bottom:30px;
line-height:170%;
}

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

a:link{
color:#D63D4F;
text-decoration:underline;
}

a:visited{
color:#CFC4BE;
text-decoration:underline;
}

a:hover,
a:active{
color:#D63D4F;
text-decoration:none;
}


/* ------ ヘッダー ------ */
.summary{
width:960px;
height:40px;
line-height:25px;
font-size:93%;
color:#513300;
padding:0 0 0 0;
text-align:left;
}

#header .logo{
float:left;
}


#header .tel{
float:right;
}

.head_info{
	width:960px;
	clear:both;
	margin-bottom:35px;
	display:inline-block;
}



/* ------ pan_list ------ */

.pan_list{
	width:960px;
	display:inline-block;
	padding:30px 0 0;
	height:30px;
	line-height:25px;
	font-size:93%;
}
.pan_list ul{
}

.pan_list li{
	float:left;
	line-height:160%;
	color:#8C836C;
}
.pan_list li + li{
	background:url(../images/panlist_ico.png) no-repeat 0 5px;
	padding:0 0 0 15px;
	margin-left:10px;
}


#main .pan_list a:link,
#main .pan_list a:visited{
	color:#8C836C;
text-decoration:underline;
}

#main .pan_list a:hover,
#main .pan_list a:active{
	color:#8C836C;
text-decoration:none;
}



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

/* ------ 左ナビ ------ */
#navi ul{
margin:0 0 20px 0;
padding:0;
line-height:0;
}
#navi ul li{
padding:0;
line-height:0;
}
#navi ul li + li{
padding:0;
line-height:0;
margin-top:10px;
}
#navi .navi_li li + li{
padding:0;
line-height:0;
margin-top:0px;
}

#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 .inner{
clear:both;
text-align:left;
}



/* ------ #page-top ------ */

#page-top {
    width: 87px;
    height: 87px;
    right: 20px;
    bottom: 50px;
    position: fixed;
    z-index: 9999999;
    cursor: pointer;
    font-size: 77%;
    display:none;
}
#page-top img {
    vertical-align: bottom;
}


/*-------------------------------------------------------------
各ページ用
-------------------------------------------------------------*/
/* ------ 01_top ------ */
#top #main{
float:none;
width:100%;
}
#top #content{
width:100%;
float:none;
}

#key_wrap{
	clear:both;
	padding:44px 0 55px;
}

.top_key_li{
	padding:0 19px;
	text-align:center;
    display: flex;
justify-content: center;
}
.top_key_li li{
	float:left;
}
.top_key_li li + li{
	margin-left:20px;
}

#top h2{
	text-align:center;
background:none;
line-height:0;
height:inherit;
padding:194px 0 0px 0px;
clear:both;
}
#top_sec01{
	background:url(../images/top_bg02.png) no-repeat top center;
}
#top_sec01 .inner{
	background:url(../images/top_bg02.png) no-repeat top center;
}


#top_sec01 .in01{
	padding:20px 0 71px;
	display:inline-block;
}

#top_sec01 .in01 ul li{
	float:left;
}
#top_sec01 .in01 ul li + li{
	margin-left:30px;
}
#top_sec01 .in02{
	padding:102px 540px 168px 0;
	display:inline-block;
}
#top_sec01 .in03{
	padding:102px 0px 187px 540px;
	display:inline-block;
}

#top_sec02{
	/* background:url(../images/top_bg03.png) no-repeat top center; */
}
#top_sec02 .inner{
	/* background:url(../images/top_bg03.png) no-repeat top center; */
	position:relative;
}

#top_sec02 .in01{
	padding:38px 0px 43px 0;
	display:inline-block;
	margin-left: 270px;
}
#top_sec02 ul{
	margin-bottom:80px;
}
.top_sec02_posimg{
	position:absolute;
	top:517px;
	left:428px;
}

#top_sec02 .in02{
	width:520px;
	margin-top:21px;
	padding:0px 440px 50px 0;
	background:url(../images/top_img05-01.png) no-repeat top right;
	display:inline-block;
		min-height:510px;height:auto !important;height:510px;

}
#top_sec02 .in02 p{
	line-height:200%;
}


/* ------ soap ------ */

.com_dl01{
	width:680px;
	text-align:center;
	font-size:138.5%;
	line-height:133%;
	padding-bottom:1px;
	margin:10px 0 20px;
	clear:both;
}
.com_dl01 dt{
	color:#F4F3F2;
	padding:14px 0 11px;
}
.com_dl01 dd{
	width:678px;
	margin:0 1px;
	background:#F5F4F2;
	color:#513300;
	padding:14px 0 11px;
}
.col_red{
	background:#D63D4F;
}
.col_green{
	background:#A8C533;
}
.col_sky{
	background:#75B7D4;
}
.col_blue{
	background:#5A84AC;
}


/* ------ altanate ------ */

.tdcol_red{
	background:#D63D4F;
	color:#F4F3F2;
}
.tdcol_blue{
	background:#3993B9;
	color:#F4F3F2;
}

.pick_wrap01{
	background:url(../images/alt_bg02.png) no-repeat bottom left;
	padding:0 30px 0;
	width:620px;
	display:inline-block;
	margin-bottom:30px;
}
.pick_wrap02{
	background:url(../images/alt_bg01.png) no-repeat top left;
	padding-top:30px;
	width:680px;
}
#content .pick_wrap02 dd p{
	line-height:170%;
	
}
.pick_wrap02 dt{
	width:600px;
	color:#F4F3F2;
	padding:14px 0 11px 20px;
	font-size:138.5%;
}
.pick_wrap02 dd{
	width:620px;
	background:#F5F4F2;
	color:#513300;
	padding:14px 0 0px;
}
.pick_wrap02 dl + dl{
	margin-top:10px;
	display:inline-block;
}


/* ------ column ------ */

.col_wrap01 dt{
	width:660px;
	color:#F4F3F2;
	padding:15px 0 12px 20px;
	font-size:138.5%;
}
.col_wrap01 dd{
	background:#EAE6E3;
	width:620px;
	color:#513300;
	padding:30px 30px 25px;
	margin-bottom:20px;
}
#content .col_wrap01 p{
	margin-bottom:0;
}
#content .col_wrap01 p + p{
	margin-top:30px;
}



/* ------ product ------ */

.prod_wrap01 dl{
	width:400px;
	float:right;
}
.prod_wrap01 dt{
	color:#513300;
	padding:0px 0 15px 0px;
	font-size:123.1%;
	border-bottom:1px solid #CFC2BC;
	margin-bottom:15px;
}



/* ------ progress ------ */

.prog_wrap01 dl{
	background:url(../images/flow_arrow01.png) no-repeat bottom center;
	padding:0 0 35px 0;
	margin:0 0 30px 0;
}

.prog_wrap01 dt{
	color:#F4F3F2;
	padding:15px 0 12px 120px;
	margin-bottom:20px;
	font-size:138.5%;
}
.prog_wrap01 dd{
	width:680px;
	display:inline-block;
}

.step01{background:url(../images/step01.png) no-repeat 10px 10px #D63D4F;}
.step02{background:url(../images/step02.png) no-repeat 10px 10px #DC574C;}
.step03{background:url(../images/step03.png) no-repeat 10px 10px #E37849;}
.step04{background:url(../images/step04.png) no-repeat 10px 10px #EA9745;}
.step05{background:url(../images/step05.png) no-repeat 10px 10px #D6A84A;}
.step06{background:url(../images/step06.png) no-repeat 10px 10px #BCBB50;}
.step07{background:url(../images/step07.png) no-repeat 10px 10px #ABC755;}
.step08{background:url(../images/step08.png) no-repeat 10px 10px #9DBD6B;}
.step09{background:url(../images/step09.png) no-repeat 10px 10px #8BAE87;}
.step10{background:url(../images/step10.png) no-repeat 10px 10px #84A893;}
.step11{background:url(../images/step11.png) no-repeat 10px 10px #82A9A3;}
.step12{background:url(../images/step12.png) no-repeat 10px 10px #88B6B9;}
.step13{background:url(../images/step13.png) no-repeat 10px 10px #82A9A3;}
.step14{background:url(../images/step14.png) no-repeat 10px 10px #6896B9;}

.prog_wrap01 .in01{
	width:680px;
	margin-bottom:20px;
	clear:both;
	border-bottom:1px dotted #CFC2BC;
	display:inline-block;
}
#content .prog_wrap01 .in01 p{
	margin-bottom:20px;
}

.prog_wrap01 dl.last{
	background:none;
	padding:0 0 0px 0;
	margin:0 0 0px 0;
}


/* ------ strength ------ */

.str_wrap01 h4{
line-height:50px;
font-size:138.5%;
font-weight:normal;
text-align:center;
padding:50px 0 0px 0px;
margin:40px 0 20px 0;
clear:both;
color:#513300;
}

.str01{background:url(../images/str_tit01.png) no-repeat bottom left;}
.str02{background:url(../images/str_tit02.png) no-repeat bottom left;}
.str03{background:url(../images/str_tit03.png) no-repeat bottom left;}
.str04{background:url(../images/str_tit04.png) no-repeat bottom left;}
.str05{background:url(../images/str_tit05.png) no-repeat bottom left;}
.str06{background:url(../images/str_tit06.png) no-repeat bottom left;}
.str07{background:url(../images/str_tit07.png) no-repeat bottom left;}

.str_dl{
	width:620px;
	padding:30px 30px 20px;
	background:url(../images/str_bg01.png) no-repeat bottom left;
	border-top:1px solid #CFC2BC;
	margin-bottom:30px;
}
.str_dl dt{
	width:620px;
	text-align:center;
	color:#F4F3F2;
	padding:15px 0 12px 0px;
	font-size:138.5%;
	margin-bottom:20px;
}

/* ------ faq ------ */

.faq_wrap01 dl{
	margin-bottom:30px;
}
.faq_wrap01 dt{
	background:url(../images/faq_q.png) no-repeat bottom left;
	padding:14px 0 13px 60px;
	color:#513300;
	font-size:138.5%;
	margin-bottom:20px;
}
.faq_wrap01 dd{
	width:620px;
		min-height:50px;height:auto !important;height:50px;
	padding:0 0 30px 60px;
	line-height:170%;
	background:url(../images/faq_a.png) no-repeat top left;
	border-bottom:1px dotted #BDACA4;
}


/* ------ flow ------ */


.flow_wrap01 dl{
	background:url(../images/flow_arrow01.png) no-repeat bottom center;
	padding:0 0 35px 0;
	margin:0 0 30px 0;
}

.flow_wrap01 dt{
	color:#F4F3F2;
	padding:15px 0 12px 120px;
	margin-bottom:20px;
	font-size:138.5%;
}
.flow_wrap01 dd{
	width:680px;
	display:inline-block;
}

.flow_wrap01 .step01{background:url(../images/flow_step01.png) no-repeat 10px 10px #D63D4F;}
.flow_wrap01 .step02{background:url(../images/flow_step02.png) no-repeat 10px 10px #EA9945;}
.flow_wrap01 .step03{background:url(../images/flow_step03.png) no-repeat 10px 10px #AAC855;}
.flow_wrap01 .step04{background:url(../images/flow_step04.png) no-repeat 10px 10px #7FA49A;}
.flow_wrap01 .step05{background:url(../images/flow_step05.png) no-repeat 10px 10px #94CCE1;}
.flow_wrap01 .step06{background:url(../images/flow_step06.png) no-repeat 10px 10px #5A84AC;}
.flow_wrap01 .step07{background:url(../images/flow_step07.png) no-repeat 10px 10px #A285BE;}

.flow_wrap01 dl.last{
	background:none;
	padding:0 0 0px 0;
	margin:0 0 0px 0;
}


/* ------ company ------ */

#content .com_tit{
	background:url(../images/company_ico01.png) no-repeat 0px 11px;
	padding:0 0 0 16px;
	font-size:123.1%;
	margin-bottom:5px;
}



/*-------------------------------------------------------------
ブログ
-------------------------------------------------------------*/

/* ------ blog ------ */

.blog_btn{
	width:700px;
	margin-left:-20px;
	margin-bottom:30px;
	display:inline-block;
}
.blog_btn li{
	float:left;
}

.blog_btn li a{
	width:330px;
	text-align:center;
	padding-top:18px;
	height:34px;
	margin-left:20px;
	margin-bottom:10px;
	display:block;
}

.blog_btn li a:link,
.blog_btn li a:visited{
	color:#FFF;
	background:url(../images/blog_btn01_off.png) no-repeat top left;
	text-decoration:none;
}
.blog_btn li a:hover,
.blog_btn li a:active{
	color:#FFF;
	background:url(../images/blog_btn01_on.png) no-repeat top left;
	text-decoration:none;
}


.blog_wrap01{
	width:680px;
	margin-bottom:20px;
	display:inline-block;
}
#content .blog_wrap01 p{
	margin-bottom:0px;
	float:left;
}
.blog_wrap02{
	margin-left:10px;
	width:530px;
	float:right;
	border-bottom: dotted 1px #AAAAAA;
	padding-bottom:10px;
}

.blog_dl01{
	width:530px;
	display:inline-block;
	margin-bottom:10px;
}
.blog_dl01 dt{
	float:left;
	height:17px;
	padding:3px 10px 0px;
	color:#FFF;
	background: url(../images/blog_catbg.png) repeat-x top left #F1823A;
	font-size:93%;
	margin-right:10px;
}
.blog_dl01 dd{
	height:17px;
	float:left;
	padding:0px 0px 0px;
}

.blog_dl02{
	width:530px;
	display:inline-block;
}
#content .blog2_tit02,
.blog_dl02 dt{
	font-size:123.1%;
	font-weight:bold;
	color:#68A905;
	margin-bottom:10px;
}

#content .blog_dl02 dt a:link,
#content .blog_dl02 dt a:visited{
	color:#FD7B7A;
	text-decoration:underline;
}
#content .blog_dl02 dt a:active,
#content .blog_dl02 dt a:hover{
	color:#FD7B7A;
	text-decoration:none;
}


/* ------ detail ------ */

.detail_wrap01{
	width:700px;
	margin-left:-20px;
	display:inline-block;
	clear:both;
	margin-bottom:0px;
}

.detail_wrap01 .in01{
	width:330px;
	margin-left:20px;
	float:left;
	margin-bottom:20px;
}

.detail_wrap01 .in02{
	text-align:center;
}

#content .detail_wrap01 .in02{
	margin-bottom:10px;
	text-align:center;
}
#content .detail_wrap01 .in02 + p{
	margin-bottom:20px;
	text-align:center;
}



.blog2_bg01{
	background:url(../images/detail_wrap01.png) no-repeat top left;
	padding:25px 0px 0px;
	width:680px;
	display:inline-block;
	margin-bottom:15px;
}
.blog2_bg02{
	width:680px;
	background:url(../images/detail_wrap02.png) no-repeat bottom left;
	padding-bottom:25px;
	display:inline-block;
}
.blog2_bg03{
	width:640px;
	background:url(../images/detail_wrap03.png) repeat-y top left;
	padding:0px 20px 0px;
	display:inline-block;
}


#content .blog2_tit02 a:link,
#content .blog2_tit02 a:visited{
	color:#FD7B7A;
	text-decoration:underline;
}
#content .blog2_tit02 a:active,
#content .blog2_tit02 a:hover{
	color:#FD7B7A;
	text-decoration:none;
}

.blog2_wrap03{
	width:640px;
	margin-bottom:20px;
	display:inline-block;
	border-bottom: dotted 1px #000;
}
.blog2_wrap04{
	margin-left:10px;
	width:490px;
	float:right;
	padding:10px 0 10px;
}

.blog2_wrap04 .blog_dl01{
	width:440px;
	display:inline-block;
	margin-bottom:15px;
}

.blog2_link01{
	width:680px;
	text-align:center;
	margin-bottom:30px;
}
.blog2_link01 li{
	text-align:center;
	width:240px;
	margin:0 auto;
}

.blog2_link01 a{
	display:block;
	width:240px;
	height:40px;
	padding:20px 0px 0px 0px;
	font-size:123.1%;
	font-weight:normal;
}
#content .blog2_link01 a:link,
#content .blog2_link01 a:visited{
background:url(../images/blog_btn01_off.png) no-repeat top left;
	color:#FFF;
	text-decoration:none;
}
#content .blog2_link01 a:hover,
#content .blog2_link01 a:active{
background:url(../images/blog_btn01_on.png) no-repeat top left;
	color:#FFF;
	text-decoration:none;
}



/* ------ pager ------ */
.pager{
	clear:both;
	margin-bottom:20px;
	display:inline-block;
}
.pager li{
	float:left;
}
.pager li + li{
	margin-left:5px;
}

.blog_img01,
.blog_img01{
	text-align:center;
	width:120px;
}

.blog_img01 img,
.blog_img01 img{
	max-width:120px;
	max-height:87px;
}
#content .blog2_wrap03 .blog_img01{
	margin-bottom:10px;
}





/*-------------------------------------------------------------
キジカク
-------------------------------------------------------------*/
#news{
	width:250px;
}

#news p{
	text-align:center;
	line-height:60px;
	height:60px;
	background:#513300;
	color:#FFF;
}
#news li{
	line-height:60px;
	height:60px;
background:#ECE8E6;
}

#news li a{
	display:block;
	line-height:60px;
	height:60px;
	padding-left:20px;
	background:url(../images/blog_bg01.png) 5px center no-repeat;

}

#news li + li{
	border-top:1px dotted #CDC6AF;
}

#news ul{
}

#news a:link{
text-decoration:underline;
color:#513300;
}

#news a:visited{
text-decoration:underline;
color:#513300;
}

#news a:hover,#news a:active{
text-decoration:none;
color:#513300;
}






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

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

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


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


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

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

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

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

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


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

.ib{
display:inline-block;
}

/* ------ txt ------ */
.cap{
padding-left:1em;
text-indent:-1em;
/margin-left:13px;
}

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

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


.common_icon01{
background:url(../images/common_ico01.png) 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 30px 20px;
}
.img_right img{
display:block;
}

.img_left{
float:left;
margin:0 20px 30px 0;
}
.img_left img{
display:block;
}


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

.common_link li{
background:url(../images/common_link01.png) no-repeat 0 4px;
padding:0 0 6px 16px;
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;
}