?@charset "utf-8";

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

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

適用範囲：/opencompe/reserve/以下

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

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

/* ==========================================================================
モジュール
=========================================================================== */
#str_container #str_menuAndContents {
	
}

/* ==========================================================================
タブナビゲーション
=========================================================================== */
#str_container #str_menuAndContents .tabNavi {
	width:770px;
}
/* .tabMenu
--------------------------------------------- */
#str_container #str_menuAndContents .tabNavi .tabMenu{

}
	#str_container #str_menuAndContents .tabNavi .tabMenu li span{
		width:2.8em;
	}


/* ==========================================================================
インフォメーション
=========================================================================== */
#str_container #str_menuAndContents .blockGray.blockInformation{
	margin:0 10px;
	background:url(/resource/images/iconmark/icn_information.gif) #f3f3f3 no-repeat 10px 10px;
}

	#str_container #str_menuAndContents .blockGray.blockInformation ul{
		margin:0 0 0 32px;
	}
	
/* ==========================================================================
検索結果
=========================================================================== */
#str_container #str_menuAndContents .blockSearchResult{
	font-weight:bold;
	margin:20px 10px;
}

/* ==========================================================================
表示内容選択：タブナビ
=========================================================================== */
#str_container #str_menuAndContents .sectionSelectView{
	margin-bottom:10px;
}
	/* タブメニュー (tabMenu)
	--------------------------------------------- */
	#str_container #str_menuAndContents .sectionSelectView ul.tabMenu{
		width:760px;/*　Full 770px　*/
		padding:0 5px;
		background:url(/opencompe/reserve/images/bg_tabnavi.gif) repeat-x bottom left;
		height:23px;
		font-size:0;
	}
		#str_container #str_menuAndContents .sectionSelectView ul.tabMenu li{
			float:left;
			padding-right:3px;
		}
		
	/* 表示メニュー部分
	--------------------------------------------- */
	#str_container #str_menuAndContents .blockSelectView{
		padding:10px 15px;
		background:url(/opencompe/reserve/images/bg_tabnavi.gif) repeat-x bottom left;
		line-height:1.5;
	}
		
/* ==========================================================================
ゴルフ場情報
=========================================================================== */
#str_container #str_menuAndContents .areaGolfcourse{
	border:1px solid #cccccc;
	margin-bottom:10px;
}
/* <p>マージン制御
--------------------------------------------- */
#str_container #str_menuAndContents .areaGolfcourse p{
	margin:0px;
}

	/* -------------------------------------------------------------- 
	ゴルフ場情報
	-------------------------------------------------------------- */
	#str_container #str_menuAndContents .areaGolfcourse .sectionGolfcourse{
		border-bottom:1px solid #cccccc;
		padding:10px 10px;
		background:#dce6f6;
	}
	
		/* ゴルフ場
		--------------------------------------------- */
		#str_container #str_menuAndContents .areaGolfcourse .sectionGolfcourse .boxGolfcourse{
			float:left;
			width:577px;
		}
			/*　<h3>　*/
			#str_container #str_menuAndContents .areaGolfcourse .sectionGolfcourse .boxGolfcourse h4{
				padding:0;
				margin:0 0 6px;
				border:none;
				font-size:113%;
			}
				#str_container #str_menuAndContents .areaGolfcourse .sectionGolfcourse .boxGolfcourse h4 a{
					display:block;
					background:url(/resource/images/iconmark/mrk_triangle_gray.gif) no-repeat 0 0.1em;
					padding:0 0 0 8px;
				}
			
			/*　アクセス　*/
			#str_container #str_menuAndContents .areaGolfcourse .sectionGolfcourse .boxGolfcourse .access{
				margin:0;
				padding:0 0px 0 8px;
				color:#666666;
		
				line-height:1;
			}
				/*　地図　*/
				#str_container #str_menuAndContents .areaGolfcourse .sectionGolfcourse .boxGolfcourse .access .map{
					padding:0 0 0 10px;
					vertical-align:top;
					font-size:0px;
				}
			
		/* ゴルフ場詳細・予約する：ボタン
		--------------------------------------------- */
		#str_container #str_menuAndContents .areaGolfcourse .boxBtn{
			float:right;
			width:157px;
		}

	/* -------------------------------------------------------------- 
	コンペ情報
	-------------------------------------------------------------- */
	#str_container #str_menuAndContents .areaGolfcourse .sectionCompeInfo{
		border-bottom:1px solid #cccccc;
		padding:10px 10px;
	}	
		/* コンペ情報（boxCompeInfo）
		--------------------------------------------- */	
		#str_container #str_menuAndContents .areaGolfcourse .sectionCompeInfo .boxCompeInfo{
			float:left;
			width:612px;
			margin:0;
		}
		/* コンペ情報 ---------------*/
		#str_container #str_menuAndContents .areaGolfcourse .sectionCompeInfo .boxCompeInfo .compeName{
			display:inline;
			font-weight:bold;
			padding-right:15px;
		}
			#str_container #str_menuAndContents .areaGolfcourse .sectionCompeInfo .boxCompeInfo .compeName span{
				padding-left:1em;
			}
			
		/* その他の情報 ---------------*/
		#str_container #str_menuAndContents .areaGolfcourse .sectionCompeInfo .boxCompeInfo .other{
			display:inline;
		}
		
		/* プレースタイルアイコン ---------------*/
		#str_container #str_menuAndContents .areaGolfcourse .sectionCompeInfo .icnList{
			margin:0;
			padding:3px 0 0 8px;
		}


		#str_container #str_menuAndContents .areaGolfcourse .sectionCompeInfo .iconlist{
			margin:0;
			padding:3px 0 0 8px;
		}
		#str_container #str_menuAndContents .areaGolfcourse .sectionCompeInfo .iconlist li{
			width:4em;
			margin-right:3px;
			padding: 1px 5px;
			display:block;
			float:left;
			color:#fff;
			font-size:10px;
			text-align:center;
			white-space:nowrap;
			border-radius: 3px;		/* CSS3草案 */
			-webkit-border-radius: 3px;	/* Safari,Google Chrome用 */
			-moz-border-radius: 3px;	/* Firefox用 */
		}
		#str_container #str_menuAndContents .areaGolfcourse .sectionCompeInfo .iconlist li.dete_only{
			background:#e94057;
		}
		#str_container #str_menuAndContents .areaGolfcourse .sectionCompeInfo .iconlist li.gdo_only{
			background:#338ccb;
		}

		/* 料金 ---------------*/
		#str_container #str_menuAndContents .areaGolfcourse .sectionCompeInfo .boxPrice{
			clear:both;
			margin:0;
			padding:3px 0 0 8px;
			font-weight:bold;
			color:#333333;
		}
			#str_container #str_menuAndContents .areaGolfcourse .sectionCompeInfo .boxPrice span.priceTxt{
				color:#eb4055;
			}
			#str_container #str_menuAndContents .areaGolfcourse .sectionCompeInfo .boxPrice span.option{
				padding-left:1em;
				font-weight:normal;
			}
			
		/* プレースタイルアイコン（boxCompeInfo）
		--------------------------------------------- */		
		#str_container #str_menuAndContents .areaGolfcourse .sectionCompeInfo .boxPlaystyleIcn{
			float:right;
			width:127px;
			text-align:right;
			font-size:0;
		}
	
	/* -------------------------------------------------------------- 
	詳細情報
	-------------------------------------------------------------- */
	#str_container #str_menuAndContents .areaGolfcourse .sectionDetailInfo{
		padding:10px 10px;
		background:#fcefe0;
	}