.read{
	width:770px;
	margin:10px 0;
	overflow:hidden;
}
.read .right{
	width:180px;
	margin:0 0 0 10px;
	padding:5px;
	float:right;
	background:#f1f1f1;
	border:1px solid #ccc;
	font-size:10px;
}
.read .right img{
	margin-bottom:5px;
}



.btnArea ul{
	width:770px;
	margin-bottom:20px;
	overflow:hidden;
}
.btnArea li{
	float:left;
}
.btnArea li.first{
	margin-right:10px;
}



#str_container .tabNavi{
	overflow:hidden;
}
.tabNavi ul{
	width:770px;
	overflow:hidden;
}
.tabNavi .nolink{
	opacity: 0.4;
	filter: alpha(opacity=40);	/* IE6、IE7対応 */
	-moz-opacity: 0.4;		/* Firefox1.5以前対応 */
}
.tabNavi .nolink a,
#str_container .tabNavi .tabMenu li.nolink a span{
	cursor: default;
}
	#str_container .tabNavi .tabMenu li.nolink a:hover{
		color:#000;
		background:url(/resource/images/tabnavi/bg_tabnavi_gray_left.gif) no-repeat left top;
	} 
	#str_container .tabNavi .tabMenu li.nolink a:hover span{
		background:url(/resource/images/tabnavi/bg_tabnavi_gray_right.gif) no-repeat right top;
	}
.tabNavi dl{
	width:750px;
	padding:5px 10px;
	overflow:hidden;
	background:#003366;
}
.tabNavi dt{
	float:left;
	margin-right:10px;
	padding-top:3px;
	font-weight:bold;
	color:#fff;
}
.tabNavi dd{
	margin-right:10px;
	float:left;
}
.tabNavi dd a{
	padding:3px 5px 1px 13px;
	display:block;
	color:#fff;
	background:url(/resource/images/iconmark/mrk_triangle_dlgray.gif) no-repeat;
	background-position:5px 6px;
}
.tabNavi dd.current a,
.tabNavi dd.current a:hover{
	background:url(/resource/images/tabnavi/bg_thirdmenu_cobaltblue_left.gif) no-repeat left #5986B1;
}



.ranklist{
	width:770px;
	margin-bottom:10px;
	border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-collapse:collapse;
	border-spacing:0;
}

.ranklist th{
	width:48px;
	padding:10px 0;
	background:#e1e9f6;
	border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
	text-align:center;
	color:#4367a3;
	font-weight:bold;
}
.ranklist th img{
	margin-bottom:3px;
}

.ranklist td{
	padding:10px;
	border-right:1px solid #ccc;
    border-bottom:1px solid #ccc;
	overflow:hidden;
}


.courseName{
	background:#edf1fa;
	color:#666;
}

.courseName div{
	width:540px;
	float:left;
}
.courseName h4 a{
	padding-left:10px;
	background:url(/resource/images/iconmark/mrk_triangle_gray.gif) 0px 4px no-repeat;
	display:block;
	font-size:14px;
}
.courseName img{
	vertical-align:middle;
}


td h5{
	margin-bottom:10px;
	color:#ec4056;
	font-weight:bold;
	font-size:14px;
}

td dl{
	width:400px;
	overflow:hidden;
}
td dl dt{
	width:55px;
	padding: 2px 5px;
	float:left;
	border-left:5px solid #ec4056;
	font-weight:bold;
}
td dl dd{
	margin-left:65px;
	padding:2px 0;
}
td dl dd img{
	margin-right:2px;
}




/**/
#booking .rank01 .courseImage{
	width:290px;
	float:left;
}
#booking .rank01 .courseImage img{
	width:290px;
	height:217px;
}
#booking .rank01 .courseExplain{
	width:400px;
	float:right;
}
#booking .rank02 .courseImage{
	width:110px;
	float:left;
}
#booking .rank02 .courseImage img{
	width:110px;
	height:82px;
}
#booking .rank02 .courseExplain{
	width:580px;
	float:right;
}


/**/
#rate .rank01 .courseImage{
	width:170px;
	float:left;
}
#rate .rank01 .courseImage img{
	width:170px;
	height:115px;
}
#rate .rank01 .courseExplain{
	width:520px;
	float:right;
}
#rate .rank02 .courseImage{
	width:110px;
	float:left;
}
#rate .rank02 .courseImage img{
	width:110px;
	height:82px;
}
#rate .rank02 .courseExplain{
	width:580px;
	float:right;
}



#rate .ranklist .courseRate{
	margin:0;
	padding:0;
}
#rate .courseRate table{
	width:719px;
	margin:0;
	padding:0;
}
#rate .courseRate table th{
	padding:5px;
	background:#f1f1f1;
	font-size:10px;
	font-weight:normal;
	color:#000;
	vertical-align:middle;
	border-right:none;
	border-bottom:1px solid #ccc;
	border-left:1px solid #ccc;
}
#rate .courseRate table th.synthesis{
	font-weight:bold;
	font-size:12px;
	border-left:none;
}

#rate .courseRate table td{
	padding:5px 10px 10px;
	border-right:none;
	border-bottom:none;
	border-left:1px solid #ccc;
	text-align:center;
	vertical-align:bottom;
}
#rate .courseRate table td span{
	display:block;
}
#rate .courseRate table td.synthesis{
	border:none;
}
#rate .courseRate table td.synthesis span{
	font-weight:bold;
	font-size:16px;
	color:#ec4056;
}



.courseRate dt{
	margin:0;
	padding:5px;
	text-align:center;
	background:#f1f1f1;
	border-left:none;
	border-bottom:1px solid #ccc;
	float:none;
}







		
/* 
================================================================================ 
     form                                                              
===============================================================================

 */

#str_container select#playarea{
	margin:0;
	width:140px !important;
	height:100px !important;
}

#str_container select#playarea optgroup{
	font-weight:normal;
	font-style:normal;
}


#str_menuAndContents #searcharea{
	width:770px;
	margin: 0 0 30px;
	text-align:center;
	overflow:hidden;
}

#str_menuAndContents #searcharea form{
	width:770px;
	margin:0 auto;
	padding: 10px 0 0 ;
	background:url(/special_cp/renewal/second/0727/images/bg_section_cobaltblue_770.gif) top;
	display:block;
}
#str_menuAndContents #searcharea select{
	font-size:12px;
}
#str_menuAndContents #searcharea .condition{
	width:750px;
	margin:0 10px;
	padding:0;
	background:#fff;
	overflow:hidden;
	text-align:left;
}
#searcharea .condition h3{
	margin:0;
	padding:0;
	background:url(/special_cp/renewal/second/0727/images/bg_heading_cobaltblue_750.gif) top;
	border:0;
}
#searcharea .condition h3 img{
	margin:5px 10px;
}

#searcharea .condition h4{
	margin-bottom:5px;
	padding-left:5px;
	border-left: 3px solid #EB4055;
}
#searcharea .condition div{
	padding:10px 10px 5px;
	margin:0;
	background:#fff;
	float:left;
}
#searcharea .condition div.calheader{
	padding:0;
	float:right;
}
#searcharea .condition div.play{
	width:150px !important;
	border-right:1px solid #ccc;
}
#searcharea .condition div.proposeday{
	width:500px;
	border-bottom:1px solid #ccc;
}
#searcharea .condition div.boxTtl{
	width:500px;
	padding:0;
}
#searcharea .condition div.boxTtl h4{
	float:left;
}
#searcharea .condition div.boxTtl #selectCalendar{
	float:left;
	margin-left:5px;
}
#searcharea .condition div.boxTtl p#selectCalendar{
	margin-top:0px!important;
}
#searcharea .condition div.boxTtl div div.title{
	display:block;
	float:none;
	border:none;
	font-size:10px;
}
#searcharea .condition .form_tbl_layout_inner{
	width:230px;
	float:left;
}
#searcharea .condition .price{
	width:230px;
	border-right:1px solid #ccc;
}
#searcharea .condition .golfcoursegdocod{
	width:250px;
}
#searcharea .condition .text{
	padding:10px;
	border-top:1px solid #ccc;
	clear:both;
}
#searcharea .button{
	padding:20px;
	text-align:center;
	background:url(/special_cp/renewal/second/0727/images/bg_section_cobaltblue_770.gif) bottom #fff;
}