/******---共通目次---*****/
/* CSS Document */
body{
	font: 16px/1.7 "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",clean,sans-serif;
	FONT-SIZE: 16px; COLOR: #222;
	background: #ffffff;
	/* background-repeat:repeat-xy;*/
}
/* =========================================================
■ ぷちテンプレ集（各ページ共用）
<span class=uni_font01></span>
========================================================= */

.uni_font01{
	font-size: 18pt;
	display:inline;
	line-height:130%;
	text-indent:0px;
	font-weight : bold;
	}

.uni_font02{
	font-size: 16pt;
	display:inline;
	line-height:130%;
	text-indent:0px;
	font-weight : bold;
	}

.uni_font03{
	font-size: 12pt;
	display:inline;
	line-height:130%;
	font-weight : bold;
	}

.uni_futoji1{
	font-weight : bold;
}

.uni_futoji2{
	font-weight : bold;
	line-height: 250%;
}

.uni_green{
	font-weight : bold;
	color : #009966;
	font-size: 120%;
}

.uni_pink{
	font-weight : bold;
	color : #e72d59;
	font-size: 120%;
}

.uni_orange{
	font-weight : bold;
	color : #ff6633;
	font-size: 120%;
}

.uni_blue{
	font-weight : bold;
	color : #22419a;
}

.uni_bluebig{
	font-weight : bold;
	color : #22419a;
	font-size: 120%;
}

.uni_redbig{
	font-weight : bold;
	color : #ff0000;
	font-size: 120%;
}

.uni_va_btm{
	vertical-align: bottom;
}

.tx_left{
	text-align: left;
}

.tx_center{
	text-align: center;
}

.tx_right{
	text-align: right;
}


.uni_mini{
	font-size:14px;
}
/* =========================================================
■ 問い合わせ
========================================================= */

	/**----------テーブル---------**/
	.tbl_form{
		width: 860px;
		margin: 20px auto;
		border: 1px solid #ccc; 
		border-collapse: separate;
		border-spacing:2px;
		line-height:150%;
		
	}
	
		.tbl_form th{
			width: 190px;
			padding:5px 0;
			background: #f7f5f0;
			text-align: center;
			vertical-align: middle;
			border-bottom: 1px dotted #e3e3e3;
			height: 40px;
			font-weight:normal;
		}
	
		.tbl_form td{
			padding:5px;
			vertical-align: middle;
			border-bottom: 1px dotted #e3e3e3;
		}
		.tbl_form td.cmnt{
			height:180px;
		}
	/**----------フォーム文字余白---------**/
	.tbl_form input{
		padding:0px 2px;
		font: 18px/1.7 "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",clean,sans-serif;
		FONT-SIZE: 18px; COLOR: #000;
	}
	.tbl_form span.addrno input{
		padding:0px 5px;font-size:14px;
	}
	.tbl_form input.w_m{
		width:350px;
	}
	.tbl_form input.w_s{
		width:200px;
	}
	.tbl_form input.w_ss{
		width:100px;
	}
	.tbl_form textarea{
		width:600px;
		padding:4px 5px;
		font: 18px/1.7 "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",clean,sans-serif;
		FONT-SIZE: 18px; COLOR: #000;
	}
	.tbl_form select{
		padding:4px 5px;
	}
	/**----------メッセージ---------**/
	.form_msg{
		width: 840px;
		margin: 10px auto -10px auto;
		text-align: left;
	}
	/**----------送信---------**/
	.send{
		width: 840px;
		margin: 10px auto;
		text-align: center;
	}

	/**----------テーブルinチェックボックスとラジオボタンを大きく---------**/
	.tbl_form  input[type=checkbox] {
		display: none;
	}
		.tbl_form .checkbox {
	  		width:190px;
		}
		.tbl_form .checkbox {
		  box-sizing: border-box;
		  -webkit-transition: background-color 0.2s linear;
		  transition: background-color 0.2s linear;
		  position: relative;
		  display: inline-block;
		  margin: 0 10px 8px 0;
		  padding: 12px 0px 12px 37px;
		  border-radius: 8px;
		  background-color: #f6f7f8;
		  vertical-align: middle;
		  cursor: pointer;
		}
		.tbl_form .checkbox:hover {
		  background-color: #e2edd7;
		}
		.checkbox:hover:after {
		  border-color: #53b300;
		}
		.tbl_form .checkbox:after {
		  -webkit-transition: border-color 0.2s linear;
		  transition: border-color 0.2s linear;
		  position: absolute;
		  top: 50%;
		  left: 15px;
		  display: block;
		  margin-top: -10px;
		  width: 16px;
		  height: 16px;
		  border: 2px solid #bbb;
		  border-radius: 6px;
		  content: '';
		}

		.tbl_form .checkbox:before {
		  -webkit-transition: opacity 0.2s linear;
		  transition: opacity 0.2s linear;
		  position: absolute;
		  top: 50%;
		  left: 21px;
		  display: block;
		  margin-top: -7px;
		  width: 5px;
		  height: 9px;
		  border-right: 3px solid #53b300;
		  border-bottom: 3px solid #53b300;
		  content: '';
		  opacity: 0;
		  -webkit-transform: rotate(45deg);
		  -ms-transform: rotate(45deg);
		  transform: rotate(45deg);			
		}
		.tbl_form input[type=checkbox]:checked + .checkbox:before {
		  opacity: 1;
		}

	#radio1 input{
	    display: none;
	}
	#radio1 label{
	    display: inline-block;
	    position: relative;
	    cursor: pointer;
	    margin-left: 50px;
	    padding: 10px 20px;
	    border-radius: 2px;

	    text-align: center;
	    line-height: 1;
	}
	#radio1 label:before{
	    position: absolute;
	    content: "";
	    top: 50%;
	    left: -10px;
	    width: 20px;
	    height: 20px;
	    margin-top: -10px;
	    background: #bdc3c7;
	    border-radius: 50%;
		
	}

	#radio1 input[type="radio"]:checked + label:after {
	    position: absolute;
	    content: "";
	    top: 50%;
	    left: -4px;
	    width: 8px;
	    height: 8px;
	    margin-top: -4px;
	    border-radius: 50%;
	    background: #53B300;
	}
	
/**----------問い合わせcgi表---------**/

		table.scr_tbl_cgicmnt{
			width: 860px;height:500px;
			margin: 20px auto;
			border: 1px solid #ccc; 
			border-collapse: separate;
			border-spacing:2px;
			line-height:150%;
		}
		table.scr_tbl_cgicmnt td{
			padding-top:70px;
			text-align:center;
			vertical-align:top;
		}
		table.scr_tbl_cgicmnt td a{
			text-decoration:none;
		}