@charset "utf-8";



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

FileName: form.css

Author:  Fujimic

UpdatedBy: 200909xx-xx:xx

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


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

/* PC

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

input.text_max,input.text_max_num,textarea.texta_max{width:500px;}

input.text_half,input.text_max_num{width:250px;}

input.text_quater{width:100px;}

input.text_date{width:30px;}

input.text_max_num,input.text_max_num{ime-mode:disabled;}

.btn_center{text-align:center;}

.txt_essential{color:#ff0137;font-weight:bold;}

input.rad_left{padding-left:10px;}

ul.ul_rdo3_notitle,.left15,.cfm_rdo3_notitle{padding-left:15px;}

ul.ul_rdo5 li,
ul.ul_rdo3 li,
ul.ul_rdo2 li,
ul.ul_rdo3_notitle li,
ul.ul_rdo7 li{
padding-right:5px;
margin-top:0px;
padding-bottom:1px;
float:left;
}

/*marginなど*/
form.application input,form.application textarea{ margin-left:1em;} 

/*小設問がある場合*/
dl.col2 dt{ float: left; font-weight: bold; width: 8em; padding: 0.5em 0 0.5em 1em;}
dl.col2 dd{ line-height: 1.2;margin-left: 9em; border-bottom: 1px dotted #999; padding: 0.5em 0!important;}
dl.col2 dd:last-child{ border-bottom: 0;}

/*ラジオボタン　縦一列*/
ul.wrapRadioNormal li{ }

/*ラジオボタン　横並び*/
ul.wrapRadioFl li{ float:left; margin-right: 2em;}

/*ラジオボタン　横並び（スマホは2段組み）*/
ul.wrapRadioFl2 li{ float:left; margin-right: 2em;}

/*緑のボタン*/
.greenBtn {
	background: #5e9505;
	background-image: -webkit-linear-gradient(top, #5e9505, #387e1c);
	background-image: -moz-linear-gradient(top, #5e9505, #387e1c);
	background-image: -ms-linear-gradient(top, #5e9505, #387e1c);
	background-image: -o-linear-gradient(top, #5e9505, #387e1c);
	background-image: linear-gradient(to bottom, #5e9505, #387e1c);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	color: #fff !important;
	padding: 15px 15px;
	border: solid #306c18 2px;
	text-decoration: none !important;
	font-weight:bold;
	margin: 0 auto;
}

.greenBtn:hover {
	background: #387e1c;
	background-image: -webkit-linear-gradient(top, #387e1c, #5e9505);
	background-image: -moz-linear-gradient(top, #387e1c, #5e9505);
	background-image: -ms-linear-gradient(top, #387e1c, #5e9505);
	background-image: -o-linear-gradient(top, #387e1c, #5e9505);
	background-image: linear-gradient(to bottom, #387e1c, #5e9505);
	text-decoration: none !important;
	cursor:pointer;
}

/*白いボタン*/
.whiteBtn {
	background: #fafafa;
	background-image: -webkit-linear-gradient(top, #fafafa, #e5e5e5);
	background-image: -moz-linear-gradient(top, #fafafa, #e5e5e5);
	background-image: -ms-linear-gradient(top, #fafafa, #e5e5e5);
	background-image: -o-linear-gradient(top, #fafafa, #e5e5e5);
	background-image: linear-gradient(to bottom, #fafafa, #e5e5e5);
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	color: #377d19;
	padding: 15px 15px;
	border: solid #c8c8c8 2px;
	text-decoration: none !important;
	font-weight:bold;
	margin: 0 auto;
}

.whiteBtn:hover {
	background: #e5e5e5;
	background-image: -webkit-linear-gradient(top, #e5e5e5, #fafafa);
	background-image: -moz-linear-gradient(top, #e5e5e5, #fafafa);
	background-image: -ms-linear-gradient(top, #e5e5e5, #fafafa);
	background-image: -o-linear-gradient(top, #e5e5e5, #fafafa);
	background-image: linear-gradient(to bottom, #e5e5e5, #fafafa);
	text-decoration: none !important;
	cursor:pointer;
}

.default_button{
	width:30% !important;
}

/*北海道フォトコン*/
table.status{width:100%;margin-bottom:1em;}
table.status tr td{width:33%;text-align:center;padding:5px;border:1px solid #387e1c;}
table.status tr td.now{font-weight:bold;color:#fff;background: #387e1c;}
table.status tr td.done{background: #e2e2e2;}

dl.dl_form dt{font-weight:bold;padding-top:5px;}
dl.dl_form dd{border-bottom:dotted 1px #ccc;padding:15px 0 15px 1em;}
.mr1{margin-right:1em;}
dl.dl_form dd.no_border{border:none;}
#myphoto_image{display:block;margin-left: auto;margin-right: auto;max-width:80%;}


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

/* スマホ

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

@media only screen and (max-width:640px)
{
/*テキストエリア*/
input.text_max,input.text_max_num,textarea.texta_max{width:90%;}
input.text_half,input.text_max_num{width:50%;}
input.text_quater{width:25%;}

/*小設問がある場合*/
dl.col2 dt{ float: none; width: auto; padding: 0.5em 0 0.5em 1em;}
dl.col2 dd{ margin-left: 0; border-bottom: 1px dotted #999; padding: 0.5em 0!important; line-height: 1.2;}
dl.col2 dd:last-child{ border-bottom: 0;}

/*ラジオボタン*/
ul.wrapRadioNormal li{ padding: 0.5em 0;}
ul.wrapRadioFl li{ float:none; margin: 0; padding: 0.5em 0;}
ul.wrapRadioFl2 li{ padding: 0.5em 0; width:40%;}

.default_button{width:85% !important;}

.greenBtn span.arrow_icon_w{background-position:0 0.2em;}
.whiteBtn span.arrow_icon{background-position:0 0.2em;}

input[type=checkbox],input[type=radio] {
  -ms-transform: scale(1.8, 1.8);
  -webkit-transform: scale(1.8, 1.8);
  transform: scale(1.8, 1.8);
}

input[type=file]{margin:0;padding:0;}
/*input[type=file]{
  -ms-transform: scale(1.1, 1.1);
  -webkit-transform: scale(1.1, 1.1);
  transform: scale(1.1, 1.1);
}*/

dl.dl_form dd{padding-left:0;}
}