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



.cmn h1 {
    height: 42px;
    padding-top: 14px;
    text-align: center;
	background-color:#00807b;
}
.cmn h1 img {
	vertical-align:top;
}


.cmn #contents h2 {
    margin-bottom: 30px;
}

#bg_contents {
	background-image:url(../images/bg_contents.gif);
	background-repeat:repeat;
	padding-top:40px;
}

.cmn #header,
.cmn #gnav,
.cmn #contents {
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
}



#contents p.text_summary {
    font-size: 90%;
    line-height: 2em;
    margin-bottom: 30px;
}






/* top */

#index #contents {
	text-align:center;
}

#index .logo {
	margin-bottom:15px;
}


#index #contents h2 {
	text-align:center;
	margin-bottom:40px;
}



#index #summary {
	margin-bottom:30px;
}

.text_summary01,
.text_summary02,
.text_summary03 {
	margin-bottom:5%;
}



/* access */

#rootmap {
    margin-bottom: 20px;
    position: relative;
}
#area_st {
    clear: both;
    margin-bottom: 30px;
}
#area_st li {
    display: inline;
    float: left;
	margin-bottom:10px;
	width:48%;
}
.list_st .odd {
	margin-right:4%;
}

.text_note {
    left: 15px;
    position: absolute;
    top: 50px;
}


/* location */


#pic_location {
	margin-bottom:30px;
}

#pic_location li {
	float:left;
	display:inline;
	width:33.3%;
}

.box_list_info {
	clear:both;
	margin-bottom:10px;
}

.list_info {
	width:33%;
}

.list_info.fr {
	width:34%;
}

.list_info li {
	background-image:url(../../location/images/icon_lifeinfo.gif);
	background-repeat:no-repeat;
	background-position:0px 4px;
	font-size:75%;
	padding-left:16px;
	margin-bottom:10px;
}


.hdg_sub {
	background-color:#00807b;
	text-align:center;
	margin-bottom:15px;
	padding:5px 0px;
}

.hdg_sub img {
	vertical-align: baseline;
}

/* plan */

#list_plan {
	clear:both;
}

#list_plan li {
	display:inline;
	float:left;
	margin-bottom:2.2%;
	width:47.8%;
}

#list_plan li.odd {
	margin-right:2.2%;
}

#list_plan li a:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	zoom:1;
}

/* gallery */
#list_gallery li {
	width:48.6%;
	float:left;
	margin-bottom:28px;
}

#list_gallery li.odd {
	margin-right:2.8%;
}

#list_gallery_small {
	clear:both;
}

#list_gallery_small li {
	width:22.9%;
	float:left;
	margin-bottom:28px;
}

#list_gallery_small li.pic01,
#list_gallery_small li.pic02,
#list_gallery_small li.pic03 {
	margin-right:2.8%;
}


/* equipment */

#equipment #pic_eq li {
	float:left;
	display:inline;
	margin-bottom:16px;
	width:23.8%;
}

#equipment #pic_eq li.pic01,
#equipment #pic_eq li.pic02, 
#equipment #pic_eq li.pic03 {
	margin-right:1.6%;
}



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

#access .text_note {
    left: 15px;
    position: absolute;
    top: 0px;
}

#bg_contents {
	padding-top:20px;
}

#access #area_st li {
    display: inline;
    float: left;
	margin-bottom:10px;

}

#pic_location {
	text-align:center;
	}

#location #pic_location li {
	float:none;
	margin-bottom:10px;
}

#pic_ga {
	text-align:center;
	}

#location #pic_location li {
	float:none;
	margin-bottom:10px;
}
/* gallery */

#list_gallery,
#list_gallery_small {
	text-align:center;
}






}

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

#header {
	margin-bottom:0px;
}

#bg_contents {
	padding-top:20px;
}


/*access */

.text_note {
    left: 0px;
    position: static;
    top: 0px;
	margin-top:10px;
	margin-bottom:10px;
}

#contents p.text_summary {
    font-size: 82%;
    line-height: 1.6em;
    margin-bottom: 10px;
}

#contents #area_st {
	text-align:center;
}

#contents #area_st li {
    display: block;
    float:none;
	margin-bottom:15px;
	width:100%;
}

#contents .list_st .odd {
	margin-right:0px;
}


/* location */



#pic_location li {
    display: block;
    float: none;
	margin-bottom:10px;
	width:100%;
}


/* gallery */
#list_gallery,
#list_gallery_small {
	text-align:center;
}


#list_gallery_small li,
#list_gallery li {
    display: block;
    float: none;
	width:100%;
	margin-bottom:10px;
	margin-right:0px;
}


#list_gallery_small li.pic01, #list_gallery_small li.pic02, #list_gallery_small li.pic03 {
	margin-right:0px;
}


#list_plan {
	text-align:center;
}

#list_plan li {
    display: block;
    float: none;
	width:100%;
	margin-bottom:10px;
	margin-right:0px;
}

/* equipement */

#equipment #pic_eq li {
	float:left;
	display:inline;
	margin-bottom:16px;
	width:47.6%;
}



}