@charset "utf-8";
/* ===================================================================
 RESET CSS
=================================================================== */
*,
*::before,
*::after{
	box-sizing: border-box;}

#box-top-main .row{
	margin-right:0;
	margin-left:0;}


/* ===================================================================
 BASE
=================================================================== */
/*#top-main{
	background-color:#fff;}*/

#top-main {
	width: 100%;
	min-width:320px;}


#bg-main{
	background:url("/Html/Home/2821615100/topg/green-bg.png") center top repeat-y;}

#container{
	position:relative;
	width:100%;
	max-width:1000px;
	margin:0 auto;
        padding:0 3em;
	background-color:#fff;}



/* ===================================================================
 COMMON
=================================================================== */
/*h4{
	font-size:125%;
	padding:0 0 0.3em 0;
	border-bottom:4px solid #117777;
	position:relative;
	margin:1.2em 0 2.0em;}*/

/*---タイトルデザイン1---*/
h4{
	font-size:140%;
        font-color:#000;
	padding:0 0 0.3em 0;
	/*border-bottom:4px solid #117777;*/
        border-bottom:solid 4px #bfbec5;
	position:relative;
	margin:1.2em 0 2.0em;}

h4:after {
	content: "";
	display: block;
	line-height: 0;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: -4px;
	width: 1.0em;
	border-bottom: 4px solid #0a2149;}


h4 a:link, h4 a:visited, h4 a:hover, h4 a:active{
	color:#000;
	text-decoration:none;}


h4 a:hover{
	background-color:#faf1cd;}   Bクリーム色

/*---タイトルデザイン2---*/
/*.titlebox{
    padding: 0.2em 1em;
    margin: 2em 0;
    background: #117777;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);
}

.titlebox h4 {
    font-size:125%;
    font-color:#fff;
    font-weight:bolder;
    padding:0 0 0.3em 0;
    position:relative;
    margin:0.5em 0 0.5em;
    padding: 0;
}*/

/*.titlebox:hover {
    padding: 0.2em 1em;
    margin: 2em 0;
    background: ##b8e6e6;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.33);}

h4 a:link, h4 a:visited, h4 a:hover, h4 a:active{
	color:#fff;
	text-decoration:none;}*/




/*section{
	margin-bottom:2.5em;
}*/


/*===== FLOAT =====*/
.flo-left{float:left;}

.flo-right{float:right;}

.clearfix:after{
content:"";
display:block;
height:0;
clear:both;
overflow:hidden;} /* IE以外のモダンWebブラウザ向け */

.clearfix{display:inline-block;} /* IE7およびMac版IE5向け */

/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */ /* IE6以前向け */

ul.ul-link-gaibu, ul.ul-link{
/*	text-align:right;*/
	list-style-type:none;}

ul.ul-link-gaibu li{
	padding-right:1.5rem;}


/* ===================================================================
 EACH PAGE - TOPPAGE
=================================================================== */
/*#box-top-main{}

#top-main{
	width:100%;
	margin:0 auto;}
	/*background-color:#fff;}*/

/*@media(min-width:736px){
	#top-main{
                max-width:960px;}}
		/*max-width:1000px;}}*/

/*@media(max-width:735px){
	#top-main{	
		min-width:320px;}}*/

/*#box-mokuroku-list{
	border-bottom:1px solid #000;
	margin-bottom:3.0em;}*/

.box-contents {
        /*border-bottom:dotted 2px #7b7c7d;*/
/*	padding-bottom:3em;*/
	padding-bottom:1em;
}

/*===== メインコンテンツ内ヘッダー =====*/
#main-img{
	margin-bottom:2.5em;}

#main-img img{width:100%;}

p.p-intro{
	margin-bottom:2.5em;}


/*===== コンテンツ（目録） =====*/
img.img-mokuroku-main{
		border:1px solid #b2b2b2;
		padding:2px;}

img.img-mokuroku-main-photo{
		border:1px solid #b2b2b2;
		padding:2px;}

p.p-link-mokuroku{margin-top:1.5em;}

/*h4 a:link, h4 a:visited, h4 a:hover, h4 a:active*/
p.p-link-mokuroku a:link, p.p-link-mokuroku a:visited, p.p-link-mokuroku a:hover, p.p-link-mokuroku a:active{
	border:1px solid #337ab7;
	padding:0.3em 1.2em 0.3em 1.2em;}




/*.map-space {
       width:350px;
       height:350px;
       border-style:solid;
       background:#tomato;
       margin:0 3em 1em 0;
       padding:0;
}*/




p.p-link-mokuroku a:hover{
	color:#fff;
	text-decoration:none;
	border:1px solid #337ab7;
	padding:0.3em 1.2em 0.3em 1.2em;
	background:#337ab7 0.6em 50% no-repeat;}

@media(min-width:736px){
	#box-mokuroku-list section{
		margin-bottom:3.0em;}
	img.img-mokuroku-main{
		float:left;
		width:27%;
		margin-right:4%;}
	img.img-mokuroku-main-photo{
		float:left;
		width:27%;
		margin-right:4%;}
	img.img-mokuroku-main:hover{
		opacity: 0.8;
		-webkit-animation: flash 1s;
		animation: flash 1s;}
	.box-desc{
		float:left;
		/*width:69%;}}*/
		width:62%;}}


@media(max-width:735px){
	img.img-mokuroku-main{
		display:block;
		width:62%;
		margin:0 auto 1.5em;}
	img.img-mokuroku-main-photo{
		display:block;
		width:62%;
		margin:0 auto 1.5em;}
	#box-mokuroku-list section{
		padding-bottom:2.5em;
	p.p-link-mokuroku{text-align:center;}}


/*--地図部分画像指定--*/
img.map-main{
		border:0;
		padding:0px;
                width:250px;
                margin:auto;
                }

@media(min-width:736px){
	img.map-main{
		float:left;
                width:250px;
		margin-right:4%;
                margin:0 30px;}


	.map-parts:hover{
		opacity: 0.3;
                border:1px;
		-webkit-animation: flash 1s;
		animation: flash 1s;}

	.box-desc{
		float:left;
		width:62%;}}
		/*width:69%;}}*/

@media(max-width:735px){
	img.map-main{
		display:block;
		margin:0 auto 1.5em;}


	#box-mokuroku-list section{
		padding-bottom:2.5em;
	p.p-link-mokuroku{text-align:center;}

	.map-parts:hover{
		opacity: 0.3;
                border:1px;
		-webkit-animation: flash 1s;
		animation: flash 1s;}

	.box-desc{
		float:center;
		width:90%;}

table
	.td{
		text-decoration:none;
		border:solid;
}