@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      p_4_0_common.css(←ファイル名をここに記入すること)
 Style Info:     スタイル追加用
----------------------------------------------------------- */

/* コンテンツ全体[
----------------------------------------------------------- */
#content {
	padding: 0px 0px 50px 0px;
	width: 950px;
	text-align: left;
	color: #333333;
}

/*
 追加したスタイル[
----------------------------------------------------------- */
/*index.html*/



/**************************************************/
/*
/* ページタイトル部
/*
/**************************************************/

div#main-header {
	padding: 15px;
	height: 100px;
	background: url(/ou/images/p_4_main_header_bg_01.gif) repeat-x left top;
}

div#main-header div.left {
	float: left;
	width: 490px;
}

div#main-header div.left h1 {
	font-size: 125%;
	font-weight: bold;
	color: #333333;
	line-height: 1.1em;
}

div#main-header div.left h1 a {
	color: #333333 !important;
	text-decoration: none !important;
}

div#main-header div.left p.access {
	margin: 25px 0px 10px 0px;
	font-size: 75%;
	line-height: 1.4em;
}

div#main-header div.left p.access img {
	margin: -2px 0px 0px 5px;
	vertical-align: bottom;
}

div#main-header div.left p.type {
	font-size: 75%;
	line-height: 1.4em;
}

div#main-header div.left p.type img {
	margin: -2px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
	vertical-align: bottom;
}

div#main-header div.right {
	float: right;
	text-align: right;
}

div#main-header div.right dl.rating {
	width: 215px;
}

div#main-header div.right dl.rating dt {
	margin: 5px 5px 0px 0px;
	width: 100px;
	float: left;
	color: #046F03;
	font-size: 75%;
	font-weight: bold;
	line-height: 1.2em;
	text-align: right;
}

div#main-header div.right dl.rating dd {
	width: 110px;
	float: right;
	text-align: center;
}

div#main-header div.right dl.rating dd p.star {
	margin: 0px 5px 0px 0px;
}

div#main-header div.right dl.rating dd p.kuchikomi {
	margin: 5px 5px 0px 0px;
	font-size: 60%;
	line-height: 1.2em;
}

div#main-header div.right p.btn-kuchikomi {
	margin: 10px 0px 5px 0px;
}



/*ヘッダーのナビゲーション*/
div#header-navi {
	margin: 0px;
	padding: 0px 0px 0px 10px;
	clear: both;
	background: url(/ou/images/p_4_header_navi_bg.gif) repeat-x left bottom;
}

div#header-navi ul li {
	float: left;
}

div#header-navi ul li img {
	vertical-align: bottom;
}



/**************************************************/
/*
/*基本情報のブロック
/*
/**************************************************/

/* 1006 観光ガイド 温泉導線追加 ここから */
div#main-block-01 h2 {
	float: left;
}

div#main-block-01 p.surrounding-hotels {
	margin: 30px 0px 10px 0px;
	float: right;
}

div#main-block-01 p.notice {
	margin: 0px 0px 10px 0px;
	clear: both;
	color: #666666;
	font-size: 70%;
	line-height: 1.2em;
}
/* 1006 観光ガイド 温泉導線追加 ここまで */

div#main-block-01 p.text {
	font-size: 75%;
	line-height: 1.4em;
}

div#main-block-01 div.info {
	margin: 20px 0px 0px 0px;
	width: 500px;
	float: left;
}

div#main-block-01 div.info dl {
	margin: 0px 0px 10px 0px;
}

div#main-block-01 div.info dl dt {
	margin: 0px 10px 0px 0px;
	padding: 2px 0px;
	width: 100px;
	float: left;
	background-color: #EEEEEE;
	font-size: 70%;
	line-height: 1.4em;
	text-align: center;
}

div#main-block-01 div.info dl dd {
	padding: 2px 0px 0px 0px;
	width: 390px;
	float: left;
	font-size: 75%;
	line-height: 1.4em;
}

div#main-block-01 div.photos {
	margin: 20px 0px 0px 0px;
	width: 212px;
	float: right;
}

div#main-block-01 div.photos p.photo-01 {
	margin: 0px 0px 6px 0px;
	text-align: center;
}

div#main-block-01 div.photos p.photo-02 {
	width: 100px;
	float: left;
	text-align: center;
}

div#main-block-01 div.photos p.photo-03 {
	width: 100px;
	float: right;
	text-align: center;
}

div#main-block-01 div.sub-info {
	clear: both;
}

div#main-block-01 div.sub-info p.link-arrow {
	margin: 0px 0px 5px 0px;
	clear: both;
	float: right;
	white-space: nowrap;
}

div#main-block-01 div.sub-info p.update,
div#main-block-01 div.sub-info p.offerer {
	clear: both;
	color: #666666;
	font-size: 60%;
	line-height: 1.2em;
	text-align: right;
}

div#main-block-01 div.visited-time p {
	margin: 5px 0px 5px 0px;
	color: #339900;
	font-size: 87.5%;
	font-weight: bold;
	line-height: 1.2em;
}

div#main-block-01 div.visited-time ul li {
	margin: 0px 1px 0px 0px;
	padding: 2px 0px;
	width: 35px;
	float: left;
	color: #FFFFFF;
	font-size: 75%;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
}

div#main-block-01 div.visited-time ul li.month-00 { background-color: #CCC; }
div#main-block-01 div.visited-time ul li.month-01 { background-color: #B9D660; }
div#main-block-01 div.visited-time ul li.month-02 { background-color: #99C142; }
div#main-block-01 div.visited-time ul li.month-03 { background-color: #7CB72F; }
div#main-block-01 div.visited-time ul li.month-04 { background-color: #339900; }



/**************************************************/
/*
/*みんなの写真のブロック
/*
/**************************************************/

div#main-block-02 {
	padding: 0px 0px 10px 0px;
	width: 740px;
	background: url(/ou/images/p_4_0_spot_photo_bg_02.gif) no-repeat left bottom;
}

div#main-block-02 div.spot-photos {
	padding: 20px 0px 10px 0px; 
	background: url(/ou/images/p_4_0_spot_photo_bg_01.gif) no-repeat left top;
}

div#main-block-02 div.spot-photos div.photo-article {
	width: 180px;
	float: left;
}

div#main-block-02 div.spot-photos div.photo-article p.photo span {
	margin: 0px 0px 10px 18px;
	width: 160px;
	height: 120px;
	display: block;
	background-color: #ffffff;
	text-align: center;
}

div#main-block-02 div.spot-photos div.photo-article dl {
	margin: 0px 0px 0px 18px;
}

div#main-block-02 div.spot-photos div.photo-article dl dt {
	padding: 0px 0px 3px 0px;
	width: 57px;
	float: left;
}

div#main-block-02 div.spot-photos div.photo-article dl dt img {
	vertical-align: top;
}

div#main-block-02 div.spot-photos div.photo-article dl dd {
	width: 103px;
	float: left;
	font-size: 70%;
	line-height: 1.6em;
}



/**************************************************/
/*
/*宿からの現地情報のブロック
/*
/**************************************************/

div#main-block-03 div.left {
	width: 102px;
	float: left;
}

div#main-block-03 div.left p.photo {
	margin: 0px 0px 5px 0px;
}

div#main-block-03 div.left p.photo a {
	width: 100px;
}

div#main-block-03 div.left p.yado-name {
	font-size: 70%;
	line-height: 1.2em;
}

div#main-block-03 div.right {
	width: 634px;
	float: right;
	background: url(/ou/images/p_4_0_yado_info_bg_01.gif) no-repeat left top;
}

div#main-block-03 div.right p.caption {
	padding: 15px 20px 0px 45px;
	color: #046F03;
	font-size: 87.5%;
	font-weight: bold;
	line-height: 1.2em;
}

div#main-block-03 div.right p.caption span {
	padding: 0px 0px 0px 10px;
	color: #333333;
	font-size: 87.5%;
	font-weight: bold;
	line-height: 1.2em;
}

div#main-block-03 div.right p.text {
	padding: 7px 20px 27px 45px;
	background: url(/ou/images/p_4_0_yado_info_bg_02.gif) no-repeat left bottom;
	font-size: 81.3%;
	line-height: 1.2em;
}

div#main-block-03 p.link-arrow {
	margin: 5px 0px 0px 0px;
	float: right;
}



/**************************************************/
/*
/*人気の観光スポットのブロック
/*
/**************************************************/

div#main-block-04 h2.block-title a img {
	margin: 0px 0px 0px 5px;
	vertical-align: middle;
}



/*リスト部の1ブロック*/
div.around-spot-article {
	padding: 0px 0px 15px 0px;
}



/*リスト部のブロックのヘッダ*/
div.around-spot-article div.header {
	margin: 0px 0px 15px 0px;
	padding: 5px;
	background-color: #E0F6D4;
}

div.around-spot-article div.header p.area {
	float: left;
	font-size: 75%;
	line-height: 1.2em;
}

div.around-spot-article div.header p.icon {
	float: right;
}



/*リスト部のブロックの左の写真*/
div.around-spot-article div.left {
	margin: 0px 15px 0px 0px;
	float: left;
}

div.around-spot-article div.left p.photo a {
	width: 160px;
	height: 120px;
}



/*リスト部のブロックの中央のテキスト類*/
div.around-spot-article div.center {
	width: 390px;
	float: left;
}

div.around-spot-article div.center p.title {
	font-size: 87.5%;
	font-weight: bold;
	line-height: 1.2em;
}

div.around-spot-article div.center p.distance {
	margin: 8px 0px;
	color: #CC0000;
	font-size: 75%;
	font-weight: bold;
	line-height: 1.2em;
}

div.around-spot-article div.center p.text {
	font-size: 75%;
	line-height: 1.4em;
}

div.around-spot-article div.center p.address {
	margin: 5px 0px;
	padding: 5px 0px 0px 0px;
	background: url(/ou/images/line_dot.gif) repeat-x left top;
	font-size: 75%;
	line-height: 1.2em;
}



/*リスト部のブロックの右の評価とアクセス*/
div.around-spot-article div.right {
	width: 160px;
	float: right;
}

div.around-spot-article div.right div.rating {
	width: 160px;
	background: url(/ou/images/rating_bg.gif) no-repeat 57px 0px;
	position: relative;
}

div.around-spot-article div.right div.rating p.caption {
	float: left;
}

div.around-spot-article div.right div.rating p.star {
	position: absolute;
	left: 67px;
	top: 8px;
}

div.around-spot-article div.right div.rating p.kuchikomi {
	padding: 28px 0px 0px 0px;
	text-align: center;
	font-size: 60%;
	line-height: 1.2em;
}

div.around-spot-article div.right p.access {
	margin: 10px 0px 0px 0px;
	padding: 5px;
	background-color: #EAEAEA;
	font-size: 60%;
	line-height: 1.4em;
}


p.to-top {
	padding: 0px 0px 10px 0px;
	border-bottom: #999999 1px solid;
}


/* 1006 観光ガイド 温泉導線追加 ここから */
/**************************************************/
/*
/*温泉地のブロック
/*
/**************************************************/

div#main-block-05 {
	padding: 0px 0px 4px 0px;
	background: url(/ou/images/p_3_0_event_list_bg.gif) repeat-x left bottom;
}

div#main-block-05 div.event-list {
	padding: 0px 10px 5px 10px;
	_width: 718px;
	clear: right;
	border: #CCCCCC 1px solid;
	background-color: #F5F5F5;
}

div#main-block-05 div.event-list p.caption {
	margin: 12px 0px 10px 0px;
	padding: 0px 0px 0px 3px;
	border-left: #965920 solid 4px;
	font-size: 81%;
	font-weight: bold;
	line-height: 1.1;
}

div#main-block-05 div.event-list ul li {
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 0px 7px;
	background: url(/ou/images/icon_arrow_grn.gif) no-repeat left center;
	font-size: 75%;
	line-height: 1.2em;
}

div#main-block-05 div.event-list ul li a {
	margin: 0px 5px 0px 0px;
}

/* 1006 観光ガイド 温泉導線追加 ここまで */

/* 140522 観光ガイド 写真投稿ボタン追加 */
#main-header .right .btn-photo {
	margin-bottom: 10px;
}
div#main-block-02 div.spot-photos div.photo-article p.photo img {
	max-height: 120px;
}
/* 140522 観光ガイド 写真投稿ボタン追加 */