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







/*-------------------
CSSZbg
-------------------*/

#wrapper2{
	text-align: center;
	margin: 0 auto;
	}

#h-wrapper2{
	width: 980px;
	height: 80px;
	margin: 0 auto;
	position: static;
	}

* html #h-wrapper2 {
margin-left:auto;
text-align:left;
}



#header2{
	width: 980px;
	height: 80px;
	text-align: left;
	
	margin: 0 auto;
	position:relative;
	}


#block {
	position:absolute;
	top:-62px;
	left:780px;
	}



#h-navi {
	position:absolute;
	top:-44px;
	left:780px;
	}

#navi2 {
	position:absolute;
	top:7px;
	}

#share-col{
	text-align: left;
	height: 80px;
	}


#breadcrumb {
	width: 970px;
	margin-left:5px;
	position:absolute;
	top:53px;
	}

#container{
	text-align: center;
	width: 100%;
	}

#c-wrapper2{
	background-color: #AF0F32;
	margin-top: 0;
		}
		
#contents{
	width: 100%;
	margin: 0 auto;
	background-color: #AF0F32;
	text-align: center;
	}


#main{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
		background:url(img/bk_main.gif) repeat-y 50% top;
	padding-bottom: 40px;
	float: none;
	color: #FFF;
	text-align:center;
		position:relative;
	}

/*---------------------------------------------------
* clearfixnbN
*--------------------------------------------------*/

/*----- IEȊÕ_uEU -----*/
.clr:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}


/*----- IE7сAMacFIE5 -----*/
.clr {
  display: inline-block;
}


/*----- IE6ȑO -----*/
/* Hides from IE-mac \*/
* html .clr {
  height: 1%;
}

.clr {
  display: block;
}


/*---------------------------------------------------
* Wplj
*--------------------------------------------------*/
#tyo_ikeruokinawa_top{
	width: 950px;
	text-align:center;
	margin:0 auto 0 auto;
	clear: both;
	}

#tyo_ikeruokinawa_head{
	width: 950px;
	text-align:left;
		background:url(img/head_r.gif) no-repeat right top;
		position:relative;
	}

#tyo_ikeruokinawa_head .btn{
	width: 314px;
	height: 53px;
	position: absolute;
	bottom: 10px;
	right: 10px;
	}

#tyo_ikeruokinawa_top .area{
	width: 910px;
	
	}
	
	
	

	#tyo_ikeruokinawa_top .content{
		width: 910px;
		margin: 0 auto;
		text-align: center;
		background:url(img/bk_content.gif) no-repeat 50% 44px;
		}


	#tyo_ikeruokinawa_top .content_left{
		width: 275px;
		border:5px solid #000;
		text-align:center;
		float: left;
		}


	#tyo_ikeruokinawa_top .content_right{
		width: 275px;
		border:5px solid #000;
		text-align:center;
		float: right;
		}



.tour_boxs{
	width: 275px;
	height:190px;
	margin: 0 auto 0 auto;
	padding:5px 0;
	text-align:center;
	border-bottom:5px solid #000;
	}

.tour_boxs_end{
	width: 275px;
	height:190px;
	margin: 0 auto 0 auto;
	text-align:center;
	padding:5px 0;
	}

	.topcont{
	width: 265px;
	margin: 0 auto;
	text-align:center;
	
	}	

	.topcont img.photo{
		float:left;
		padding: 0;
		display:inline;
		margin:0;
		}
	
	.topcont h3{
		width:159px;
		text-align:left;
		float:right;
		padding:0;
		margin:0;
		}
	.topcont p{
		width:159px;
		text-align:left;
		line-height:1.5;
		
		float:right;
		color: #000;
		}

.maincont_karibeach{
		width: 265px;
		height: 100px;
		margin: 0 5px;
		background:url(img/bk_karibeach.gif) no-repeat left top;
		text-align:right;
		}
.maincont_rizan{
		width: 265px;
		height: 100px;
		margin: 0 5px;
		background:url(img/bk_rizan.gif) no-repeat left top;
		text-align:right;
		}
.maincont_mariotto{
		width: 265px;
		height: 100px;
		margin: 0 5px;
		background:url(img/bk_mariotto.gif) no-repeat left top;
		text-align:right;
		}

.maincont_washin{
		width: 265px;
		height: 100px;
		margin: 0 5px;
		background:url(img/bk_washin.gif) no-repeat left top;
		text-align:right;
		}
.maincont_miyako{
		width: 265px;
		height: 100px;
		margin: 0 5px;
		background:url(img/bk_miyako.gif) no-repeat left top;
		text-align:right;
		}
.maincont_kariyusiarvan{
		width: 265px;
		height: 100px;
		margin: 0 5px;
		background:url(img/bk_kariyusiarvan.gif) no-repeat left top;
		text-align:right;
		}



.btn_tour{
	margin:55px 0 0 0;
	width: 44px;
	height: 45px;
	}








.flo-l{
float:left;}

.flo-r{
float:right;}


/*---------------- {^ -----------------*/



.bt_b{
	width: 700px;
	margin: 0 auto 10px auto;

  clear: both;}


.bt_b ul{
float:right;


}
.bt_b li{
list-style:none;
float:right;
margin:0;}

.bt_b{
float:left;
margin-left:1px;}