@charset "utf-8";

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

 ■ 汎用フォーム用

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



/*--- ● フォーム用section ----------*/

section.type-form {
	margin:10px 0 20px;
}


section.type-form h1 {
	margin: 0 0 15px ;
	text-align:left;

	background: -webkit-gradient(linear,left top,left bottom,from(#ffffff),to(#ededed)); /* Android 2.3 */
	background: -webkit-linear-gradient(top, #ffffff, #ededed);
	background:    -moz-linear-gradient(top, #ffffff, #ededed);

	background:   linear-gradient(to bottom, #ffffff, #ededed);

	color:#319a9a;
	font-size:18px;
	line-height: 1.3 ;
	border-top: 2px solid #319a9a ;
	border-bottom: 2px solid #319a9a ;
}

section.type-form h1 span.icon-logo {
	background: url(../image/icon_logo.png) no-repeat left center ;
	-webkit-background-size: 32px auto;
	-moz-background-size: 32px auto;
	background-size: 32px auto;
	padding: 0 0 0 40px ;
	display: inline-block ;
	min-height: 42px ;
}

section.type-form h1 span.text-mg {
	display: block ;
	margin: 10px 0 ;
	line-height: 1.3 ;
}


section.type-form h2 {
	clear:both;
	text-align:left;
	margin-bottom:10px;
	border-bottom:1px solid #999999;
	font-size:16px;
	color:#666666;
	line-height: 1.5 ;

}







/*--- ● フォーム部品 ----------*/



/*

section.type-form form.type1 input.submit-btn

*/



section.type-form input.submit-btn

{width:100%; font-size:120%; padding:5px;}



section.type-form input.text-data,input.text-data1

{width:90%; font-size:120%; padding:5px;}



section.type-form input.text-data2

{width:12%; font-size:120%; padding:5px 2px;}



section.type-form textarea

{width:90%; font-size:120%; padding:5px;}



section.type-form input.text-data1,input.text-data2,textarea.text-data1

{background-color: #ffcccc;}



section.type-form input.size-radiobtn {

-webkit-transform-origin:left;

-moz-transform-origin:left;

transform-origin:left;



-webkit-transform: scale(1.8,1.8);

-moz-transform: scale(1.8,1.8);

transform: scale(1.8,1.8);



margin-left:10px ;

}



section.type-form select.size-select {

-webkit-transform-origin:left;

-moz-transform-origin:left;

transform-origin:left;



-webkit-transform: scale(1.5,1.7);

-moz-transform: scale(1.5,1.7);

transform: scale(1.5,1.7);

}



/*--- ● 電話用 ----------*/

section.type-form a.appo:link,
section.type-form a.appo:visited {
	color: #ff6600 ;
	text-decoration:underline ;
}


/*--- ● エラーメッセージ用 ----------*/

section.type-form .error-mg {
	display: block ;
	color: #cc0000;
	font-weight: bold;
	margin: 0 0 3px;
}



/*--- ● フォーム案内用 ----------*/

section.type-form ul.disc li {
	background: url(../image/disc.png) no-repeat 0 2px;
	-webkit-background-size: 14px 14px ;
	-moz-background-size: 14px 14px ;
	background-size: 14px 14px ;
	padding: 0 0 0 14px ;
	line-height: 1.5 ;
}



/*--- ● 送信結果表示用 (罫あり) ----------*/

section.type-form table.table01 {
	clear:both ;
	width: 100% ;
}


section.type-form table.table01 th,
table.table01 td {
	padding: 5px ;
	border: 1px solid #ccc ;
	line-height: 1.5 ;
	vertical-align: top ;
}


section.type-form table.table01 th {
	font-weight: bold ;
	text-align: left ;
}


section.type-form table.table01 th.w-nowrap {
	width: 1% ;
	white-space: nowrap ;
	text-align: left ;
}