@charset "UTF-8";
/* CSS Document */
img{
	width:100%;
	}

p {
 color:#333333;
}

.mt10{
 margin-top:10px;
}

.tr {
 color:#ff0000;
}

.portrait p.alert {
/*  font-size:80%;*/
}

.landscape p.alert {
/* font-size:100%;*/
}

.portrait span.t30 {
 color:#ff0000;
/* font-size:110%;*/
}

.landscape span.t30 {
 color:#ff0000;
/* font-size:150%;*/
}

.portrait .msg {
/*  font-size:70%;*/
 padding:0px 0 18px 10px;
}

.landscape .msg {
/*   font-size:110%;*/
 padding:0px 0 18px 10px;
}

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

#wrap {
 padding-top: 10px;
 width:100%;
}

#main-contents{
margin:8px 10px 15px;
padding:0;
background:#fff;
border-radius:5px;
-webkit-border-radius:5px;
-moz-border-radius:5px;
box-shadow:0 1px 3px rgba(0,0,0,0.2);
}

#header {
 margin:0 0 15px;
 padding:10px 10px 0;
}

#header-inner {
display:table;
 width:100%;
 margin:1% 0 4%;
}

#header-inner:after{
 content:".";
 clear:both;
 display:block;
 visibility:hidden;
 height:0;
}

#header-inner h1#logo {
 display: table-cell;
    padding: 0 1%;
    text-align: left;
    vertical-align: top;
	width:55%;
	
}
#header-inner h1#logo img{
	max-width:340px;
	}

#header-inner h2#top_tel {
 display: table-cell;
    padding: 0 1% ;
    text-align: right;
    vertical-align: top;
	margin:0;
}
#header-inner h2#top_tel img{
		max-width:270px;
}
/*
#freedial {
 float:right;
 width:284px;
}
*/
#visual {
 clear:both;
 margin:0 auto 2%;
 max-width:640px;
}

#visual_desc {
 background:#231815;
 text-align:center;
 padding:10px 0;
}

/* iphone switch
---------------------------------------------------------------------- */
body.portrait #main-contents{
 zoom:50%;
}

body.landscape #main-contents{
 zoom:75%;
}

body.portrait #tel-contents{
 zoom:50%;
}

body.landscape #tel-contents{
 zoom:75%;
}


/* main
---------------------------------------------------------------------- */
#main{ 
 padding:30px 0 0;
 margin:0 auto;
}

#main-contents{
 /*width:640px;
 padding:0;
 margin:0 10px;
 background-color:#fff;*/
}

#tel-contents{
 /*width:640px;*/
 padding:0;
 margin:0 auto;
}


/* footer
---------------------------------------------------------------------- */


.link a {
 text-decoration:none;
 color:#fff;
 }

.link img {
 vertical-align:middle;
 }

 #footer *{
 color:#fff;
font-size:90%;
 }


#footer{
 background:#666;
 padding-top:17px;
 padding-left:10px;
 padding-bottom:10px;
 }

#footer p.copyright {
/*	font-size:85%;*/
 }

.tel_back {
 margin:0 auto;
 }

#page-top {
 position: fixed;
 top:0px;
 }
#footer .absmiddle{
	width:10px;
	vertical-align:middle;
	}

strong.red {
    color: #bf1a20;
    font-weight: bold;
}
#pagegotop {
	/* ▼表示位置を画面の右下に固定 */
      position: fixed; /* ←表示場所を固定 */
      bottom: 18px;   /* ←下端からの距離 */
      right: 18px;    /* ←右端からの距離 */

      /* ▼最初は非表示にしておく
      display: none; */
}
#pagegotop a{	  
	background: #7a5c34;
	border: 1px solid #7a5c34;
	border-radius: 20px;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	color: #fff;
	width: 100px;
	text-align:center;
	padding: 10px 0;
	display:block;
}
/*#pagegotop a:hover{
	border: 1px solid #bf1a20;
	background: #bf1a20;
	color:#fff;
	}*/
/* etc...
---------------------------------------------------------------------- */
.mgB10{
margin-bottom: 10px;
 }
 .mgB20{
 margin-bottom:20px;
 }
.fL{
float:left;
}

.fR{
float:right;
}

.clear{
 content:".";
 clear:both;
 display:block;
 visibility:hidden;
 height:0;
}

.right{
 text-align:right;
 }

.pB10{
padding-bottom:10px!important;
}
.pB20{
padding-bottom:20px!important;
}
.pB30{
padding-bottom:30px!important;
}
.pB40{
padding-bottom:40px!important;
}
.pT10{
padding-top:10px!important;
}
.m_t15 {
    margin-top: 15px!important;
}
.m_t30{
	margin-top: 30px!important;
	}
.m_t40{
	margin-top: 40px!important;
	}

.m_t50{
	margin-top: 50px!important;
	}

/*****
2015.0605 追加
****/

.oricon{
	background-color:#241f1a;
	
	}
.oricon .obitxt {
    margin-bottom: 0;
    margin-left: 10px;
    margin-right: 10px;
}
.oricon .obitxt img {
    max-width: 520px;
}

/*****
2014.12.19 追加
****/
#topBtn3{
	background-color: #a57534;
	text-align:center;
	padding: 10px 20px 15px;
}

#topBtn3 p img,
.btn3 p img{
	max-width:624px;
	margin:0 auto;
	}
.btn3 {
	padding:0 10px;
	margin-top:20px;
	}
#topBtn3 .obitxt{
	margin-left:10px;
	margin-right:10px;
	margin-bottom:10px;
	}
#topBtn3 .obitxt img{
	max-width:520px;
	}
.pagelinks ul{
	margin:0 auto;
	width:100%;
	display:table;
	background-color:#f5ecdb;
	}
.pagelinks li{
	vertical-align:middle;
	text-align:left;
	border-top:2px solid #fff;
	background:url(../images/anchor_head.png) no-repeat scroll 5px center;

	width:50%;
	display:table-cell;
	
}
.pagelinks li:nth-child(odd){
	border-right:2px solid #fff;	
	}
.pagelinks li:before{
		
		content:;
	position:absolute;
	left:0;
	top:10px;}

.pagelinks li a{
	color:#a57534;
	position:relative;
	display:block;
	line-height:1.3;
	text-decoration:none;

	padding: 10px 10px 10px 32px;
	}
.pagelinks li a:before{
	
	}
h2.goldline{
	background-image: url(../images/ttl_dotline.png),url(../images/ttl_dotline.png);
	background-repeat:repeat-x,repeat-x;
	background-position:left top,left bottom;
	padding:10px 0;
	
	text-align:center;
	
	}
h2.goldline img{
	max-width:640px;
	}	
.div01 p{
	margin-bottom:20px;
	}	

.zeroContwire {
    background-color: #fcfcfc;
    border: 1px solid #a57534;
    margin: 0 10px 20px;
	
}
.zeroContwire h3{
	background-color:#f4ede5;
	margin-bottom: 10px;}
.zeroContwire h3 img{
	max-width:616px;
	}
.zeroContwire .detail .cont {
    padding: 10px;
	
}
.zeroContwire .detail p{color:#7a5c34;}
.voice {
    background: url(../images/div02_bg02.png) repeat scroll left top rgba(0, 0, 0, 0);
    padding: 10px;
}

.voice .name {
    color: #978949;
   /* font-size: 110%;*/
	padding: 0 0 0 45px;
}
.voice dd {
	margin-top:10px;
}
.voice00 {
    border-top: 1px solid #c5c5c5;
    display: table;
    margin-top: 20px;
    padding-top: 20px;
    width: 100%;
}
.voice00 dl {
    border-left: 1px solid #c5c5c5;
    display: table-cell;
    padding: 0 10px;
    width: 50%;
}
.voice00 dl:first-child {
    border-left: medium none;
    padding-left: 0;
}
.voice00 dl:last-child {
    padding-right: 0;
}

.voice01 {
    background-image: url(../images/div02_voice01_img.png);
	 background-position:left top;
	background-size:70px 80px;
	background-repeat:no-repeat;
    padding: 0 0 0 80px;
}
.voice01 .name {
   /* font-size: 120%;*/
	padding:0;
	

}
.voice01 dd {
    
}
.voice00 .name {
    background-position:left top;
	background-size:40px 47px;
	background-repeat:no-repeat;

}
	
.voice02 .name {
    background-image: url(../images/div02_voice02_img.png);
}
.voice03 .name {
    background-image: url(../images/div02_voice03_img.png);
}		
.voice04 .name {
    background-image: url(../images/div02_voice04_img.png);
}	
.voice07 .name {
    background-image: url(../images/div02_voice07_img.png);
}	

.reason02,
.div03_00 {
    width: 96%;
	margin:0 auto;
}

.reason02 dl{
	border:1px solid #978949;
	background-color:#f5f5f5;
	/* box-shadow */
	text-align:left;
	box-shadow:rgba(126, 112, 90, 0.65) 1px 2px 6px 0px;
	-webkit-box-shadow:rgba(126, 112, 90, 0.65) 1px 2px 6px 0px;
	-moz-box-shadow:rgba(126, 112, 90, 0.65) 1px 2px 6px 0px;
	padding:10px;
	margin-bottom:20px;
	}	
.reason02 dt img,
.reason02 dd .pic img{
	max-width:580px;}	
.reason02 dd{
	margin-top:10px;
	}
.reason02 dd .pic{
	text-align:center;
	margin-top:10px;}
	.note01{
		text-align:right;
		margin-bottom:10px;
		margin-right:10px;}
.note01 img{
	max-width:115px;
	
	}
.vBox h2.goldline{
	margin-bottom: 0;
	}
.div03_00 dl{
	border:1px solid #d7000f;
	background-color:#fff;
	/* box-shadow */
	padding:20px;
	margin-bottom:20px;
	}	
.div03_00 dd{
	margin-top:20px;
	font-size: 120%;
	}
.div03_00 dd p{
	text-align:left;]
	}

.div03_01 .copy {
    background: url(../images/div03_01_img.png) no-repeat scroll center bottom rgba(0, 0, 0, 0);
	padding-bottom: 250px;
}
.div03_02 .copy {
    background: url(../images/div03_02_img.png) no-repeat scroll center bottom rgba(0, 0, 0, 0);
	padding-bottom: 310px;
}


.cc {
    background: url(../images/div02_bg02.png) repeat scroll left top rgba(0, 0, 0, 0);
    padding: 10px;
}
.cc dl {
    border-radius: 10px;
	background-color:#fff;
}
.cc dt {
    padding-bottom: 30px;
    padding-top: 20px;
	text-align:center;
}
.cc dt img{
	max-width:540px;
	}
.cc dt, .cc dd {
    margin: 0 10px;
}
.cc dd {
	text-align:left;
	padding-bottom:20px;
}
.cc dd .pic{
	text-align:center;
	margin-bottom:15px;
	}
.cc dd .pic img{
	max-width:204px;
	}
.cc_bnr{
	margin:10px auto 0;
	max-width:550px;
	padding:0 10px ;
	
}
.cpBox{
	margin:0 10px;
	}
.cp_arrow{
	max-width:200px;
	margin:15px auto;
	}
.cp_bnr{
	max-width:620px;
	margin:0 auto;
		}
		
.location {
    border: 1px solid #a57534;
	margin:30px 10px 0;
	padding:10px 10px;
	
}
.location .tbl{
	
	}
.location h3{
	max-width:300px;
	margin:0 auto 10px;
	}
.location .tbl p{
	margin-top:10px;
	color:#a57534;
	}
 .location .map{
	 max-width:400px;
	 margin: 1% auto 0;
	 }
/*****
2014.09.24 公式より流用
****/
	
.flowStyle > div {
    background: none repeat scroll 0 0 #fff;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    margin: 8px 10px 15px;
    padding: 10px;
}


.flowStyle > div > h2{
    background: url(../../../images/common/h2_bg_btm.gif) repeat-x scroll left bottom rgba(0, 0, 0, 0);
    color: #a08754;
    line-height: 1.3;
    padding: 0 0 7px;
    text-align: left;
	font-size: 120%;
	margin-bottom:10px!important;
}
.flowStyle > div h3{
    color: rgba(178, 15, 22, 1);
    font-size: 110%;
	margin-bottom:10px!important;
}
.flowStyle img{
	max-width:80px;
	}
/*****
2014.12.24 ZEROsp公式より流用
****/
.detail > .cont > .txt {
    line-height: 1.6;
}
#detail4 h4 {
    margin-bottom: 2.04167em;
}
#detail4 .txt {
    margin-bottom: 3.04167em;
}
#detail4 h5 {
    margin-bottom: 2.875em;
}
#detail4 .lead {
    margin-bottom: 1.33333em;
}
#detail4 .image {
    margin-bottom: 2em;
}

#detail4 .lead2 {
    margin-bottom: 1.5em;
}
#detail4 .photo {
    margin: 0 auto 1em;
    width: 65.4386%;
}
#detail4 .box p {
    line-height: 1.5;
    margin-bottom: 1.66667em;
}

#detail0 h4 {
    margin-bottom: 1.83333em;
}

#detail0 h5 {
    margin-bottom: 1.20833em;
}

#detail0 h6 {
    margin-bottom: 2.08333em;
}
#detail0 .txt {
    line-height: 1.5;
}

#detail0 ul {
    margin-bottom: 2.5em;
}

#detail0 li {
    margin-bottom: 0.583333em;
}
#detail0 .box0 {
    margin-bottom: 1em;
}

#detail0 .title {
    margin-bottom: 0.75em;
}
#detail0 .box0 .txt {
    margin-bottom: 1.125em;
}
#detail0 .box1 {
    margin-bottom: 2.875em;
}

#detail0 .box1 .txt {
    float: left;
    width: 52.6316%;
}
#detail0 .box1 .photo {
    float: right;
    width: 42.4561%;
}
#detail0 .box2 {
    margin-bottom: 13.9583em;
}

#detail0 .box2 .txt {
    float: left;
    width: 52.6316%;
}
#detail0 .title {
    margin-bottom: 0.75em;
}

#detail0 .box2 .photo {
    float: right;
    width: 42.4561%;
}
#detail3 h4 {
    margin-bottom: 1.16667em;
}
#detail3 h5 {
    margin-bottom: 2.625em;
}
#detail3 p {
    margin-bottom: 1.5em;
}

#detail16 h4 {
    margin-bottom: 1.875em;
}
#detail16 h5 {
    margin-bottom: 3.04167em;
}
#detail16 .lead {
    margin-bottom: 1.41667em;
}
#detail16 .box p {
    line-height: 1.5;
    margin-bottom: 1em;
}
#detail16 .box .photo {
    float: right;
    margin-left: 5.64912%;
    width: 28.2281%;
}
#detail0 .caption,
#detail16 .box .caption {
    font-size: 80%;
    margin-bottom: 0;
}
#detail10 h4 {
    margin-bottom: 2.08333em;
}

#detail10 h5 {
    margin-bottom: 2em;
}
#detail10 .lead {
    margin-bottom: 1.25em;
}
#detail10 .txt {
    color: #a57534;
    margin-bottom: 2.125em;
}
.cf:before, .cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf:before, .cf:after {
    content: " ";
    display: table;
}

/**/

.div04 .faq .dl {
    background: url(../images/line_doted.png) repeat-x scroll left bottom rgba(0, 0, 0, 0);
    margin-top: 15px;
    padding-bottom: 15px;
    width: 100%;
}
.div04 .faq .dl:last-child{
	background-image:none;}
.div04 .dt,
.div04 .dd {
	display:table;
	width:100%;
	
	
}
.div04 .dd{
	margin-top:10px;
	
	}
.div04 .dt .icon_q,
.div04 .dd .icon_a{
	width:25px;
	vertical-align:middle;
	text-align:left;
	display:table-cell;
	}

.div04 .dt strong,
.div04 .dd strong {
	text-align:left;
	font-weight: bold;
    color: #000000;
	padding-left:10px;
	padding-right:10px;
	vertical-align:middle;
	display:table-cell;
	}

.div04 .dd strong {
    color: #bf1a20;
    font-weight: bold;

}
.ddtxt{
	padding:10px 10px 0 35px;
	}

.font12{
	font-size:90%;}
.shamei{
	background-color:#bf1a20;
	color:#fff;
	text-align:center;
	padding:1px 10px;
	}
/*****
2014.09.24 追加
****/
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}
 
.clearfix {
	min-height: 1px;
	/* overflow: hidden; DREAMWEAVER用 */
	}
 
* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
	}