/* markup CSS */
h1,h2,h3,h4{padding:0;margin:0;font-weight:normal;font-style:normal;}
form,input{padding:0;margin:0;}
p{padding:0;margin:0;}
th{font-style:normal;font-weight:normal;text-align:left}
img{border:0;}
hr{margin:0;padding:0;}
em{font-style:normal;font-weight:bold;}
ul{margin:0;padding:0;}
li{list-style:none;}

html{
	scrollbar-base-color:#ffffff;
	scrollbar-face-color:#ffffff;
	scrollbar-track-color:#ffffff;
	scrollbar-arrow-color:#999999;
	scrollbar-3dlight-color:#999999;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#999999;
	scrollbar-darkshadow-color:#ffffff;
}

body{
	margin:0;
	padding:0;
	background:url(../img/bg.gif) no-repeat center top #FFF;
	font-size:87.5%;/* 14px */
	line-height:1.3;
}


/*--------------------------
共通クラス
--------------------------*/

a{
	color:#0066CC;
	text-decoration:none;
}

.float_l{float:left;}
.float_r{float:right;}

.text_r{text-align:right;}

.text_blue01{color:#000066;}
.text_orange01{color:#cc6600;}

.mb_15{margin-bottom:15px;}
.mb_20{margin-bottom:20px;}

.clear{clear:both;}

/*--------------------------
clearfix
--------------------------*/

.clearfix:after{
    content: "."; 
    display: block; 
    height: 0; 
    font-size:0;	
    clear: both; 
	visibility:hidden;
}
.clearfix{display: inline-block;} 
/* Hides from IE Mac */
* html .clearfix{height:1%;}
.clearfix{display:block;}


/*--------------------------
コンテンツ枠
--------------------------*/

#center{
	margin:0 auto;
	width:772px;
	border:1px solid #000;
}

/*--------------------------
左メニュー
--------------------------*/

#left{
	width:163px;
	min-height:840px;
	background-color:#FFFFFF;
	float:left;
	text-align:center;
}


#left .left_map{margin:5px;}/* 地図画像 */

#left .quick{/* 場所別プルダウン選択 */
	font-size:12px;
	color:#000000;
	padding:5px 3px 20px;
	height:16px;
}

#left .navi{/*Navi according to genre  */
	padding:0 8px;
	text-align:left;
	line-height:1.5;
}

#left .navi ul li img{vertical-align:middle;}

#left .navi ul li img.arrow{margin-right:5px;}

#left .navi .navi_01{/* 青見出し */
	border-top:1px solid #29479E;
	border-bottom:1px solid #29479E;
	border-left:7px solid #29479E;
}

#left .navi .navi_01 .navi_title{
	padding:3px 0;
	vertical-align:middle;
	border-bottom:1px dashed #999999;
}

#left .navi .navi_01 ul li{
	padding-bottom:2px;
	border-bottom:1px dashed #999999;
}

#left .navi .navi_01 ul li.end{border:none;}

#left .navi .navi_02{/* 緑見出し（Hot spring navi） */
	border-bottom:1px solid #29479E;
	border-left:7px solid #009900;
}

#left .navi .navi_03{/* 紫見出し（Traffic information） */
	border-bottom:1px solid #29479E;
	border-left:7px solid #6600CC;
}

#left .navi .navi_04{/* 黄緑見出し（Aichi map） */
	border-bottom:1px solid #29479E;
	border-left:7px solid #99CC00;
}

#left .navi .navi_05{/* オレンジ見出し（Link） */
	border-bottom:1px solid #29479E;
	border-left:7px solid #FF9900;
}

#left .navi .navi_gotop{/* TOPへ */
	border-bottom:1px solid #29479E;
	border-left:7px solid #990000;
}

#left .banner{padding:10px 0;}/* バナーエリア */


/*--------------------------
右コンテンツ
--------------------------*/

/* トップページ */
#right{
	width:608px;
	min-height:850px;
	float:right;
	background-color:#bf373b;
	border-left:1px solid #000;
}

#right .sub_text{
	padding:0 5px;
	color:#FFFFFF;
	text-align:center;
}

#right #main .sub_text{
	padding:0 5px 5px;
	color:#000000;
	text-align:left;
}

#right .city_map{/* 地図 */
	width:359px;
	float:left;
}

#right .city_map ul{
	float:left;
	width:30%;
	margin:0 0 0 5px;
	padding:0;
	line-height:1.2;
}

#right .city_map ul li{
	list-style:none;
	background:url(../img/ico02.gif) no-repeat left center;
	padding:0 0 5px 10px;
}

#right a.city{/* 都市名リンク */
	font-size:85.7%;
	color:#ffcc00;
	text-decoration:none;
}

#right a.city:hover{color:#FFFFFF;}

#right .text{/* 解説 */
	width:241px;
	float:right;
	background-image:url(../img/main_r2_c3.jpg);
	background-repeat:no-repeat;
	background-position:left top;
	padding:165px 8px 0 0;
	color:#FFFFFF;
	line-height:1.2;
}




/*--------------------------
下層ページ共通
--------------------------*/

/* コンテンツ部分カテゴリ別仕分け */
#right.bg_i{/* 都市別メニュー */
	background:#8F0316;
}
#right.bg_e{/* 祭り・イベント */
	background:#CC6600;
}
#right.bg_g{/* グルメ */
	background:#B61C00;
}
#right.bg_k{/* 観光 */
	background:#006699;
}
#right.bg_s{/* ショッピング */
	background:#075B4C;
}
#right.bg_t{/* 体験 */
	background:#B68600;
}
#right.bg_o{/* 温泉 */
	background:#006600;
}
#right.bg_a{/* 交通メニュー */
	background:#585893;
}
#right.bg_m{/* 地図 */
	background:#739709;
}
#right.bg_l{/* リンク */
	background:#EC8E02;
}
#right.bg_ac{/* 宿泊 */
	background:#746a39;
}

/* コンテンツ */
#main{
	background:url(../img/n_bg.gif) no-repeat top left #FFF;
	padding:85px 15px 20px 15px;
}

/* link */
#main a{
	color:#000066;
	text-decoration:none;
}
#main a:hover{
	color:#7079D1;
	text-decoration:underline;
}



/* h2 */
#right h2.h2_i{/* 都市別メニュー */
	margin-bottom:20px;
	background:#8F0316;
}
#right.bg_e h2{/* 祭り・イベント */
	margin-bottom:20px;
	background:#CC6600;
}
#right.bg_g h2{/* グルメ */
	margin-bottom:20px;
	background:#B61C00;
}
#right.bg_k h2{/* 観光 */
	margin-bottom:20px;
	background:#006699;
}
#right.bg_s h2{/* ショッピング */
	margin-bottom:20px;
	background:#075B4C;
}
#right.bg_t h2{/* 体験 */
	margin-bottom:20px;
	background:#B68600;
}
#right.bg_o h2{/* 温泉 */
	margin-bottom:10px;
	padding:3px 5px;
	background:#006600;
	font-size:114.3%;
	color:#FFF;
}
#right.bg_a h2{/* 交通メニュー */
	margin-bottom:20px;
	background:#585893;
}
#right.bg_m h2{/* 地図 */
	margin-bottom:20px;
	background:#739709;
}
#right.bg_l h2{/* リンク */
	margin-bottom:20px;
	background:#EC8E02;
}
#right.bg_ac h2{/* リンク */
	margin-bottom:20px;
	background:#746a39;
}

/*--------------------------------------------------*/

/* 都市別メニューページ */
#main .index_box{
	padding:8px;
	margin-bottom:15px;
}
#main .index_box img{
	margin:0 10px 0 0;
	float:left;
}
#main .menu_i{padding-top:10px;}/* 解説下のメニュー */
#main .menu_i a{font-size:13px;}/* メニューの文字サイズは固定 */
#main .menu_i div{
	float:left;
	border:1px solid #750000;
	width:187px;
	margin-bottom:5px;
}
#main .menu_i .center{margin:0 5px;}/* 3列メニュー中央 */
#main .menu_i h3{
	font-size:100%;
	text-align:center;
	padding:3px;
	background:#EFCDC9;
	border-bottom:1px solid #750000;
}
#main .menu_i ul{margin:5px;}
#main .menu_i ul li{
	font-size:13px;
	background:url(../img/point01.gif) no-repeat left 4px;
	padding-left:8px;
}
#main .menu_i div.half{width:284px;}/* メニューが2列の場合 */



/*--------------------------------------------------*/

/* 詳細ページ */
#main .box_r{/* 写真（右寄せ） */
	padding:8px;
	margin-bottom:15px;
}
#main .box_r img{
	margin:0 0 0 10px;
	float:right;
}

#main .box_r img.clear_f{/* 写真の右寄せを解除 */
	clear:both;
	margin:10px 0 0 10px;
}

#main .box_nophoto{/* テキスト枠（写真なし） */
	padding:5px;
	margin-bottom:15px;
}

#main ul.li_point01 li{/* テキスト枠内list */
	background:url(../img/point01.gif) no-repeat left 4px;
	padding-left:8px;
}

/* テキスト枠内詳細 */
#main .text_01{margin-top:10px;}
#main .text_01 span{
	color:#FFFFFF;
	background:#999;
	padding:2px 5px;
	margin-right:3px;
}

#main .page{margin-top:10px;}/* ページ移動 */

/* コンテンツ枠線 */
#right .bor_i{/* もくじ */
	border:1px solid #750000;
}
#right.bg_e .bor{/* 祭り・イベント */
	border:1px solid #CC6600;
}
#right.bg_g .bor{/* グルメ */
	border:1px solid #B61C00;
}
#right.bg_k .bor{/* 観光 */
	border:1px solid #006699;
}
#right.bg_s .bor{/* ショッピング */
	border:1px solid #075B4C;
}
#right.bg_t .bor{/* 体験 */
	border:1px solid #B68600;
}

/* 温泉ページ　テキスト・写真 */
#right.bg_o .box{
	padding-bottom:8px;
	margin-bottom:20px;
	border:1px solid #006600;
}
#right.bg_o .box img{
	float:right;
	margin-left:10px;
}
#right.bg_o .box p{padding:0 8px;}


/*--------------------------------------------------*/


/* 交通 */

#right.bg_a ul li{
	margin:3px 0;
	padding:2px 0 0;
	background-color:#585893;
}

#right.bg_a table{
	border:1px solid #333366;
	border-collapse:collapse;
	line-height:1.2;
	width:100%;
	margin-bottom:15px;
}
#right.bg_a table th,
#right.bg_a table td{
	border:1px solid #333366;
	border-collapse:collapse;
	padding:3px;
	vertical-align:top;
}
#right.bg_a table th{
	background-color:#DFD5EE;
}
#right.bg_a table th.title{
	background-color:#464B77;
	color:#FFFFFF;
}

/* リンク */
#right.bg_l .link{
	background:#FEF8E2;
	border:1px solid #FFDBA6;
	margin-bottom:15px;
}
#right.bg_l .link h3{
	background:#FFDBA6;
	padding:5px 15px;
}
#right.bg_l .link ul{
	margin:10px;
	line-height:1.5;
}
#right.bg_l .link ul li{
	background:url(../img/point01.gif) no-repeat left 4px;
	padding:0 0 0 8px;
}
#right.bg_l .link a{
	color:#990000;
	text-decoration:none;
}
#right.bg_l .link a:hover{
	color:#990000;
	text-decoration:underline;
}



/* カテゴリ一覧共通 */
#right .menu{padding-top:10px;}
#right .menu a{font-size:13px;}/* メニューの文字サイズは固定 */
#right .menu div.right{margin-right:0 !important;}/* 4列目余白打消し */
#right .menu ul{margin:5px;}
#right .menu ul li{
	background:url(../img/point01.gif) no-repeat left 4px;
	padding-left:8px;
}


/* 祭り・イベント一覧 */
#right.bg_e .menu div{
	float:left;
	border:1px solid #750000;
	width:139px;
	height:175px;
	margin:0 4px 5px 0;
}
#right.bg_e .menu h3{
	font-size:14px;
	text-align:center;
	padding:3px;
	background:#FEDFAB;
	border-bottom:1px solid #CC6600;
}

/* グルメ一覧 */
#right.bg_g .menu div{
	float:left;
	border:1px solid #CC0000;
	width:139px;
	height:150px;
	margin:0 4px 5px 0;
}
#right.bg_g .menu h3{
	font-size:14px;
	text-align:center;
	padding:3px;
	background:#F5E0EE;
	border-bottom:1px solid #CC0000;
}

/* 観光一覧 */
#right.bg_k .menu div{
	float:left;
	border:1px solid #006699;
	width:139px;
	height:310px;
	margin:0 4px 5px 0;
}
#right.bg_k .menu h3{
	font-size:14px;
	text-align:center;
	padding:3px;
	background:#B1D8E9;
	border-bottom:1px solid #006699;
}

/* ショッピング一覧 */
#right.bg_s .menu div{
	float:left;
	border:1px solid #015044;
	width:139px;
	height:180px;
	margin:0 4px 5px 0;
}
#right.bg_s .menu h3{
	font-size:14px;
	text-align:center;
	padding:3px;
	background:#CDE4E7;
	border-bottom:1px solid #015044;
}

/* 体験一覧 */
#right.bg_t .menu div{
	float:left;
	border:1px solid #645528;
	width:139px;
	height:140px;
	margin:0 4px 5px 0;
}
#right.bg_t .menu h3{
	font-size:14px;
	text-align:center;
	padding:3px;
	background:#EFE3B6;
	border-bottom:1px solid #645528;
}

/* 温泉一覧 */
#right.bg_o h2.menu{/* 温泉 */
	margin-bottom:20px;
	padding:0;
	background:#165624;
}
#right.bg_o div.menu{
	float:left;
	width:50%;
}
#right.bg_o div.menu ul li{
	margin:3px 0;
	padding:2px 0 0;
	background-color:#165624;
}