@charset "utf-8";

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

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

適用範囲：/category/beginner.html以下

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

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


/* ==========================================================================
 メインビジュアル直下
=========================================================================== */
#str_container #str_menuAndContents #str_contents .tabNavi .dayMenu{
	padding:1px 0 3px;
	background:#003366;
}
#str_container #str_menuAndContents #str_contents .tabNavi .dayMenu ul{
	margin:0;
	padding:0;
	overflow:hidden;
	zoom:1;
}
#str_container #str_menuAndContents #str_contents .tabNavi .dayMenu li{
	margin:0 0 0 10px;
	padding:0;
	float:left;
}
#str_container #str_menuAndContents #str_contents .tabNavi .dayMenu li a{
	margin:0 5px 0 0;
	padding:3px 5px 1px 13px;
	background:url(/resource/images/iconmark/mrk_triangle_dlgray.gif) no-repeat;
	background-position:5px 7px;
	color:#fff;
	display:block;
}
#str_container #str_menuAndContents #str_contents .tabNavi .dayMenu li.holiday a{
	color:#FF9FAC;
}

#str_container #str_menuAndContents #str_contents .tabNavi .dayMenu li.current,
#str_container #str_menuAndContents #str_contents .tabNavi .dayMenu li a:hover,
#str_container #str_menuAndContents #str_contents .tabNavi .dayMenu li a.current{
	background:url(/resource/images/tabnavi/bg_thirdmenu_cobaltblue_left.gif) no-repeat left #5986B1;
	background-position:0 1px;
}
#str_container #str_menuAndContents #str_contents ul.noteList {
	float:left;
	width:520px;
}

#str_container #str_menuAndContents #str_contents ul.noteList li {
	margin-bottom:0;
}

#str_container #str_menuAndContents #str_contents div.noteBox {
	float:left;
	width:520px;
}

#str_container #str_menuAndContents #str_contents .courselist {
	float:right;
	width:237px;
}

#str_container #str_menuAndContents #str_contents .tabNavi {
	margin-top:7px;
}

:root #str_container #str_menuAndContents #str_contents .tabNavi {
	position:relative;
	bottom:4px;
	margin-top:0;
	margin-bottom:6px;
}


#str_container #str_menuAndContents #str_contents .tabNavi .sort{
	margin:5px 0;
	text-align:right;
	clear:both;
}

#str_container #str_menuAndContents #str_contents .tabNavi .sort dt{
	margin-right:10px;
	display:inline;
	font-weight:bold;
}
#str_container #str_menuAndContents #str_contents .tabNavi .sort dd{
	margin-right:10px;
	padding-right:10px;
	display:inline;
	border-right: 1px solid #ccc;
}
#str_container #str_menuAndContents #str_contents .tabNavi .sort dd.last{
	margin-right:0;
	border-right:0;
}
/* ==========================================================================
 div.tabNavi
=========================================================================== */



/* ==========================================================================
 div.wrap_item
=========================================================================== */
#str_container #str_menuAndContents #str_contents .wrap_item {
	margin-bottom:10px;
	background:url(/category/images/bg_item.gif) no-repeat 0% bottom;
}
#str_container #str_menuAndContents #str_contents .detail01{
	overflow:hidden;
	width:748px;
}
#str_container #str_menuAndContents #str_contents .moveTop{
	border:none;
	background:none;
}

/* -------------------------------------------------------------- 
ゴルフ場名・予約ボタン
-------------------------------------------------------------- */
#str_container #str_menuAndContents #str_contents .wrap_item div.name {
	position:relative;
	margin-bottom:2px;
	padding:8px 10px 7px 10px;
	border:1px solid #cccccc;
	width:748px;
	color:#666666;
	background-color:#edf2fa;
	letter-spacing:0.1em;
}

#str_container #str_menuAndContents #str_contents .wrap_item div.name div.golfcourse {
	width:575px;
}

#str_container #str_menuAndContents #str_contents .wrap_item div.name div.golfcourse a {
	font-weight:bold;
}

#str_container #str_menuAndContents #str_contents .wrap_item div.name div.access {
	margin-left:8px;
}

#str_container #str_menuAndContents #str_contents .wrap_item div.button {
	position:absolute;
	top:11px;
	right:10px;
}

#str_container #str_menuAndContents #str_contents .wrap_item div.button a {
	display:block;
	width:157px;
	height:27px;
}


/* -------------------------------------------------------------- 
詳細上段
-------------------------------------------------------------- */
#str_container #str_menuAndContents #str_contents .wrap_item .detail01 {
	padding:8px 10px 10px 11px;
	border-bottom:1px solid #cccccc;
}


/* 写真セクション
--------------------------------------------- */
#str_container #str_menuAndContents #str_contents .wrap_item .detail01 .areaGolfCourseInfo .sectionPht {
	width:136px;
	float:left;
	margin-right:10px;
}


/* ゴルフ場情報セクション
--------------------------------------------- */
#str_container #str_menuAndContents #str_contents .wrap_item .detail01 .areaGolfCourseInfo .sectionGolfCourseInfo {
	width:602px;
	float:left;
}

#str_container #str_menuAndContents #str_contents .wrap_item .detail01 .areaGolfCourseInfo .sectionGolfCourseInfo p.heading {
 	border:none;
	color:#eb4055;
	margin:0 0 5px;
	padding:0;
	font-size:113%;
	font-weight:bold;
}

#str_container #str_menuAndContents #str_contents .wrap_item .detail01 .areaGolfCourseInfo .sectionGolfCourseInfo .block2Clumn p.smallheading {
	padding:3px 3px 0 6px;
	margin: 0 0 10px 0;
	border-left:4px solid #eb4055;
	font-weight:bold;
	display:inline;
	font-size:100%;
}

#str_container #str_menuAndContents #str_contents .wrap_item .detail01 .areaGolfCourseInfo .sectionGolfCourseInfo .block2Clumn p.recomStar,
#str_container #str_menuAndContents #str_contents .wrap_item .detail01 .areaGolfCourseInfo .sectionGolfCourseInfo .block2Clumn div.comment_map {
	display:inline;
	padding-right:8px;
}

#str_container #str_menuAndContents #str_contents .wrap_item .detail01 .areaGolfCourseInfo .sectionGolfCourseInfo .block2Clumn div.comment_map img {
	vertical-align:middle;
}


/* -------------------------------------------------------------- 
詳細下段
-------------------------------------------------------------- */
#str_container #str_menuAndContents #str_contents .wrap_item .detail02 {
	padding:0 1px;
}


/* 期間中の指定日
--------------------------------------------- */
#str_container #str_menuAndContents #str_contents .wrap_item .detail02 .period {
	float:left;
	padding:8px 10px 5px;
	width:220px;
}


/* スキルアップレッスンプラン、NSスペシャルマンディ
--------------------------------------------- */
#str_container #str_menuAndContents #str_contents .wrap_item .detail02 .courseplan {
	float:right;
	padding:9px 7px 5px 10px;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	width:507px;
}


#str_container #str_menuAndContents #str_contents .wrap_item .detail02 .text {
	float:left;
	width:445px;
}

#str_container #str_menuAndContents #str_contents .wrap_item .detail02 .icon {
	float:right;
	width:54px;
}


/* ==========================================================================
 コース一覧
=========================================================================== */
#str_container #str_menuAndContents #str_contents .sectionGray .inner .column3 {
	float:left;
	width:33%;
}

#str_container #str_menuAndContents #str_contents .sectionGray .inner .column3 dl dd {
	margin-left:5px;
}


/* ==========================================================================
 カテゴリー
=========================================================================== */
#str_container .sectionSideMenu h3.sideMenu span{
	display:block;
	padding:0px 0 0 5px;
	border-left:3px solid #eb4055;
}


/* ==========================================================================
 関連情報
=========================================================================== */
#str_container #str_leftmenu .sectionSideMenu .headingGray h2 a{
	display:block;
	margin-top:-2px;
	height:15px;
}

*:first-child+html #str_container #str_leftmenu .sectionSideMenu .headingGray h2 a {
	margin-bottom:3px;
}

#str_container #str_leftmenu .sectionSideMenu .inner.relation {
	padding-bottom:7px;
}

#str_container #str_leftmenu .sectionSideMenu .inner.relation ul.relation {
	margin-bottom:5px;
	padding-bottom:5px;
	background:url(/category/images/bg_relation.gif) no-repeat 50% 100%;
}