@charset "Shift_JIS";

/*<!-- Updated 2015/03/31.D -->*/
/* Updated 2011/00/00,E */

/* ****************************************************************************

	smp_common.css

-------------------------------------------------------------------------------

　01. テキスト

******************************************************************************* */


/* ==

　00. 画像レイアウト要素

=============================================================================== */

.img_wrap .float_l { margin: 0 10px 5px 0; }

.img_wrap_l > div:nth-child(1),
.img_wrap_l > p:nth-child(1) {
	float: left;
	margin-right: 10px;
}

.img_wrap_l > div:nth-child(2),
.img_wrap_l > ul:nth-child(2),
.img_wrap_l > p:nth-child(2) { overflow: hidden; }

.img_wrap_l > .btn_box li {	margin-bottom: 5px; }



/* ==

　00. テキストリンク要素

=============================================================================== */

.txt_link a { text-align: left;	}

.txt_link a.pc {
	display: inline-block;
	padding-left: 15px;
	background: url(../image_dir/smp_bk_14.png) left 0.25em no-repeat;
	-webkit-background-size: 11px 12px;
	background-size: 11px 12px;
}

.txt_link a.arw {
	display: inline-block;
	padding-left: 12px;
	background: url(../image_dir/smp_bk_16.png) left 0.25em no-repeat;
	-webkit-background-size: 7px 12px;
	background-size: 7px 12px;
}

.txt_link a.page_anchor {
	display: inline-block;
	padding-left: 17px;
	background: url(../image_dir/smp_bk_19.png) left 0.25em no-repeat;
	-webkit-background-size: 12px 13px;
	background-size: 12px 13px;
}

.list_txt dt { margin-bottom: 3px; }

.list_txt ul.list > li { display: inline-block; }



/* ==

　00. ボタン要素

=============================================================================== */

.btn_box li,
.btn_box_s li {	margin-bottom: 10px; }

.btn_box li p,
.btn_box_s li p { margin-top: 3px; }

.btn_box a,
.btn_box_s a {
	display: block;
	padding: 8px 10px;
	border: 1px solid #b3b3b3;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #eee;
	background-image: -webkit-gradient(
		linear,	left top, left bottom,
		color-stop(0.5, #fff),
		color-stop(1, #dbdbdb)
	);
	color: #0a520a;
	font-weight: bold;
	text-decoration: none;
	-webkit-appearance: none;
}

.btn_box.btn_c a { display: inline-block; }

.btn_box_s a {
	padding: 5px 10px 6px;
	border: 1px solid #0a520a;
	background-color: #1c5f1c;
	background-image: -webkit-gradient(
		linear,	left top, left bottom,
		color-stop(0.5, #5c970e),
		color-stop(0.5, #1c5f1c),
		color-stop(1, #1c5f1c)
	);
	color: #fff;
	text-align: center;
	-webkit-box-shadow: 0 0 3px #333;
	box-shadow: 0 0 3px #333;
	text-shadow: 0 0 3px #333;
}

.btn_box a span,
.btn_box_s a span {
	display: inline-block;
	margin-top: 1px;
	color: #1a1a1a;
	font-size: 12px;
	font-weight: normal;
}

.btn_box_s a span {
	color: #fff;
	font-weight: bold;
}

.btn_box a .small,
.btn_box_s a .small {
	display: inline;
	margin-top: 0;
	color: #0a520a;
}

.btn_box a.pc,
.btn_box_s a.pc {
	padding-right: 28px;
	background-image: url(../image_dir/smp_bk_01.png),
	-webkit-gradient(
		linear,	left top, left bottom,
		color-stop(0.5, #fff),
		color-stop(1, #dbdbdb)
	);
	background-position: right center, left bottom;
	background-repeat: no-repeat, no-repeat;
	-webkit-background-size: 25px 18px, auto auto;
	background-size: 25px 18px, auto auto;
}

.btn_box_s a.pc {
	background-image: url(../image_dir/smp_bk_12.png),
	-webkit-gradient(
		linear,	left top, left bottom,
		color-stop(0.5, #5c970e),
		color-stop(0.5, #1c5f1c),
		color-stop(1, #1c5f1c)
	);
	-webkit-background-size: 23px 18px, auto auto;
	background-size: 23px 18px, auto auto;
}

.btn_box a.arw,
.btn_box_s a.arw {
	padding-right: 22px;
	background-image: url(../image_dir/smp_bk_02.png),
	-webkit-gradient(
		linear,	left top, left bottom,
		color-stop(0.5, #fff),
		color-stop(1, #dbdbdb)
	);
	background-position: right center, left bottom;
	background-repeat: no-repeat, no-repeat;
	-webkit-background-size: 17px 15px, auto auto;
	background-size: 17px 15px, auto auto;
}

.btn_box a.back {
	position: relative;
	padding: 8px 35px;
	background-image: -webkit-gradient(
		linear,	left top, left bottom,
		color-stop(0.5, #fff),
		color-stop(1, #dbdbdb)
	);
	text-align: center;
}

.btn_box a.back:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 6px;
	width: 9px;
	height: 15px;
	margin-top: -8px;
	background: url(../image_dir/smp_bk_18.png) left top no-repeat;
	background-position: left center, left bottom;
	-webkit-background-size: 9px 15px;
	background-size: 9px 15px;
}

.btn_transition span.input:after,
.btn_transition a.arw:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	right: 5px;
	width: 10px;
	height: 15px;
	margin-top: -7px;
	background-image: url(../image_dir/smp_bk_13.png);
	background-position: right center;
	background-repeat: no-repeatt;
	-webkit-background-size: 10px 15px;
	background-size: 10px 15px;
}

span.btn_transition span.input:after {
	display: none;
}

.btn_box_s a.arw {
	background-image: url(../image_dir/smp_bk_10.png),
	-webkit-gradient(
		linear,	left top, left bottom,
		color-stop(0.5, #5c970e),
		color-stop(0.5, #1c5f1c),
		color-stop(1, #1c5f1c)
	);
	-webkit-background-size: 17px 19px, auto auto;
	background-size: 17px 19px, auto auto;
}


/*<!-- Updated 2015/03/31.D -->*/
.btn_box.column2 > *,
.btn_box_s.column2 > * {
	display: table;
	float: left;
	width: 48%;
	margin-top: 10px;
}

/*<!-- Updated 2015/03/31.D -->*/
.anchor-plus-ul > * {
	position: relative;
	display: table;
	width: 100% !important;

}



/*<!-- Updated 2015/03/31.D -->*/
.anchor-plus-ul > li:nth-child(3) {
	margin-top: 0 !important;
}

.check_box .btn_box.column2 {
	margin: -5px -5px 0;
}

.check_box .btn_box.column2 > * {
	margin-top: 5px;
}

.btn_box.column2 > * a,
.btn_box_s.column2 > * a {
	display: table-cell;
	vertical-align: middle;
}

.btn_box.column2 > *:nth-child(2n-1),
.btn_box_s.column2 > *:nth-child(2n-1) {
	border-right: 6px solid transparent;
}

.btn_box.column2 > *:nth-child(2n),
.btn_box_s.column2 > *:nth-child(2n) {
	float: left;
	border-left: 6px solid transparent;
}


.check_box .btn_box.column2 > *:nth-child(2n-1) {
	border-right: 3px solid transparent;
}

.check_box .btn_box.column2 > *:nth-child(2n) {
	border-left: 3px solid transparent;
}


/*<!-- Updated 2015/03/31.D -->*/
.anchor-plus-ul > li:nth-child(1) {
	height: 60px;
	border: none;

}
/*<!-- Updated 2015/03/31.D -->*/
.anchor-plus-ul > li:nth-child(2) {
	height: 60px;
	border: none !important;
}
/*<!-- Updated 2015/03/31.D -->*/
.anchor-plus-ul > li:nth-child(3) {
	height: 60px;
	border: none;
}


.line2 a,
.line3 a,
.line4 a {
	padding-top: 1px !important;
	padding-bottom: 0 !important;
}

li.line2,
.line2 > li { height: 3.4em; }
li.line3,
.line3 > li { height: 5em; }
li.line4,
.line4 > li { height: 6.4em; }


.btn_back {
	margin-top: -5px;
	margin-bottom: 15px;
}

.btn_totop {
	margin-bottom: 0;
	text-align: center;
}

.btn_clrbox a,
.btn_back a,
.btn_totop a {
	position: relative;
	display: inline-block;
	line-height: 24px;
	margin: 0 10px;
	padding: 0 15px 0 20px;
	border: 1px solid #b3b3b3;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #1a1a1a;
	text-decoration: none;
}

.btn_clrbox a,
.btn_totop a {
	padding: 0 20px 0 25px;
	background-image: -webkit-gradient(
		linear,	left top, left bottom,
		color-stop(0.6, #fff),
		color-stop(1, #dedede)
	);
	text-align: center;
}

.btn_clrbox a:before,
.btn_back a:before,
.btn_totop a:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -1px;
	margin-top: -5px;
	border: 5px solid transparent;
	border-right-color: #0a520a;
}

.btn_clrbox a:before,
.btn_totop a:before {
	left: 6px;
	margin-top: -4px;
	border: 4px solid transparent;
	border-left-color: #0a520a;
}

.btn_img_list {
	width: 300px;
	margin: 0 auto;
}

.btn_img_list li {
	float: left;
	margin: 0 10px 8px 0;
}

.btn_img_list li:nth-child(3n) { margin-right: 0; }

.btn_transition {
	margin-bottom: 30px;
	text-align: center;
}

span.btn_transition {
	margin: 0 0 0 10px;
	vertical-align: -5px;
}

.btn_transition span.input,
.btn_transition a {
	position: relative;
	display: inline-block;
	line-height: 1.1;
	border: 1px solid #666;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #f39802;
	color: #fff;
	font-size: 17px;
	font-weight: bold;
	-webkit-box-shadow: 0 1px 2px #666;
	box-shadow: 0 1px 2px #666;
	text-decoration: none;
}

.input_box .btn_transition span.input {	font-size: 11px; }

.btn_transition input,
.btn_transition a span {
	display: block;
	padding: 7px 40px;
	border: 1px solid #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #f39802;
	-webkit-appearance: none;
}

.btn_transition span.bg_k input { background-color: #333; }

span.btn_transition input {	padding: 4px 10px; }

.btn_transition input {
	width: 100%;
	color: #fff;
	font-weight: bold;
}

.btn_caption { margin-bottom: 5px; }



/* ==

　00. アイコン要素

=============================================================================== */

.ic_a {
	min-height: 19px;
	padding: 1px 0 0 30px;
	background: url(../image_dir/smp_bk_06.png) left top no-repeat;
	-webkit-background-size: 25px 19px;
	background-size: 25px 19px;
}

.ic_f {
	line-height: 1.1;
	margin-top: -1px;
	padding: 3px 6px 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #f00;
	color: #fff;
	font-weight: bold;
}

p span.ic_b,
p span.ic_c {
	line-height: 1.1;
	padding: 5px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	color: #fff;
	font-size: 10px;
}

.iphone p span.ic_b,
.iphone p span.ic_c { letter-spacing: -0.001em; } /*iphone*/

p span.ic_b {	background-color: #26a0d8; }
p span.ic_c {	background-color: #e57c8a; }



/* ==

　00. 矢印

=============================================================================== */

.arw_btm {
	min-height: 5px;
	padding-bottom: 32px;
	background: url(../image_dir/smp_bk_15.png) center bottom no-repeat;
	-webkit-background-size: 64px 37px;
	background-size: 64px 37px;
	text-align: center;
}


/* ==

　00. 表示調整要素

=============================================================================== */

.w00   { width: 0 !important; }
.w05p  { width: 5% !important; }
.w10p  { width: 10% !important; }
.w15p  { width: 15% !important; }
.w20p  { width: 20% !important; }
.w25p  { width: 25% !important; }
.w30p  { width: 30% !important; }
.w35p  { width: 35% !important; }
.w40p  { width: 40% !important; }
.w45p  { width: 45% !important; }
.w50p  { width: 50% !important; }
.w55p  { width: 55% !important; }
.w60p  { width: 60% !important; }
.w65p  { width: 65% !important; }
.w70p  { width: 70% !important; }
.w75p  { width: 75% !important; }
.w80p  { width: 80% !important; }
.w85p  { width: 85% !important; }
.w90p  { width: 90% !important; }
.w95p  { width: 95% !important; }
.w100p { width: 100% !important; }

.w150 { width: 150px !important; }

.mt00 { margin-top: 0 !important; }
.mt05 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }

.mr00 { margin-right: 0 !important; }
.mr05 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }

.mb00 { margin-bottom: 0 !important; }
.mb05 { 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; }

.ml00 { margin-left: 0 !important; }
.ml05 { margin-left: 5px !important; }
.ml10 { margin-left: 10px !important; }

.pt00 { padding-top: 0 !important; }
.pt05 { padding-top: 5px !important; }
.pt10 { padding-top: 10px !important; }

.pr00 { padding-right: 0 !important; }
.pr05 { padding-right: 5px !important; }
.pr10 { padding-right: 10px !important; }

.pb00 { padding-bottom: 0 !important; }
.pb05 { padding-bottom: 5px !important; }
.pb10 { padding-bottom: 10px !important; }
.pb15 { padding-bottom: 15px !important; }
.pb20 { padding-bottom: 20px !important; }
.pb25 { padding-bottom: 25px !important; }
.pb30 { padding-bottom: 30px !important; }

.pl00 { padding-left: 0 !important; }
.pl05 { padding-left: 5px !important; }
.pl10 { padding-left: 10px !important; }

.btn_c,
.txt_c,
.img_c { text-align: center; }
.txt_r { text-align: right; }

.ver_m { vertical-align: middle; }



/* ==

　00. テキスト装飾要素

=============================================================================== */

.xx_small { font-size: 10px; }
.x_small  { font-size: 11px; }
.small    { font-size: 12px; }

.float_l { float: left; }
.float_r { float: right; }

.notes > li {
	text-indent: -1em;
	margin-bottom: 5px;
	margin-left: 1em;
	font-size: 11px;
}

.sc_02b .notes > li { /*sc_02b*/
	text-indent: -0.65em;
	margin-left: 0.65em;
}

.iphone .notes > li,
.iphone .x_small,
.iphone .xx_small { letter-spacing: -0.001em; } /*iphone*/

.notes_txt {
	font-size: 11px;
}

.num_txt > span:nth-child(1),
.notes_txt > li > span:nth-child(1) {
	float: left;
	margin-right: 5px;
}

.num_txt > span:nth-child(2),
.notes_txt > li > span:nth-child(2) {
	display: block;
	overflow: hidden;
}

.iphone .notes_txt > li { letter-spacing: -0.001em; } /*iphone*/

.caution { color: #d60029; }

.txt_tel {
	display: inline-block;
	line-height: 1.2;
	border: 2px solid #eb6100;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-image: -webkit-gradient(
		linear,	left top, left bottom,
		color-stop(0, #fff),
		color-stop(1, #e7e7e7)
	);
	-webkit-box-shadow: 1px 1px 1px #333;
	box-shadow: 1px 1px 1px #333;
}

.txt_tel a {
	display: inline-block;
	padding: 3px 25px 2px;
	border: 1px solid #fff;
	font-size: 19px;
	font-weight: bold;
	text-align: center;
}

.txt_tel a:before {
	content: "";
	display: inline-block;
	width: 13px;
	height: 22px;
	background: url(../image_dir/smp_bk_17.png) left top no-repeat;
	-webkit-background-size: 8px 18px;
	background-size: 8px 18px;
	vertical-align: middle;
}

.tel_num { text-decoration: none; }

ul.list > li {
	margin-bottom: 5px;
	padding-left: 11px;
	background: url(../image_dir/smp_bk_11.png) 3px 0.55em no-repeat;
	-webkit-background-size: 3px 3px;
	background-size: 3px 3px;
}

ul.list01 > li {
    margin-bottom: 5px;
    padding-left: 18px;
     position: relative;
}

ul.list01 li .mark {
   position: absolute;
    top: 0;
    left: 0;
}

ol.list > li {
	margin-left: 23px;
	list-style-type: decimal;
}

ul.list_ic_sample {	margin-bottom: 0; }

ul.list_ic_sample li {
	float: left;
	width: 50%;
	line-height: 1.1;
	margin-bottom: 5px;
	font-size: 12px;
}

ul.list_ic_sample li img {
	 float: left;
	 margin: 1px 5px 0 0;
}

ul.list_ic_sample li span {	display: block; }

ul.list_ic {
	margin-bottom: 0;
	font-size: 0;
}

ul.list_ic li {
	display: inline-block;
	margin: 0 1px 2px;
}

ul.list_ic li:first-child {	margin-left: 0; }

ul.list_ic li:last-child { margin-right: 0; }

.color_a { color: #1C5F1C; }


.line_caption {
	margin-bottom: 5px;
	border-bottom: 1px solid #1c5f1c;
	font-size: 13px;
}

.line_caption span {
	display: inline-block;
	line-height: 1.1;
	padding: 4px 6px 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	background-color: #1c5f1c;
	color: #fff;
}

.line_caption + h2,
.line_caption + h3 {
	margin: 0 0 5px;
	padding: 0;
	border: none;
	background: none;
	color: #1c5f1c;
}

.table_update,
.table_caption {
	margin-top: -5px;
	font-size: 10px;
	text-align: right;
}

.table_caption { margin: 0 0 5px; }

.iphone .table_update,
.iphone .table_caption { letter-spacing: -0.001em; } /*iphone*/

.box_caption {
	margin: -5px 0 5px;
	color: #1c5f1c;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
}



/* ==

　00. ボックス背景装飾要素

=============================================================================== */

.bg_box {
	padding: 10px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #e6e6e6;
}

.bg_a {	background-color: #ffc; }

.bg_b {	background-color: #F39802; }

.bg_c {
	border: 1px solid #b7db4c;
	background-color: #e8f3c5;
}

.bg_d {	background-color: #fff;	}

.bg_e {
	border: 1px solid #1c5f1c;
	background-color: #ffc;
}

.bg_f {	background-color: #9c0;	}

.bg_g {	background-color: #c9e8f5; }

.bg_h {	background-color: #f9e2e5; }

.bg_i {
	border: 1px solid #9c0;
	background-color: #f1fecb;
}

.bg_j {	background-color: #d9d9d9; }
.bg_k {	background-color: #333; }



/* ==

　00. テーブル要素

=============================================================================== */

table.style_a,
table.style_b,
table.style_d,
table.style_e,
table.style_f,
table.style_g,
table.style_h {
	width: 100%;
	border-collapse: separate;
	border-spacing: 1px;
	background-color: #bfbfbf;
	font-size: 12px;
}

table.style_h {	background-color: #999;	}

table.style_a th,
table.style_a td,
table.style_b th,
table.style_b td,
table.style_e th,
table.style_e td,
table.style_f th,
table.style_f td,
table.style_g th,
table.style_g td,
table.style_h th,
table.style_h td { padding: 5px; }

table.style_d th,
table.style_d td { padding: 5px 3px; }

table.style_a th,
table.style_b th,
table.style_d th,
table.style_f th,
table.style_g th,
table.style_h th {
	background-color: #ffc;
	font-weight: bold;
	vertical-align: middle;
	text-align: center;
}

table.style_e th,
table.style_h th { background-color: #ffc; }

table.style_a td {
	background-color: #eee;
	text-align: right;
}

table.style_b td {
	background-color: #fff;
	text-align: right;
}

table.style_e td { background-color: #eee; }

table.style_d td,
table.style_f td,
table.style_h td {
	background-color: #fff;
	text-align: center;
}

table.style_h td { text-align: left; }

table.style_a.flag td,
table.style_g td { background-color: #fff; }

table.style_a .s_color,
table.style_b .s_color,
table.style_d .s_color,
table.style_f .s_color,
table.style_h .s_color { background-color: #ccc; }

table.style_d .s_color { text-align: right; }

table.style_f .s_color,
table.style_h .s_color { text-align: left; }

table.style_b .s_color { text-align: center; }

table.style_b .ss_color { background-color: #eee;}

table.style_a.flag .s_color { background-color: #e6e6e6; }

table.style_a .ss_color { background-color: #e3e3e3; }

table.style_a.flag td.s_color,
table.style_a.flag td.ss_color { text-align: left; }

table.style_a .c_color {
	background-color: #eee;
	color: #0a520a;
	text-align: left;
}

table.style_a td.txt_c { text-align: center; }

table.style_a.flag tr.even > td { background-color: #e9f4c9; }

table.style_a.flag tr > td:nth-child(1) { text-align: left; }

table.style_a.flag tr > td:nth-child(1) img {
	float: left;
	margin: 3px 5px 0 0;
}

table.style_a.gaika th { vertical-align: top; }

table.style_a.gaika th img { margin-bottom: 3px; }

table.style_a.flag tr > td:nth-child(1) span {
	display: block;
	overflow: hidden;
}

table.style_c {
	width: 100%;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 12px;
}

table.style_c th,
table.style_c td {
	padding: 5px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	vertical-align: middle;
	text-align: center;
}

table.style_c th {
	background-color: #ffc;
	font-weight: bold;
}

table.style_c td.bt {
	border-top: none;
	background-image: -webkit-gradient(
		linear,	left top, left bottom,
		color-stop(0, #999),
		color-stop(1, #999)
	);
	-webkit-background-size: 1px 1px;
	background-size: 1px 1px;
	background-position: left top;
	background-repeat: repeat-x;
}

table.style_c td.bb_n {	border-bottom: none; }

table.style_c th.s_color {
	background-color: #d9ffb3;
	text-align: left;
}

table.style_c td.s_color {
	background-color: #ccc;
	text-align: left;
}

table.style_c td.combine { border-bottom: 1px dotted #000; }



/* ==

　00. フォーム要素

=============================================================================== */

.form_wrap {
	margin-bottom: 20px;
}

.form_step_block {
	margin-bottom: 20px;
}

.form_step_block ul {
	position: relative;
	width: 300px;
	height: 34px;
	margin: 0 auto;
}

.form_step_block li {
	position: absolute;
	top: 0;
}

.form_step_block li:nth-child(1) { left: 0; z-index: 3; }
.form_step_block li:nth-child(2) { left: 61px; z-index: 2; }
.form_step_block li:nth-child(3) { left: 139px; z-index: 1; }
.form_step_block li:nth-child(4) { right: 0; }


.check_box { margin-bottom: 5px; }

.check_box li {	margin-bottom: 7px; }

.check_box li:last-child { margin-bottom: 0; }

.check_box input {
	z-index: -1;
	position: absolute;
}

.check_box label {
	display: block;
	position: relative;
	padding: 10px 10px 9px 34px;
	border: 1px solid #b3b3b3;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #eee;
	background-image: -webkit-gradient(
		linear,	left top, left bottom,
		color-stop(0.5, #fff),
		color-stop(1, #dbdbdb)
	);
	color: #0a520a;
	font-weight: bold;
	text-decoration: none;
}

.check_box label:before {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	width: 18px;
	height: 18px;
	margin-top: -9px;
	background-image: url(../servlet/image_uniq/smp_bk_01.png);
	background-position: left top;
	background-repeat: no-repeat;
	-webkit-background-size: 18px 36px;
	background-size: 18px 36px;
}

.check_box label.selected:before {
	background-position: left -18px;
}

.check_box dd {
	margin-bottom: 5px;
	padding: 5px 10px;
	font-size: 12px;
}

.check_box dt:nth-of-type(even),
.check_box dd:nth-of-type(even) { background-color: #eee }

.check_box dd:nth-of-type(even) { margin-bottom: 12px; }

#main .input_box {
	padding: 10px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background-color: #e6e6e6;
}

.input_box h3 {
	padding: 0 0 4px;
	border-bottom: 1px solid #999;
	background: none;
}

.input_box dl { padding-bottom: 15px; }

.input_box.address dl {	margin: 0 -10px; }

.input_box dt {
	display: block;
	margin-bottom: 2px;
	font-weight: bold;
}

.input_box.address dt {
	margin-bottom: 0;
	padding: 10px 10px 2px;
}

.input_box.address dt:nth-of-type(2n) {	background-color: #ccc; }

.required {
	display: inline-block;
	line-height: 1.1;
	margin: 0 5px;
	padding: 1px 3px;
	border: 1px solid #7d0000;
	background-color: #e60012;
	color: #fff;
	font-weight: normal;
	vertical-align: 0.1em;
}

.input_box dt .required { margin-bottom: 5px; }

.input_box dd {	padding-bottom: 10px; }

.input_box.address dd,
.input_box.address dd:last-child {
	padding: 2px 10px 10px;
}

.input_box.address dd:last-child {
	-webkit-border-bottom-right-radius: 3px;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	border-bottom-left-radius: 3px;
}

.input_box.address dd:nth-of-type(2n) {	background-color: #ccc; }

.input_box dl:last-child,
.input_box dd:last-child { padding-bottom: 0; }

.input_box dd.separate {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #5c5c5c;
}

.input_box dd ul,
.input_box dd p { margin-bottom: 5px; }

.input_box dd p:last-child { margin-bottom: 0; }

.input_box input[type=text],
.input_box input[type=tel] {
	padding: 4px;
	-webkit-border-radius: 0;
	border-radius: 0;
	border: 1px solid #ccc;
 	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
	-webkit-appearance: none;
}

.input_box .space {	margin: 0 5px; }

.input_box .exsample {
	margin-top: -2px;
	font-size: 10px;
	text-align: right;
}



/* ==

　00. タブコンテンツ要素

=============================================================================== */

.tab_contents .trigger {
	margin-bottom: 10px;
	padding: 0 20px;
	background-image: -webkit-gradient(
		linear,	left top, left bottom,
		color-stop(0, #0a520a),
		color-stop(1, #0a520a)

	);
	background-position: left bottom;
	background-repeat: repeat-x;
	-webkit-background-size: 1px 1px;
	background-size: 1px 1px;
}

.tab_contents .trigger.btm { background-position: left top;	}

.tab_contents .trigger.column3 { padding: 0 10px; }

.tab_contents .trigger li {
	display: table;
	float: left;
	width: 50%;
	height: 40px;
	margin: 5px 0 0;
	padding: 0;
	border-bottom: none;
	border-right: 4px solid transparent;
	font-size: 12px;
	font-weight: bold;
 	-moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.tab_contents .trigger.btm li {	margin: 0 0 5px; }

.tab_contents .trigger.column3 li {	font-size: 10px; }

.iphone .tab_contents .trigger.column3 li { letter-spacing: -0.001em; } /*iphone*/

.tab_contents .trigger li.current {
	height: 45px;
	margin-top: 0;
}

.tab_contents .trigger li:last-child { border-right: none; }

.tab_contents .trigger.column3 li {	width: 33%; }

.tab_contents .trigger.column3 li:last-child { width: 34%; }

.tab_contents .trigger.column4 li {	width: 25%; }

.tab_contents .trigger li a {
	display: table-cell;
	line-height: 1.3;
	padding: 1px 12px 0 16px;
	border-bottom: 1px solid #0a520a;
	-webkit-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	background-image: url(../image_dir/smp_bk_23.png),
	-webkit-gradient(
		linear,	left top, left bottom,
		color-stop(0, #b6db4a),
		color-stop(1, #9cce08)
	);
	background-position: 5px center, top left;
	background-repeat: no-repeat, no-repeat;
	-webkit-background-size: 11px 11px, auto auto;
	background-size: 11px 11px, auto auto;
	color: #111;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
}

.tab_contents .trigger.btm li a {
	border-top: 1px solid #0a520a;
	border-bottom: none;
	-webkit-border-radius: 0;
	border-radius: 0;
	-webkit-border-bottom-left-radius: 3px;
	border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	border-bottom-right-radius: 3px;
	background-image: url(../image_dir/smp_bk_23.png),
	-webkit-gradient(
		linear,	left bottom, left top,
		color-stop(0, #b6db4a),
		color-stop(1, #9cce08)
	);
}

.tab_contents .trigger.column3 li a { padding: 1px 0 0 8px; }

.tab_contents .trigger li.current a {
	padding-top: 0;
	border-top: 1px solid #0a520a;
	border-right: 1px solid #0a520a;
	border-bottom: 1px solid #fff;
	border-left: 1px solid #0a520a;
	background-image: url(../image_dir/smp_bk_24.png),
	-webkit-gradient(
		linear,	left top, left bottom,
		color-stop(0, #e7e7e7),
		color-stop(1, #fff)
	);
}

.tab_contents .trigger.btm li.current a {
	padding-top: 0;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #0a520a;
	background-image: url(../image_dir/smp_bk_24.png),
	-webkit-gradient(
		linear,	left bottom, left top,
		color-stop(0, #e7e7e7),
		color-stop(1, #fff)
	);
}

.tab_contents .tab_box { display: none; }




/* ==

　00. 便利な使い方(初級者編)

=============================================================================== */

#main .compare_box .column {
	width: 50%;
	margin-bottom: 0;
    -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
    box-sizing: border-box;
}

.compare_box .column:nth-child(1) {
	float: left;
	border-right: 5px solid transparent;
}

.compare_box .column:nth-child(2) {
	float: right;
	border-left: 5px solid transparent;
}

.compare_box .column div {
	-webkit-border-radius: 3px;
	border-radius: 3px;
}

.compare_box .column:nth-child(1) div {	border: 1px solid #ccc;	}

.compare_box .column:nth-child(2) div {	border: 1px solid #9c0; }

.compare_box .column h3 {
	margin: 0;
	padding: 5px 0 4px;
	font-size: 11px;
	font-weight: normal;
	text-align: center;
}

.iphone .compare_box .column h3 { letter-spacing: -0.001em; } /*iphone*/

.compare_box .column h3.line3 { line-height: 46px; }

.compare_box .column:nth-child(1) h3 {
	border-bottom: 1px solid #ccc;
	background: #e6e6e6;
}

.compare_box .column:nth-child(2) h3 {
	border-bottom: 1px solid #9c0;
	background: #bce051;
}

.compare_box p {
	padding: 2px 0;
	text-align: center;
}

.compare_box.style_b p { padding: 5px 0; }

.compare_box .column:nth-child(2) p {
	position: relative;
	background-color: #f1fecb;
}

.compare_box .column:nth-child(2) p:after {
	content: "";
	display: block;
	position: absolute;
	top: 50%;
	left: -18px;
	width: 22px;
	height: 37px;
	margin-top: -19px;
	background: url(../image_dir/smp_bk_22.png) left top no-repeat;
	-webkit-background-size: 22px 37px;
	background-size: 22px 37px;
}

.compare_box.style_b .column:nth-child(2) p:after { display:none; }