@charset "utf-8";
/*---------------------------------------------------------
	タグリセット
----------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
	word-break:break-all;
	}
	
a:link, a:visited {
	color:#0574E3;
	}

a:hover {
	color:#FF6666;
	}

/*IEで画像の上下に余計なスペースを解除。フラッシュはembed に指定が無いと、Firefoxで余白が発生して、object に指定が無いとSafariで発生*/
img, object, embed {
　　vertical-align:bottom;
	}

a img{
	border:1px solid #CCCCCC;
	}

.none, a span, h5 span {
	display:none;
	}

ul,ol{
	list-style:none;
	}

html,body {
	height:100%;
	}

body{
	color:#555;
	background-color:#FFFFFF;
	font-family:"Hiragino Kaku Gothic Pro",Osaka,"MS PGothic",Sans-Serif;
	/*font-family:"MS P ゴシック","MS UI Gothic", Tahoma, "Lucida Grande", Sans-Serif;*//*
	font-family:"Meiryo","Gothic","MS P ゴシック","MS PGothic","ＭＳ Ｐゴシック","MS UI Gothic","Hiragino Kaku Gothic Pro","Osaka",verdana, sans-serif;*/
	font-size:84%;
	line-height:1.5;
	text-align:center;
	}

h2 {
	color:#000;
	font-size:120%;
	overflow:hidden;
	}

h3 {
	color:#000;
	font-size:10pt;
	overflow:hidden;
	}

h4 {
	color:#000;
	font-size:10pt;
	overflow:hidden;
	}

h5 {
	color:#000;
	font-size:10pt;
	overflow:hidden;
	}

/*赤字*/
.red{color:#FF0000;}
/*朱色*/
.red2{color:#FF6666;}
/*深赤字*/
.red3{color:#CC0000;}
/*オレンジ色*/
.orangeColor{color:#FFCC00;}

.kutikomipoint{color:#FF0099;}/*クチコミの評価点数*/
.datetext{color:#669900;}/*日付表記のカラー*/
.areacolor{color:#993300;}/*スポット等で使用するエリアカラー*/

.smallText {font-size:8pt;}/*トリミングBOX4「クチコミの評価点数、隣の括弧の文字サイズ」等で使用*/
.fontBold{font-weight:bold;}
.textCenter {text-align:center;}
.boxCenter {margin:0 auto;}
.MarginTopBtm10 {margin-top:10px;margin-bottom:10px;}
.MarginBtm10 {margin-bottom:10px;}

.PaddingBtm10 {padding-bottom:10px;}

.floatL {float:left;}
.floatR {float:right;}

/*3カラムのフロート解除*/
.all {position:relative;width:100%;font-size:0.1em;height:0;line-height:0;clear:both;visibility:hidden;}

.clearfix {	zoom:1;	}
.clearfix:after {   
    content: ".";   
    display: block;   
    visibility: hidden;
    height: 0;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
	}
/*---------------------------------------------------------
	ヘッダー
----------------------------------------------------------*/
.header {
	width:100%;
	height:25px;
	line-height:25px;
	min-height:25px;
	background:url("/mapplenet/image08/p2/bg_tagline.jpg") 0% 0% repeat-x;
	color:#FFFFFF;
	overflow:hidden;
	}

.header .header_center {
	width:968px;
	margin:0px auto;
	text-align:center;
	zoom:1;
	}

.header .header_center:after {   
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;   
	}

.header .header_center h1 {
	float:left;
	text-align:left;
	font-size:9pt;
	font-weight:normal;
	}

.header .header_center p {
	float:right;
	text-align:right;
	font-size:9pt;
	}

/*以下、ヘッダー右上リンク色の設定 */
.header .header_center p a {
	color:#FFFFFF;
	}

.header .header_center p a:hover {
	color:#FF6666;
	}

/*---------------------------------------------------------
	コンテンツ全体のwidthや中央寄せ　一番上部の青いバー（マイページで使用＊デフォルト）は含まないがフッターは含む
----------------------------------------------------------*/
.container {
	width:968px;
	margin:0px auto;
	text-align:center;
	}

.container * {
	text-align:left;
	}

/*-------------------（ユーザーページ以外で使う共通ヘッダー。ただし、ガイド／詳細では使わない。）------------------*/
/*---------------------------------------------------------
	マイページ（と共通）の先頭
----------------------------------------------------------*/
.mypage_head {
    position:relative;
    margin:0;
    padding:0;
	margin:10px 0;
	background:url("/mapplenet/image08/logo.gif") 0% 0% no-repeat;
	height:63px;
	}

.mypage_head a.mapplelink {/*まっぷるタイトルロゴへのリンク*/
    position:absolute;
	display:block;
	width:175px;
	height:63px;
	z-index:1;
	}

/*---------------------------------------------------------
	マイページ（と共通）のヘッダーにある検索フォーム
----------------------------------------------------------*/
.mypage_head_search {
    position:relative;
    margin:0;
    padding:0;
    width:498px;
    height:42px;
	/*background-color:#00CCCC;*/
	}

.mhs_label {
	position:absolute;
	top:0px;
    left:186px;
    width:303px;
    height:21px;
	font-size:10pt;
	line-height:1.1;
	overflow:hidden;
	/*background-color:#99CC00;*/
	}

.mypage_head_search p {
    position:absolute;
    bottom:5px;
    left:186px;
    margin:0;
    padding:0;
    width:303px;
    height:21px;
	/*background-color:#993300;*/	
	}

.mypage_head_search p input {
    vertical-align:bottom;
	}

.mypage_head_search p .search {
	position:absolute;
    bottom:0;
    left:0;
    width:253px;
    height:16px;
    padding-top:1px;
	}

.mypage_head_search p .searchsubmit {
	position:absolute;
    bottom:0;
    right:0;
    width:40px;
    height:22px;
	line-height:14px;
	font-size:9pt;
	text-align:center;
	}

.mypage_head_search p .watermarked_text {
	position:absolute;
    bottom:0;
    left:0;
    width:243px;
    height:16px;
    padding-top:1px;
    color:gray;
	}


/*---------------------------------------------------------
	マイページ（と共通）のヘッダーにあるマイページ、メモ、文字サイズ画像リンク、配置設定
----------------------------------------------------------*/
.mypage_head_link {
    position:absolute;
	bottom:0px;
    left:0px;
    margin:0;
    padding:0;
	width:498px;
	height:21px;
	/*background-color:#009966;*/
	}

.mypage_head_link p.mypagelink {
    position:absolute;
    top:0px;
    left:186px;
    margin:0;
    padding:0;
    width:95px;
    height:21px;
	}

.mypage_head_link p.mypagememo {
    position:absolute;
    top:0px;
	left:286px;
    margin:0;
    padding:0;
    width:60px;
    height:21px;
	}

.mypage_head_link div.mojisize {
    position:absolute;
    top:0px;
	left:351px;
    margin:0;
    padding:0;
	display:block;
    width:138px;
    height:21px;
	}

.mypage_head_link p.mypagelink a {/*「マイページ」画像のロールオーバー*/
	display:block;
	width:95px;
    height:21px;
	background:url("/mapplenet/image08/btn_mypage.gif") 0% 0% no-repeat;
	}

.mypage_head_link p.mypagelink a:hover {
	background:url("/mapplenet/image08/btn_mypage.gif") 0% 100% no-repeat;
	}

.mypage_head_link p.mypagememo a {/*「メモ」画像のロールオーバー*/
	display:block;
	width:60px;
    height:21px;
	background:url("/mapplenet/image08/btn_memo.gif") 0% 0% no-repeat;
	}

.mypage_head_link p.mypagememo a:hover {
	background:url("/mapplenet/image08/btn_memo.gif") 0% 100% no-repeat;
	}

.mypage_head_link div.mojisize ul {/*★以下「文字サイズ」画像また、ロールオーバー関連の設定。左にスペースを開け背景画像を表示させている。*/
	position:relative;
 	padding-left:75px;
	background:url("/mapplenet/image08/fontsize.gif") 0% 0% no-repeat;
	zoom:1;
	}

.mypage_head_link div.mojisize ul:after {/*子ネストのliでfloatしている点やulで背景画像を出すのでclearfix（clear）している*/
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
	}

.mypage_head_link div.mojisize ul li {/*liをfloatし「A」を３点並べる*/
	float:left;
	width:21px;
	height:21px;
	}

.mypage_head_link div.mojisize ul li.mojisize_01 a {
	display:block;
	width:21px;
    height:21px;
	background:url("/mapplenet/image08/btn_fontsize_s.gif") 0% 0% no-repeat;
	}

.mypage_head_link div.mojisize ul li.mojisize_01 a:hover {
	background:url("/mapplenet/image08/btn_fontsize_s.gif") 0% 100% no-repeat;
	}

.mypage_head_link div.mojisize ul li.mojisize_02 a {
	display:block;
	width:21px;
    height:21px;
	background:url("/mapplenet/image08/btn_fontsize_m.gif") 0% 0% no-repeat;
	}

.mypage_head_link div.mojisize ul li.mojisize_02 a:hover {
	background:url("/mapplenet/image08/btn_fontsize_m.gif") 0% 100% no-repeat;
	}

.mypage_head_link div.mojisize ul li.mojisize_03 a {
	display:block;
	width:21px;
    height:21px;
	background:url("/mapplenet/image08/btn_fontsize_l.gif") 0% 0% no-repeat;
	}

.mypage_head_link div.mojisize ul li.mojisize_03 a:hover {
	background:url("/mapplenet/image08/btn_fontsize_l.gif") 0% 100% no-repeat;
	}

.mypage_head_link div.mojisize ul li.mojisize_03 {
	zoom:1;
	}

.mypage_head_link div.mojisize ul li.mojisize_03:after {/*念の為、li後続もclearしておく*/ 
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
	}

/*---------------------------------------------------------
	マイページ（と共通）のヘッダーにある広告バナー
----------------------------------------------------------*/
.head_banner {
    position:absolute;
    top:0px;
    right:0px;
    width:468px;
    height:60px;
	}

.head_banner a img {
	border:none;
	}

/*-----------------End（ユーザーページ以外で使う共通ヘッダー。ただし、ガイド／詳細では使わない。）End------------------*/


/*-------------------------------------------P2以降の共通ヘッダー----------------------------------------------------*/
/*---------------------------------------------------------
	P2以降の共通ヘッダー
----------------------------------------------------------*/
.p2_mypage_head {
    position:relative;
    margin:0;
    padding:0;
	margin:10px 0;
	background:url("/mapplenet/image08/p2/logo_nomal.jpg") 0% 0% no-repeat;
	height:64px;
	}

.p2_mypage_head a.p2_mapplelink {/*まっぷるタイトルロゴへのリンク*/
    position:absolute;
	display:block;
	width:255px;
	height:64px;
	z-index:1;
	}

/*---------------------------------------------------------
	ヘッダーにある検索フォーム
----------------------------------------------------------*/
.p2_mypage_head_search {
    position:relative;
    margin:0;
    padding:0;
    width:498px;
    height:42px;
	/*background-color:#00CCCC;*/
	}

.p2_mhs_label {
	position:absolute;
	top:0px;
    left:263px;
    width:227px;
    height:21px;
	font-size:10pt;
	line-height:1.1;
	overflow:hidden;
	/*background-color:#99CC00;*/
	}

.p2_mypage_head_search p {
    position:absolute;
    bottom:5px;
    left:263px;
    margin:0;
    padding:0;
    width:227px;
    height:21px;
	/*background-color:#993300;*/	
	}

.p2_mypage_head_search p input {
    vertical-align:bottom;
	}

.p2_mypage_head_search p .p2_search{
	position:absolute;
    bottom:0;
    left:0;
    width:178px;
    height:16px;
    padding-top:1px;
	}

.p2_mypage_head_search p .p2_searchsubmit {
	position:absolute;
    bottom:0;
    right:0;
    width:40px;
    height:22px;
	line-height:14px;
	font-size:9pt;
	text-align:center;
	}

/*---------------------------------------------------------
	ヘッダーにあるマイページ、メモ、配置設定
----------------------------------------------------------*/
.p2_mypage_head_link {
    position:absolute;
	bottom:3px;
    left:0px;
    margin:0;
    padding:0;
	width:498px;
	height:21px;
	/*background-color:#009966;*/
	}

.p2_mypage_head_link p.p2_mypagelink {
    position:absolute;
    top:0px;
    left:263px;
    margin:0;
    padding:0;
    width:110px;
    height:21px;
	}

.p2_mypage_head_link p.p2_mypagememo {
    position:absolute;
    top:0px;
	left:380px;
    margin:0;
    padding:0;
    width:110px;
    height:21px;
	}

.p2_mypage_head_link p.p2_mypagelink a {/*「マイページ」画像のロールオーバー*/
	display:block;
	width:110px;
    height:21px;
	background:url("/mapplenet/image08/p2/btn_mypage.gif") 0% 0% no-repeat;
	}

.p2_mypage_head_link p.p2_mypagelink a:hover {
	background:url("/mapplenet/image08/p2/btn_mypage.gif") 0% 100% no-repeat;
	}

.p2_mypage_head_link p.p2_mypagememo a {/*「メモ」画像のロールオーバー*/
	display:block;
	width:110px;
    height:21px;
	background:url("/mapplenet/image08/p2/btn_memo.gif") 0% 0% no-repeat;
	}

.p2_mypage_head_link p.p2_mypagememo a:hover {
	background:url("/mapplenet/image08/p2/btn_memo.gif") 0% 100% no-repeat;
	}

/*---------------------------------------------------------
	ヘッダーにある広告バナー
----------------------------------------------------------*/
.p2_head_banner {
    position:absolute;
    top:0px;
    right:0px;
    width:468px;
    height:60px;
	}

.p2_head_banner a img {
	border:none;
	}
/*-------------------------------------------P2以降の共通ヘッダー End----------------------------------------------------*/


/*---------------------------------------------------------
	マイページ等、コンテンツ領域全体（まっぷるタイトルロゴ領域の直下領域。＊RightFootLinkやフッターは含まない。）
	内部でフロート3カラム固定構成。フロート解除はcommon.css<div class="all"></div>で設定。
	背景を指定する場合にはここで設定すること。
----------------------------------------------------------*/
.contents {
	/*background-color:#330000;*/
	/*float:left;
	width:968px;*/
	/*zoom:1;*/
	}
/*
.contents:after {   
    content: ".";   
    display: block;   
    visibility: hidden;
    height: 0;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
	}*/

/*---------------------------------------------------------
	NOフロートコンテンツ
----------------------------------------------------------*/
.nofloat_contents {
	/*background-color:#9900CC;*/
	}


/*---------------------------------------------------------
	マイページ等、フロート設定（コンテンツ領域全体の子ネスト）
	両サイド等のスペース設定は、各ページcss毎で子DIVにて設定。
----------------------------------------------------------*/
.left_contents {
	float:left;
	width:170px;
	/*background-color:#9900CC;*/
	}

.banner_contents {/*上部のバナー領域、マイページトップで使用*/
	float:left;
	width:798px;
	/*background-color:#00FFCC;*/
	}

.center_contents {
	float:left;
	width:498px;
	/*background-color:#FF6600;*/
	}

.right_contents {
	float:left;
	width:300px;
	/*background-color:#FF9999;*/
	}

.RightMainContents {/*上部バナー領域とサイズは同じだが、これは２カラム専用フロート設定*/
	float:left;
	width:798px;
	}

.LeftMainContents {/*左メインコンテンツ。２カラム専用フロート設定。分類「教えて掲示板」で使用する。*/
	float:left;
	width:668px;
	}

/*---------------------------------------------------------
	3001meisanのタイトルh2　（3052縲鰀3054でも共通）
----------------------------------------------------------*/
.titleContents3001meisanH2, .titleContents_meisanH2 {
	height:45px;
	line-height:45px;
	background:url("/mapplenet/image08/p2/ti_meisan.jpg") 0% 0% no-repeat;
	zoom:1;
	overflow:hidden;
	}
	
.titleContents3001meisanH2:after, .titleContents_meisanH2:after {   
    content: ".";   
    display: block;   
    visibility: hidden;
    height: 0;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
	}

.titleContents3001meisanH2 h2, .titleContents_meisanH2 h2 {
	float:left;
	padding-left:10px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	}

.titleContents3001meisanH2 p, .titleContents_meisanH2 p {
	float:right;
	padding-left:18px;
	padding-right:10px;
	background:url("/mapplenet/image08/p2/icn_back.gif") 0% 50% no-repeat;
	}

/*---------------------------------------------------------
	★3002area等で使用するH2領域 ver.01
----------------------------------------------------------*/
.h2Box01 {
	position:relative;
	height:59px;
	background:url("/mapplenet/image08/p2/ti_aqua.jpg") 0% 0px no-repeat;
	}

.h2BoxTable {
	display:table;
	height:59px;
	}

.h2Display {
	display:table-cell;	
	vertical-align:middle;
	/*width:700px;*/
	line-height:1.4;
	}

.h2Kara {/*垂直配置の為の必要不可欠なクラスセレクタ、中身は空*/
	display:table-cell;
	vertical-align:middle;
	width:1px;
	height:59px;
	}

.h2Box01 .h2Box01Pankuzu, .h2Box01 .h2Display h2 {
	color:#FFF;
	padding-left:10px;
	}

.h2Box01 .h2Box01Pankuzu a {
	color:#FFF;
	vertical-align:baseline;/*テーブル要素内にあるので英数字と日本語のベースラインがづれる。これを解消する。*/
	zoom:1;/*リンクの領域を正常に表示させる*/
	}

.h2Box01 .h2Box01Pankuzu a:hover {
	color:#FF6666;
	}

.h2Box01 .h2Box01Pankuzu {/*パンクズリストの文字サイズ*/
	font-size:9pt;
	}

.h2Box01 .h2Display h2 {/*H2フォントサイズ*/
	font-size:20px;
	}

* html .h2Box01 .h2Display, * html .h2Box01 .h2Kara {/*for IE6 垂直配置の為に必要*/
	display:inline;
	zoom:1;
	}

*:first-child+html .h2Box01 .h2Display, *:first-child+html .h2Box01 .h2Kara{/*for IE7 垂直配置の為に必要*/
	display:inline;
	zoom:1;
	}

.h2DetailedSet {
	position:absolute;
	top:15px;
	right:15px;
	display:block;
	width:140px;
	height:21px;
	background:url("/mapplenet/image08/p2/btn_setarea.jpg") 0% 0px no-repeat;
	}

.h2DetailedSet:hover {
	background:url("/mapplenet/image08/p2/btn_setarea_on.jpg") 0% 0px no-repeat;
	}

/*---------------------------------------------------------
	「エリアを絞る」3002area等で使用するH2領域直下 
----------------------------------------------------------*/
.areaShiboru {
	margin-bottom:10px;
	}

.areaShiboruBtm {/*角Rフッター画像*/
	padding-top:8px;
	background:url("/mapplenet/image08/p2/r_search_area_btm.gif") 0% 0px no-repeat;
	}

.areaShiboruContents {/*Y座標に繰り返す背景画像*/
	position:relative;
	padding:2px 10px 0;
	background:url("/mapplenet/image08/p2/r_search_area.gif") 0% 0px repeat-y;
	}

.areaShiboruContents dt {/*「エリアを絞る」*/
	float:left;
	width:100px;
	margin-bottom:-4px;
	font-size:12px;
	}

.areaShiboruContents dd {/*「エリア内の詳細名称」*/
	float:left;
	width:848px;
	margin-bottom:-4px;
	}

.areaShiboruContents dt p {
	padding-left:15px;
	background:url("/mapplenet/image08/p2/icn_search_area.gif") 0% 2px no-repeat;
	}

.areaShiboruContents dt span {
	padding-right:10px;
	background:url("/mapplenet/image08/p2/icn_search_area_r.gif") 100% 2px no-repeat;
	}

.areaShiboruContents dd a {
	color:#555 !important;
	}

.areaShiboruContents dd a:hover {
	color:#FF6666 !important;
	}

/*----------3013photo_detail等で使用するH2領域直下----------*/
.h2RyouikiTyoka {/*フロート構成でない場合に使用*/
	padding:2px 10px 0;
	margin-bottom:-3px;
	background:url("/mapplenet/image08/p2/r_search_area.gif") 0% 0px repeat-y;
	}

.h2RyouikiTyoka a {
	color:#555 !important;
	}

.h2RyouikiTyoka a:hover {
	color:#FF6666 !important;
	}

/*---------------------------------------------------------
	★★3015spot等で使用するH2領域 ver.02
----------------------------------------------------------*/
.h2Box02 {
	position:relative;
	margin-bottom:15px;
	background:url("/mapplenet/image08/p2/ti_spot.jpg") 0% 0px no-repeat;
	}

.h2BoxTable02 {
	display:table;
	height:54px;
	}

.h2Display02 {
	display:table-cell;	
	vertical-align:middle;
	width:660px;
	line-height:1.4;
	}

.h2Kara02 {/*垂直配置の為の必要不可欠なクラスセレクタ、中身は空*/
	display:table-cell;
	vertical-align:middle;
	width:1px;
	height:100%;
	}

.h2Box02 .h2Box02Syousai, .h2Box02 .h2Display02 h2 {
	padding-left:10px;
	}

.h2Box02 .h2Display02 h2 {/*H2フォントサイズ*/
	font-size:20px;
	padding-top:5px;
	}

.h2Box02 .h2Display02 h2 a {
	color:#000;
	vertical-align:baseline;/*テーブル要素内にあるので英数字と日本語のベースラインがづれる。これを解消する。*/
	zoom:1;/*リンクの領域を正常に表示させる*/
	}

.h2Box02 .h2Display02 h2 a:hover {
	color:#FF6666;
	}

.h2Box02 .h2Box02Syousai {/*H2下エリア詳細情報のフォントサイズ*/
	font-size:12px;
	padding-bottom:5px;
	}

.h2Box02 .h2Box02Syousai a {
	color:#555;
	vertical-align:baseline;/*テーブル要素内にあるので英数字と日本語のベースラインがづれる。これを解消する。*/
	zoom:1;/*リンクの領域を正常に表示させる*/
	}

.h2Box02 .h2Box02Syousai a:hover {
	color:#FF6666;
	}

* html .h2Box02 .h2Display02, * html .h2Box02 .h2Kara02 {/*for IE6 垂直配置の為に必要*/
	display:inline;
	zoom:1;
	}

*:first-child+html .h2Box02 .h2Display02, *:first-child+html .h2Box02 .h2Kara02{/*for IE7 垂直配置の為に必要*/
	display:inline;
	zoom:1;
	}

/*---------右側「印刷する」「メモに追加」等の画像リンク配置------------*/
.h2Box02_Print {/*印刷する*/
	position:absolute;
	top:7px;
	right:7px;
	display:block;
	width:82px;
	height:21px;
	background:url("/mapplenet/image08/p2/btn_spot_memo.gif") 0% 0px no-repeat;
	}

.h2Box02_Print:hover {
	background:url("/mapplenet/image08/p2/btn_spot_memo.gif") 100% 0px no-repeat;
	}

.h2Box02_Memo {/*メモに追加*/
	position:absolute;
	top:30px;
	right:7px;
	display:block;
	width:82px;
	height:21px;
	background:url("/mapplenet/image08/p2/btn_spot_print.gif") 0% 0px no-repeat;
	}

.h2Box02_Memo:hover {
	background:url("/mapplenet/image08/p2/btn_spot_print.gif") 100% 0px no-repeat;
	}

.h2Box02_ReportSpot {/*まっぷる取材スポット*/
	position:absolute;
	top:11px;
	right:110px;
	display:block;
	width:84px;
	height:38px;
	background:url("/mapplenet/image08/p2/icn_spot_mapple.gif") 0% 0px no-repeat;
	}

.h2Box02_TeibanTourSpot {/*定番観光スポット*/
	position:absolute;
	top:11px;
	right:197px;
	display:block;
	width:84px;
	height:38px;
	background:url("/mapplenet/image08/p2/icn_spot_teiban.gif") 0% 0px no-repeat;
	}

.h2BoxFoot02 {/*----------下部のボーダー画像（青）-----------*/
	padding-top:6px;
	background:url("/mapplenet/image08/p2/ti_spot_btn.gif") 0% 0px no-repeat;
	}

/*---------------------------------------------------------------------
	★「メニュータブメイン」 3002area等で使用する最上部のタブ ver.01
----------------------------------------------------------------------*/
.menuTabMain01 {
	margin-bottom:10px;
	}

.menuTabMain01 ul {
	position:relative;
	height:56px;
	background:url("/mapplenet/image08/p2/menu_tab_main.jpg") 0% 0% no-repeat;
	}

.menuTabMain01 ul li {/*ロールオーバー領域の絶対配置（共通もの）*/
	position:absolute;
	top:18px;
	height:38px;	
	}

.menuTabMain01 ul a {
	display:block;
	height:38px;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
	font-size:9pt;
	font-weight:bold;
	line-height:1.2;
	color:#404040 !important;
	}

/*各タグのタブ「position:absolute;」の左からの位置を指定とwidth*/
.mtm_AreaInfo {/*エリア情報*/
	left:8px;
	width:93px;
	}

.mtm_SpotItiran {/*スポット一覧 観光/グルメ/宿泊/温泉…*/
	left:104px;
	width:181px;
	}

.mtm_KutikomiRanking {/*クチコミ ランキング*/
	left:288px;
	width:91px;
	}

.mtm_Festival {/*お祭り*/
	left:382px;
	width:76px;
	}

.mtm_TourGuide {/*観光ガイド/モデルコース*/
	left:461px;
	width:107px;
	}

.mtm_Meibutu {/*名物/特産*/
	left:571px;
	width:92px;
	}

.mtm_PhotoTravel {/*みんなの写真/旅行記*/
	left:666px;
	width:105px;
	}

.mtm_Map {/*地図*/
	left:774px;
	width:74px;
	}

.mtm_AreaInfo a span {text-align:center;display:block;line-height:38px;}/*1行のタイプ*/
.mtm_AreaInfo a:hover {/*「position:absolute;」左位置の指定値分だけ背景画像X開始値を左にずらす*/
	background:url("/mapplenet/image08/p2/menu_tab_main_on.jpg") -8px -18px no-repeat;
	}

.mtm_SpotItiran a span {text-align:center;display:block;padding-top:5px;}/*2行のタイプ*/
.mtm_SpotItiran a:hover {/*「position:absolute;」左位置の指定値分だけ背景画像X開始値を左にずらす*/
	background:url("/mapplenet/image08/p2/menu_tab_main_on.jpg") -104px -18px no-repeat;
	}

.mtm_KutikomiRanking a span {text-align:center;display:block;padding-top:5px;}
.mtm_KutikomiRanking a:hover {/*「position:absolute;」左位置の指定値分だけ背景画像X開始値を左にずらす*/
	background:url("/mapplenet/image08/p2/menu_tab_main_on.jpg") -288px -18px no-repeat;
	}

.mtm_Festival a span {text-align:center;display:block;padding-top:5px;}
.mtm_Festival a:hover {/*「position:absolute;」左位置の指定値分だけ背景画像X開始値を左にずらす*/
	background:url("/mapplenet/image08/p2/menu_tab_main_on.jpg") -382px -18px no-repeat;
	}

.mtm_TourGuide a span {text-align:center;display:block;padding-top:5px;}
.mtm_TourGuide a:hover {/*「position:absolute;」左位置の指定値分だけ背景画像X開始値を左にずらす*/
	background:url("/mapplenet/image08/p2/menu_tab_main_on.jpg") -461px -18px no-repeat;
	}

.mtm_Meibutu a span {text-align:center;display:block;line-height:38px;}
.mtm_Meibutu a:hover {/*「position:absolute;」左位置の指定値分だけ背景画像X開始値を左にずらす*/
	background:url("/mapplenet/image08/p2/menu_tab_main_on.jpg") -571px -18px no-repeat;
	}

.mtm_PhotoTravel a span {text-align:center;display:block;padding-top:5px;}
.mtm_PhotoTravel a:hover {/*「position:absolute;」左位置の指定値分だけ背景画像X開始値を左にずらす*/
	background:url("/mapplenet/image08/p2/menu_tab_main_on.jpg") -666px -18px no-repeat;
	}
.mtm_Map a span {text-align:center;display:block;line-height:38px;}
.mtm_Map a:hover {/*「position:absolute;」左位置の指定値分だけ背景画像X開始値を左にずらす*/
	background:url("/mapplenet/image08/p2/menu_tab_main_on.jpg") -774px -18px no-repeat;
	}

/*上記のロールオーバーだけのHTMLサンプルソース
            <div class="menuTabMain01">
				<ul>
                    <li class="mtm_AreaInfo"><a href="#"><span>エリア情報</span></a></li>
                    <li class="mtm_SpotItiran"><a href="#"><span>スポット一覧<br>観光/グルメ/宿泊/温泉…</span></a></li>
                    <li class="mtm_KutikomiRanking"><a href="#"><span>クチコミ<br>ランキング</span></a></li>
                    <li class="mtm_Festival"><a href="#"><span>お祭り</span></a></li>
                    <li class="mtm_TourGuide"><a href="#"><span>観光ガイド/<br>モデルコース</span></a></li>
                    <li class="mtm_Meibutu"><a href="#"><span>名物/特産</span></a></li>
                    
                    <li class="mtm_PhotoTravel"><a href="#"><span>みんなの<br>写真/旅行記</span></a></li>
                    <li class="mtm_OshieteBbs"><a href="#"><span>教えて掲示板</span></a></li>
                    <li class="mtm_Map"><a href="#"><span>地図</span></a></li>
                </ul>
		  	</div>
*/

/*アクティブなタブを設定（各ページ1箇所）*/

.mtm_AreaInfo_Active, .mtm_SpotItiran_Active, .mtm_KutikomiRanking_Active,
.mtm_Festival_Active, .mtm_TourGuide_Active, .mtm_Meibutu_Active,
.mtm_PhotoTravel_Active, .mtm_OshieteBbs_Active, .mtm_Map_Active{/*「.menuTabMain01 ul li」で指定している設定をオーバーライド*/
	position:absolute;
	top:8px !important;
	height:48px !important;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
	font-size:9pt;
	font-weight:bold;
	line-height:1.2;
	color:#404040 !important;
	}

/*背景画像の関係上、ロールオーバー用のposition領域よりアクティブ用のposition領域が狭い。
つまり、アクティブ領域幅をそのまま指定すると背部にあるロールオーバー用背景がはみ出して表示される。
よって、アクティブ領域幅をロールオーバー用背景がはみ出さないようにwidthを1px広くとり、絶対配置left-1px、背景画像位置を-1pxしてを調整する。
「mtm_AreaInfo_Active」では93px+1px=94px等*/
.mtm_AreaInfo_Active {
	left:7px;
	width:94px;
	background:url("/mapplenet/image08/p2/menu_tab_main_active.jpg") -7px -8px no-repeat;
	}

.mtm_SpotItiran_Active {
	left:104px;
	width:181px;
	background:url("/mapplenet/image08/p2/menu_tab_main_active.jpg") -104px -8px no-repeat;
	}

.mtm_KutikomiRanking_Active {
	left:287px;
	width:92px;
	background:url("/mapplenet/image08/p2/menu_tab_main_active.jpg") -287px -8px no-repeat;
	}

.mtm_Festival_Active {
	left:381px;
	width:77px;
	background:url("/mapplenet/image08/p2/menu_tab_main_active.jpg") -381px -8px no-repeat;
	}

.mtm_TourGuide_Active {
	left:460px;
	width:108px;
	background:url("/mapplenet/image08/p2/menu_tab_main_active.jpg") -460px -8px no-repeat;
	}

.mtm_Meibutu_Active {
	left:570px;
	width:93px;
	background:url("/mapplenet/image08/p2/menu_tab_main_active.jpg") -570px -8px no-repeat;
	}

.mtm_PhotoTravel_Active {
	left:665px;
	width:106px;
	background:url("/mapplenet/image08/p2/menu_tab_main_active.jpg") -665px -8px no-repeat;
	}

.mtm_OshieteBbs_Active {
	left:773px;
	width:110px;
	background:url("/mapplenet/image08/p2/menu_tab_main_active.jpg") -773px -8px no-repeat;
	}

.mtm_Map_Active {
	left:885px;
	width:75px;
	background:url("/mapplenet/image08/p2/menu_tab_main_active.jpg") -885px -8px no-repeat;
	}

.mtm_AreaInfo_Active span {text-align:center;display:block;line-height:48px;}/*1行のタイプ*/
.mtm_SpotItiran_Active span {text-align:center;display:block;padding-top:10px;}/*2行のタイプ*/
.mtm_KutikomiRanking_Active span {text-align:center;display:block;padding-top:10px;}
.mtm_Festival_Active span {text-align:center;display:block;padding-top:10px;}
.mtm_TourGuide_Active span {text-align:center;display:block;padding-top:10px;}
.mtm_Meibutu_Active span {text-align:center;display:block;line-height:48px;}
.mtm_PhotoTravel_Active span {text-align:center;display:block;padding-top:10px;}
.mtm_OshieteBbs_Active span {text-align:center;display:block;line-height:48px;}
.mtm_Map_Active span {text-align:center;display:block;line-height:48px;}

/*アクティブなタブだけのHTMLサンプルソース
            <div class="menuTabMain01">
				<ul>
                    <li class="mtm_AreaInfo_Active"><span>エリア情報</span></li>
                    <li class="mtm_SpotItiran_Active"><span>スポット一覧<br>観光/グルメ/宿泊/温泉…</span></li>
                    <li class="mtm_KutikomiRanking_Active"><span>クチコミ<br>ランキング</span></li>
                    <li class="mtm_Festival_Active"><span>お祭り</span></li>
                    <li class="mtm_TourGuide_Active"><span>観光ガイド/<br>モデルコース</span></li>
                    <li class="mtm_Meibutu_Active"><span>名物/特産</span></li>                    
                    <li class="mtm_PhotoTravel_Active"><span>みんなの<br>写真/旅行記</span></li>
                    <li class="mtm_OshieteBbs_Active"><span>教えて掲示板</span></li>
                    <li class="mtm_Map_Active"><span>地図</span></li>
                </ul>
		  	</div>
*/

/*---------------------------------------------------------------------
	★★「メニュータブメイン」 3015spot等で使用する最上部のタブ ver.02
----------------------------------------------------------------------*/
/* 20101125修正 */
.menuTabMain02 {
	margin-bottom:10px;
	}

/*ロールオーバーoff状態の背景画像が基本。しかし、ロールオーバー関連の画像よりもアクティブ時タブ画像の方がheightが高い為、
ここで指定する高さはアクティブ時タブ画像の高さで設定する。*/
.menuTabMain02 ul {
	position:relative;
	height:37px;
	background:url("/mapplenet/image08/p2/tab_spot.jpg") 0% 100% no-repeat;
	}

.menuTabMain02 ul li {/*ロールオーバー領域の絶対配置（共通もの）*/
	position:absolute;
	top:5px;
	height:28px;
	}

.menuTabMain02 ul a {
	display:block;
	height:28px;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	line-height:1.2;
	color:#000 !important;
	}

/*タブのリンクが存在しないタイプの設定*/
.mtm02_NonLink {
	height:28px;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	line-height:1.2;
	color:#ccc;
	}

/*各タグのタブ「position:absolute;」の左からの位置を指定とwidth*/
.mtm02_KihonInfo {/*基本情報*/
	left:10px;
	width:100px;
	}

.mtm02_Photo {/*写真*/
	left:113px;
	width:96px;
	}

.mtm02_Kutikomi {/*クチコミ*/
	left:212px;
	width:96px;
	}

.mtm02_Map {/*地図*/
	left:311px;
	width:96px;
	}
.mtm02_Reservation {/*予約*/
	left:410px;
	width:96px;
	}

.mtm02_IntroductionGuide {/*紹介されたガイド*/
	left:509px;
	width:118px;
	}

.mtm02_AroundSpot {/*周辺スポット*/
	left:630px;
	width:113px;
	}

.mtm02_KihonInfo a span, .mtm02_KihonInfo .mtm02_NonLink span {text-align:center;display:block;line-height:28px;}/*１行用垂直配置。2行な文言は使用できないので注意。*/
.mtm02_KihonInfo a:hover {/*「position:absolute;」左位置の指定値分だけ背景画像X開始値を左にずらす*/
	background:url("/mapplenet/image08/p2/tab_spot_on.jpg") -10px 0px no-repeat;
	}

.mtm02_Photo a span, .mtm02_Photo .mtm02_NonLink span  {text-align:center;display:block;line-height:28px;}
.mtm02_Photo a:hover {/*「position:absolute;」左位置の指定値分だけ背景画像X開始値を左にずらす*/
	background:url("/mapplenet/image08/p2/tab_spot_on.jpg") -113px 0px no-repeat;
	}

.mtm02_Kutikomi a span, .mtm02_Kutikomi .mtm02_NonLink span  {text-align:center;display:block;line-height:28px;}/*１行用垂直配置。2行になった時は使用できないので注意。*/
.mtm02_Kutikomi a:hover {/*「position:absolute;」左位置の指定値分だけ背景画像X開始値を左にずらす*/
	background:url("/mapplenet/image08/p2/tab_spot_on.jpg") -212px 0px no-repeat;
	}

.mtm02_Map a span, .mtm02_Map .mtm02_NonLink span  {text-align:center;display:block;line-height:28px;}/*１行用垂直配置。2行な文言は使用できないので注意。*/
.mtm02_Map a:hover {/*「position:absolute;」左位置の指定値分だけ背景画像X開始値を左にずらす*/
	background:url("/mapplenet/image08/p2/tab_spot_on.jpg") -311px 0px no-repeat;
	}

.mtm02_Reservation a span, .mtm02_Reservation .mtm02_NonLink span  {text-align:center;display:block;line-height:28px;}/*１行用垂直配置。2行になった時は使用できないので注意。*/
.mtm02_Reservation a:hover {/*「position:absolute;」左位置の指定値分だけ背景画像X開始値を左にずらす*/
	background:url("/mapplenet/image08/p2/tab_spot_on.jpg") -410px 0px no-repeat;
	}

.mtm02_IntroductionGuide a span, .mtm02_IntroductionGuide .mtm02_NonLink span  {text-align:center;display:block;line-height:28px;}
.mtm02_IntroductionGuide a:hover {/*「position:absolute;」左位置の指定値分だけ背景画像X開始値を左にずらす*/
	background:url("/mapplenet/image08/p2/tab_spot_on.jpg") -509px 0px no-repeat;
	}

.mtm02_AroundSpot a span, .mtm02_AroundSpot .mtm02_NonLink span  {text-align:center;display:block;line-height:28px;}
.mtm02_AroundSpot a:hover {/*「position:absolute;」左位置の指定値分だけ背景画像X開始値を左にずらす*/
	background:url("/mapplenet/image08/p2/tab_spot_on.jpg") -630px 0px no-repeat;
	}

/* ★★ ver.02 上記のロールオーバーだけのHTMLサンプルソース
            <div class="menuTabMain02">
				<ul>
                    <li class="mtm02_KihonInfo"><a href="#"><span>基本情報</span></a></li>
                    <li class="mtm02_Photo"><a href="#"><span>写真</span></a></li>
                    <li class="mtm02_Kutikomi"><a href="#"><span>クチコミ</span></a></li>
                    <li class="mtm02_Map"><a href="#"><span>地図</span></a></li>
                    <li class="mtm02_Coupon"><a href="#"><span>クーポン</span></a></li>
                    <li class="mtm02_Reservation"><a href="#"><span>予約</span></a></li>
                    <li class="mtm02_IntroductionGuide"><a href="#"><span>紹介されたガイド</span></a></li>
					<li class="mtm02_AroundSpot"><a href="#"><span>周辺スポット</span></a></li>
                </ul>
		  	</div>
*/
/* ★★ ver.02 タブのリンク先が存在しないタイプの設定のHTMLサンプルソース
            <div class="menuTabMain02">
				<ul>
                    <li class="mtm02_KihonInfo"><p class="mtm02_NonLink"><span>基本情報</span></p></li>
                    <li class="mtm02_Photo"><p class="mtm02_NonLink"><span>写真</span></p></li>
                    <li class="mtm02_Kutikomi"><p class="mtm02_NonLink"><span>クチコミ</span></p></li>
                    <li class="mtm02_Map"><p class="mtm02_NonLink"><span>地図</span></p></li>
                    <li class="mtm02_Coupon"><p class="mtm02_NonLink"><span>クーポン</span></p></li>
                    <li class="mtm02_Reservation"><p class="mtm02_NonLink"><span>予約</span></p></li>
                    <li class="mtm02_IntroductionGuide"><p class="mtm02_NonLink"><span>紹介されたガイド</span></p></li>
					<li class="mtm02_AroundSpot"><p class="mtm02_NonLink"><span>周辺スポット</span></p></li>
                </ul>
		  	</div>
*/


/*アクティブなタブを設定（各ページ1箇所）*/

.mtm02_KihonInfo_Active, .mtm02_Photo_Active, .mtm02_Kutikomi_Active, .mtm02_Map_Active, .mtm02_Coupon_Active, .mtm02_Reservation_Active, .mtm02_IntroductionGuide_Active, .mtm02_AroundSpot_Active {/*「.menuTabMain01 ul li」で指定している設定をオーバーライド*/
	position:absolute;
	top:0px !important;
	height:33px !important;
	overflow:hidden;
	text-align:center;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	line-height:1.2;
	color:#000 !important;
	}

.mtm02_KihonInfo_Active {
	left:10px;
	width:100px;
	background:url("/mapplenet/image08/p2/tab_spot_ac.jpg") -10px 0px no-repeat;
	}

.mtm02_Photo_Active {
	left:113px;
	width:96px;
	background:url("/mapplenet/image08/p2/tab_spot_ac.jpg") -113px 0px no-repeat;
	}

.mtm02_Kutikomi_Active {
	left:212px;
	width:96px;
	background:url("/mapplenet/image08/p2/tab_spot_ac.jpg") -212px 0px no-repeat;
	}

.mtm02_Map_Active {
	left:311px;
	width:96px;
	background:url("/mapplenet/image08/p2/tab_spot_ac.jpg") -311px 0px no-repeat;
	}

.mtm02_Reservation_Active {
	left:410px;
	width:96px;
	background:url("/mapplenet/image08/p2/tab_spot_ac.jpg") -410px 0px no-repeat;
	}

.mtm02_IntroductionGuide_Active {
	left:509px;
	width:118px;
	background:url("/mapplenet/image08/p2/tab_spot_ac.jpg") -509px 0px no-repeat;
	}

.mtm02_AroundSpot_Active {
	left:630px;
	width:113px;
	background:url("/mapplenet/image08/p2/tab_spot_ac.jpg") -630px 0px no-repeat;
	}

.mtm02_KihonInfo_Active span {text-align:center;display:block;line-height:33px;}/*１行用垂直配置。2行な文言は使用できないので注意。*/
.mtm02_Photo_Active span {text-align:center;display:block;line-height:33px;}
.mtm02_Kutikomi_Active span {text-align:center;display:block;line-height:33px;}
.mtm02_Map_Active span {text-align:center;display:block;line-height:33px;}
.mtm02_Coupon_Active span {text-align:center;display:block;line-height:33px;}
.mtm02_Reservation_Active span {text-align:center;display:block;line-height:33px;}
.mtm02_IntroductionGuide_Active span {text-align:center;display:block;line-height:33px;}
.mtm02_AroundSpot_Active span {text-align:center;display:block;line-height:33px;}

/* ★★ ver.02 アクティブなタブだけのHTMLサンプルソース
            <div class="menuTabMain02">
				<ul>
                    <li class="mtm02_KihonInfo_Active"><span>基本情報</span></li>
                    <li class="mtm02_Photo_Active"><span>写真</span></li>
                    <li class="mtm02_Kutikomi_Active"><span>クチコミ</span></li>
                    <li class="mtm02_Map_Active"><span>地図</span></li>
                    <li class="mtm02_Coupon_Active"><span>クーポン</span></li>
                    <li class="mtm02_Reservation_Active"><span>予約</span></li>
                    <li class="mtm02_IntroductionGuide_Active"><span>紹介されたガイド</span></li>
					<li class="mtm02_AroundSpot_Active"><span>周辺スポット</span></li>
                </ul>
		  	</div>
*/

/*---------------------------------------------------------
	PRコンテンツ
----------------------------------------------------------*/
.pr {
	margin-bottom:10px;
	}

.pr li {
	padding-left:28px;
	background:url("/mapplenet/image08/p2/icn_pr.gif") 0% 2px no-repeat;
	}

.AdText{
	background:url(/mapplenet/image/icn_pr.gif) no-repeat;
	background-position:0px 3px;
	text-align:left;
	padding-left:28px;
}

/*---------------------------------------------------------
	右サイドや左メインコンテンツで使用する広告領域。
	実際には、単に下マージンを空けるだけ。
----------------------------------------------------------*/
.koukokuContents {
	margin-bottom:10px;
	}

.koukokuContents a img {
	border:none;
	}

/*---------------------------------------------------------
	フリーHTML
----------------------------------------------------------*/
.freeHtml {
	margin-bottom:10px;
	}


/*---------------------------------------------------------
	マイページ等で使用、中央コンテンツ >　AdsGoogle
----------------------------------------------------------*/
.BoxAdsGoogle {/*左メインコンテンツ内のAdsGoogle*/
	margin:0 auto 20px;
	width:470px;
	}

.BoxAdsGoogleW340 {/*左メインコンテンツ最下部で使用。その他には「087教えて掲示板」等で使用*/
	margin:0 auto 20px;
	width:340px;
	}


/*------------------　各所で出現 >　コンテンツ枠、1pxの灰色ボーダー　-----------------------*/
/*コンテンツ枠を囲う灰色ボーダー。右サイドや左メインコンテンツで使用する汎用クラスセレクタ。
デフォルト設定では上辺ボーダーは、H3背景画像に下部ボーダーがあるので設定しない。
背景色やパディングを設定する必要がある場合、side.cssもしくは、個別ファイル名.css内にて「.siteTopic .contentsBorder」というような形式でオーバーライド（上書き）する事でレイアウト変更が出来る。
ここでのwidth設定はレイアウトが崩れる原因になるので要注意。*/
.contentsBorder {
	border:1px solid #ccc;
	border-top:none;
	}


/*------------------　各所で出現 >　画像（左）、テキスト（右）のようなレイアウト設定　-----------------------*/
/*-----------------------------------------------------------------------
　　3000等の右サイドで使用。右サイドや左メインコンテンツで使用する汎用クラスセレクタ。
	配置形式：フロート形式。
	デフォルト設定：パディング「10px」、画像サイズ「65×65」、右コンテンツwidth「203px」、dl毎の下辺破線ボーダー「なし」、トリミング「なし」
	デフォルト使用必須条件：画像とコンテンツのwidth合計が「300px」であること。
	それ以外の場合は、side.cssもしくは、個別ファイル名.css内にて「.siteTopic .dlPhoto01」というような形式でオーバーライド（上書き）する事でレイアウト変更が出来る。
	（common.css内の設定は全体に影響がでる為、変更禁止）
------------------------------------------------------------------------*/
.dlPhoto01 {/*ここでwidthを設定するとレイアウトが崩れるので注意。*/
	position:relative;
	padding:10px 10px 0px;/*連続でBOXが続く事を考慮し、下部パディングは指定なし。*/
	zoom:1;
	font-size:90%;
	}

.dlPhoto01:after {
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
	}

.dtPhoto01, .ddPhotoComment01 {/*dt（タイトルテキスト）、dd（コメントテキスト）を右フロートで配置し、画像表示のスペースを作成。widthは必ず設定すること。ここでpaddingやボーダーを設定するとレイアウトが崩れるので注意。*/
	float:right;
	width:203px;
	}

.ddPhotoBox01{/*画像のBOXを左フロートで配置する。widthは必ず設定すること。
ここでのwidthの値は、画像widthとリンクボーダー枠（両サイド1pxずつで計2px分）と右マージンスペースを足した数値になっている。よって、新たに右マージンを設定する必要はなし。
ここでpaddingやボーダーを設定するとレイアウトが崩れるので注意。
※計算結果からデフォルト設定では画像のBOXの右マージンは8pxになる。*/
	float:left;
	width:75px;
	line-height:0;
	}

.marginTopUp {/*テキストの上辺をline-height半分の値を上に上げることで、左の画像との上辺を合わせる。
第2のクラスセレクタとして使用。使用例：右サイドのdl定義リスト参照*/
	margin-top:-2px;
	}

/*---------------------------------------------------------
	左メインコンテンツ（共通） > トリミングBOX4
	画像トリミングされたBOXが横に４つ並ぶレイアウト	
----------------------------------------------------------*/
.trimmingBox4 {
	position:relative;
	padding:10px 1px;
	zoom:1;
	font-size:90%;
	}

.trimmingBox4:after {
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
	}

.dlTrimmingBox4 {
	float:left;
	width:164px;
	}

.ddTrimmingBox4Photo {
	margin:0 auto;
	width:122px;/*トリミング領域＋両サイドのボーダー計2px分を含めたwidth*/
	}

.ddTrimmingBox4Photo div {/*写真周りのボーダー：子ネストのAタグには設定できない。*/
	border:1px solid #cccccc;
	}

.dtTrimmingBox4, .ddTrimmingBox4Photo, .ddTrimmingBox4Comment {/*全て中央寄せ*/
	text-align:center;
	}

.dtTrimmingBox4 {/*dt下パディング微調整*/
	padding-bottom:3px;
	/*font-size:90%;*/
	}

.dtTrimmingBox4 a {
	font-weight:bold;
	zoom:1;
	}

.ddTrimmingBox4Comment {/*dd下部コメント：上パディング微調整*/
	padding-top:3px;
	}

.dtTrimmingBox4 img {
	vertical-align:middle;
	margin:0px 3px 3px 0;
	}

.ddTrimmingBox4Comment img {/*スターアイコンの位置調整*/
	vertical-align:middle;
	margin:1px 5px 5px 0;
	}

.ddTrimmingBox4Comment .kutikomipoint {/*common.css内をオーバーライド クチコミの評価点数*/
	font-weight:bold;
	font-size:10px;	
	}

.ddTrimmingBox4Comment .themeNameColor {/*3015spot等で使用。下部：テーマ名カラー*/
	color:#690;
	}

/*------------------　各所で出現 >　トリミング用グローバルセレクタ　-----------------------*/
.Aimg8585 {/*Aタグ、トリミング領域85×85のタイプ*/
	display:block;
	width:85px;
	height:85px;
	line-height:85px;
	overflow:hidden;
	position:relative;
	left:0px;
	background-color:#000000;
	}

.Aimg12090 {/*Aタグ、トリミング領域120×90のタイプ*/
	display:block;
	width:120px;
	height:90px;
	line-height:90px;
	overflow:hidden;
	position:relative;
	left:0px;
	background-color:#000000;
	}

.Aimg120120 {/*Aタグ、トリミング領域120×120のタイプ*/
	display:block;
	width:120px;
	height:120px;
	line-height:120px;
	overflow:hidden;
	position:relative;
	left:0px;
	background-color:#000000;
	}

.Aimg130130 {/*Aタグ、トリミング領域130×130のタイプ*/
	display:block;
	width:130px;
	height:130px;
	line-height:130px;
	overflow:hidden;
	position:relative;
	left:0px;
	background-color:#000000;
	}

.Aimg140140 {/*Aタグ、トリミング領域150×150のタイプ*/
	display:block;
	width:140px;
	height:140px;
	line-height:140px;
	overflow:hidden;
	position:relative;
	left:0px;
	background-color:#000000;
	}

.Aimg150150 {/*Aタグ、トリミング領域150×150のタイプ*/
	display:block;
	width:150px;
	height:150px;
	line-height:150px;
	overflow:hidden;
	position:relative;
	left:0px;
	background-color:#000000;
	}

.Aimg200150 {/*Aタグ、トリミング領域200×150のタイプ*/
	display:block;
	width:200px;
	height:150px;
	line-height:150px;
	overflow:hidden;
	position:relative;
	left:0px;
	background-color:#000000;
	}

.Aimg280210 {/*Aタグ、トリミング領域280×210のタイプ*/
	display:block;
	width:280px;
	height:210px;
	line-height:210px;
	overflow:hidden;
	position:relative;
	left:0px;
	background-color:#000000;
	}

.Aimg210280 {/*Aタグ、トリミング領域210×280のタイプ*/
	display:block;
	width:210px;
	height:280px;
	line-height:280px;
	overflow:hidden;
	position:relative;
	left:0px;
	background-color:#000000;
	}

.Aimg280280 {/*Aタグ、トリミング領域280×280のタイプ*/
	display:block;
	width:280px;
	height:280px;
	line-height:280px;
	overflow:hidden;
	position:relative;
	left:0px;
	background-color:#000000;
	}

.Aimg300225 {/*Aタグ、トリミング領域300×225のタイプ*/
	display:block;
	width:300px;
	height:225px;
	line-height:225px;
	overflow:hidden;
	position:relative;
	left:0px;
	background-color:#000000;
	}

.Aimg400300 {/*Aタグ、トリミング領域400×300のタイプ*/
	display:block;
	width:400px;
	height:300px;
	line-height:300px;
	overflow:hidden;
	position:relative;
	left:0px;
	background-color:#000000;
	}

.Aimg400330 {/*Aタグ、トリミング領域400×330のタイプ*/
	display:block;
	width:400px;
	height:330px;
	line-height:330px;
	overflow:hidden;
	position:relative;
	left:0px;
	background-color:#000000;
	}

.Aimg420320 {/*Aタグ、トリミング領域420×320のタイプ*/
	display:block;
	width:420px;
	height:320px;
	line-height:320px;
	overflow:hidden;
	position:relative;
	left:0px;
	background-color:#000000;
	}

.ImgW200H150_Trimming8585 {/*画像width:200px、height:150px、トリミング枠85×85のタイプ*/
	position:absolute;
	top:-33px;
	left:-58px;
	overflow:hidden;
	border:none;/*デフォルト設定で画像にボーダーが付くのでこれを解除*/
	}

.ImgW150H200_Trimming8585 {/*画像width:150px、height:200px、トリミング枠85×85のタイプ*/
	position:absolute;
	top:-58px;
	left:-33px;
	overflow:hidden;
	border:none;/*デフォルト設定で画像にボーダーが付くのでこれを解除*/
	}

.ImgW200H150_Trimming120120 {/*画像width:200px、height:150px、トリミング枠120×120のタイプ*/
	position:absolute;
	top:-15px;
	left:-40px;
	overflow:hidden;
	border:none;/*デフォルト設定で画像にボーダーが付くのでこれを解除*/
	}

.ImgW150H200_Trimming120120 {/*画像width:150px、height:200px、トリミング枠120×120のタイプ*/
	position:absolute;
	top:-40px;
	left:-15px;
	overflow:hidden;
	border:none;/*デフォルト設定で画像にボーダーが付くのでこれを解除*/
	}

.ImgW200H150_Trimming130130 {/*画像width:200px、height:150px、トリミング枠130×130のタイプ*/
	position:absolute;
	top:-10px;
	left:-35px;
	overflow:hidden;
	border:none;/*デフォルト設定で画像にボーダーが付くのでこれを解除*/
	}

.ImgW150H200_Trimming130130 {/*画像width:150px、height:200px、トリミング枠130×130のタイプ*/
	position:absolute;
	top:-35px;
	left:-10px;
	overflow:hidden;
	border:none;/*デフォルト設定で画像にボーダーが付くのでこれを解除*/
	}

.ImgW200H150_Trimming140140 {/*画像width:200px、height:150px、トリミング枠140×140のタイプ*/
	position:absolute;
	top:-5px;
	left:-30px;
	overflow:hidden;
	border:none;/*デフォルト設定で画像にボーダーが付くのでこれを解除*/
	}

.ImgW150H200_Trimming140140 {/*画像width:150px、height:200px、トリミング枠140×140のタイプ*/
	position:absolute;
	top:-30px;
	left:-5px;
	overflow:hidden;
	border:none;/*デフォルト設定で画像にボーダーが付くのでこれを解除*/
	}

.ImgW200H150_Trimming150150 {/*画像width:200px、height:150px、トリミング枠150×150のタイプ*/
	position:absolute;
	top:0px;
	left:-25px;
	overflow:hidden;
	border:none;/*デフォルト設定で画像にボーダーが付くのでこれを解除*/
	}

.ImgW150H200_Trimming150150 {/*画像width:150px、height:200px、トリミング枠150×150のタイプ*/
	position:absolute;
	top:-25px;
	left:0px;
	overflow:hidden;
	border:none;/*デフォルト設定で画像にボーダーが付くのでこれを解除*/
	}

.ImgW150H200_Trimming200150 {/*画像width:150px、height:200px、トリミング枠200×150のタイプ*/
	position:absolute;
	top:-25px;
	left:25px;
	overflow:hidden;
	border:none;/*デフォルト設定で画像にボーダーが付くのでこれを解除*/
	}

.ImgW640H480_Trimming400300 {/*3001meisanで使用。画像width:6400px、height:480px、トリミング枠400×300のタイプ*/
	position:absolute;
	top:-90px;
	left:-120px;
	overflow:hidden;
	border:none;/*デフォルト設定で画像にボーダーが付くのでこれを解除*/
	}

.ImgW640H480_Trimming400330 {/*画像width:6400px、height:480px、トリミング枠400×330のタイプ*/
	position:absolute;
	top:-75px;
	left:-120px;
	overflow:hidden;
	border:none;/*デフォルト設定で画像にボーダーが付くのでこれを解除*/
	}

.ImgW640H480_Trimming420320 {/*3002areaで使用。画像width:6400px、height:480px、トリミング枠420×320のタイプ*/
	position:absolute;
	top:-80px;
	left:-110px;
	overflow:hidden;
	border:none;/*デフォルト設定で画像にボーダーが付くのでこれを解除*/
	}

.ImgW640H480_SpTrimming300225 {/*3011で使用する特殊トリミング。画像width:640px、height:480px、トリミング枠300×225のタイプ*/
	position:absolute;
	top:0;
	left:0;
	overflow:hidden;
	border:none;/*デフォルト設定で画像にボーダーが付くのでこれを解除*/
	width:300px;/*3011で使うW640H480タイプの画像は単に縮小させるだけでよい*/
	height:225px;
	}

.ImgW480H640_SpTrimming300225{/*3011で使用する特殊トリミング。画像width:480px、height:640px、トリミング枠300×225のタイプ*/
	position:absolute;
	top:-87px;
	left:0;
	overflow:hidden;
	border:none;/*デフォルト設定で画像にボーダーが付くのでこれを解除*/
	width:300px;/*3011で使うW480H640タイプの画像は単にwidthは300pxに縮小するだけ。heightは-87pxトリミング*/
	height:400px;
	}

.Img3021_Trimming12090 {/*3021で使用：画像未確定、トリミング枠120×90のタイプ*/
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	border:none;/*デフォルト設定で画像にボーダーが付くのでこれを解除*/
	}

.Img3022_Trimming120120 {/*3022で使用：画像未確定、トリミング枠120×120のタイプ*/
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	border:none;/*デフォルト設定で画像にボーダーが付くのでこれを解除*/
	}

.Img3023_Trimming280280 {/*3023で使用：画像未確定、トリミング枠280×280のタイプ*/
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	border:none;/*デフォルト設定で画像にボーダーが付くのでこれを解除*/
	}

/*以下２つ：3023で未使用であるが念のため記載：画像未確定、トリミング枠280×210と210×280のタイプ*/
.Img3023_Trimming280210 {
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	border:none;
	}

.Img3023_Trimming210280 {
	position:absolute;
	top:0px;
	left:0px;
	overflow:hidden;
	border:none;
	}

.Noimage_NoTrimming {/*ノンイメージ用クラス*/
	border:none;/*デフォルト設定で画像にボーダーが付くのでこれを解除*/
	}

/*------------------　各所で出現 >　トリミング用グローバルセレクタ　End　-----------------------*/


/*---------------------------------------------------------
	左メインコンテンツ（共通） > ソーシャルブックマークに登録
----------------------------------------------------------*/
.socialBookMark {
	background-color:#FFF;
	/*background-color:#F7F7F7;*/
	padding:8px 10px;
	border:1px solid #ccc;
	margin-bottom:15px;
	font-size:10pt;
	}

.socialBookMark dl {
	position:relative;
	}

.socialBookMark dt {
	float:left;
	color:#000000;
	}

.socialBookMark dd {
	float:right;
	}

.socialBookMark dd img {
	vertical-align:middle;
	margin:3px 3px 5px 0px;
	}

.socialBookMark dd a {
	zoom:1;
	}

.socialBookMark p a img {
	border:none;
	}

.socialBookMarkLink {
	margin-top:10px;
	}
/*add201106*/
.socialBookMark_btna_area {
	background-color:#FFF;
	padding:8px 0px 8px 10px;
	border:1px solid #ccc;
	margin-bottom:15px;
	font-size:10pt;
	height:20px;
	}
/*.socialBookMarkLink_s{
	line-height: 10pt;
}*/

.socialBookMark_btna_area ul li{
	float:left;
	margin-right: 7px;
}
/*end add201106*/

.socialBookMarkLink a{
	margin-left:3px;
	margin-right:15px;
	display:inline-block;
	}

.socialBookMarkLink img,
.socialBookMark_btna_area img{
	vertical-align:middle;
	margin:3px 3px 5px 0px;
	}


/*---------------------------------------------------------
	左メインコンテンツ >　ランキングについて
----------------------------------------------------------*/
.aboutRanking {
	margin-bottom:15px;
	border:1px solid #FBC5C5;
	background-color:#FFF2F2;
	padding:8px 10px 8px 10px;
	}
	
/*---------------------------------------------------------
	左メインコンテンツ >　エリア周辺の宿泊施設情報
----------------------------------------------------------*/
.accommodationsInfo {
	border:1px solid #ccc;
	margin-bottom:15px;
	}

.accommodationsInfoTitle {
	color:#000000;
	font-weight:bold;
	padding:6px 8px;
	background-color:#EBF6FD;
	border-bottom:1px solid #ccc;
	}

.ai_Contents {
	position:relative;
	}

.ai_FloatL01 {
	float:left;
	width:329px;
	}

.ai_FloatL02 {
	float:left;
	width:327px;
	}

.ai_FloatL01 .dlPhoto01, .ai_FloatL02 .dlPhoto01 {/*common.css内（このcss内）をオーバーライド*/
	padding:10px;
	}

.ai_FloatL01 .dlPhoto01 {/*間にあるボーダーを左フロート内、子ネストである「dlPhoto01」設定オーバーライド*/
	border-right:1px solid #ccc;
	}

.ai_FloatL01 .dtPhoto01, .ai_FloatL02 .dtPhoto01 {
	color:#690;
	}

.ai_FloatL01 .dtPhoto01, .ai_FloatL01 .ddPhotoComment01 {/*左領域関連：common.css内（このcss内）をオーバーライド*/
	width:233px;
	/*background-color:#33CCFF;*/
	}

.ai_FloatL02 .dtPhoto01, .ai_FloatL02 .ddPhotoComment01 {/*右領域関連：common.css内（このcss内）をオーバーライド*/
	width:232px;
	/*background-color:#33CCFF;*/
	}

.ai_FloatL01 .ddPhotoComment01 a, .ai_FloatL02 .ddPhotoComment01 a {
	margin-right:10px;
	}

/*---------------------------------------------------------
	左メインコンテンツ（共通） >　width300px広告コンテンツ
	※ページ下部width300pxのバナーが2カラムで並ぶ
----------------------------------------------------------*/
.w300KoukokuContents {
	position:relative;
	margin:0 auto 5px;
	width:610px;
	}

.w300KoukokuContents a img {
	border:none;
	}

.w300KoukokuContents li {
	padding-bottom:10px;
	line-height:0;
	}

.w300KC_l {
	float:left;
	width:300px;
	}

.w300KC_r {
	float:right;
	width:300px;
	}

/*---------------------------------------------------------
	3001meisan等で使用、右メインコンテンツ >　件数を表示（ページング）
	ボーダー等は個別ファイル名.css内にて「.siteTopic .kensu_hyoujiBorder01」というような形式でオーバーライド（上書き）する事でレイアウト変更が出来る。
	例えば、上辺や下辺ボーダーが必要なければ、オーバーライドでborder:none;を書けばよい。
	また、ページング背景を設定する場合、.kensu_hyoujiで高さや行間を調整し背景画像を設定する。
----------------------------------------------------------*/
/*上部にくるページングは、下辺にボーダー*/
.kensu_hyoujiBorder01 {
	border-bottom:1px solid #D4D4D4;
	}

/*下部にくるページングは、上辺にボーダー*/
.kensu_hyoujiBorder02 {
	border-top:1px solid #D4D4D4;
	}

.kensu_hyouji {
	height:24px;
	line-height:24px;   
    overflow: hidden;
	font-size:9pt;
	background-color:#F5F5F5;
	}
   
.kensu_hyouji dt {   
    float:right;   
    margin-left:10px;
	padding:0 10px;
	letter-spacing:0.1em;
	}

.kensu_hyouji dt .kh_back {   
    padding-left:14px;
	background:url("/mapplenet/image08/icn_back_page.gif") 0% 50% no-repeat;
	}

.kensu_hyouji dt .kh_next {   
    padding-right:13px;
	background:url("/mapplenet/image08/icn_next_page.gif") 100% 50% no-repeat;
	}

.kensu_hyouji dd { 
    padding-left:10px;
	}

.kensu_hyouji dd span {
	padding-right:1.5em;
	}

/*---------------------------------------------------------
	左メインコンテンツ >　tableタグ関連の設定
----------------------------------------------------------*/
.sideTable300 table {/*3013photo_detail 右サイド「写真の撮影情報」で使用*/
	width:300px;
	border-collapse: separate;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-spacing: 0;
	}

.table450 table {
	width:450px;
	border-collapse: separate;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-spacing: 0;
	}

.table490 table {/*3017spot_camp等で使用※他のものと設定が異なる*/
	width:490px;
	border-collapse: separate;
	border-right: 1px solid #688564;
	border-bottom: 1px solid #688564;
	border-spacing: 0;
	margin:5px 0;
	}

.table658 table {
	width:658px;
	border-collapse: separate;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-spacing: 0;
	}

.table658yoko table {
	width:658px;
	border-collapse: separate;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-spacing: 0;
	}

.sideTable300 td, .sideTable300 th, .table450 td, .table450 th, .table658 td, .table658 th, .table658yoko td, .table658yoko th {
	padding:5px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	line-height:1.3;
	}

.table490 td, .table490 th {
	padding:5px;
	border-top: 1px solid #688564;
	border-left: 1px solid #688564;
	line-height:1.3;
	}

.sideTable300 th {
	width:85px;
	background-color:#EEE;
	font-weight:normal;
	}

.sideTable300 td.top, .sideTable300 th.top {/*最上段の上辺ボーダーを消す*/
	border-top:none;
	}

.table450 th, .table658 th, .table658yoko th {
	background-color:#EBF6FD;
	}

.table450 th.leftright, .table658 th.leftright {
	width:142px;
	}

.table450 th, .table658 th {
	width:90px;
	font-weight:normal;
	}

.table490 th {
	width:94px;
	font-weight:normal;
	}

.table658 th.left {
	width:30px;
	}

.table658 th.right {
	width:100px;
	}

.table658yoko td {
	width:182px;
	}

.table658yoko td.kigou {
	width:15px;
	text-align:center;
	}

/*---------------------------------------------------------
	右コンテンツ最下部 >　3015spot等で使用：フットメニュー
----------------------------------------------------------*/
.footMenu {
    clear:both;
	width:100%;
	height:28px;
	line-height:28px;
	margin-bottom:20px;
	text-align:center;
	background:url("/mapplenet/image08/p2/bg_footmenu.jpg") 0% 0% repeat-x;
	}

.footMenu a {
	font-weight:bold;
	}

.fm_ac {/*アクティブ時のテキスト設定*/
	font-weight:bold;
	}

.fm_Non {/*リンク先が存在しない場合のテキスト設定*/
	color:#ccc;
	}

/*---------------------------------------------------------
	右コンテンツ最下部 >　マイページトップなどへのリンク
----------------------------------------------------------*/
.RightFootLink {
    clear:both;
	width:100%;
	position:relative;
	padding-bottom:10px;
	zoom:1;
	}

.RightFootLink:after{
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
	}

.RightFootLink p {
	float:right;
	padding-left:17px;
	background:url("/mapplenet/image08/icn_up.gif") 0% 50% no-repeat;
	zoom:1;
	}

.RightFootLink p:after{
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;   
	}


/*---------------------------------------------------------
	フッター設定
----------------------------------------------------------*/
.footer {
  clear:both;/*念のため設定。フロート解除はcommon.css<div class="all"></div>で設定。*/
	width:968px;
	}


/*---------------------------------------------------------
	フッターコンテンツ（P2、エリア等で使用＊デフォルト設定）
----------------------------------------------------------*/
.foot_top {
	position:relative;
	height:auto;
	background:url("/mapplenet/image08/p2/bg_fotterbar.jpg") 0% 0% repeat-x;
	padding:15px 10px 10px 10px;
	zoom:1;
	border-bottom:1px dashed #999;
	}
/*
.foot_top:after{
    content: ".";   
    display: block;   
    visibility: hidden;   
    height: 0;   
    font-size: 0.1em;   
    line-height: 0;   
    clear: both;
	}
.foot_top li {
	float:left;
	padding-left:15px;
	margin-right:1em;
	background:url("/mapplenet/image08/icn_note.gif") 0% 50% no-repeat;
	}
*/
.outlink_top {
	padding:10px 10px 0 10px;
	}
.outlink {
	padding:0 10px 10px 10px;
	border-bottom:1px dashed #999;
	margin-bottom:10px;
	}
.copyright {
	padding-left:10px;
	padding-right:171px;
	padding-bottom:20px;
	text-align:left;
	background:url("/mapplenet/image08/p2/logo_fotter.gif") 820px 5px no-repeat;
	}
.copyright span {
	line-height:30px;
	}

/*---------------------------------------------------------
	マップルコード表示
----------------------------------------------------------*/
.mtm_mapplecode_Block { float: right; position: relative; top: -53px; line-height: 100%; background-image: url(/mapplenet/image08/p2/bg_spot_mapplecode.gif); background-repeat: no-repeat; height: 40px; width: 150px; padding-top: 2px; padding-left: 5px; margin-top: -5px; margin-right: -5px; }
.mtn_mapplecode_code { font-size: 16px; font-weight: bold; margin-left: 15px; margin-top: 4px; }




.noticeallCs {
	width:966px;
	height:30px;
	margin:10px auto;
	background-image: url('/mapplenet/image08/p2/notice_bg.jpg');
}

.noticeallCs li {
	margin: 0;
	list-style-type: none;
	font-size: 19px;
	text-indent: 28px;
	text-align: left;
	background-image: url('/mapplenet/image08/p2/notice_icon.gif');
	background-repeat: no-repeat;
	background-position: 8px 6px;
}

.noticeallCs a {
	color: black;
	background-image: none
}