@charset "utf-8";

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

	parts.css
	
-------------------------------------------------------------------------------

　01. モジュール
　02. フォームエレメント
	
******************************************************************************* */


/* ==

　01. モジュール

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


/*-- コンテンツインデント領域 --*/
.indent_block {	margin: 0 5px 20px; }
.indent_block p {	margin-bottom: 10px; }
.indent_block p:last-child {	margin-bottom: 0; }
.indent_block h4:first-child,
.indent_block .heading02:first-child { margin-top: 15px; }


/* ==

　02. フォームエレメント

=============================================================================== */
/*-- テキストフォーム --*/
.e_txt01 input,
.e_txt02 input {
	width: 100%;
	height: 39px;
	padding: 0 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #ccc;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 		
	vertical-align: middle;
}
.e_txt02 {
	display: table;
	width: 100%;
	margin-bottom: 10px;
}

.e_txt02 span {
	display: table-cell;
	vertical-align: middle;
}
.e_txt02 em {
	width: 2.5em;
	font-weight: bold;
}


/*-- セクレトメニュー --*/
.e_select {
	margin-bottom: 10px;
}
.e_select select {
	min-width: 5em;
	height: 30px;
	margin-right: 10px;
	vertical-align: middle;
}
.e_select span {
	margin-right: 10px;
}

/*-- ラジオボタン／チェックボックス --*/
.e_radio,
.e_check {
	margin-bottom: 15px;
	border: 1px solid #666666;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;


	
	
}
.e_radio.column2,
.e_check.column2 {
	display: table;
	width: 100%;
}
/*-----------------------*/
.e_radio li.nomale,
.e_check li.nomale{

	font-size: 1em;
	background: -webkit-gradient(
		linear,	left top, left bottom,
		color-stop(0, #fefefe),
		color-stop(1, #e6e6e6)
	);
	background: -moz-linear-gradient(#fefefe, #e6e6e6);
	color: #FFF;
	text-shadow: 0 -1px 1px #000;
	height: 50px;
	line-height: 50px;
	background-repeat: no-repeat, no-repeat;
	font-size: 22px;
	padding: 10px;
	border-bottom: 1px solid #999999;
}

.e_radio li.active,
.e_check li.active{

	font-size: 1em;
	background: -webkit-gradient(
		linear,	left top, left bottom,
		color-stop(0, #cdcdcd),
		color-stop(0.8, #eeeeee),
		color-stop(1, #eeeeee)
	);
	background: -moz-linear-gradient(#dedede, #fefefe);
	color: #FFF;
	text-shadow: 0 -1px 1px #000;
	height: 50px;
	line-height: 50px;
	background-repeat: no-repeat, no-repeat;
	font-size: 22px;
	padding: 10px;
	border-bottom: 1px solid #999999;
}

.e_radio li:first-child,
.e_check li:first-child{
	-moz-border-top-left-radius: 5px 5px;
	-webkit-border-top-left-radius: 5px 5px;
	-o-border-top-left-radius: 5px 5px;
	-ms-border-top-left-radius: 5px 5px;
	-moz-border-top-right-radius: 5px 5px;
	-webkit-border-top-right-radius: 5px 5px;
	-o-border-top-right-radius: 5px 5px;
	-ms-border-top-right-radius: 5px 5px;
}
.e_radio li:last-child,
.e_check li:last-child{
	-moz-border-bottom-left-radius: 5px 5px;
	-webkit-border-bottom-left-radius: 5px 5px;
	-o-border-bottom-left-radius: 5px 5px;
	-ms-border-bottom-left-radius: 5px 5px;
	-moz-border-bottom-right-radius: 5px 5px;
	-webkit-border-bottom-right-radius: 5px 5px;
	-o-border-bottom-right-radius: 5px 5px;
	-ms-border-bottom-right-radius: 5px 5px;
	border-bottom: none;
}

/*-----------------------*/
.e_radio.column2 li,
.e_check.column2 li {
	display: table-cell;
	width: 50%;
}
.e_radio li:last-child,
.e_check li:last-child {
	margin-bottom: 0;
}
.e_check input,
.e_radio input {
	margin-right: 5px;
	vertical-align: baseline;
	font-size: 130%;
}
.he30{
	height: 35px;
	}
.e_radio .radiotext,
.e_check .checktext{
	width: 80%;
	height: 39px;
	padding: 0 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #ccc;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 		
	vertical-align: middle;
	font-size: 100%;
	}
.e_radio span,
.e_check span {
	display: block;	
	float: left;
}
.e_check label,
.e_radio label {
	line-height: 1.5;
	vertical-align: top;
}
.iphone .e_check label,
.iphone .e_radio label {
	line-height: 1.4;
}
.e_radio span + label,
.e_check span + label {
	overflow: hidden;
}

/*-- フォームボタン --*/
.e_btn01 {
	margin: 20px 0;
	text-align: center;
}
.e_btn01 li {	margin-bottom: 10px; }
.e_btn01 li:last-child { margin-bottom: 0; }
.e_btn01 input {
	display: inline-block;
	width: 75%;
	min-width: 10em;
	height: 35px;
	line-height: 35px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: none;
	background-image: -webkit-gradient(
		linear,	left top, left bottom,
		color-stop(0, #e9e9e9),
		color-stop(1, #bab8b9)
	);
	background-image: -webkit-linear-gradient(top, #e9e9e9, #bab8b9);
	background-image: linear-gradient(to bottom, #e9e9e9, #bab8b9);		
	background-position: left center;
	background-repeat: no-repeat;
	-webkit-box-shadow: inset 0 -1px 3px #999;
	box-shadow: inset 0 -1px 3px #999;
	color: #333;
	font-weight: bold;
	font-size: 14px;
	text-decoration: none;
	text-shadow: 0 1px 1px #fff;
	-webkit-appearance: none;
}
.e_btn01 .next,
.e_btn01 .back {
	height: 50px;
	line-height: 50px;
	background-position: 10px center, left center;
	background-repeat: no-repeat, no-repeat;
	background-size: 22px 22px, auto auto;
	-webkit-background-size: 22px 22px, auto auto;
	font-size: 18px;
}
.e_btn01 .next {
	background-image: url(../img/bg_04.png), -webkit-gradient(
		linear,	left top, left bottom,
		color-stop(0, #e9f041),
		color-stop(1, #c0d417)
	);
	background-image: url(../img/bg_04.png), -webkit-linear-gradient(top, #e9f041, #c0d417);
	background-image: url(../img/bg_04.png), linear-gradient(to bottom, #e9f041, #c0d417);
}
.e_btn01 .back {
	background-image: url(../img/bg_05.png), -webkit-gradient(
		linear,	left top, left bottom,
		color-stop(0, #e9e9e9),
		color-stop(1, #bab8b9)
	);
	background-image: url(../img/bg_05.png), -webkit-linear-gradient(top, #e9e9e9, #bab8b9);
	background-image: url(../img/bg_05.png), linear-gradient(to bottom, #e9e9e9, #bab8b9);
}
.e_btn02 {
	line-height: 1;
	margin-top: 20px;
	padding: 10px;
	background-color: #e1f3fc;
	text-align: center;
}
.e_btn02 input {
	display: inline-block;
	padding: 10px 9px;
	border-radius: 5px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border: 1px solid #303740;
	background-color: #4a6c9b;
	background: -webkit-gradient(
		linear,	left top, left bottom,
		color-stop(0, #859cbb),
		color-stop(0.5, #859cbb),
		color-stop(0.5, #4a6c9b),
		color-stop(1, #4a6c9b)
	);
	background: -webkit-linear-gradient(top, #859cbb 0%, #859cbb 50%, #4a6c9b 50%, #4a6c9b 100%);
	background: linear-gradient(to bottom, #859cbb 0%, #859cbb 50%, #4a6c9b 50%, #4a6c9b 100%);
	background-position: left center;
	background-repeat: no-repeat;
	color: #fff;
	font-weight: bold;
	font-size: 12px;
	text-shadow: -1px -1px 1px #344255;
	text-decoration: none;
	-webkit-appearance: none;	
}
.e_btn02 input {
	padding: 10px 25px;
	font-size: 14px;
}


.text_aria{
	width: 100%;
	padding: 0 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border: 1px solid #ccc;
	-moz-box-sizing: border-box; 
	-webkit-box-sizing: border-box;
	box-sizing: border-box; 		
	vertical-align: middle;
	}