@charset "UTF-8";

/*　main layout　*/
/*　========================　*/
html {
	height: 100%;
	text-align: center;
}

body{
	background: url(../images/back.jpg) repeat-x #eae8e1;
	margin: 0px auto;
	padding: 0px;
	font-size: 12px;
	line-height: 160%;
}

div, ul, ol, li, dl, dt, dd, h1, h2, p {
	margin: 0px;
	padding: 0px;
}

img{
	border-style: none;
}

#wrapper{
	background:url(../images/contents-back.jpg) repeat-y;
	margin: 0px auto;
	width: 740px;
	padding: 0px 20px;
}

.pagetop{
	background:url(../images/pagetop02.jpg) right no-repeat;
	width: 570px;
	text-align: right;
	border-top: 1px dotted #666666;
	margin: 20px auto;
}

.pagetop a{
	display: block;
	margin: 0px;
}

.pagetop a:hover img{
	visibility: hidden;
}

#header{
	background:url(../images/header.jpg) no-repeat;
	width: 780px;
	height: 120px;
	margin: auto;
	color: #FFFFFF;
	font-size: 10px;
}


/* left menu */
/*　========================　*/
#menu{
	float: left;
	width: 160px;
	text-align: left;
	color: #666666;
	font-weight: bold;
}

#menu ul{
	list-style: none;
	margin-bottom: 20px;
}

#menu ul li{
	background: url(../images/point.jpg) no-repeat;
	margin-bottom: 12px;
	padding-left: 24px;
}


#contents{
	float: right;
	width: 570px;
	text-align: left;
}

#footer{
	clear: both;
	margin: auto;
	height: 30px;
	background:url(../images/footer.jpg) no-repeat center right;
}


/* footer guide */
/*　========================　*/
#f-guide{
	width: 760px;
	margin: auto;
	padding: 4px 0px;
	border-top: 2px solid #cccccc;
	font-size: 9px;
}

#f-guide ul{
	list-style: none;
}

#f-guide ul li{
	display: inline;
	border-right: 1px solid #999999;
	padding: 0px 10px;
}

#f-guide .firstcell{
	border-left: 1px solid #999999;
}


/* default link */
/*　========================　*/
a{
	color: #336699;
	text-decoration: none;
	font-weight: bold;
}

a:visited{
	color: #336699;
}

a:hover{
	color: #ff6600;
	text-decoration:underline;
}


/*　toppage layout　*/
/*　========================　*/
#top-header{
	background:url(../images/top-header.jpg) no-repeat;
	width: 780px;
	height: 330px;
	margin: auto;
	color: #FFFFFF;
	font-size: 10px;
}


#top-guide{
	float: left;
	width: 400px;
}

#banner{
	float: right;
	width: 160px;
}

#top-guide img, #banner img{
	margin-bottom: 10px;
}


/*　h layout　*/
/*　========================　*/
h1{
	width: 546px;
	height: 36px;
	background: url(../images/h1.jpg) no-repeat;
	font-size: 14px;
	padding: 10px 0px 0px 24px;
}

#h1-miyazaki{
	background: url(../tour/images/h1-miyazaki.jpg) no-repeat;
	width: 540px;
	height: 36px;
	padding: 24px 0px 0px 30px;
}

#h1-karatsu{
	background: url(../tour/images/h1-karatsu.jpg) no-repeat;
	width: 540px;
	height: 36px;
	padding: 24px 0px 0px 30px;
}

#h1-iriomote{
	background: url(../tour/images/h1-iriomote.jpg) no-repeat;
	width: 540px;
	height: 36px;
	padding: 24px 0px 0px 30px;
}

#h1-kikaijima{
	background: url(../tour/images/h1-kikaijima.jpg) no-repeat;
	width: 540px;
	height: 36px;
	padding: 24px 0px 0px 30px;
}

#h1-oumi{
	background: url(../tour/images/h1-oumijima.jpg) no-repeat;
	width: 540px;
	height: 36px;
	padding: 24px 0px 0px 30px;
}

#h1-mishima{
	background: url(../tour/images/h1-mishima.jpg) no-repeat;
	width: 540px;
	height: 36px;
	padding: 24px 0px 0px 30px;
}


#h1-uguru{
	background: url(../tour/images/h1-uguru.jpg) no-repeat;
	width: 540px;
	height: 36px;
	padding: 24px 0px 0px 30px;
}

#h1-iki{
	background: url(../tour/images/h1-iki.jpg) no-repeat;
	width: 540px;
	height: 36px;
	padding: 24px 0px 0px 30px;
}

#h1-99shima{
	background: url(../tour/images/h1-99shima.jpg) no-repeat;
	width: 540px;
	height: 36px;
	padding: 24px 0px 0px 30px;
}

#h1-yakushima{
	background: url(../tour/images/h1-yakushima.jpg) no-repeat;
	width: 540px;
	height: 36px;
	padding: 24px 0px 0px 30px;
}

#h1-yorontou{
	background: url(../tour/images/h1-yorontou.jpg) no-repeat;
	width: 540px;
	height: 36px;
	padding: 24px 0px 0px 30px;
}

#h1-gotou{
	background: url(../tour/images/h1-gotou.jpg) no-repeat;
	width: 540px;
	height: 36px;
	padding: 24px 0px 0px 30px;
}



h2{
	border-bottom: 2px solid #dddddd;
	border-top: 1px dotted #999999;
	width: 560px;
	margin: 20px auto;
	padding: 2px 0px;
	font-size: 13px;
	color: #999933;
}

h2.top{
	width: 400px;
	margin: 10px auto;
}

.contents560{
	width: 560px;
	margin: auto;
}


.image_float{
	float: left;
}

.f-clear{
	clear: both;
}

.bold{
	font-weight: bold;
	color: #999933;
	font-size: 14px;
}

/*　first page layout　*/
/*　========================　*/
#first dl{
	width: 560px;
	margin: 20px auto;
}

#first dt{
	font-size: 13px;
	font-weight: bold;
	color: #669999;
	border-bottom: 2px dotted #669999;
	margin-bottom: 10px;
	padding-bottom: 4px;
}

#first dd{
	background: url(../images/answer-back.jpg) no-repeat;
	margin-bottom: 30px;
	padding-left: 110px;
}


/*　parts page layout　*/
/*　========================　*/
#parts dl{
	width: 520px;
	margin: 20px auto;
}

#parts dt{
	font-size: 13px;
	font-weight: bold;
	color: #669999;
	border-bottom: 3px double #669999;
	margin-bottom: 10px;
	padding-bottom: 4px;
}

#parts dd{
	margin-bottom: 30px;
	padding-left: 10px;
	color: #666666;
}


/*　tour page layout　*/
/*　========================　*/
#tour-banner{
	margin: 10px auto;
	width: 460px;
}

#tour-banner img{
	margin: 14px auto;	
}


#tour table{
	border: 1px solid #999999;
	margin: auto;
	text-align: center;
}

#tour th{
	background-color: #dddddd;
	width: 250px;	
}

#tour td{
	border: 1px dotted #999999;
}

#tour .special{
	font-weight: bold;
	color: #669933;
}


/*　each tour page layout　*/
/*　========================　*/

.tourtime dl{
	width: 540px;
	margin: auto;
}

.tourtime dt{
	font-weight: bold;
	color: #669999;
	border-bottom: 3px double #cccccc;
}

.tourtime dd{
	margin-bottom: 22px;
	margin-left: 20px;
	padding-left: 10px;
	border-left: 1px dotted #6699CC;
}


/*　link page layout　*/
/*　========================　*/

#link dl{
	width: 540px;
	margin: auto;
}


#link dd{
	margin-bottom: 22px;
	padding-left: 36px;
}