@charset "utf-8";

/******************************
　Common_Style_CSS 
******************************/
body{
	font-family: Quicksand, 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

 body{
	width: 100%;
	height: 100%;
}

a{
	color: #0f2571;
	text-decoration: none;
}

a:hover{
	opacity: 0.5;
}

ol li{
	list-style: none;
	font-size: 14px;
	line-height: 20px;
}

ul li{
	list-style: none;
	font-size: 14px;
	line-height: 20px;
}

p{
	font-size: 14px;
	line-height: 20px;
}

.cr{
	clear: both;
}

hr{
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75));
	border: 0;
	height: 1px;
	margin: 0;
}

#main_wrap{
	width: 100%;
	height: 100%;
	background: url('../images/main_img.png') 0 48px;
	background-size: cover;
	position: absolute;
}

header{
	width: 100%;
	height: 61px;
	background: url('../images/header.png');
	padding: 5px 15px;
}

header h1 a{
	width: 341px;
	height: 47px;
	background: url('../images/logo.png');
	display: block;
	float: left;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
}

header h2{
	color: #4a2c00;
	float: left;
	font-weight: normal;
	margin: 20px 15px;
}

main{
	clear: both;
}

#title_wrap{
	width: 100%;
	position: absolute;
	top: 50%;
	left: 2%;
}

main h3{
	color: #c30d23;
	font-size: 30px;
}

#title_wrap hr{
	margin: 8px 0;
}

main h4{
	color: #c30d23;
	font-size: 18px;
}

footer{
	width: 100%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #eee));
	background: -webkit-linear-gradient(#fff, #eee);
	background: -moz-linear-gradient(#fff, #eee);
	background: -o-linear-gradient(#fff, #eee);
	background: -ms-linear-gradient(#fff, #eee);
	background: linear-gradient(#fff, #eee);
	color: #4a2c00;
	opacity: 0.9;
	position: fixed;
	bottom: 0;
}

.acordion ul, .content ul{
	float: right;
	margin: 0 20px;
}

.acordion dl{
	clear: both;
	font-weight: bold;
	padding: 20px 100px;
}

.acordion dl dt{
	background: url('../images/service.png') 0 5px no-repeat;
	font-size: 22px;
	margin: 0 0 20px 0;
	text-indent: 35px;
}

.acordion ul, .content ul{
	padding: 10px 0 0 0;
}

.acordion ul li, .content ul li{
	background: url('../images/menu_ico.png') 0 5px no-repeat;
	cursor: pointer;
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	padding: 10px 20px;
	text-indent: 10px;
}

.acordion ul li a, .content ul li a{
	color: #4a2c00;
	cursor: pointer;
}

footer small{
	clear: both;
	display: block;
	font-weight: bold;
	padding: 10px;
	text-align: right;
}

.remodal{
	background: #EEE !important;
	color: #4a2c00 !important;
}

.remodal h2{
	background: url('../images/info.png') no-repeat;
	border-bottom: 1px solid #333;
	font-size: 22px;
	padding: 0 0 20px 0;
	text-align: left;
	text-indent: 40px;
}

.remodal table{
	margin: 0 auto;
}

form input,form select,form textarea{
	border: 1px solid #CCC;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	background: #FFF;
	font-size: 12px;
}

form tr{
	border-bottom: 1px solid #CCC;
	padding: 0 0 5px 0;
	text-align: left;
}

form th{
	width: 30% !important;
	font-size: 14px !important;
}

form td{
	padding: 10px;
	text-align: left
}

.must{
	background: #F00;
	color: #FFF;
	font-size: 12px !important;
	display: block;
	float: right;
	padding: 3px;
}

.more{
	background: #999;
	color: #FFF;
	font-size: 12px !important;
	display: block;
	float: right;
	padding: 3px;
}

#button{
	width: 200px;
	height: 40px;
	border: 1px solid #CCC;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #d5f1fb), color-stop(1.00, #9bd6f2));
	background: -webkit-linear-gradient(#d5f1fb, #9bd6f2);
	background: -moz-linear-gradient(#d5f1fb, #9bd6f2);
	background: -o-linear-gradient(#d5f1fb, #9bd6f2);
	background: -ms-linear-gradient(#d5f1fb, #9bd6f2);
	background: linear-gradient(#d5f1fb, #9bd6f2);
	margin: 20px 0 0 0;
}