@charset "utf-8";

body {
	margin: 0px;
	padding: 6px;
	text-align: left;
	font: 16px, "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:18px;
	background-color:#FFFFFF !important;
	box-sizing:border-box;
}

table{
    border-collapse:collapse;
    text-align : left;
	margin:0px;
}

h1,h2,h3,p,ul,li{
	margin: 0px;
	padding: 0px;
}

img {
	border: none;
}

ul{
	list-style-type:disc;
	list-style-position:inside;
}

ul.logo3{
	margin-bottom:12px;
}

ul.none{
	list-style-type:none;
}

div.c{
	width:100%;
	text-align:center;
}

h1{
	font-size:12px;
	margin:6px 0px 6px 0px;
	width:99%;
}

div.form_table{
	width:100%;
	margin:18px auto;
	overflow:hidden;
}

	div.to_sns{
		width:100%;
		height:24px;
		display:block;
		text-align:left;
	}
	
	h2{
		font-size:22px;
		font-weight:700;
		float:left;
		margin:12px 0px 12px 0px;
	    text-shadow: #BBB 3px 3px 3px;
	}

	table.def{
		width:100%;
	}

		table.def td{
			font-size:14px;
			padding:4px;
			box-sizing:border-box;
		}

		table.def th{
			font-size:14px;
			font-weight:700;
			text-align:center;
			padding:8px;
			background-color:#07557b;
			background-image:url(../img/th_bg.gif);
			height:14px;
			color:#FFFFFF;
			border:1px solid #CCCCCC;
			line-height:14px;
			white-space: nowrap;
		}

		table.def td{
			vertical-align:middle;
			text-align:left;
			padding:8px;
			color:#333333;
			border:1px solid #CCCCCC;
			line-height:19px;
		}

		table.def td.left{
			background-color:#e9f7f7;
		}

		table.def td.title{
			background-color:#e9f7f7;
			text-align:center;
		}
			table.def td.title h2{
				float:none;
				font-size:22px;
			}

		table.def td.d{
			text-align:center;
		}

		table.def tr{
			background-color:white;
		}

		table.def tr:hover{
			background-color:#f9f6d0;
		}

		table.def tr.dis{
			background-color:#dddddd;
		}

		table.def tr.dis:hover{
			background-color:#b3d4d3;
		}

		table.def img{
			border:0px none;
		}

input.btn{
	padding:14px;
	font-size:16px;
	float:right;
	margin: 12px 0px;
}

textarea{
	width:100%;
	box-sizing:border-box;
}

span.hissu{
	color:red;
	font-size:11px;
}

div.center{
	width:100%;
	text-align:center;
}

div.center img.top_image{
	margin-left:auto;
	margin-right:auto;
}

div.error{
	color:red;
	font-weight:700;
	font-size:12px;
	margin-top:6px;
	margin-left:6px;
}

div.caution{
	margin-top:12px;
	float:left;
	text-align:left;
	background-color:yellow;
	padding:6px;
	font-size:12px;
	width:610px;
}

div.mn_caution{
	padding:6px;
	color:blue;
	font-size:12px;
}

table.mn_sub{}
	table.mn_sub td{
		color:#FFF;
		padding:4px;
		border:1px solid #AAA;
	}

table.menu_list{
	width:100%;
}
	table.menu_list td.main_menu{
		background-color:#e9f7f7;
		border:1px solid #AAA;
		padding:8px;
		width:130px;
		vertical-align:middle;
	}
	table.menu_list td.sub_menu{
		background-color:#FFF;
		border:1px solid #AAA;
		padding:8px;
		color:#555;
	}
	table.menu_list td.group_menu_title{
		background-color:#07557b;
		background-image:url(../img/th_bg.gif);
		color:#FFFFFF;
		height:14px;
		padding:5px;
		padding-left:8px;
		font-size:14px;
	}

h3{
	font-weight:700;
	font-size:18px;
	border-bottom:1px dotted #AAA;
}

div.pic_range{
	width:100%;
	margin:12px 0px;
	overflow-y:auto;
}
	div.pic_range div.sm_pic_left{
		float:left;
		border:1px solid #AAA;
	}
		div.pic_range div.sm_pic_left img{
			margin:2px;
		}

	div.pic_range div.sm_pic_right{
		float:right;
		border:1px solid #AAA;
	}
		div.pic_range div.sm_pic_right img{
			margin:2px;
		}

ul.link{}
	ul.link li{
		margin-bottom:12px;
	}

ul.faq{}
	ul.faq li{
		list-style-type:none;
		margin-bottom:6px;
		padding-bottom:6px;
		border-bottom:1px dotted #AAA;
	}
	ul.faq div.ask{
		color:red;
		font-weight:bold;
		width:100%;
		overflow-y:hidden;
		margin-bottom:6px;
	}
	ul.faq div.q{
		margin-left:24px;
	}

div.tuduki{
	width:100%;
	text-align:right;
}

#inquiry_info{
	font-size:14px;
	margin-bottom:6px;
}

@media screen and (min-width: 320px) {
	div.cls_time_area{
		display:block;
		margin-left:0px;
		margin-top:6px;
	}
	input[type="text"]{
		width:95%;
		max-width:100%;
	}
	input[type="text"].iput_text_half{
		width:45%;
		max-width:100%;
	}
	td input[type="text"].iput_text_half:first-child{
		margin-right:4px;
	}
	table.def,
	table.def td
	{
		box-sizing:border-box;
	}
	div.c{
		box-sizing:border-box;
		padding:6px;
	}
	table.def th.left,
	table.def td.left
	{
		width:102px;
	}
}

@media screen and (min-width: 720px) {
	div.cls_time_area{
		display:inline;
		margin-left:6px;
		margin-top:0px;
	}
}