@charset "utf-8";

/* #############################################################

[ 基本パーツ + 汎用パーツ ]

※追記・改変の際はウェブマスタに問い合わせること

############################################################# */

#str_contents h3{
	margin:0 0 10px;
	padding:0;
	border:0;
}

.point{
	width:770px;
	margin-bottom:20px;
	overflow:hidden;
}
.point .play{
	width:250px;
	margin-right:10px;
	padding-bottom:1px;
	float:left;
	background:#f1f1f1;
}
.point .play.end{
	margin-right:0;
}
#str_contents .point .play h3{
	margin:0;
}

.point .play ul{
	margin:10px 0 5px 10px;
}
.point .play li{
	margin: 0 10px 5px 0;
	padding: 0 10px;
	float:left;
	background:url(/resource/images/iconmark/mrk_triangle_red.gif) no-repeat;
	background-position:0 3px;
	border-right:1px solid #ccc;
	color:#999;
}
.point .play li.side{
	margin-right:0;
	padding: 0 0 0 10px;
	border:none;
}
.point .play li a{
	padding:0;
	white-space:nowrap;
}

.ranking{
	width:770px;
	margin-bottom:20px;
	overflow:hidden;
}
.ranking table{
	width:380px;
	border: 1px #ccc solid;
    border-collapse: collapse;
    border-spacing: 0;
}
.ranking table.east{
	float:left;
}
.ranking table.west{
	float:right;
}

.ranking table th,
.ranking table td{
	padding: 3px 10px;
	vertical-align:middle;
}
.ranking table thead th{
	padding:0 10px;
	background:#d6d5f4;
	vertical-align:middle;
}
.ranking table tbody th,
.ranking table tbody td{
	border-top:1px solid #ccc;
}
.ranking table tbody th{
	width:22px;
	margin-right:0px;
}



	
/* 
================================================================================ 
     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;
	background:url(/special_cp/renewal/second/0727/images/bg_heading_cobaltblue_750.gif) top;
}
#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 10px;
	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:555px;
	border-bottom:1px solid #ccc;
}
#searcharea .condition div.boxTtl{
	width:500px;
	padding:0 0 5px;
}
#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;
}

.radio{
	float:left;
}


.weekday{
	padding:0 30px 10px;
	background:url(/special_cp/renewal/second/0727/images/bg.gif);
	text-align:right;
}
.weekday a{
	padding-left:10px;
	background:url(/resource/images/iconmark/mrk_triangle_red.gif) left no-repeat;
}


/*other*/
#other{
	width:770px;
	margin: 0 0 20px;
	overflow:hidden;
}

#other .images{
	width:72px;
	margin:0 10px 0 0;
	float:left;
}
#other a{
	font-weight:bold;
}