@charset "utf-8";

/*------------------------------------------------------------------------------
Mie Tourism Guide - CSS Modules Import
URL: http://welcome.kankomie.or.jp/
Date: 2009-11-05
Copyright (C) Mie Prefecture All Rights Reserved.
------------------------------------------------------------------------------*/


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

Content

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

div#Container div#Content {
	padding: 10px 17px 40px 17px;
}


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

Content - Main

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

div#Main {
	width: 600px;
	float: right;
	position: relative;
}



/* ---- TopRead ---- */
div#Main div#TopRead {
	margin-left: -165px;
	width: 540px;
}

*html div#Main div#TopRead {
	position: relative;
}

div#Main div#TopRead h2 {
	margin-bottom: 10px;
}


/* ---- OurArea ----- */
div#Main div#OurArea {
	margin-bottom: 20px;
	background: url(/common/img/area_nav_bg.jpg) 0 0 no-repeat;
	padding: 35px 10px 10px 10px;
}

*html div#Main div#OurArea {
	height: 157px;
	margin-bottom: 0;
	padding: 35px 10px 0 10px;
}

div#Main div#OurArea ul {
	width: 362px;
}

div#Main div#OurArea ul li {
	float: left;
}

div#Main div#OurArea h3 {
	margin: 0 0 13px 45px;
}

/* ---- MAP ---- */
div#Main div#MAP {
	position: absolute;
	right: 0;
	top: 0;
	background: url(../img/top/map.png) 0 0 no-repeat;
	height: 256px;
	width: 203px;
}



/* ---- Recommend ---- */
div#Recommend {
}

div#Recommend h3 {
	margin-bottom: 10px;
}

div#Recommend ul {
	margin-left: -13px;
	position: relative;
	width: 609px;
}

div#Recommend ul li {
	float: left;
	width: 190px;
	padding-left: 13px;
	margin-bottom: 10px;
	line-height: 1.25;
}

div#Recommend ul li div.InBox {
	padding: 10px 0 0 10px;
	border-left: 2px solid #e5e5e5;
	min-height: 100px;
	height: auto !important;
	height: 100px;
}

div#Recommend ul li div.InBox ul.BtnDetail {
	text-align: right;
	width: 55px;
}

div#Recommend ul li div.InBox ul.BtnDetail li {
	display: inline;
	width: 175px;
}

*html ul#Bnr {
	margin-top: 10px;
}

*+html ul#Bnr {
	margin-top: 10px;
}


ul#Bnr {
	margin-left: -7px;
}

ul#Bnr li {
	float: left;
	padding-left: 7px;
}

/* ---- TopicsBnr ---- */

ul#TopicsBnr {
	margin: 10px 10px 20px 0;
}

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

Content - Sub

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

div#Sub {
	width: 153px;
	float: left;
	margin-top: 120px;
}

/*--- SubNav ---*/

div#Sub ul#SubNav {
	margin-bottom: 15px;
}

div#Sub ul#SubNav li.SubCate {
	background: url(/common/img/sub_nav_bg.png) 0 0 repeat-y;
	padding-bottom: 5px;
}

div#Sub ul#SubNav li.SubCate ul {
	background: #fff;
	margin: 0 5px;
}

div#Sub ul#SubNav li.SubCate ul li {
	background: url(/common/img/line_dotted01.png) 0 0 repeat-x;
	padding-left :15px;
}

*html div#Sub ul#SubNav li.SubCate ul li {
	zoom: 1;
	padding-left : 0;
}

*+html div#Sub ul#SubNav li.SubCate ul li {
	zoom: 1;
	padding-left : 0;
}

div#Sub ul#SubNav li.SubCate ul li.FirstChild {
	background: none;
}

div#Sub ul#SubNav li.SubCate ul li a {
	background: url(/common/img/ico_arrow01.png) 0 0.5em no-repeat;
	padding: 0 0 0 10px;
	margin:0 10px 0 -10px;
	text-indent: 10px;
	
}

*html div#Sub ul#SubNav li.SubCate ul li a {
	zoom: 1;
	margin:0 10px;
	text-indent: 0;
}


*+html div#Sub ul#SubNav li.SubCate ul li a {
	zoom: 1;
	margin:0 10px;
	text-indent: 0;
}


/*--- SubBnr ---*/
ul.SubBnr li {
	margin-bottom: 5px;s
}




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

ClearFix (必要なければ消す)

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

/* -- Modern Browsers -- */

ul#Bnr:after,
div#Main div#Recommend ul:after,
div#Main div#OurArea ul:after,
div#Content:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* -- IE7 -- */

*:first-child+html ul#Bnr,
*:first-child+html div#Main div#Recommend ul,
*:first-child+html div#Main div#OurArea ul,
*:first-child+html div#Content {
	display: inline-block;
}

/*  -- Legacy IE -- */

*html ul#Bnr,
* html div#Main div#Recommend ul,
* html div#Main div#OurArea ul,
* html div#Content {
	zoom: 1;
}
