@charset "utf-8";

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

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

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

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

/* ==========================================================================
 div.wrap_item
=========================================================================== */
 .wrap_item {
	margin-bottom:10px;
	background:url(/category/images/bg_item.gif) no-repeat 0% 100%;
}

h2{
	margin-bottom:10px;
}

/* -------------------------------------------------------------- 
ゴルフ場名・予約ボタン
-------------------------------------------------------------- */
.golfcourse .linkNor{
	padding-left:10px;
	font-size:14px;
	font-weight:bold;
}
 .wrap_item div.name {
	padding:8px 10px 7px 10px;
	border:1px solid #cccccc;
	width:748px;
	color:#666666;
	background-color:#edf2fa;
	letter-spacing:0.1em;
	overflow:hidden;
}

 .wrap_item div.name div.golfcourse {
	width:530px;
	float:left;
}

 .wrap_item div.name div.golfcourse a {
	font-weight:bold;
}

 .wrap_item div.name div.access {
	margin-left:8px;
}

 .wrap_item div.button {
	float:right;
}


.detail01{
	width:748px;
	padding:10px;
	border:1px solid #cccccc;
	border-top:none;
	overflow:hidden;
}

.sectionPht{
	width:242px;
	float:left;
	overflow:hidden;
}
.sectionPht img{
	margin:0 4px 4px 0;
}

.sectionGolfCourseInfo{
	width:500px;
	float:right;
	overflow:hidden;
}
.sectionGolfCourseInfo div{
	margin-bottom:10px;
}
.icnList{
	margin:0 5px 10px;
}

.icnList img{
	margin:0 5px 0 0;
}

.sectionGolfCourseInfo h3{
	margin-bottom:10px;
	padding: 2px 5px;
	border-left:3px solid #ED4054;
	font-size:12px;
}

.block2Clumn h4{
	margin-right:1em;
	font-size:14px;
	display:inline;
}
.block2Clumn .recomStar{
	margin-right:1em;
	font-size:10px;
	display:inline;
}
.comment_map{
	display:inline;
}
.column_map {
	float: right;
	margin-top: -1.5em;
}
.comment_map a{
	padding-left:10px;
}
.column_map a {
	padding-left:10px;
}

.blockGray{
	padding:3px 5px;
	background:#f3f3f3;
	font-weight:bold;
}
.wrap_item.column2 .blockGray{
	margin:0 5px 5px;
}
.clearfix{
	overflow:hidden;
}

.charge{
	width:420px;
	float:left;
}
.indent{
	font-weight:bold;
	display:block;
}
.txtClPink{
	font-weight:bold;
	color:#F03D5A;
}
.icon img{
	margin-top:15px;
}


.wrap_item.column2{
	width:770px;
	margin:0 auto;
	overflow:hidden;
}
.wrap_left{
	width:380px;
	float:left;
}
.wrap_right{
	width:380px;
	float:right;
}

.wrap_item.column2 {
	background:url(/special/hokkaido/images/bg_pickup2.gif) bottom no-repeat;
}
.wrap_item.column2 .golfcourse{
	padding:8px 10px 7px 10px;
	border:1px solid #cccccc;
	color:#666666;
	background-color:#edf2fa;
	letter-spacing:0.1em;
}
.detail{
	width:368px;
	padding: 0 5px;
	overflow:hidden;	
}
.photo{
	margin:5px 0 10px 3px;
	width:177px;
	float:left;
}
.text{
	margin:5px 3px 10px 0;
	width:177px;
	float:right;
}
.ex{
	margin: 0 5px 10px;
}
.wrap_item.column2 .block2Clumn {
	margin: 0 5px 10px;
}
.explain{
	margin: 0 5px 10px;
}
.wrap_item.column2 .charge{
	width:305px;
	float:left;
}
.button2{
	padding:0 10px 10px;
	text-align:right;
}


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

#other .wrap_item div.name div.golfcourse {
	width:585px;
}

#other .wrap_item div.name div.golfcourse a {
	font-weight:bold;
}

#other .wrap_item div.name div.access {
	margin-left:8px;
}

#other .wrap_item div.button {
	position:absolute;
	top:5px;
	right:5px;
}

#other .wrap_item div.button a {
	display:block;
}


/* -------------------------------------------------------------- 
詳細上段
-------------------------------------------------------------- */
#other .wrap_item .detail01 {
	padding:8px 10px 10px 10px;
	border-bottom:none;
}


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


/* ゴルフ場情報セクション
--------------------------------------------- */

#other .wrap_item .detail01 .areaGolfCourseInfo .sectionGolfCourseInfo {
	width:602px;
	float:left;
}

#other .wrap_item .detail01 .areaGolfCourseInfo .sectionGolfCourseInfo p.heading {
 	border:none;
	color:#eb4055;
	margin:0 0 5px;
	padding:0;
	font-size:113%;
	font-weight:bold;
}
#other .wrap_item .detail01 .areaGolfCourseInfo .sectionGolfCourseInfo .text{
	width:600px;
	float:none;
}
#other .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%;
}

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

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


/* -------------------------------------------------------------- 
詳細下段
-------------------------------------------------------------- */
#other .wrap_item .detail02 {
	width:768px;
	padding:0;
	border:1px solid #ccc;
	border-top:none;
	overflow:hidden;
}


/* 期間中の指定日
--------------------------------------------- */
#other .wrap_item .detail02 .period {
	float:left;
	padding:8px 10px 5px;
	width:180px;
	border-top:1px solid #cccccc;
}


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


#other .wrap_item .detail02 .text {
	float:left;
	width:455px;
}

#other .wrap_item .detail02 .icon {
	float:right;
	width:70px;
}

#other .wrap_item .detail02 .icon icnList{
	margin:0;
}

#other .wrap_item .detail02 .icon .icnList img{
	margin:0 5px 0 0;
	display:inline;
}