@charset "UTF-8";

* {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
body {
	background-color: #EEE;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size:14px;
	color:#333333;
	line-height:150%;
}
div#wrapper {
	width: 800px;
	text-align: left;
	background-color: #FFF;
	margin: 0px auto;
}
div#wrapper div#header,div#wrapper div#footer {
	background-color: #2e3462;
}
div#wrapper div#header {
	margin: 0px;
	padding: 20px 30px 10px 30px;

}
div#wrapper div#header h1 {
	color: #FFF;
	text-shadow: 0px 0px 10px #000;
	font-size: 20px;
	text-align: center;
	padding: 0px 0px 0px 0px;
	margin: 0;
	font-family: sans-serif;
}
div#wrapper div#header p {
	padding: 0px;
	font-size: 14px;
	text-align: center;
	line-height: 1em;
	color: #FFF;
}
div#wrapper div#container {
	padding: 0px 20px;
}
div#wrapper div#footer {
	color: #FFF;
	clear: both;
	padding: 5px;
	margin: 0;
	text-align: center;
	font-size: 12px;
}
ul.example_pages {
	border: solid 1px #CCC;
	padding: 15px 30px;
}
ul.example_pages li {
	padding: 5px 0px;
}
div#example_selector {
	padding: 10px 0px;
	text-align: left;
}
div#example_selector span {
	display: block;
	font-size: 14px;
	padding: 5px 0px;
}
div#example_selector select {
	font-size: 18px;
	border-radius: 3px;
	border: solid 1px #CCC;
	padding: 5px 10px;
	box-shadow: 0px 0px 5px #CCC inset;
	box-sizing: border-box;
	width: 100%;
	max-width: 100%;
	outline: none;
}
div.tips {
	margin: 10px auto;
	padding: 5px 20px;
	border: solid 1px #CCC;
	border-radius: 5px;
	box-shadow: 0px 2px 10px #CCC;
	background: #FEE;
}
div.tips p {
	font-size: 14px;
	line-height: 2em;
}
div.tips strong {
	color: #800040;
}
div.tips span {
	display: block;
	padding: 5px 10px;
	color: #008080;
}
div.tips em {
	font-style: normal;
	color: #090;
	font-weight: bold;
}
div.tips ol li {
	padding: 10px;
	margin: 15px;
	font-size: 12px;
	line-height: 1.7em;
	border: solid 1px #CCC;
	border-radius: 5px;
	background: #FFF;
}
div.tips ol li span {
	padding: 0px 10px;
}
div.tips ol li img {
	display: block;
	width: 280px;
	border: none;
	margin: 5px auto;
}
@media screen and (max-width: 800px) {
	body {
		padding: 0px;
		margin: 0px;
	}
	div#wrapper {
		border-radius: 0px;
		padding: 0px;
		margin: 0px;
		width: 100%;
		box-shadow: none;
		border: none;
	}
	div#wrapper div#header {
		border-radius: 0px;
		padding: 10px;
	}
	div#wrapper div#header h1 {
		font-size: 24px;
	}
	form#mailformpro dl dt {
		float: none;
		width: auto;
		font-size: 12px;
		padding: 5px;
		text-align: left;
	}
	form#mailformpro dl dd {
		clear: both;
		border-top: none;
		padding: 5px 15px;
		font-size: 12px;
		line-height: 1.5em;
	}
	div.mfp_buttons button {
		font-size: 14px;
	}
	table#mfp_confirm_table tr th {
		white-space: nowrap;
		width: 100px;
	}
	div#mfp_thanks {
		text-align: center;
		font-size: 18px;
		padding: 20px 0px;
	}
	div#mfp_thanks strong {
		color: #C00;
		font-size: 24px;
		display: block;
	}
}


/* 基本テーブル
----------------------------------------------- */
table.form {
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	text-align: left;
	border-top: 1px solid #cccccc;
	margin: 20px 0px 30px 0px;
}
table.form td {
	padding: 10px 2px 20px 2px;
	vertical-align: top;
	border-bottom: 1px solid #cccccc;
}
textarea {
    resize: none;
}

/* サブテーブル
----------------------------------------------- */
table.sub1 {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	margin: 0px 0px 0px 0px;
	background-color: #fffcf0;
}
table.sub1 td {
	padding: 7px 7px 7px 7px;
	vertical-align: top;
	border: 1px solid #cccccc;
}
textarea {
    resize: none;
}

table.sub2 {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	text-align: left;
	margin: 0px 0px 0px 0px;
}
table.sub2 th {
	padding: 7px 7px 7px 7px;
	text-align: center;
	vertical-align: top;
	border: 1px solid #cccccc;
	background-color: #f0f0f0;
}
table.sub2 td {
	padding: 7px 7px 7px 7px;
	vertical-align: top;
	border: 1px solid #cccccc;
	background-color: #fffcf0;
}
textarea {
    resize: none;
}


/* tsuika
----------------------------------------------- */
.red{color:#f00;}
.gray{color:#666666;}
.blue{color:#39C;}
.blue2{color:#899dff;}
.orange{color:#f59900;}
.white{color:#FFF;}
.brown{color:#894d14;}
.mt0{ margin-top:0px;}
.mt5{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}
.mt40{ margin-top:40px;}
.mt50{ margin-top:50px;}
.mb5{ margin-bottom:5px;}
.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}
.mb40{ margin-bottom:40px;}
.mb50{ margin-bottom:50px;}
.mr5{ margin-right:5px;}
.mr10{ margin-right:10px;}
.mr15{ margin-right:15px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}
.mr40{ margin-right:40px;}
.mr50{ margin-right:50px;}
.ml5{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml15{ margin-left:15px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}
.ml40{ margin-left:40px;}
.ml50{ margin-left:50px;}
.fl{ font-size:16px; line-height:150%;}
.fm{ font-size:14px; line-height:150%;}
.fs{ font-size:12px; line-height:150%;}
.normal{ font-weight:normal;}
.bold{ font-weight:bold;}
.center{ text-align: center;}
.left{ text-align: left;}
.right{ text-align: right;}
.nbr{ white-space: nowrap;}
.soro1{ text-indent:-1em; padding-left:1em;}
.soro1_5{ text-indent:-1.5em; padding-left:1.5em;}
a.akari:hover img{filter: alpha(opacity=85);  -moz-opacity:0.85;  opacity:0.85;}