@charset "shift_jis";

/* ------------------------

 reset
 
------------------------ */

html,body,div,
dl, dt, dd,
ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,
form, fieldset, input, textarea,
p, blockquote,
th, td {  
	margin: 0;
	padding: 0;
}
fieldset,img {  
    border:0; 
} 
address,caption,cite,code,dfn,em,strong,th,var { 
    font-style:normal; 
    font-weight:normal; 
} 
ol,ul { 
    list-style:none; 
} 
caption,th { 
    text-align:left; 
} 
h1,h2,h3,h4,h5,h6 { 
    font-size:100%; 
    font-weight:normal; 
} 
q:before,q:after { 
    content:''; 
} 
abbr,acronym { border:0; 
}
span.sup {
	vertical-align: top;
	position: relative;
	top: -0.15em;
}
span.supS {
	font-size: 75.5%;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}

/* body100% */
html,body {
  height: 100%;
	width: 100%;
}
#container {
  height: 100%;
  min-height: 100%
}
body > #container {
  height: auto;
}

/* clear fix */
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 1px;
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */

/* table setting */
table {
	border-collapse: collapse;
	border: none;
	border-spacing: 0;
}
caption {
	text-align: left;
}
th {
	vertical-align: top;
	font-weight: normal;
	text-align: left;
}
td {
	vertical-align: top;
}

/* form setting */
fieldset {
	border: 0;
}
input {
	_margin: -1px 0;
}

/* image-space */
div img { vertical-align: text-bottom; }



/* ------------------------

 common
 
------------------------ */
body {background:url(../img/common/bg.gif) repeat-x; font-size:13px; font-family:'ＭＳ Ｐゴシック',sans-serif,'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro';}
a {color:#0069f6;}
a:hover img.hover {filter:alpha(opacity=80); -moz-opacity:0.8; opacity:0.8;}
#contents p {margin-top:1em; line-height:1.5}

/* float */

/* h */
h2 {margin-top:10px;}
h3 {margin-top:30px;}
h4 {margin-top:25px; padding:5px 14px; border-left:5px solid #a40039; color:#a40039; font-size:16px; font-weight:bold;}

/* text */
.bold {font-weight:bold !important;}
.red {color:#d21515;}
.green {color:#1a9709;}
.mini {font-size:84%;}
.fs14 {font-size:115% !important;}
.fs16 {font-size:123% !important;}
.txt_atn {color:#a40039; font-weight:bold;}
.txt_r {text-align:right;}
.txt_c {text-align:center;}
.ttl {padding:10px; background:#444; color:#fff; font-size:16px; font-weight:bold; text-align:center;}
.ttl2 span {padding:10px 23px; background-color:#a40039;	color:#fff ;padding: 5px 15px;}
.bline {border-bottom:1px solid #000;}
.tline {border-top:1px solid #000;}

/* margin */
.mT0 {margin-top:0 !important;}
.mT5 {margin-top:5px !important;}
.mT10 {margin-top:10px !important;}
.mT15 {margin-top:15px !important;}
.mT25 {margin-top:25px !important;}
.mT35 {margin-top:35px !important;}
.mT50 {margin-top:50px !important;}
.mT85 {margin-top:85px !important;}

/* header */
#header {width:870px; height:115px; margin:0 auto;}
	#header h1 {float:left; margin-top:17px;	}
	#header #tel {float:right; margin-top:17px;}

/* contents */
#contents {width:900px; margin:15px auto;}

/* memo */
#contents .memo {font-size:12px; font-weight:bold;}

/* step */
ul#step {clear:both;}
	ul#step li {float:left;}

/* inner */
.inner {margin:0 10px;}

/* txtbox */
.txtbox {overflow:scroll; height:300px; padding:15px 20px; border:1px solid #ddd;}
.txtbox2 {padding:1.5em; border:3px solid #f1e0e6; line-height:1.7;}
.txtbox3 {padding:1.5em; border:3px solid #87382d; line-height:1.7;}

/* btn */
.btn {margin-top:30px; text-align:center;}
	.btn img {margin:0 20px;}

/* table */
table.tbl_s4 {clear:both;width:100%;}
	table.tbl_s4 th, table.tbl_s4 td {padding:1.5em; border:3px solid #b4758b; font-size:14px; line-height:1.7;}
	table.tbl_s4 th {width:150px;}
		table.tbl_s4 th p, table.tbl_s4 td p {line-height:1.7 !important;}

/* list */
ol.list {list-style-type:decimal; margin-left:20px; line-height:1.5;}
	ol.list li {margin-bottom:6px;}

/* list2 */
ul.list2 {margin-left:1em; line-height:1.5;}
	ul.list2 li {margin-bottom:6px; text-indent:-1em;}

/* footer */
#footer {width:800px; margin:60px auto 0 auto; padding:15px 0; border-top:1px solid #ddd; color:#7e7e7e; font-size:11px; text-align:center;}



/* ------------------------

 step1
 
------------------------ */
dl.s1 {}
	dl.s1 dd {float:left; padding-right:20px; height:260px; width:265px; text-align:center;}
		dl.s1 dd.s2 {padding-left:20px; width:250px; border-right:1px solid #ddd; border-left:1px solid #ddd;}
		dl.s1 dd.s3 {padding:0; width:250px; padding-left:20px;}
		dl.s1 dd p {text-align:left;}



/* ------------------------

 step2
 
------------------------ */
dl.pay {}
	dl.pay dt {padding:20px 0 10px 0; font-size:16px; font-weight:bold;}
	dl.pay dd {padding-bottom:10px;}

.left-column {
	float: left;
}
.left-column img,
.left-column span {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	vertical-align: middle;
}
.left-column span {
	margin-left: 20px;
	line-height: 180%;
	font-size: 12px;
}
.right-column {
	float: right;
}



/*********************************
 *
 * form
 *
 *********************************/
input.box120 {
	margin:3px 0;
	height:22px;
	width:120px;
}
input.box60 {
	margin:3px 0;
	height:22px;
	width:60px;
}
input.box380 {
	margin:3px 0;
	height:22px;
	width:380px;
}
select {
	margin:3px 0;
	font-size:14px;
}



/*********************************
 *
 * table_01
 *
 *********************************/
table.tbl_01 {
	width:900px;
	margin:20px auto;
	border-collapse:inherit;
	border-spacing:1;
}
table.tbl_01 th, table.tbl_01 td {
	padding:12px 15px;
	border-bottom:1px solid #fff;
	vertical-align:middle;
}
table.tbl_01 th {
	width:150px;
	background:#f1e0e6 url(../img/charle/bg_th.gif) repeat-y;
	vertical-align:middle;
}
table.tbl_01 td {
	background:#f7f2f4;
}



/*********************************
 *
 * table_02
 *
 *********************************/
table.tbl_02 {
	width:100%;
	margin:20px auto 0 auto;
	border-collapse:inherit;
	border-spacing:1;
}
table.tbl_02 th, table.tbl_02 td {
	padding:12px 15px;
	border-bottom:1px solid #fff;
	vertical-align:middle;
}
table.tbl_02 th {
	width:150px;
	background:#ebebeb;
	vertical-align:middle;
}
table.tbl_02 td {
	background:#f9f9f9;
}


/*********************************
 *
 * table_03
 *
 *********************************/
table.tbl_03 {
	width:900px;
	margin:5px auto;
}
table.tbl_03 th, table.tbl_03 td {
	padding:15px 10px;
	border:1px solid #b4758b;
}
table.tbl_03 th {
	background:#f7f2f4;
	text-align:center;
	vertical-align:middle;
}
table.tbl_03 th.title-plan {
	background:#f1e0e6;
}
table.tbl_03 .price {
	text-align:center;
}
table.tbl_03 .price2 {
	color:#a42817;
	text-align:center;
}
table.tbl_03 .button {	
	text-align:center;
}
table.tbl_03 .bnon {
	border:none;
}


/*********************************
 *
 * table_03c
 *
 *********************************/
/* step2_owner */
#step2_table {position:relative; width:100%; height:129px; margin-top:15px; background:url(../img/charle/table_plan.gif) left bottom no-repeat;}
	#step2_table p {position:absolute; right:0; margin:0; text-align:right; line-height:1;}
	
table.tbl_03c {
	width:900px;
	margin:0 auto 5px auto;
}
table.tbl_03c th, table.tbl_03c td {
	padding:15px 10px;
	border:1px solid #8a8a8a;
	vertical-align:middle;
}
table.tbl_03c th {
	background:#f1f1f1;
	text-align:center;
}
table.tbl_03c th.title-plan {
	background:#a40039;
}
table.tbl_03c .price {
	text-align:center;
}
table.tbl_03c .price2 {
	color:#a40039;
	text-align:center;
}
table.tbl_03c .button {	
	text-align:center;
}
table.tbl_03c .bnon {
	border:none;
}
table.tbl_03c .lineT { border-top:2px solid #a40039 !important; }
table.tbl_03c .lineR { border-right:2px solid #a40039 !important; }
table.tbl_03c .lineB { border-bottom:2px solid #a40039 !important; }
table.tbl_03c .lineL { border-left:2px solid #a40039 !important; }



/*********************************
 *
 * table_04
 *
 *********************************/

table.tbl_04 {
	width:100%;
	margin:20px auto;
}
table.tbl_04 th, table.tbl_04 td {
	padding:15px 10px;
	border:1px solid #b4758b;
	line-height:1.5;
	vertical-align:middle;
}
table.tbl_04 th {
	background:#f7f2f4;
	text-align:center;
	vertical-align:middle;
}
table.tbl_04 th.no {
	width:30px;
	color:#a40039;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
}
table.tbl_04 td.cate {
	padding:5px 10px;
	background:#f1e0e6;
	color:#a40039;
}
table.tbl_04 td.check {
	width:60px;
	background:#f7f2f4;
	border-right:2px solid #ab706d;
	border-left:2px solid #ab706d;
	text-align:center;
	vertical-align:middle;
	white-space:nowrap;
}

table.tbl_04 td.s1 {
	border-top:2px solid #ab706d;
}
table.tbl_04 td.s2 {
	border-bottom:2px solid #ab706d;
}
table.tbl_04 td.sl {
	border-right:1px solid #b4758b;
}
table.tbl_04 td.sr {
	border-left:none;
}
/* answer */
table.tbl_04 td.answer {
	width:7em;
	background:#ebebeb;
	vertical-align:middle;
	text-align:center;
}
/* non */
table.tbl_04 th.non {
	color:#666;
	background:#999;
}
table.tbl_04 td.non {
	background:#999;
	color:#666;
}
/* sub */
table.sub {
	width:100%;
	font-size:86%;
}
table.sub th {
	background:#f5f5f5;
}
table.sub th, table.sub td {
	padding:10px;
	border:1px solid #ccc;
}
table.sub th {
	white-space:nowrap;
	text-align:left;
}
/* thead */
table.tbl_04 thead th, table.tbl_04 thead td {
	padding:5px 0 0 0;
	border:none;
	background:#fff;
}



/*********************************
 *
 * table_type02
 *
 *********************************/
table.type02 {
	width: 100%;
}

table.type02.gray th,
table.type02.gray td {
	border: 1px solid #999999;
}

table.type02.gray th,
table.type02.gray .thcolor {
	background-color: #bbb;
}

table.type02.gray td {
	background-color: #ddd;
}

table.type02 th,
table.type02 td {
	border: 1px solid #d0aead;
	vertical-align:middle;
	line-height:1.5;
}

table.type02 th.dark,
table.type02 td.dark {
	background-color: #E7D9D8;
}

table.type02 th {
	padding: 7px;
	background-color: #F5EDEB;
	text-align: center;
	vertical-align: middle;
}

table.type02 th.gray {
	background-color: #EEEEEE;
	color: #999999;
}

table.type02 td {
	padding: 7px;
}

table.type02 td.td01 {
	border-left: none;
	border-top: none;
}

table.type02 td.td02 {
	border-left: none;
	border-bottom: none;
}

table.type02 td.td03 {
	border-right: none;
	border-bottom: none;
	border-top: none;
}

table.type02 td.thcolor {
	background-color: #F6EEEC;
}

table.type02 td.gray {
	background-color: #EEEEEE!important;
	color: #999999;
}

table.type02 td.input p {
	display: -moz-inline-stack;
	display: inline-block;
	vertical-align: middle;
	*vertical-align: auto;
	zoom: 1;
	*display: inline;
	vertical-align: middle;
}

table.type02 td.brown {
	border: 2px solid #87372c;
	background-color: #F6EEEC;
}

table.type02 td.brown.left {
	width: 80px;
	border-right: 1px solid #d1aba8;
	text-align: center;
}

table.type02 td.brown.right {
	width: 80px;
	border-left: 1px solid #d1aba8;
	text-align: center;
}

table.type02 .tal {
	text-align:left;
}
table.type02 .w2 {
	width:2%;
}
table.type02 .w10 {
	width:8%;
}
table.type02 .yen,
table.type02 .button {
	text-align:center;}
	


/*********************************
 *
 * table_kome
 *
 *********************************/
table.kome {
	font-size: 13px;
	margin: 10px 0;
}

table.kome th {
	white-space: nowrap;
	width: auto;
	height: auto;
	background-color: transparent!important;
	border: none!important;
	vertical-align: top;
	padding: 0 5px 0 0;
	border: none;
}

table.kome td {
	background-color: transparent!important;
	padding: 0;
	border: none!important;
}



/*********************************
 *
 * tbl_check
 *
 *********************************/
.checkbox { padding:10px; border:4px solid #a40039; }

table.tbl_check { margin:0 auto; }
	table.tbl_check th, table.tbl_check td { vertical-align:middle; }
	table.tbl_check th { padding-right:20px; text-align:right; }
		 table.tbl_check th input { -webkit-transform: scale(2); transform: scale(2);}
	table.tbl_check td {}




.lineT { border-top:2px solid #87372c !important; }
.lineR { border-right:2px solid #87372c !important; }
.lineB { border-bottom:2px solid #87372c !important; }
.lineL { border-left:2px solid #87372c !important; }

/* balloon */
.bln1 { width:22px; height:57px; padding:6px 0 0 8px; background:url(../img/charle/bg_bln1.gif) no-repeat; color:#fff; font-weight:bold; }
.bln2 { width:86px; height:36px; margin:0 auto; padding-top:6px; background:url(../img/charle/bg_bln2.gif) no-repeat; color:#fff; font-weight:bold; text-align:center; }
.bln3 { width:90px; height:26px; padding:9px 0 0 5px; background:url(../img/charle/bg_bln3.gif) no-repeat; color:#fff; font-weight:bold; text-align:center; }

/* padding */
.p0 {padding:0 !important;}






















/* table_10 */
table.tbl_10 { width:100%; margin-top:10px; font-size:12px; }
table.tbl_10 th, table.tbl_10 td { padding:8px 10px; border:1px solid #ccc; line-height:1.5; vertical-align:middle; }
table.tbl_10 thead th { background-color:#eee; color:#444; font-weight:bold; text-align:center; }
table.tbl_10 tbody th { background-color:#fafafa; }

/* kome2 */
table.kome2 { width:100%; }
table.kome2 th,
table.kome2 td { padding:3px; background:none !important; border:none; line-height:1.5; vertical-align:top; }
table.kome2 th { width:1em; white-space:nowrap; }

/* table_11 */
table.tbl_11 { width:100%; margin-top:10px; font-size:12px; }
table.tbl_11 th, table.tbl_11 td { padding:5px 10px; border:1px solid #ccc !important; line-height:1.5; vertical-align:middle; }
table.tbl_11 thead th { background-color:#eee !important; color:#444; font-weight:bold; text-align:center; }
table.tbl_11 tbody th { background-color:#fafafa !important; }

.fs12 { font-size:12px; }
h5.atn {margin-top:25px; padding:2px 14px; border-left:4px solid #ccc; font-size:14px; font-weight:bold;}
ol.list3 {}
	ol.list3 li {margin-top:2px; line-height:1.5;}
.txtbox4 {width:50%; padding:1em 1.5em; border:1px solid #ccc;}
.txt_name {width:350px; margin:30px 0 0 450px; }

/* table_12 */
table.tbl_12 {width: 100%;}
table.tbl_12 th, table.tbl_12 td {padding:8px 10px; border: 1px solid #ccc; vertical-align:middle; line-height:1.5}
table.tbl_12 th {background-color: #eee; text-align:center;}

/* table_13 */
table.tbl_13 {width:100%;}
table.tbl_13 th, table.tbl_13 td {padding:5px 10px; border:1px solid #ccc; line-height:1.5; vertical-align:middle; }
table.tbl_13 thead th, table.tbl_13 thead td {padding:1em; background-color:#eee; color:#87382d; font-weight:bold; text-align:center;}
table.tbl_13 tbody th, table.tbl_13 tbody td {font-size:12px;}
table.tbl_13 tbody .grey th, table.tbl_13 tbody .grey td { background:#fafafa;}
table.tbl_13 tbody th {text-align:center;}
table.tbl_13 tbody td {text-align:right;}


.yenbox {padding:1em 1.5em; border:5px solid #e88d8d; line-height:1.7; color:#d21515; font-weight:bold; font-size:16px; text-align:center; line-height:1.4;}
.yenbox span {font-size:28px;}
.txtbox5 {padding:1.5em; border:3px solid #d21515; border-top:none;}


.mB5 {margin-bottom:5px !important;}
ol.i_list {}
ol.i_list li {margin-left:3em; padding:0.8em 0 0 0; text-indent:-3em;}
.txtbox6 { padding:1em 1.5em; border:1px solid #ccc; line-height:1.8;}

/* kome3 */
table.kome3 { width:100%; }
table.kome3 th,
table.kome3 td { padding:3px; background:none !important; border:none !important; line-height:1.5; vertical-align:top; }
table.kome3 th { width:1em;  background:none !important; white-space:nowrap; }

.border {padding:0.1em 0.2em; border:1px solid #333;}


/* -----------------
   edit_20180926
 ------------------- */
/* クレカtitle */
section#payment_form_body h3.subtitle {display:none;}

/* クレカtable */
section#payment_form_body dl.form_entry {display:table; width:900px; margin:20px auto;
	background:#f1e0e6 url(../img/charle/bg_th.gif) repeat-y;}
section#payment_form_body dl.form_entry dt {
	display:inline-block;
	width:180px !important;
	height:80px;
	padding:14px 15px 0 15px;
	border-bottom:1px solid #fff;
	vertical-align:middle;
	box-sizing:border-box;
}
section#payment_form_body dl.form_entry dd {
	display:inline-block;
	width:720px !important;
	height:80px;
	padding:12px 15px 0 15px;
	background:#f7f2f4;
	border-bottom:1px solid #fff;
	box-sizing:border-box;
	vertical-align:middle;
}

/* クレカbtn */
section#payment_form_body .btn_area ul.btn_btm:after {content:" "; display:block; clear:both; height:0; visibility:hidden; font-size:1px;}
section#payment_form_body .btn_area ul.btn_btm {display:inline-block;}
/* \*/
* html section#payment_form_body .btn_area ul.btn_btm {height:1%;}
section#payment_form_body .btn_area ul.btn_btm {display:block;}
/* */
section#payment_form_body .btn_area ul.btn_btm li {display:block; float:left; width:50%; padding:0 20px; box-sizing:border-box;}
section#payment_form_body .btn_area ul.btn_btm li:nth-child(odd) {}
section#payment_form_body a#back.btn_back {display:block; float:right; width:230px !important; height:54px !important; padding:0 !important; background:#eee url(../img/tyokuhan/btn_back.gif) no-repeat; text-indent:-99999px !important;}
section#payment_form_body a#next.btn_iryoucharle {display:block; width:290px !important; height:54px !important; padding:0 !important; background:#eee url(../img/charle/btn_pay.gif) no-repeat; text-indent:-99999px !important;}