@charset "utf-8";

#header3{
	width:1000px;
	margin:0px auto 15px auto;
	overflow:hidden;
}
#topmain{
	width:1000px;
	margin:0px auto;
}
#topmain .pcview{
	display:inline;
}
#topmain .spview{
	display:none;		
}
#topmain h1.sptitle{
	display:none;
}
.kugiri10{
	height:10px;
}

#topmain #contents{
	overflow:hidden;
}
#header3 h1{
	margin:0px 0 6px 0;
	font-size:11px;
	font-weight:normal;
}
#logo{
	float:left;
	margin:15px 0 0 0;
}
#header3 #logo img{
	max-height:59px;
	width:auto;
}
#contactinfo{
	float:right;
	margin:10px 0 0 0;
}
#contactinfo img{
	vertical-align:top;
}


.rd{
	color:#E87E00;
}
#menu{
	float:right;
	margin:15px 0 0 0;
}




#menu ul li{
	margin:0px;
	padding:0px;
	float:left;
	margin-right:8px;
}
#menu ul li a{
	display:block;
	padding:20px 20px 20px 40px;
	background:#eee url(../images/arrow2.png) 20px 22px no-repeat;
	line-height:1;
}
#menu ul li a:hover{
	background:#0C62BB url(../images/arrow2_.png) 20px 22px no-repeat;
	text-decoration:none;
	color:#fff;
}

#topimage{
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	border:solid 1px #ddd;
	margin-bottom:20px;
}
#topimage img{
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	vertical-align:top;
}


#side{
	width:300px;
	float:left;
	background:#FFF8D9;
	border:solid 1px #E5CE69;
	margin:10px 0 15px 0;
	padding-top:0px;
}




#loginarea h2{
	background:#239EDE;
	background:url(../images/bg_y.gif) left center repeat-x;
	color:#222;
	font-size:14px;
	font-weight:700;
	padding:10px;
	margin:0 0 10px 0;
}
#loginarea h2 span{
	display:none;
}
#loginarea p{
	margin:0 10px 10px 10px;
}
#loginarea .error{
	color:#EC1F1F;
}

#loginarea ul.loginul{
	overflow:hidden;
	margin:0 10px 15px 10px;
}
#loginarea ul li{
	padding:0 0 0 10px;
	background:url(../images/i_listli.png) left 6px no-repeat;
}
#loginarea h4{
	background:url(../images/bg_y.gif) left center repeat-x;
	color:#222;
	padding:5px 10px;
	margin:0 0 7px 0;
	border-bottom:solid 1px #E7C11E;
}
/*　ログインテーブル*/
#loginarea dl{
	width:100%;
	background:#fff;
	display:table;
	margin:0 0 10px 0;
	border-top:solid 1px #E5CE69;
	border-bottom:solid 1px #E5CE69;
}
#loginarea .kakoi2{
	border:solid 1px #E5CE69;
	width:100%;
	background:#fff;
}
#loginarea form{
	margin:0 0 20px 0;
}
#loginarea dl dt,#loginarea dl dd{
	padding:8px 10px;
	display:block;
	/*border-bottom:solid 1px #E5CE69;*/
}
#loginarea dl dd{
	/*border-bottom:solid 1px #ccc;*/
}
#loginarea dt{
	width:auto;
	border-bottom:solid 1px #E5CE69;
	background:#FFF1B4;
	font-weight:700;
}

#loginarea dd input{
	width:93%;
	padding:5px;
	line-height:1.2;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
	border:solid 1px #ccc;
	font-size:14px;
}
#loginarea .buttonarea button{
	width:180px;
}
/* button ---------------------------------*/
#topmain .buttonarea button,#topmain .buttonarea a{
	background:#0053A9;
	background:linear-gradient(#156ECA, #0053A9);
	background:-webkit-gradient(linear, left top, left bottom, from(#156ECA), to(#0053A9));	
	background-image: -moz-linear-gradient(#156ECA, #0053A9);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#156ECA', endColorstr='#0053A9')";
	display:block;
	color:#fff;
	padding:12px 0px;
	border:none;
	margin:0px auto;
	width:230px;
	font-weight:700;
	text-align:center;
	cursor: pointer;
}
#topmain .buttonarea a{
	color:#fff;
	padding:0px;
	display:block;
	padding:12px 0px;
	font-weight:normal;
	background:#156ECA;
}
#topmain .buttonarea a:hover{
	text-decoration:none;
}

#topmain #main{
	width:650px;
	float:right;
	min-height:500px;
	margin-bottom:15px;
	padding-top:10px;
}



#topmain #main .clear{
	clear:both;
}
#topmain #main p strong{
	color:#0C63BD;
	font-size:14px;
}
#topmain #main h2{
	background:url(../images/bg_h2.gif) left bottom repeat-x;
	color:#222;
	font-size:22px;
	font-weight:normal;
	padding:0px 0 13px 0;
	margin:0 0 10px 0;
	line-height:1.2;
}



#topmain #main h3{
	font-size:18px;
	color:#666;
	margin-bottom:6px;
}

#topmain #main .kakoi{
	background:#F6EE9A;
	padding:25px 15px 20px 15px;
	overflow:hidden;
	margin-bottom:15px;
}
#topmain #main .kakoi h3{
	font-weight:normal;
	text-align:center;
	font-size:20px;
	color:#222;
	padding-top:0px;
	margin-bottom:24px;
}

#topmain #main h1.pcview{
	border-bottom:solid 1px #ddd;
	border-top:solid 1px #ddd;
	padding:1px 0;
	display:block;
	margin-bottom:30px!important;
}
#topmain #main h1.pcview img{
	vertical-align:top;
}

#topmain #main p.centerbox{
	display:table;
	min-width:480px;
	margin:0px auto 20px auto;
}
#topmain #main p{
	margin-bottom:15px;
	line-height:1.6;
}

#topmain .imgright{
	float:right;
}
#topmain .imgright img{
	margin-left:15px;
}

#topmain .hyo{
	margin-bottom:35px;
}
#topmain .hyo table{
	border-collapse:collapse;
	border-top:solid 1px #ccc;
	border-left:solid 1px #ccc;
	margin-bottom:0px;
}
#topmain .hyo td,#topmain .hyo th{
	border-right:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	padding:5px 10px;
	vertical-align:middle;
}
#topmain .hyo th{
	background:#eee;
	font-weight:normal;
	width:150px;
	text-align:left;	
}
#topmain .kugiri{
	height:35px;
	clear:both;
}


#topmain footer{
	overflow:hidden;
	border-top:solid 1px #ddd;
	padding:15px 0;
	font-size:10px;
	text-align:center;
	color:#666;
}

#topmain #main p.errormsg{
	color:#EC1F1F;
	margin:0px auto 0 auto;
	width:auto;
	font-size:13.5px;
	padding:10px;
	text-align:center;
	background:#F3E35C;
}



/*フォーム関連*/
#main .hyoform{
	margin:30px auto 0 auto;
	width:750px;
}
#main .hyoform table{
	border-collapse:collapse;
	width:100%;
	border-top:solid 1px #F2E67C;
	margin-bottom:25px;
}
#main .hyoform th{
	vertical-align:top;
	font-weight:normal;
	text-align:left;
}
#main .hyoform td{
	width:70%;
}
#main .hyoform td,#main .hyoform th{
	border-bottom:solid 1px #F2E67C;
	padding:12px 0;
}


#main .hyoform textarea{
	width:90%;
	height:150px;
	background:#fff;
	padding:3px 5px;
	color:#333;
	border:none;
	font-size:13px;
}
#main .hyoform input.input-long{
	width:90%;
	background:#fff;
	border:none;
	padding:3px 5px;
	font-size:13px;
}
#main .hyoform th.tdright{
	text-align:right;
	padding-right:15px;
}

/*ボタン関連*/


#main .nextback{
	width:470px;
	margin:0px auto 10px auto;
}
#main .nextback .btn-center{
	display:block;
	width:300px;
	margin:0px auto;
}
#main .nextback .btn-center button,
#main .nextback .btn-prev button,
#main .nextback .btn-next button{
	background:#156ECA;
	padding:12px 0px;
	line-height:1.4;
	font-size:16px;
	text-align:center;
	width:300px;
	color:#fff;
	cursor:pointer;
}
#main .nextback .btn-center button:hover,
#main .nextback .btn-prev button:hover,
#main .nextback .btn-next button:hover{
	background:#0053A9;
}
#main .nextback .btn-prev{
	float:left;
	margin-right:10px;
}
#main .nextback .btn-prev button,
#main .nextback .btn-next button{
	width:230px;
}

#main .hyoform th span{
	float:right;
	background:#ff6600;
	color:#fff;
	margin-right:15px;
	padding:3px;
	font-size:11px;
}


@media screen and (max-width:640px){

#main .hyoform th span{
	margin-right:5px;
	position:relative;
	top:-3px;
}
#topmain #main{
	min-height:100px;
}
	#header3,
	#topmain{
		width:100%;
	}
	#logo{
		float:none;
		text-align:center;
		margin:15px auto 0 auto;
	}
	#logo h1{
		text-align:left;
		margin-left:10px;
		margin-right:10px;
		font-size:4px;
	}
	#menu{
		display:none;
	}
	#topimage{
		margin-bottom:0px;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		border:none;
	}
	#topimage img{
		vertical-align:top;
		-webkit-border-radius:0px;
		-moz-border-radius:0px;
		border-radius:0px;
		max-width:100%;
		height:auto;
	}
	#side{
		width:100%;
		float:none;
		margin-bottom:30px;
		padding-top:0px;
		
	}
	#side p{
		line-height:1.6;
	}
	#topmain #main{
		width:100%;
		float:none;
		padding-top:0px;
	}
	#topmain #main h2{
		font-size:18px;
		margin:0 10px 10px 10px;
		background-size:auto 4px;
	}
	#topmain #main h3{
		font-size:18px;
		color:#666;
		padding-top:15px;
		margin-right:10px;
		margin-left:10px;
		margin-bottom:6px;
	}
	#topmain #main p{
		margin:0 10px 14px 10px;
		line-height:1.6;
	}
	#topmain #main p.centerbox{
		display:table;
		min-width:100%;
		margin:0px auto 15px auto;
	}
	#topmain #main .kugiri{
		height:10px;
	}
	#topmain #main .imgright{
		float:none;
		text-align:center;
	}
	#topmain #main .imgright img{
		width:280px;
		height:auto;
		margin:0px 0 10px 0;
	}
	#topmain .hyo td,#topmain .hyo th{
		display:block;
		width:auto;
		line-height:1.6;
	}
	#topmain .hyo th{
		padding:5px 10px 4px 10px;
	}
	#topmain .pcview{
		display:none!important;
	}
	#topmain .spview{
		display:inline;
	}
	#topmain h1.sptitle{
		border:none!important;
		color:#222;
		font-size:22px;
		padding:25px 10px 0px 10px!important;
		display:block;
		margin:0px!important;
		border-top:solid 1px #ddd!important;
	}
	#topmain .sp-image{
		
		overflow:hidden;
		display:block;
	}
	#topmain .sp-image img{
		max-width:100%;
		height:auto;
		margin-bottom:20px;
		vertical-align:top;
	}
	#topmain .spview .button{
		margin:15px 30px 20px 30px;
	}
	#topmain .spview .button a{
		background:#156ECA;
		padding:15px 0;
		color:#fff;
		font-size:16px;
		text-align:center;
		display:block;
	}
	#topmain .spview .button a:hover{
		text-decoration:none;
	}
	#main .hyoform{
		margin:30px auto 0 auto;
		width:100%;
	}
	#main .hyoform th,#main .hyoform td{
		width:auto;
		display:block;
	}
	#main .hyoform th{
		padding:10px;
		border-bottom:none;
		background:#EFE169;

	}
	#main .hyoform td{
		padding:10px 0 18px 0;
		border-bottom:soild 1px #EFE169;
		
	}
	#main .hyoform table{
		border-top:solid 1px #EFE169;
		margin-bottom:24px;
	}
	#main .hyoform textarea{
		width:100%;
		height:150px;
		background:#fff;
		padding:8px 5px;
		color:#333;
		border:none;
		box-sizing:border-box;
		font-size:14px;
		border-radius:3px;
	}
	#main .hyoform input.input-long{
		width:100%;
		background:#fff;
		border:none;
		padding:8px 5px;
		font-size:14px;
		box-sizing:border-box;
		border-radius:3px;
	}
	#topmain #main p.errormsg{
		color:#EC1F1F;
		margin:0px!important;
		background:none;
		padding:0px;
		text-align:left;
	}
#main .nextback{
	width:300px;
	margin:10px auto 10px auto;
}
#main .nextback .btn-prev button,
#main .nextback .btn-next button{
	width:300px;
}
#main .nextback .btn-prev{
	margin-bottom:15px;
}
}