/*========================================================
	1: universal reset
	2: base setting
	3: top contents
========================================================*/


/* 1: universal reset
======================================*/
body,div,dl, dt, dd,ul, ol, li,
h1, h2, h3, h4, h5, h6,
pre,form, fieldset, input,
textarea,p, blockquote,
th, td {margin: 0; padding: 0;}

ul,ol,li {list-style: none;}

img {margin:0; border:0; padding:0; vertical-align:top;}



/* 2: base setting
======================================*/
body,table {font-size: small;}
body {text-align: center;}

h1,h2,h3,
h4,h5,h6 {font-size:100%; font-weight: lighter; margin: 0; padding: 0;}

.clear {
	clear: both;
}

/* 3: top contents
======================================*/
#wrapper {width: 780px; height: auto; text-align: left; margin: 0 auto;}

#container {
	width: 780px;
}

#maincontent {
	width: 540px;
	float: left;
}

#mainImage{
	margin:0 0 15px;
}

#side {
	width: 220px;
	float: right;
}

/* ↓↓ maincontent ↓↓ */

/* title */
#title {
	float: left;
    margin-bottom: 20px;
    margin-top: 4px;
	}

#title_c {width: 430px; height: 29px; float: left; margin-right: 5px;}

#title_c2 {
    border-left: 5px solid #12539D;
    color: #12539D;
    float: left;
    font-family: 'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic ProN','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',verdana,sans-serif;
    font-size: 15px;
    font-weight: bold;
    height: 25px;
    margin-bottom: 5px;
    margin-right: 5px;
	padding-top:5px;
    text-indent: 5px;
    width: 430px;
	}
	
#logoList {
	float:right;
	margin-bottom:10px;
}

#logoList li {width: 24px; float: left; margin-right: 2px;}

#titleBox {width: 780px;}

#titleBoxL {
	float: left;
	width: 560px;
	height: 205px;
}

#titleBoxR {
	width: 220px;
	height: 205px;
	margin-bottom:14px;
}


/* rowprice */
#rowprice {width: 220px; height: 205px;}

#rowprice dl {
	height: 170px;
	background-color: #ffffff;
	padding: 2px 5px 8px;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
	overflow:hidden;
}

#rowprice dt {
	float: left;
	width: 70px;
	height: 30px;
	margin-bottom: 5px;
}

#rowprice dd {
	color: #CC0000;
	font-weight: bold;
	font-family:"Times New Roman";
	font-style: italic;
	float: left;
	width: 130px;
	height: 30px;
	background-color: #fff;
	margin-bottom: 5px;
	border-bottom:1px dashed #999;

}

#rowprice dd a:link {font-size: 26px; color: #cc0000; text-decoration: none;}

#rowprice dd a:visited {font-size: 26px; color: #cc0000; text-decoration: none;}

#rowprice dd a:hover {font-size: 26px; color:#ff0000;}

.kakaku {
	font-size: 14px;
	font-style: normal;
	margin-left: 5px;
}

.kakaku_en {
	font-size: 14px;
	font-style: normal;
	margin-left: 5px;
}

.kakaku_kingaku {
	font-size: 26px;
}

.kakaku2 {font-size: 14px; font-style: normal;}


/* search */
#search li {width: auto; float: left;}

#search div.search_wrap {width: auto; float: left;}

/* condition */
#condition {margin-bottom: 8px; overflow:hidden;}

#condition dt {
	float: left;
	width: 100px;
	height: 20px;
	margin-right: 1px;
	background-color: #ddd;
	margin-bottom: 1px;
	font-size: 77%;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	padding-top: 10px;
}

#condition dd {
	float: left;
	width: 435px;
	height: 24px;
	background-color: #efefef;
	margin-bottom: 1px;
	padding-top: 6px;
	padding-left: 4px;
}

#serchBtn {
	width: 540px !important;
	height: 37px !important;
	background-color:f6f6f6;
	text-align: center;
	padding-top: 7px;
	padding-bottom:7px;
	padding-left: 0 !important;
}

/*hyouji_onoff*/

#hyouji_onoff{
    cursor: pointer;
   	width: 540px !important;
	height: 35px !important;
	background-color:#ffffff !important;
	text-align: left;
	padding-left: 0 !important;

}


* html #hyouji_onoff{
   cursor: pointer;
   margin-bottom:0px;
   padding:0px;
   width:100%;
}

/* areaSearch */
#areaSearch {width: 265px; margin-right: 10px;}

#areaSearch_box {
	padding: 5px;
	border: 1px solid #C1D3FB;
	border-top: none;
	margin-bottom: 10px;
	width: 253px;
}


/* IE7 areaSearch */
*:first-child+html #areaSearch {
	float:left;
	width: 265px;
	margin-right: 10px;
}

/* IE7 areaSearch ここまで */

/* IE6 areaSearch */
*html #areaSearch {
	float:left;
	width: 265px;
	margin-right: 10px;
}

/* IE6 areaSearch ここまで */


/* renCompany */
#renCompany {
	width: 265px;
	float:left;
}

#renCompany_box {
	width: 253px;
	padding: 5px;
	border: 1px solid #C1D3FB;
	border-top: none;
	margin-bottom: 20px;
	line-height: 1em;
	text-align:left;
}

.companyList {
	width: 253px;
	margin-bottom: 5px;
	clear: both;
	overflow:hidden;
}

.companyList dt {
	float: left;
	width: 38px;
	margin-right: 5px;
	margin-bottom: 5px;
}

.companyList dd {
	float: left;
	width: 205px;
}

.attractLink {
	padding:4px;;
	display:block;
}

.companyList dd h5 {
	width: 205px;
	margin-bottom: 2px;
	font-weight: bold;
}

.companyList2 {
	width: 253px;
	height: 14px;
	clear: both;
	margin-bottom: 5px;
}

.companyList2 dt {
	float: left;
	width: 123px;
	margin-bottom: 5px;
	font-size: 93%;
	font-weight: bold;
}

.companyList2 dd {width: auto; float: left; font-size: 93%;}



/* purpose */
#purpose {
	clear: both;
	width: 540px;
	height: 155px;
	text-align: center;
	margin-bottom: 8px;
}



/*
#purpose2 {
	clear: both;
	width: 540px;
	height: 40px;
	margin-bottom: 8px;
	text-align: left;
}
*/

dt#pp2 {
    float: left;
    font-size: 77%;
    font-weight: bold;
    height:30px;
    margin-bottom: 1px;
    width: 100px;
	padding-top: 16px;
}

dd#ppp22 {
	width:435px;
	height: 40px;
	background-color: #efefef;
	margin-bottom: 1px;
	padding-top: 6px;
	padding-left: 4px;
}

/* IE6 */
* html dt#pp2 {
    float: left;
    width: 95px;
	height: 29px;
	font-size: 77%;
    font-weight: bold;
    margin-bottom:0px;
	padding-top:16px;
	padding-bottom:2px;
	padding-left:4px;
}

* html dd#ppp22 {
	width:435px;
	height: 44px;
	background-color: #efefef;
	margin-bottom: 1px;
	padding-top: 2px;
	padding-bottom:2px;
	padding-left: 4px;
}

* html #serchBtn{
	width:540px;
	float:left;
	margin-top:0px;
	margin-bottom:10px; 
}

* html p#caution_yoyaku{
	float:left;
	width:540px;
	height: 83px;
	margin-top:15px;
	margin-bottom:10px;
}

* html #arearenco{
	float:left;
}



* html #maincontents{
	width:950px;
	margin:auto;
	position:relative;
}



* html #drive {
	width: 540px;
	height: 370px;
	margin-bottom:300px;
}



/* IE6 ここまで*/

/* IE7 

*:first-child+html #purpose2_ie7 {
	clear: both;
	width: 540px;
	height: 40px;
	margin-bottom: 8px;
	text-align: left;
}

*:first-child+html #purpose2_ie7 dt.pp2_ie7 {
    float: left;
    font-size: 77%;
    font-weight: bold;
    height: 30px;
    margin-bottom: 1px;
    width: 100px;
	padding-top: 16px;
}
*/
/*
*:first-child+html #purpose2_ie7 dd.ppp22_ie7 {
	width:435px;
	height: 40px;
	background-color: #efefef;
	margin-bottom: 1px;
	padding-top: 6px;
	padding-left: 4px;
}
*/

*:first-child+html #serchBtn{
	float:left;
	margin-top:0px;
	margin-bottom:10px; 
}

*:first-child+html p#caution_yoyaku{
	float:left;
	width:540px;
	height: 83px;
	margin-top:15px;
	margin-bottom:10px;
}

*:first-child+html #arearenco{
	float:left;
}

*:first-child+html #purpose{
	margin-top:5px;
}


*:first-child+html #maincontents{
	width:950px;
	margin:auto;
	position:relative;
}



*:first-child+html #drive {
	width: 540px;
	margin-bottom:300px;
}



/* IE7 ここまで*/



#purposeList li {
	width: 175px;
	height: 55px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

*html #purposeList li {
	width: 175px;
	height: 55px;
	float: left;
	margin-right: 3px;
	margin-bottom: 3px;
}

	

/*
#purpose2 dd.ppp22 ul#purposeList2 {
	width: 100%;
	height: 55px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

*:first-child+html #purpose2 dd.ppp22 ul#purposeList2 {
	width: 100%;
	height: 55px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}

* html #purposeList2 {
	width: 100%;
	height: 55px;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
*/

/* drive_course */
.drive_course{
	clear: both;
	width: 540px;
}

.drive_course_air{
	clear: both;
	width: 540px;
	margin-top:20px;
	margin-bottom:10px
}

.drive_course_air h2{
	clear: both;
	width: 540px;
	margin-top:20px;
	margin-bottom:10px
}

.drive_course li{
	list-style:none;
	list-style-image:url(/img/yajirushi_3.gif);
	margin-left:5px;
}

.drive_course_air li{
	list-style:none;
	list-style-image:url(/img/yajirushi_3.gif);
	margin-left:5px;
}

.course{
	
	padding-left:98px;
	line-height:1.7;
	width:540px;
	height:130px;
	margin:0 0 20px;
}

.course_air{	
	padding-left:98px;
	line-height:1.7;
	width:540px;
	height:110px;
}

.drive_itiran{
	font-size:larger;
	font-weight:bold;
}

.drive_course_img{
	float:left;	
	width:60px;
}

.link_text1{
	width:540px;
	margin-left:370px;
}
/* news */
#news {
	clear: both;
	width: 540px;
}

#news dt{
	float: left;
	width: 80px;
	vertical-align: middle;
	margin-top: 0.6em;
	margin-bottom: 10px;
	background: url(/img/yajirushi_3.gif) 62px no-repeat;
}

#news dd{
	float: left;
	width: 460px;
	margin-bottom: 10px;
}


/* drive */
#drive {width: 540px;}

#drive01 {
	clear: both;
	width: 530px;
	height: 100px;
	padding: 5px;
	background: url(/img/base_4.gif);
	margin-bottom: 10px;
}

#drive02 {
	clear: both;
	width: 530px;
	height: 90px;
	padding: 5px;
	margin-bottom: 5px;
}

#drive03 {
	width: 255px;
	height: 95px;
	float: left;
	padding: 5px;
	padding-bottom: 0;
}

#drive04 {
	width: 255px;
	height: 95px;
	float: left;
	padding: 5px;
	padding-bottom: 0;
}

.drive_boxL {
	float: left;
	width: 120px;
	margin-right: 10px;
}

.drive_boxR {float: left; width: 400px;}

.drive_boxR h4 {margin-bottom: 3px; font-weight: bold;}

.drive_boxR h5 {margin-bottom: 3px; font-weight: bold;}

.drive_details p {
	float: left;
	width: 230px;
	margin-right: 10px;
}

.drive_details ul {
	float: left;
	width: 160px;
	margin-top: 3px;
}

.drive_details li {
	font-size: 92%;
	background: url(/img/yajirushi_3.gif) no-repeat;
	padding-left: 13px;
	margin-bottom: 5px;
}

.drive_boxL2 {
	float: left;
	width: 120px;
	margin-right: 10px;
}

.drive_boxR2 {float: left; width: 125px;}

.drive_boxR2 h4 {font-weight: bold; margin-bottom: 3px;}


/* ↓↓　side　↓↓ */

.sideBox {
	border: 1px solid #ccc;
	padding: 5px;
	padding-bottom: 2px;
	text-align:left;
	margin-bottom: 10px;
}

.sideBox li {
	background: url(/img/icon_arrow_02.gif) no-repeat;
	padding-left: 16px;
	text-align:left;
}


/* bnr */
#bnr {clear: both; margin-bottom: 10px;}

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

#mobile {margin-bottom: 5px;}

#bnr02 {margin-bottom: 5px;}

#fan_bnr {
	border:1px solid #aaaaaa;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}

/* renInfo */
#renInfo dt {
	width: 206px;
	height: 17px;
	background-color: #E0E0E0;
	padding-top: 3px;
	padding-left: 2px;
	margin-bottom: 4px;
}

#renInfo dd {
	width: 208px;
	line-height: 1.2em;
	margin-bottom: 7px;
}

#renInfo dd ul {margin-top: 3px;}

.infoSmall {
	font-size: 83%;
	line-height: 1.2em;
	margin-bottom: 2px;
}

#renInfo p.side_title {
	width: 206px;
	height: 17px;
	background-color: #E0E0E0;
	padding-top: 3px;
	padding-left: 2px;
	margin-bottom: 4px;
}

#renInfo div.wrap_box {
	width: 208px;
	line-height: 1.2em;
	margin-bottom: 7px;
}

#renInfo div.wrap_box ul {margin-top: 3px;}




/* option */
#option {margin-bottom: 10px;}

#option li {margin-bottom: 5px;}

#option li p {font-size: 83%;}

.text_s {font-size: 83%;}

.no_list {
	padding: 0 !important;
	background: none !important;
	font-size: 83%;
}

.no_border {border: none !important;}

.text_r {color: #FF0000;}


/* hotel */
#hotel {margin-bottom: 10px;}

#hotel li {margin-bottom: 5px;}


/* tour */
#tour {margin-bottom: 10px;}

#tour h4 {margin-bottom: 5px;}

#tour p {margin-bottom: 8px;}

#tour li p {margin-bottom: 5px; margin-top: 3px;}

#tour li {margin-bottom: 5px;}

.list_b {
	font-size: 114%;
	background: url(/img/icon_arrow_pink02.gif) 0px 3px no-repeat !important;
	padding-bottom: 6px;
}


/* tabinchu */
#tabinchu h4 {margin-bottom: 4px;}

#tabinchu li {
	margin-bottom: 10px;
	background: none !important;
	padding-left: 0 !important;
}


/* limit */
#limit {margin-bottom: 10px;}

#limit h4 {margin: 0 0 4px 2px;}

#limit h5 {margin: 0 0 5px 2px;}

#limit li {margin-bottom: 5px;}





h4.title_style {
	background:url(../img/title_bar.gif) no-repeat top left;
	width:540px;
	font-weight:bold;
	font-size:13px;
	text-indent:5px;
	color:#003470;
	padding: 6px 0 15px;
	text-align: left;
}

.title_bar {
	background:url(../img/title_bar.gif) no-repeat top left;
	width:540px;
	font-weight:bold;
	font-size:13px;
	text-indent:5px;
	color:#003470;
	padding: 6px 0 15px;
	text-align: left;
}

/* おすすめプラン */

#recommend {
	overflow:hidden;
}

h5.subtitle {
	border-bottom:1px solid #999;
	border-left:6px solid #06C;
	padding:6px 8px;
	margin-bottom:10px;
	margin-top:15px;
	background-color:#ddd;
}

.rmd_area {
	width:260px;
	float:left;
	margin:0 9px 10px 0;
	border-bottom:1px dashed #999;
	border-right:1px dashed #999;
	padding-bottom:4px;
}

.rmd_img {
	width:120px;
	height:80px;
	float:left;
	border:1px solid #666;
}

.rmd_txt {
	width:130px;
	float:right;
	margin-right:4px;
}

.rmd_price {
	margin-top:12px;
	font-size:medium;
	font-weight:bold;
	color:red;
}

.rmd_type {
	margin-bottom:6px;
	background-color:#eee;
	padding:4px 0;
}


/* 右カラムPR枠 */

#special {
	margin-bottom:10px;
	border:2px solid #1460ba;
}

#special h3 {
	padding:6px 12px;
	background-color:#1460ba;
	overflow:hidden;
	margin-bottom:12px;
	color:#ffffff;
	font-weight:bold;
}

#special h3 span {
	display:block;
	float:right;
}

.pr_area {
	margin:0 4px 10px;
	overflow:hidden;
	padding-bottom:10px;
	padding-left:10px;
	border-bottom:1px dashed #d1d1d1;
}

.thumb {
	width:60px;
	float:left;
	margin-right:18px;
}

.titleLink {
	float:left;
	font-size:120%;
	font-weight:bold;
	line-height:1.4;
	margin-bottom:6px;
}

.summary {
	float:left;
	line-height:1.4;
	width:440px;
}

/* 中央カラムCMS誘導枠 */

#driveInfo ul li {
	background:url(/img/yajirushi_3.gif) no-repeat;
	padding-left:20px;
	margin:10px 0 10px 10px;
}

.yobikake_text{
	width:718px;
	height:70px;
	font-size:16px;
	line-height:1.4em;
	text-align:left;
	margin:0 auto 5px;
	padding:5px 10px 0;
	border-style:solid;
	border-color:#ff0000;
	border-width:5px;
}

.text_red{
	font-size:20px;
	color:#ff0000;
	font-weight:bold;
}

.text_red2{
	font-size:24px;
	color:#990000;
}

.priceR2{
	font-size:24px;
	float:left; 
	margin-top:2px;
	line-height:1.7em;
	vertical-align:middle;
}

#bnr_tabirai {
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 220px;
}
#bnr_tabirai a {
	display:block;
	height:60px;
	overflow:hidden;
}
#bnr_tabirai a img{
	border-style:none;
}
#bnr_tabirai a.bnr_tabirai_menu1 {
	text-indent:100%;
	white-space:nowrap;
	background: url(/img/bnr_tabirai_okinawa03.jpg) no-repeat 0 0;
}
#bnr_tabirai a.bnr_tabirai_menu2 {
	text-indent:100%;
	white-space:nowrap;
	background: url(/img/bnr_tabirai_okinawa04.jpg) no-repeat 0 0;
}
#bnr_tabirai a.bnr_tabirai_menu3 {
	text-indent:100%;
	white-space:nowrap;
	background: url(/img/bnr_tabirai_okinawa05.jpg) no-repeat 0 0;
}
#bnr_tabirai a.bnr_tabirai_menu4 {
	text-indent:100%;
	white-space:nowrap;
	background: url(/img/bnr_tabirai_okinawa06.jpg) no-repeat 0 0;
}
#bnr_tabirai a:hover.bnr_tabirai_menu1,#bnr_tabirai a:hover.bnr_tabirai_menu2,#bnr_tabirai a:hover.bnr_tabirai_menu3,#bnr_tabirai a:hover.bnr_tabirai_menu4 {
	background-position: 0 bottom;
}

.price_alert{
	font-size:x-small;
	color:#ff0000;
	margin-bottom:10px;
	padding-top:4px;
	float:right;
}

#fan_area{
	margin-left:10px;
	line-height:1.6px;
}