@charset "utf-8";
/* CSS Document */


/*-------------------------------------------- tag -*/

dl.about {
	margin-left:2em;
	}


/*-------------------------------------------- id -*/
	
#box_map_mapl {
	width:270px;
	_width:227px;
	padding:0px 10px 0px 10px;
	float:left;
	}
	
	
#box_map_mapr {
	width:220px;
	float:left;
	line-height:110%;
	}

#box-top-shigun	{
	float:left;
	width:155px;
	padding-right:10px;
	padding-top:1.5em;
	font-size:90%;
	line-height:110%;
	margin-bottom: 1.5em;
	}

#box-top-hoyo	{
	float:left;
	width:210px;
	padding-right:10px;
	}
	


#box-how-illust	{
	float:left;
	width:180px;
	}

#box-how-illust3	{
	padding-left:20px; padding-right:10px; width:299px; float:left;
	}

#box-how-illust4	{
	padding-left:33px;
	padding-top:20px;s
	}
	
#box-how-illust5	{
	float:left; padding-right:10px;
}



#table-how	{
	width:525px;
	margin-left:28px;
	border-collapse:collapse;
	border-spacing:0px;
	}


#table-how td	{
	vertical-align:top;
	border:1px solid #dddddd;
	padding:5px;
	}
	
	
	
#border-map	{
	border:1px solid #CCCCCC;
	}


/*-------------------------------------------- class -*/

.submenu {
	text-align:center;
	padding:3em 0px;
	}
	
	
.align-r {
	text-align:right;
	}
	
.align-c	{
	text-align:center;
	}	
	
	
	
.box_content_margin	{
	margin-left:10px;
	margin-bottom: 30px;
	}
	
	
	
.table-item	{
	width:520px;
	padding:0;
	}	
		
.table-item .thtd	{
	border:none;
	}	
	
	
	
	
.table-about	{
	width:330px;
	border-collapse:collapse;
	border-spacing:0px;
	}
	
.table-about th,td {
	border:1px solid #aaaaaa;
	padding:3px;
	vertical-align:top;
	}



.table-link	{
	width:530px;
	_width:510px;
	border-collapse:collapse;
	border-spacing:0px;
	margin-left: 10px;
	}

.table-link td	{
	border:none;
	width:260px;
	_width:250px;
	}


.hyo caption	{
	font-weight:bold;
	background-image: url(../images/foot-bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	margin-bottom: 5px;
	font-size: 110%;
	border: 1px solid #BDD766;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	}
	
	
	
.pic-txt-p	{
	float:left;
	width:200px;
	padding-right:10px;
	_width:190px;
	}
	
.pic-txt-t	{
	float:left;
	width:310px;
	height:160px;
	_width:280px;
	}
	
	
	
.pic-txt2-p	{
	float:left;
	width:127px;
	}
	
.pic-txt2-t	{
	float:left;
	width:383px;
	}
	
.pic-txt3-t	{
	float:left;
	_width:500px;
	}




.box-how-hr	{
	clear:both;
	margin:30px auto;
	}
	
.howhr	{
	height:1px;
 }
 
 /* お問い合わせ */

.contact_btn {
	text-align: center;
	margin-top: 30px;
}

.contact_btn a {
	display: inline-block;
	background-color: #585656;
	color: #fff;
	text-decoration: none;
	padding: 10px 30px;
	border-radius: 3px;
}

.contact_btn a:hover {
	background-color: #8e8e8e;
}

form fieldset {
	border: none;
	background: none;
	padding: 0;
	margin: 30px 0 20px;
}

form input {
	font-size: 100%;
}


form fieldset label {
  display: inline-block;
	width: 27%;
}

form fieldset input {
	box-sizing: border-box;
	display: inline-block;
	width: 73%;
	padding: 5px;
}

form fieldset input,
form fieldset textarea {
	border: 1px solid #aaa;
}

form fieldset input#postal_code {
	width: 20%;
}

form div {
	margin-bottom: 1rem;
}

form strong {
	color: #d00;
	font-size: 0.8em;
	margin-left: 10px;
}

div:has(textarea)>label,
div:has(textarea)>input {
	display: block;
}

form textarea {
	width: calc(100% - 10px);
}

form input[type="submit"] {
  display: block;
	margin: 30px auto 0;
	padding: 10px 20px;
	background-image: none;
	background-color: #585656;
	border: none;
	color: #fff;
	border-radius: 3px;
}
 
form input[type="submit"]:hover {
	background-color: #8e8e8e;
}
textarea::placeholder,
input::placeholder {
	color: #aaa;
}