/* -----------------------------------------------------------
CSS Information

 File name:     layout.css
 Author:         his hula
----------------------------------------------------------- */

/* layout */
/* --------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------- */
/* all */
#all {
	position: relative;
	z-index: 1;
	background:url(../img/line_bottom.jpg) bottom repeat-x #fff;
	padding-bottom: 20px;
	font-size: 11px;
	text-align:left;
}
#all_in {
	text-align:center;
}
#tour #all {
	font-size: 12px;
}
/* --------------------------------------------------------------------------------------- */
/* --------------------------------------------------------------------------------------- */
/* 各ページtopimg */
.hula { background:url(../img/hula_bg.jpg)  repeat-x; }
.tahitian { background:url(../img/tahitian_bg.jpg)  repeat-x; }
.report { background:url(../img/report_bg.jpg)  repeat-x; }
.halau { background:url(../img/halau_bg.jpg)  repeat-x; }
.aboutus { background:url(../img/aboutus_bg.jpg)  repeat-x; }
.sitemap { background:url(../img/sitemap_bg.jpg)  repeat-x; }

/* --------------------------------------------------------------------------------------- */
/* contents */
#contents{
	width:970px;
	margin:0px auto;
	text-align: left;
}
#contents_in {
	width:960px;
}
@media (max-width: 768px) {
	#contents{
	width:100%;
	margin:0px auto;
	text-align: left;
}
#contents_in {
	width:100%;
}
}
/* --------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------- */
/* header */
#header {
	width: 960px;
	margin: 0px auto; 
	text-align: left;
}

#header_in {
	padding: 0 5px;
}
@media (max-width: 768px) {
	#header {
	width: 100%;
	margin: 0px auto; 
	text-align: left;
}

}
/* --------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------- */
/* pankuzu */
#pankuzu {
	clear:both;
	width: 960px;
	text-align: left;
	margin:70px auto 3px 3px;
	*margin:50px auto 3px 3px;
	/*padding:20px auto 20px 3px;*/
}
#tour #pankuzu {
	clear:both;
	width: 960px;
	text-align: left;
	margin:5px auto 3px 3px;
}
@media (max-width: 768px) {
	#pankuzu {
	clear:both;
	width: 100%;
	text-align: left;
	margin:70px auto 3px 3px;
	*margin:50px auto 3px 3px;
	/*padding:20px auto 20px 3px;*/
}
#tour #pankuzu {
	clear:both;
	width: 100%;
	text-align: left;
	margin:5px auto 3px 3px;
}
}
/* --------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------- */
/* topic_path */
#topic_path_top {
	width: 930px;
	margin: 0px auto 5px auto; 
	text-align: left;
}
#topic_path_bottom {}
@media (max-width: 768px) {
	#topic_path_top {
	width: 100%;
	margin: 0px auto 5px auto; 
	text-align: left;
}
}
/* --------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------- */
/* main */
#main {
	width: 940px;
	margin: 0px auto 5px auto; 
	text-align: left;
}
#main_in {}
@media (max-width: 768px) {
	#main {
	width: 100%;
	margin: 0px auto 5px auto; 
	text-align: left;
}
}
/* --------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------- */
/* top_left */
#top_left { float: left; width: 660px; }
#top_left_in {}

/* --------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------- */
/* link */
#link { float: right; width: 250px; }
#link #link_in {}
/* --------------------------------------------------------------------------------------- */


/* --------------------------------------------------------------------------------------- */
/* page_top */
#page_top {
}

#page_top p {
	width: 960px;
	margin: 0px auto 0px auto; 
	text-align: right;
}
@media (max-width: 768px) {
	#page_top p {
		width: 100%;
	margin: 0px auto 0px auto; 
	text-align: right;
}
}
#page_top p a {
	padding-right:5px;
}

#page_top p a { text-decoration: underline; }
#page_top p a:link { color: #333399; }
#page_top p a:hover { color: #5886A6; }
#page_top p a:active {}
#page_top p a:visited { color: #333399; }
#page_top p a:visited:hover { color: #5886A6; }
/* --------------------------------------------------------------------------------------- */

/* --------------------------------------------------------------------------------------- */
/* footer */
#footer {
	padding: 0;
	clear: both;
}
#footer li {
	float:left;
}
#footer #footer_in {
	width: 960px;
	margin: 0px auto; 
	text-align: left;
}
@media (max-width: 768px) {
	#footer #footer_in {
	width: 100%;
	margin: 0px auto; 
	text-align: left;
}
}
/* --------------------------------------------------------------------------------------- */
#banner {
	clear:both;
	padding: 0px 1px;
}
.copy {
	text-align:center;
	margin-top: -15px;
	margin-bottom:5px;
}

/* --------------------------------------------------------------------------------------- */