@charset "shift_jis";

.a5:link {color:#0033CC;}
.a5:visited {color:#003399}
.a5:active {color:#FF4820;}
.a5:hover {color:#FF0033;}
.a5 {text-decoration:none;}



#header {
	text-align: left;
	width: 750px;
	height: 60px;
	margin: 0 0 30px 0;
	padding: 5px 0 0 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	background-image: url(../img/option/header.gif);
	background-repeat: no-repeat;
}
h1 {
	font-size: 12px;
	text-align: right;
	color:#333333;
	margin:0;
	letter-spacing: 1px;
	padding: 40px 10px 0 0;
	font-weight: bold;
}


/* フッター */

.close {
	width:750px;
	text-align:center;
	margin:35px 0 15px 0;
	height: 25px;
	clear: both;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding: 10px 0 10px 0;
}
.footer {
	text-align: center;
	width: 745px;
	margin:0;
	height: 50px;
}

.p-company {
	text-align:center;
	margin:5px 0 5px 0;
	font-size:12px;
}
address {
	clear:both;
	text-align:center;
	font-size:12px;
	margin:0;
	line-height:16px;
	font-style: normal;
	padding: 3px 3px 0 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
}
.clear {
    clear:both;
}
#container {
	width: 750px;
	margin:0 auto 0 auto;
	background-color: #FFFFFF;
	font-size:12px;
	color:#333333;
	overflow:visible;
	height: auto;
	padding: 0 0 10px 0;
}
.back {
	width:690px;
	height:20px;
	margin:0 auto 5px auto;
	padding:0;
	clear: both;
	text-align: right;
}
.p-back {
	margin:0;
	padding:0 5px 0 0;
	width: 116px;
	text-align: right;
	float: right;
	line-height: 18px;
	background-image: url(../img/basic/bg-pagetop.gif);
	background-repeat: no-repeat;
}

/*石垣島*/
body {
	background-image: url(../img/basic/line123.gif);
	background-repeat:repeat;
	margin-top: 0;
}

#container {
	width: 750px;
	text-align: left;
	margin:0 auto 0 auto;
	background-color: #FFFFFF;
	font-size:12px;
	color:#333333;
	overflow:visible;
	height: auto;
}

#header {
	text-align: left;
	float: left;
	width: 750px;
}

#main {
	text-align: center;
	float: left;
	width: 750px;
	background-color: #FFFFFF;
	padding: 15px 0 0 0;
}

.class2 {
	font-size: 9pt;
}

.class3 {
	font-size: 9pt;
}

.class4 {
	font-size: 10pt;
}

.class5 {
	font-size: 11pt;
}

.class6 {
	font-size: 12pt;
}

.class7 {
	font-size: 14pt;
}

.box1 {
	font-size: 12px;
	background-color: #FFFFFF;
	text-align: center;
}

.box2 {
	font-size: 12px;
	background-color: #DAE1FC;
	text-align: center;
	font-weight: bold;
}

.box3 {
	font-size: 12px;
	background-color: #FFFFCC;
	text-align: center;
	font-weight: bold;
}

A:link {
	color:#333333;
}

A:active {
	color:#FF4820;
}

A:visited {
	color:#408080;
}

A:hover {
	color:#ff4820;
}

.style5 {
	font-weight: bold
}

.style6 {
	color: #FFFFFF
}

.style8 {
	color: #CC0033
}

.style9 {
	color: #330066;
	font-weight: bold;
}

.style11 {
	color: #666666
}

.style12 {
	color: #330066
}

.style13 {
	color: #FF0000
}

.style14 {
	color: #333333
}

.style16 {
	color: #000033
}

.style21 {
	color: #996600
}

.style25 {
	color: #CC0000
}

.style26 {
	color: #336633
}

.style27 {
	color: #000000
}

.style28 {
	color: #2B0C96
}

.style29 {
	color: #2B0E76
}

.style31 {
	color: #0A2969
}

img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: 0;
	border-right-style: 0;
	border-bottom-style: 0;
	border-left-style: 0;
}

#head1 {
	position:absolute;
	left:6px;
	top:24px;
	color:#333333;
	width:279px;
	height:92px;
	overflow:visible;
	z-index:3;
}

#head2 {
	position:absolute;
	left:285px;
	top:24px;
	color:#333333;
	width:120px;
	height:92px;
	overflow:visible;
	z-index:2;
}

#head3 {
	position:absolute;
	left:405px;
	top:24px;
	color:#333333;
	width:299px;
	height:92px;
	overflow:visible;
	z-index:2;
}

.close {
	width:730px;
	text-align:center;
	font-size:12px;
	margin:25px 0 15px 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #666666;
}

address {
	clear:both;
	text-align:center;
	font-size:12px;
	margin:2px 0 8px 5px;
	color:#3c549c;
	line-height:17px;
	font-style: normal;
}

.url {
	clear:both;
	text-align:center;
	font-style:normal;
	font-size:12px;
	margin:5px 0 0 0;
	color:#3c549c;
	line-height:17px;
	border-top-style:solid;
	border:1px;
	border-color:#666666;
	padding: 5px 0 0 0;
}

.ul_url {
	height:auto;
	margin:0 auto 0 auto;
	width: 450px;
}

.li_url1 {
	display:inline;
	margin:0;
	font-size:12px;
	color:#666666;
}

#copyright {
	color:#333333;
	background-color:none;
	width:auto;
	height: 45px;
	font-size:12px;
	text-align:center;
}

.photo1 {
	width:700px;
	height:80px;
	margin: 0 auto 0 auto;
}

.photo2 {
	width:700px;
	height:100px;
	margin: 0 auto 0 auto;
}

.islandinfo {
	width: 700px;
	height: auto;
	margin: 10px auto 0 auto;
}

.dl1 {
	width:700px;
	height: auto;
	margin: 0;
}

.dt1 {
	float:left;
	width:100px;
	clear:both;
	font-weight:bold;
	margin: 0;
	height: 15px;
	padding: 4px 0 0 0;
}

.dd1 {
	width:585px;
	text-align: left;
	margin: 0 0 0 100px;
	line-height: 15px;
}

.titlebox {
	margin: 20px auto 0px auto;
	height: 30px;
	width: 700px;
	background-color: #798AE8;
}

.titlename2 {
	font-weight: normal;
}

.dl2 {
	margin: 5px auto 5px auto;
	height: 20px;
	width: 700px;
	background-color: #DFE3F9;
}

.dt2 {
	float: left;
	width: 520px;
	clear: both;
	font-weight: bold;
	margin: 0;
	height: 15px;
	padding-top: 0px;
	padding-right: 0;
	padding-left: 10px;
	padding-bottom: 0;
	text-align: left;
	color: #0A2969;
}

.dd2 {
	width:140px;
	margin: 0 0 0 550px;
	font-weight:bold;
	margin: 0 0 0 550px;
	height: 15px;
	padding: 4px 0 0 0px;
}

.titlebox2 {
	margin: 20px auto 0px auto;
	height: 30px;
	width: 700px;
	background-color: #FF80C0;
}

.dl2p {
	margin: 5px auto 5px auto;
	height: 20px;
	width: 700px;
	background-color: #FFD9EC;
}

.dt2p {
	float: left;
	width: 520px;
	clear: both;
	font-weight: bold;
	margin: 0;
	height: 15px;
	padding-top: 0px;
	padding-right: 0;
	padding-left: 10px;
	padding-bottom: 0;
	text-align: left;
	color: #0A2969;
}

.dd2p {
	width:140px;
	margin: 0 0 0 550px;
	font-weight:bold;
	margin: 0 0 0 550px;
	height: 15px;
	padding: 4px 0 0 0px;
}

.infobox {
	width:700px;
	height:auto;
	margin: 10px auto 0 auto;
}

.photoflame1 {
	width:160px;
	height:auto;
	float: left;
}

.photoflame2 {
	width:150px;
	height:100px;
	margin: 0 auto 5px auto;
}

.infotable {
	width: auto;
	background-color: #898DE4;
}

.td1 {
	background-color:#DAE1FC;
	text-align: center;
	line-height: 20px;
	width: 85px;
}

.td2 {
	background-color:#FFFFFF;
	text-align: center;
	line-height: 20px;
	width: 85px;
}

.td3 {
	background-color:#FFFFFF;
	text-align: left;
	line-height: 20px;
	padding: 5px 0 5px 5px;
}

.td4 {
	background-color:#DAE1FC;
	text-align: center;
}

.td5 {
	background-color:#FFFFFF;
	text-align: center;
	line-height: 20px;
}

.td6 {
	background-color:#DAE1FC;
	text-align: center;
	color: #FF0000;
}

.td1p {
	background-color:#FFD9EC;
	text-align: center;
	line-height: 20px;
	width: 85px;
}

.td2p {
	background-color:#FFFFFF;
	text-align: center;
	line-height: 20px;
	width: 85px;
}

.td3p {
	background-color:#FFFFFF;
	text-align: left;
	line-height: 20px;
	padding: 5px 0 5px 5px;
}

.td4p {
	background-color:#FFD9EC;
	text-align: center;
	padding: 5px 0 5px 0;
}

.td5p {
	background-color:#FFFFFF;
	text-align: center;
}

.td6p {
	background-color:#FFD9EC;
	text-align: center;
	color: #FF0000;
}

.td7p {
	background-color:#FFFFFF;
	text-align: center;
}

.p1 {
	width: 430px;
	margin: 0;
	padding: 0;
}

.span_red {
	color:red;
	font-weight: bold;
	line-height: 20px;
}

.span_black {
	color:#333333;
	font-weight: bold;
}

.tourinfo {
	width:700px;
	height:auto;
	border-style:dotted;
	border-width:1px;
	margin: 20px auto 20px auto;
	padding: 0 0 15px 0;
}

.dl3 {
	margin: 5px auto 0 auto;
	height: auto;
	width: 690px;
	clear: both;
}

.dt3 {
	float:left;
	width:690px;
	margin: 5px 0 5px 5px;
	height: auto;
	width: 680px;
	text-align: left;
	font-weight:bold;
	color: #0A2969;
}

.dd3 {
	width:690px;
	margin: 2px 0 0 15px;
	height: auto;
	width: 670px;
	text-align: left;
	color: #0A2969;
	clear: both;
	line-height: 17px;
}

.infotable2 {
	background-color: #666666;
	margin: 0 auto 0 auto;
	clear: both;
}

.td_cxl1 {
	width: 108px;
	background-color: #C0C0C0;
	text-align: center;
	font-size: 12px;
}

.td_cxl2 {
	background-color: #FFFFFF;
	text-align: center;
}

.td_cxl3 {
	width: 89px;
	background-color: #C0C0C0;
	text-align: center;
	font-size: 12px;
}

.p2 {
	margin: 3px 0 0 0;
}

.p3 {
	margin: 1px 0 3px 0;
}

.p4 {
	margin: 1px 0 0 0;
}

.font10 {
	font-size: 10px;
	color: #999999;
}

.font10_2 {
	font-size: 10px;
	color: #6699FF;
}

.font10_3 {
	font-size: 10px;
	color: #33CC00;
}

.font10_4 {
	font-size: 10px;
	color: #FF6600;
}

.font10_5 {
	font-size: 10px;
	color: #FF0000;
}

.font10_6 {
	font-size: 10px;
	color: #333333;
}

.font12 {
	font-size: 10px;
	color: #355797;
}

.p_cxl {
	margin: 0 0 10px 0;
	text-align: right;
	width: 660px;
}

#close {
	text-align: center;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #999999;
	border-bottom-color: #999999;
	height: 35px;
	padding-top: 15px;
	width: 740px;
	margin-right: 5px;
	margin-left: 5px;
	clear: both;
}

.footer {
	text-align: left;
	width: 600px;
	margin:0 auto 0 auto;
}

.company {
	text-align:center;
	margin:5px 0 5px 0;
	font-size:12px;
}