@charset "utf-8";
/* CSS Document */
.layout_template {
	width: 100%;
	margin:auto;
}
.zumenFrow a{
	color:#0099FF;
	text-decoration:underline;
}

.zumenFrow dl {
	text-align: left;
	padding: 1em;
}
.zumenFrow dt{border-bottom: 1px solid #399;
color: #333333;
font-size:24px;}

.zumenFrow dd{font-size: 12px;
margin: 0 0 3em;}
.zumenFrow dd p{
	text-align:left;
}

.layout_you {
	background-image: url("/ws/images/h_large_bg.gif");
	background-repeat: no-repeat;
	clear: both;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	line-height: 30px;
	margin: 0 0 10px 0;
	padding-left: 13px;
	text-align: left;
}
.takasa {
	text-align: center;
}
.layout_template dl {
	text-align:center;
}
.layout_template p, dd {
	font-size: 14px;
	line-height: 170%;
}
.layout_template .setumei {
	/* [disabled]width: 530px;
*/
	margin: 0 auto 10px;
	text-align: justify;
}
.layout_template .excel {
	text-align: right;
	font-size: 12px;
}
.layout_template .moji_migi {
	/* [disabled]width: 208px;
*/
	/* [disabled]float: right;
*/
}
.layout_template .zumen_sheet {
	width: 335px;
	text-align: center;
}
/*.layout_template h3 {
	margin-bottom: 20px;
}*/
.layout_template .hidari {
	/* [disabled]float: left;
*/
	margin-bottom: 30px;
}
.hidari img {
	border-color: #666;
	border-style: solid;
	border-width: 1px;
}
.layout_template .migi {
	/* [disabled]float: right;
*/
}
.layout_template .migi img {
	border-color: #666;
	border-style: solid;
	border-width: 1px;
}
.layout_template .center {
	/* [disabled]width: 270px;
*/
	text-align: center;
}
.layout_template .setumei_2 {
	/*width: 450px;*/
	margin: 20px auto 30px;
	padding: 0 12px;
	text-align:left;
}
.layout_template .kategorizu li {
	/* [disabled]float: left;
*/
	margin-bottom: 20px;
}
.layout_template .haba_17 {
	/* [disabled]margin-left: 17.75px;
*/
}
.layout_template .clear {
	clear: both;
}
.layout_template .top_modoru {
	clear: both;
}
.layout_template .hidari_space {
	/* [disabled]float: left;
*/
	/* [disabled]margin-left: 40px;
*/
	margin-bottom: 40px;
	margin-top: 10px;
}
.layout_template .migi_space {
	/* [disabled]float: right;
*/
	margin-right: 40px;
	margin-top: 10px;
}
.layout_template .text_space {
	margin-top: 10px;
}
.layout_template .hidari_tokubetu {
	/* [disabled]float: left;
*/
}
.hidari_tokubetu img {
	border-color: #666;
	border-style: solid;
	border-width: 1px;
}
.layout_template .top_page {
	text-align: right;
}
.layout_template .excel_gazou {
	/* [disabled]float: left;
*/
	/* [disabled]margin-left: 50px;
*/
	margin-bottom: 40px;
	margin-top: 10px;
}
.layout_template .botan {
	/* [disabled]float: right;
*/
	/* [disabled]margin-right: 90px;
*/
	margin-top: 30px;
}
.layout_template .moji_settei {
	/* [disabled]width:250px;
*/
	/* [disabled]margin-left:10px;
*/
}
.layout_template h3 {
	font-family: "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: #333333;
	margin-top: 18px;
	margin-bottom: 8px;
	border-bottom-color: #999;
	border-bottom-style: dashed;
	border-bottom-width: 1px;
}
.layout_template h3 {
}
.layout_template .kategorizu > ul {
	text-align: center;
}
.layout_template .kategorizu li {
	display: inline-block;
	margin-bottom: 20px;
	text-align: center;
}
.layout_template {
	padding:5px;
}
.layout_template .setumei {
	padding:10px;
}
.layout_template .excel_gazou {
	text-align:center;
}
.layout_template .layoutPic {
	margin:0 auto 20px;
	text-align:center;
}
.layout_template .layoutPic img {
	border:1px solid #eee;
	margin:0 auto;
}
.layoutBox figcaption {
	text-align:center;
	font-size:12px;
}
.layout_template .layoutBox {
	margin:0 auto 40px;
}
.layout_template .layoutBox .textArea {
	margin:0 auto 20px;
}
.layout_template .layoutBox .subPicWrap {
	text-align:center;
}
.layout_template .layoutBox .subPicWrap .subPic {
	margin:0 auto 20px;
}
.layout_template .layoutBox .subsubPic {
	text-align:center;
}
.layoutBox.zumen {
	background: #eee none repeat scroll 0 0;
	padding: 20px;
}
.layoutBox.zumen .textArea {
	padding:5px;
}
.layoutBox.zumen h2 {
	color:#399;
	text-align:center;
}
.zumen h3 {
	margin:0 0 20px;
	font-weight:normal;
	font-size:16px;
}
.zumen .subTitle {
	text-align:center;
	margin:10px;
}
.zumen .btn_next {
	text-align:center;
}
.zumen .btn_next a {
	background-color: #009CFF;
	border-radius: 30px;
	color: #fff;
	display: block;
	font-weight: bold;
	margin: 30px auto;
	padding: 20px;
	text-align: center;
	width: 100%;
	font-size: 18px;
}
.zumenPoint {
	overflow:hidden;
	margin:20px auto;
}
.zumenPoint ul {
	margin:0 auto 40px;
	font-size:14px;
}
.zumenPoint li {
	border-bottom: 1px dashed;
	margin: 0 0 10px 10px;
}
.zumenPoint li::before {
	content: "\f101";
	font-family: FontAwesome;
}
.zumenPoint p {
}
.zumenPoint p:last-child {
	clear:both;
	width:100%;
	text-align:center;
}
.zumenImg {
	overflow:hidden;
	margin:40px auto;
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	flex-flow:row wrap;
}
.zumenImg h3 {
	flex-basis:100%;
}
.layoutBox.zumen img {
	border: 1px solid #ccc;
}
.zumenImg p {
	flex-basis:45%;
	margin:auto;
	text-align:center;
	font-size:12px;
}
.zumenImg dl {
	text-align:left;
	padding:1em;
}
.zumenImg dt {
	border-bottom:1px solid #399;
	color:#333333;
}
.zumenImg dd {
	font-size:12px;
	margin:0 0 1em;
}
.zumenImg dt:before {
	content: "\f087 ";
	font-family: FontAwesome;
	padding:0 5px 0 0;
}
.zumenBtn .btn_area {
	text-align:center;
}
.zumenBtn .btn_area a {
	background-color: #7bd900;
	border-radius: 10px;
	color: #fff;
	display: block;
	font-weight: bold;
	margin: 30px auto;
	padding: 20px;
	text-align: center;
	width: 100%;
	font-size:18px;
}
.zumenBtn .btn_area a:hover {
	background-color: #68B500;
}
.zumenBtn {
	margin: 40px;
}
.excel_gazou a {
	background-color: #ff3300;
	border-radius: 30px;
	color: #fff;
	display: block;
	font-size: 14px;
	font-weight: bold;
	margin: 30px auto;
	padding: 20px;
	text-align: center;
	width: 100%;
}
 @media all and (min-width: 768px) {
.layout_template {
	margin:auto;
}
.layout_template .layoutBox .subPicWrap {
	display: flex;
	flex-flow: row wrap;
	text-align: center;
}
.layout_template .layoutBox .subPicWrap .subPic {
	flex-basis: 45%;
	margin: 0 auto 20px;
}
.layout_template .layoutPic {
	display: flex;
	flex-flow: row wrap;
	margin: 0 auto 20px;
	text-align: center;
}
.layout_template .layoutPic .mainpic {
	flex-basis: 60%;
}
.layout_template .layoutPic .picText {
	flex-basis: 35%;
	margin:0 auto;
}
.layout_template .layoutPic .picText p {
	text-align:left;
}
.zumenPoint ul {
	width:55%;
	float: left;
	font-size:16px;
}
.zumenPoint li {
	padding:0.5em 1em;
}
.zumenPoint p {
	float: right;
	width: 40%;
}
.zumen h3 {
	text-align:center;
	font-weight:bold;
	font-size:1.5em;
}
.zumenImg dd {
	font-size:inherit;
	margin:0 0 1.5em;
	font-size:12px;
}
.excel_gazou a {

	width: 80%;
}
}
 @media all and (min-width: 1130px) {
.layout_template {
	width:850px;
	margin:auto;
}
.zumenImg dl {
	text-align:left;
	padding:2em;
}
.zumenImg dd {
	padding:1em;
	font-size:14px;
}
.zumenBtn {
	margin: 40px;
}
.zumenImg dt {
	font-size: 24px;
}
}
