@charset "utf-8";

/*****************************************************
 ■ 汎用フォーム用
*****************************************************/

/*
以下はstyle.cssで定義
section { content: ''; display: block; clear: both; }
.p10 { padding: 10px; }
.mb10 { margin-bottom: 10px ;}
.color1   { color: #cc0000 ;}
.color2b  { color: #ff6600; font-weight: bold ;}
.text-bold { font-weight:bold; }
*/


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

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

section.type-form h1 {
	margin-bottom:10px;
	padding:7px;
	text-align:left;

	background: -webkit-gradient(linear,left top,left bottom,from(#45494d),to(#000000)); /* Android 2.3 */

	background: -webkit-linear-gradient(top, #45494d, #000000);
	background:    -moz-linear-gradient(top, #45494d, #000000);
	background:     -ms-linear-gradient(top, #45494d, #000000);
	background:      -o-linear-gradient(top, #45494d, #000000);
	background:   linear-gradient(to bottom, #45494d, #000000);

	color:#ffffff;
	font-size:16px;
	border-top: 1px solid #3a4766 ;
	border-bottom: 1px solid #3a4766 ;
}

section.type-form h1 span {
	background: url(../image/icon2.png) no-repeat left center ;
	padding-left: 17px ;
}

section.type-form h2 {
	clear:both;
	text-align:left;
	margin-bottom:10px;
	border-bottom:1px solid #999999;
	font-size:16px;
	color:#666666;
	/* font-weight: normal; */
}



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

/*
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;
-ms-transform-origin:left;
-o-transform-origin:left;
transform-origin:left;

-webkit-transform: scale(1.8,1.8);
-moz-transform: scale(1.8,1.8);
-ms-transform: scale(1.8,1.8);
-o-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;
-ms-transform-origin:left;
-o-transform-origin:left;
transform-origin:left;

-webkit-transform: scale(1.5,1.7);
-moz-transform: scale(1.5,1.7);
-ms-transform: scale(1.5,1.7);
-o-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: #044cf0 ;
	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;
	padding: 0 0 0 14px ;
}



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

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 ;
}