@charset "utf-8";
/* ---------------------------Reset */
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{
margin:0;padding:0;color:#333;font-style:normal;font:small/150% verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "ＭＳ Ｐゴシック",  Osaka, sans-serif}
*html body div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{font:x-small/160% verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "ＭＳ Ｐゴシック", Osaka, sans-serif}
*+html body div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{font:small/150% verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "ＭＳ Ｐゴシック", Osaka, sans-serif}
;;body div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fildset,input,textarea,p,blockquote,table,th,td,address{font:small/150% verdana, "ヒラギノ丸ゴ Pro W4",ヒラギノ丸ゴ Pro W4, Hiragino Maru Gothic Pro, "ＭＳ Ｐゴシック", Osaka, sans-serif}
p,dt,dd,li,th,td,a,span{font-size:105%}
#main p a{font-size:105%!important}
table{border-collapse:collapse;border-spacing:0}
textarea,input{margin:0;padding:0}
caption,th{text-align:left}
td,th{vertical-align: top}
fieldset,img,abbr{border:none}
li{list-style-type:none}
hr{display:none}
em,strong{font-weight:bold;letter-spacing:0.1em;}
.pkg{
	display:inline-block;
	}		  
.pkg:after {
	content: "";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}
h2 img,
h3 img,
h4 img,
p img{
	vertical-align:text-bottom;
	margin-bottom:-3px;
	*margin-bottom:0px;
	}
img{
	vertical-align:text-bottom;
	margin:0;
	}
a img {
	border		: none;
}
/*\*/ a { overflow: hidden;}/**/

/* ---------------------------BasicDeco */
.img_center{
	text-align:center;
	}
.red{
	color:#CC0000;
	}
.link_more{
	text-align:right;
	}
.str{
	font-weight:bold;
	}
a{color: #069;}
a:active{color:#F30;}
a:hover{color:#00F;}
.link_more{text-align:right;}
.image_center{text-align:center;}
.img_center{text-align:center;}
/* ---------------------------FormDeco */
.text01{
	width:300px;
	height:30px;
	font-size:18px;
	}
.text02{
	width:280px;
	height:30px;
	font-size:18px;
	border:2px solid #999;
	font-weight:bold;
}
/* ---------------------------BasicLayout */
body{
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-repeat:repeat-x;
	background-position:0 -1700px;
	text-align:center;
	background-color:#f6fbf9;
	margin:0;
	padding:0;
	}
#wrap{
	width:980px;
	margin:0 auto;
	text-align:left;
	}
#head{
	height:137px;
	}	
#main{
	clear:both;
	}
#maincol{
	width:780px;
	float:right;
	background: #FFFFFF;
	}
.inner{
	padding: 0 10px;
	}	
#leftcol{
	width:200px;
	float:left;
	}
#foot{
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	background-position:0 -1700px;
	padding:50px 0;
	}
.footCont{
		width:980px;
		margin: 0 auto;
}
.footCont address{
		text-align:left;
}
	
/* ---------------------------CommonHeader */
h1{
	text-align:right;
	color:#FFFFFF;
	font-weight:bold;
	}	
#sign{
	width:500px;
	float:right;
	text-align:right;
	}
.h_search{
	text-align:right;
	margin:0 0;
	}
.h_search img{
		vertical-align:text-bottom;
}
.h_search input{
		vertical-align:text-bottom;
}

#member_status{
width:450px;
float:left;
text-align:left;
margin:0px;
padding:0px;
}





#logo{
	background-repeat:no-repeat;
	text-indent:-9999px;
	float:left;
	width:429px;
	margin:10px 0 0 0;
	height:65px;
	}

#logo a{
	display: block;
	}
#logo div.to_top a{
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-position:0 0;
	width:210px;
	height:65px;
	float:left;
}
.naviarea{
	clear:both;
	_margin:5px 0 0 0;
	padding:5px 0 0 0;
	_padding:0;
	}	
.gNavi{
	width:500px;
	float:left;
	margin-right:160px;
	}	
.gNavi li{
	width:162px;
	float:left;
	padding:5px 0;
	color:#FFFFFF;
	font-size:14px;
	text-align:center;
	font-weight:bold;
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-repeat:no-repeat;
	height:21px;
	_height:31px;
	}
.navi01{background-position:0 -70px;}
.navi02{background-position:-162px -70px;}
.navi03{background-position:-162px -70px;}
.gNavi li.navi01 a{
	color:#FFFFFF;
	}
#bookmarks{
	width:300px;
	float:right;
	text-align:right;
	}	
#h_bookmark{
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-repeat:repeat-x;
	background-position:-40px -150px;
	width:140px;
	float:left;
	padding:7px 0 2px 0;
	text-align:center;
	margin-right:10px;
	}
#h_bookmark a{
	color:#333;
	text-decoration:none;
	font-weight:bold;
	}	
#addClip{
	width:150px;
	float:left;
	}		
/* ---------------------------BreadCrum */
.breadCrum{
	clear:both;
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-repeat:repeat-x;
	background-position:0 -1720px;
	padding:10px 0 5px 10px;
	height:23px;
	_height:38px;
	width:970px;
	_width:980px;
	}
.breadCrum ol li{
	display:inline;
	float:left;
	padding:0 10px 0 20px;
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-position:-90px -110px;
	background-repeat:no-repeat;
	}
.breadCrum ol li.firstChild{
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-position:0 -110px;
	width:75px;
	height:23px;
	padding:0;
	margin-right:10px;
	text-indent:-9999px;
	}
.breadCrum ol li.firstChild a{
	display:inline-block;
	*display:block;
	display:block;
	width:75px;
	height:23px;
	padding:0;
	}	
/* ---------------------------Main */
#mainTwocol{
	margin:20px 0 0 0;
	clear:both;
	padding:0 0 20px 0;
	}
#mainTwoLeft{
	width:550px;
	float:left;
	margin-right:10px;
	}
.mainTable{
	padding:10px 0;
	width:350px;
	float:left;
	}
.mainTable h3{
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-repeat:repeat-x;
	background-position:0 -150px;
	color:#333;
	font-weight:bold;
	padding:10px;
	text-align:center;
	}
.mainTable table{
	width:330px;
	margin:0 0 20px 0;
	}
.mainTable table th,
.mainTable table td{
	padding:5px 10px;
	border-bottom:1px dotted #999999;
	}
.mainTable table td{
	text-align:right;
	}
.mainTable p{
	text-align:right;
	}
.mainTable dl dt{
	font-weight:bold;
	color:#069;
}
.mainTable dl dd{
	padding:5px 10px;
	border-bottom:1px dotted #ddd;
}
.mainTable dl{
	margin:10px;
}
.description{
	background-color:#f9f9f9;
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-repeat:no-repeat;
	background-position:0 -300px;
	padding:10px 10px 10px 120px;
	min-height:150px;
	_height:170px;
	}
.cat_mainTable{	
	padding:10px 0;
	width:430px;
	float:left;
}

#mainTwoRight{
	width:200px;
	float:right;
	}
#mainTwoRight p{
	text-align:center;
	margin:10px 0;
	}

#catTwoLeft{
	width:360px;
	float:left;
	margin-right:20px;
}
#catTwoLeft h3,
#catTwoRight h3{
background-image:url(/upfile/okinawa_beach/common.png);
	background-repeat:repeat-x;
	background-position:0 -150px;
	color:#FFFFFF;
	font-weight:bold;
	padding:10px;
	text-align:center;
	font-size:16px;
}
#catTwoLeft p{
	font-size:14px;
	margin-bottom:1em;
}
#catTwoRight{
	width:380px;
	float:left;
}
#recipeTopRep{
	padding:0 0 20px 0;
}


#recipeTopRep div.report_wrap,
#catTwoRight div.report_wrap{
	display:inline;
	width:178px;
	float:left;
	margin:5px;
}


#TopComment{
	clear:both;
}
#TopComment table{
	width:760px;
}
#TopComment table th{

	width:120px;
	padding:3px 5px 3px 35px;
	border-bottom:1px dotted #999999;	
}
#TopComment table td{
	padding:3px 0;
	border-bottom:1px dotted #999999;
}

#TopComment table tr.line1 th,
#TopComment table tr.line1 td{
	background-color: #f0f0f0;
}
#TopComment table tr.line0 th{
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-position:0 -1030px;
	background-repeat:no-repeat;
}
#TopComment table tr.line1 th{
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-position:0 -1060px;
	background-repeat:no-repeat;
}



#mainComment{
	clear:both;
	}
.mainCommentResult{
	width:280px;
	float:left;
	margin-right:10px;
	}
.mainCommentResult h3{
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-repeat:repeat-x;
	background-position:0 -150px;
	color:#33;
	font-weight:bold;
	padding:10px;
	text-align:center;
	font-size:16px;
	}
.res{
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-position:0 -730px;
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:24px;
	padding:35px 0;
	text-align:center;
	}
.res span{
	color:#FF6600;
	}
.mainCommentList{
	width:460px;
	float:right;
	}
.commentbox{
	padding:0 5px 10px 0;
	}	
.commentName{
	width:85px;
	float:left;
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-position:0 -930px;
	background-repeat:no-repeat;
	padding:55px 0 0 0;
	text-align:center;
	margin-right:-2px;
	z-index:2;
	}
.commentBody{
	background-repeat:no-repeat;
	width:346px;
	_width:370px;
	float:left;
	border:2px solid #ccc;
	z-index:1;
	padding:0 10px;
	}
.commentBody h4{
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-position:-200px -930px;
	background-repeat:no-repeat;
	font-weight:bold;
	font-size:16px;
	padding:0 0 0 15px;
	}
h3.short{
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-repeat:repeat-x;
	background-position:0 -150px;
	color:#333;
	font-weight:bold;
	padding:10px;
	text-align:center;
	font-size:16px;
	clear:both;
	width:280px;
}
#commentEntryForm{
		margin:10px 0;
		background-image:url(/upfile/okinawa_beach/check.gif);
		background-color:#bfd;
		padding:10px;
}
.commentEntryForm_inner{
		background:#f9f9f9;
		padding:10px;
}
.commentEntryForm_inner h4{
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-position:0 -685px;
	font-size:16px;
	font-weight:bold;
	padding:3px 20px;
	width:240px;
	_width:280px;
}
.pointForm{
		margin:10px;
		background-image:url(/upfile/okinawa_beach/commonb.png);
		background-position:-300px -400px;
		
}
.pointForm table{
		border:2px solid #ddd;
}
.pointForm table th,
.pointForm table td{
		padding:5px 10px;
		_padding:0 10px;
		text-align:center;
}
.pointForm table th{
		width:100px;
		_width:120px;
		border-right:2px solid #ddd;
		border-left:2px solid #ddd;
		border-bottom:1px solid #FFF;
		font-weight:bold;
		background:#f0f0f0;
}
.pointForm table td{
		width:50px;
		border-right:2px solid #ddd;
		border-left:2px solid #ddd;
		border-bottom:1px solid #FFF;
}
.pointForm table td.firstline,
.pointForm table th.firstline{
		border-bottom:2px solid #ddd;
}
.fm01{		
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-position:0 -1100px;
}
.fm02{
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-position:-200px -1100px;
}
.fm03{		
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-position:0 -1200px;
}
.fm04{
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-position:-200px -1200px;
}
.fm05{		
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-position:0 -1300px;
}
.fm06{
	background:#eee;
		
}
.entryForm_left{
		width:320px;
		float:left;
}
.entryForm_left p{
		margin:10px 0;
}
.entryForm_right{
		width:380px;
		float:right;
}
.commentEntryForm_inner p.image_center{
		clear:both;
		margin:20px 0;
}



/* ---------------------------LeftCol */
#leftcol h3{
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-position:0 -250px;
	color:#FFFFFF;
	font-weight:bold;
	padding:5px;
	text-align:center;
	font-size:14px;
	clear:both;
	}
#leftcol ul,
#leftcol ol{
	padding:10px;
}
#leftcol ol li.rank01{
		font-weight:bold;
}

#leftcol ul.br_arr{
	padding:10px 5px 10px 0;
}

ul.br_arr li{
		margin:0 0 10px 5px;
		border-bottom:1px dotted #CCC;
}

ul.br_arr li dl dt{
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-position:0 -1400px;
	background-repeat:no-repeat;
	padding:0 0 0 15px;
}
ul.br_arr li dl dd{
	padding:5px 10px;
}
.report_wrap{
	margin:10px;
	background: #FFF;
	border:1px solid #ddd;
}
.report_wrap p{
	padding:0 5px;
}
p.reportDate{
	font-size:11px;
	background-color:#F60;
	color:#FFF;
	font-weight:bold;
	margin:3px 0;
}

/*star*/

.star000,
.star005,
.star010,
.star015,
.star020,
.star025,
.star030,
.star035,
.star040,
.star045,
.star050{
	text-indent:-9999px;
	display:block;
	height:25px;
	width:125px;
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-repeat:no-repeat;
}
.star000{	background-position:-125px -1550px;}
.star010{	background-position:-100px -1550px;}
.star020{	background-position:-75px -1550px;}
.star030{	background-position:-50px -1550px;}
.star040{	background-position:-25px -1550px;}
.star050{	background-position:-0px -1550px;}
.star005{	background-position:-100px -1575px;}
.star015{	background-position:-75px -1575px;}
.star025{	background-position:-50px -1575px;}
.star035{	background-position:-25px -1575px;}
.star045{	background-position:-0px -1575px;}


.more_comment{
	text-align:center;
}
.more_comment a{
	background-image:url(/upfile/okinawa_beach/commonb.png);
	background-position:-90px -110px;
	background-repeat:no-repeat;
	padding:0 0 0 15px;
}