@charset "utf-8";

/*======= base =======*/
* {
	margin: 0;
	padding: 0;
	font-style: normal;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */
/* clearfix end */

body {
  /*  background: url(../img/main_bg.jpg);*/
    background: #ffffff;
    margin: 0px;
    padding: 0px;
    font-size: 12px;
    font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
    color: #231815;
    line-height: 140%;
}

#wrapper {
	margin: 0 auto;
	text-align: center;
	width: 100%;
	border-top: 12px solid;
}

#container {
	width: 996px;
	margin: 0 auto;
}

.wrapper995 {
	width: 996px;
	font-size: 12px;
	margin: 0 auto;
	text-align: left;
}


#header {
	height: 98px;
	border-bottom:dotted 1px #000;
}
#header .wrapper995 {
	position: relative;
}

/* sns */

ul {
	list-style: none;
}
ul.ul_sns {
	position: absolute;
	top: 70px;
	right: 10px;
}
ul.ul_sns li {
	float: left;
	padding-left: 5px;
}


a:hover{
    opacity: 0.7;
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
}


a img {
    border-style:none;
}


/*------------------------ title ------------------------*/ 

#title {
	margin:10px 0 0 0;
	padding:0;
	position:relative;
	background:url("../img/h1_bgiamge.jpg");
	background-repeat:no-repeat;

}
#title h1 {
	margin:0px auto;
	padding:0;
	width:752px;
	height:535px;
	background:url("../img/h2_maintitle.png");
	background-repeat:no-repeat;
	text-indent:-9999px;
	background-position:0 50px;
}
#title p {
	display:none;
}
#title a#present_link{
	margin:0;
	padding:0;
	width:147px;
	height:146px;
	background:url("../img/top_pre_btn.png");
	position:absolute;
	top:220px;
	right:60px;
	text-indent:-9999px;
}

/*------------------------ content1 ------------------------*/ 


#content_all{
	margin:60px 0px 30px 0px;
	padding:15px 10px 20px 11px;
	background-image:url(../img/masu_bg_image.jpg);
	position:relative;
	width: 981px;
}	


#okinawa_spot{
	width:979px;
	height:1695px;
	background-color:#FFF;
	position:relative;	
	background-image:url(../img/con1_food.jpg);
	background-repeat:no-repeat;
	background-position:488px 540px;
	margin-bottom:10px;
	}
	
	
#okinawa_spot h3{
	width:981px;
	height:60px;
	background-image:url(../img/con1_title.jpg);
	text-indent:-9999px;
	margin-bottom:50px;
	
	}	
	
	
	
	
/*------------------------ style ------------------------*/ 

.style {
	margin:0 0 30px 0;
	padding:0px 0px 0 40px;
	position:relative;

}




.left .photo{
	margin:0;
	padding:0;
	width:451px;
	height:533px;
	float:left;
}

.left .photo2{
	margin:20px 0 0 0;
	padding:0;
	width:440px;
	height:533px;
	float:left;
}

.left .detail{
	margin:50px 0 0 0px;
	padding:0;
	width:450px;
	height:auto;
	float:left;
	border-bottom:#5dc2d0 1px solid;
	border-top:#5dc2d0 1px solid;
	border-right:#5dc2d0 1px solid;
}


.left .detail2{
	margin:100px 0 0 0px;
	padding:0;
	width:450px;
	height:auto;
	float:left;
	border-bottom:#5dc2d0 1px solid;
	border-top:#5dc2d0 1px solid;
	border-right:#5dc2d0 1px solid;
}

.right .photo{
	margin:0;
	padding:0;
	width:428px;
	height:580px;
	float:left;
}
.right .detail{
	margin:0px 0 0 30px;
	padding:0;
	width:450px;
	height:auto;
	float:left;
	border-bottom:#5dc2d0 1px solid;
	border-top:#5dc2d0 1px solid;
	border-left:#5dc2d0 1px solid;
}



.style p {
	margin:20px 0 0 0;
	padding:25px 50px 25px 25px;
	width:400px;
	height:auto;
	font-size:12px;
	line-height:170%;
	letter-spacing:0.1em;
}
.style ul.credit{
	margin:20px 0 0 0;
	padding:0;
	width:310px;
	height:auto;
	font-size:11px;
}

.style ul.credit a{
	margin:20px 0 0 0;
	padding:0;
	width:310px;
	height:auto;
	font-size:11px;
	color:#231815;
}

.style .bnr{
	margin:50px auto;
	padding:0;
	width:282px;
	height:42px;
	display:block;
	text-indent:-9999px;
}
.bnr{
	background:url("../img/con1_palclo_btn.jpg");
	background-repeat:no-repeat;
}


#style1 .stamp,
#style3 .stamp,
#style5 .stamp {
	position:absolute;
	top: 30px;
	left: -30px;
	display:none;
}
#style2 .stamp,
#style4 .stamp {
	position:absolute;
	top: 30px;
	right: -30px;
	display:none;
}


/*------------------------ content2 ------------------------*/ 


#cont2{
	width:979px;
	height:auto;
	background-color:#FFF;
	position:relative;
	padding-bottom:	50px;	
	margin-bottom:10px;
	}
	
#cont2 h3{
	width:981px;
	height:60px;
	background-image:url(../img/con2_title.jpg);
	text-indent:-9999px;
	margin-bottom:15px;
}

#okinawa_bg{
	width:875px;
	height:auto;
	background:url("../img/con2_bgimage.jpg");
	margin:0 auto;
	padding:10px 10px 50px 10px;
    position:relative;	


	}

#okinawa_bg h3{
	width:874px;
	height:333px;
	background-image:url(../img/con2_image.jpg);
	text-indent:-9999px;
	margin-bottom:15px;
 }
 
 
 
 
#okinawa_bg #entry1{
	width:840px;
	height:auto;
	margin:0 auto;
/*	border-bottom:1px dotted #666666;*/
	padding-bottom:10px;


	}

#okinawa_bg #entry1 h4{
	display:block;
	width:760px;
	height:69px;
	margin:30px auto;
	background-image:url(../img/entry1_title.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	}
	

#okinawa_bg #entry2{
	width:840px;
	height:auto;
	margin:0 auto;
	padding-bottom:110px;
	margin-bottom:20px;
	border-bottom:1px dotted #666666;
	background-image:url(../img/con2_mapimage.png);
	background-repeat:no-repeat;
	background-position:left 30px;
	
	}


#okinawa_bg #entry2 h4{
	display:block;
	width:760px;
	height:69px;
	margin:0px auto 30px auto;
	background-image:url(../img/entry2_title.png);
	background-repeat:no-repeat;
	text-indent:-9999px;
	}

#okinawa_bg p{
	width:480px;
	display:block;
	margin:20px auto;
	font-size:13px;
	letter-spacing:0.1em;
	line-height:160%;	
	}
	
#okinawa_bg p.pretext{
	width:840px;
	height:90px;
	display:block;
	font-size:14px;
	margin:30px auto 0 auto;
	padding-top:10px;
	letter-spacing:0.1em;
	line-height:160%;
	text-align:center;
	background-image:url(../img/airplane.png);
	background-position:right 15px;
	background-repeat:no-repeat;	
	}

#cont2 ul{
	margin:40px 0 20px 0}
	
#cont2  li{
	float:left;
	margin-left:41px;
}



*html #cont2 ul{
	margin:35px 0;}
	
*html #cont2  li{
	float:left;
	margin-left:25px;
}

#okinawa_bg #palclo_entry_btn{

	width:339px;
	height:54px;
	margin:30px auto 0 auto;
	}

#okinawa_bg #attent{
	width:820px;
	height:auto;
	margin:0 auto;
	font-size:11px;
	line-height:170%;
	letter-spacing:0.1em;	
	}	


/*------------------------ cont3 ------------------------*/ 
#cont3{
	width:979px;
	height:auto;
	background-color:#FFF;
	position:relative;
	padding-bottom:	55px;	
	margin-bottom:10px;
	}
	
#cont3 h3{
	width:981px;
	height:60px;
	background-image:url(../img/con3_title.jpg);
	text-indent:-9999px;
	margin-bottom:15px;
}

#cont3 h4{
	width:874px;
	height:76px;
	background-image:url(../img/con3_title2.jpg);
	background-repeat:no-repeat;
	margin:35px auto;
	
	text-indent:-9999px;
	margin-bottom:15px;
}
	
#cont3 p {
	display:block;
	margin:35px auto;
	width:790px;
	height:76px;
	line-height:170%;
	letter-spacing:0.1em;

	}
	
	
#cont3 #pre_item{
	width:837px;
	height: auto;
    margin:35px auto;
	padding:40px 25px;
	border:1px #d4d4d4 solid;			
		}
		

#cont3 ul{
	margin:0px 0;}
	
#cont3  li{
	float:left;
	margin-left:0px;
}
	
	
#pre_item #circle{
	margin:0;
	padding:0;
	width:230px;
	height:193px;
	position:absolute;
	top:280px;
	left:30px;
}	
		
		
		
#nihon_btn{
	
	width:478px;
	height:81px;
	margin:0 auto;
	
	}
/*------------------------ present ------------------------*/ 

#present {
	margin:0 80px 100px 80px;
	padding:0 0 50px 0;
	background:#F0F0E7;
	position:relative;
}
#present h2 {
	margin:0;
	padding:0;
	width:835px;
	height:120px;
	background:url("../img/present_title.jpg");
	text-indent:-9999px;
}
#present #circle{
	margin:0;
	padding:0;
	width:140px;
	height:140px;
	position:absolute;
	top:-20px;
	right:-15px;
}
#present #img{
	margin:15px 50px 10px 50px;
	padding:0;
}
#present #copyright{
	margin:0 50px 30px 50px;
	padding:0;
	font-size:10px;
}
#present #text{
	margin:0 50px 30px 50px;
	padding:0;
	line-height:160%;
}
#present a#btn {
	margin:0 auto;
	padding:0;
	width:350px;
	height:50px;
	background:url(../img/present_btn.gif);
	display:block;
	text-indent:-9999px;
}


/*------------------------ footer ------------------------*/ 

#bg_footer {
	background: #231815;
/*	margin-top: 500px;*/
}
#footer {
	position: relative;
	width: 996px;
	height: 50px;
	margin: 0 auto;
	padding:0;
}
.copyright {
	margin:0;
	padding:0;
	position: absolute;
	top: 22px;
	left: 40px;
}
.f_logo {
	margin:0;
	padding:0;
	position: absolute;
	top: 10px;
	left: 450px;
}
.fnavi {
	margin:0;
	padding:0;
	position: absolute;
	top: 22px;
	left: 665px;
}

/*======= heading =======*/
h1,h2,h3,h4 {
	font-size: 100%;
}
/*---- h1 ----*/
h1 {
	padding: 24px 0 20px;
	text-align: center;
}


.align_r {
	text-align: right;
}

#pagetop{

	width: 980px;
	height:25px;
	margin-bottom:50px;
/*	border-top: solid #333333 1px;*/
	}