@charset "shift_jis";
/*-----------------------------------------------

 style.css[共通CSS]

-------------------------------------------------

 special/index.html
 sanyo/index.html
 sanin/index.html
 shikoku/index.html

-------------------------------------------------

階層構造

#odekakeContents
  #headLayout
  #area01
	#spotArea
		#spotAreaImg
	#infoArea
		#infoAreaImg
	#oaturaeHiking
		#oaturaeBox
		#hikingBox
		#kantakun
  #area02
  	#westBox
	#tripBox

-----------------------------------------------*/
#footer {
	margin-bottom: -13px !important;
}
div#DiscoverWestContents {
	margin-top: 0!important;
	margin-left:auto;
	margin-right:auto;
	padding-top:0px!important;
	/*font-size: 116.7%;*/
	clear: both;
}
/* 上層ページ専用 headerLayout */
div#headLayout01 {
	background: url(../img/navi/bg_topLayout.gif) repeat-x;
	padding-top: 23px;
}
/* スライダー */
div#headLayout01 #WapHeader {
	margin: 0px auto;
	width: 970px;
	height: 347px;
	overflow: hidden;
	position: relative;
}
div#headLayout01 #WapHeader #ImgFrame {
	position: absolute;
	z-index: 20;
	left: 0px;
	top: 0px;
}
div#headLayout01 #WapHeader #FrameMargin {
	padding: 5px;
	z-index: 10;
}
div#headLayout01 #WapHeader .ImgSlide  {
	z-index: 5;
}
/* 下層ページ専用 headerLayout */
div#headLayout02 {
	background: url(../img/common/bg_headerLayout.gif) repeat-x;
}
div#headLayout02 h1 {
	text-align: center;
}
/* リンクの設定 link */
div#DiscoverWestContents a:link {
	color:#0c8cd3;
}
div#DiscoverWestContents a:visited {
	color:#0c8cd3;
}
div#DiscoverWestContents a:hover img.light {
	opacity:0.7;
	filter: alpha(opacity=70);
}
div#DiscoverWestContents a.light:hover {
	opacity:0.7;
	filter: alpha(opacity=70);
}
/* ナビゲーション */
div#navigation {
	background-repeat: repeat-x;
	height: 53px;
	clear: both;
	/* background-imgeは個別のCSSで指定 */
}
div#navigation ul {
	width: 970px;
	margin: 0px auto;
}
div#navigation ul li {
	float: left;
}

div#odekakeContents {
	margin-top: 0!important;
	margin-left:auto;
	margin-right:auto;
	padding-top:15px!important;
	width:970px !important;
	font-size: 116.7%;
	clear: both;
	position: relative;
}
/* エリア01 */
#area01 {
	width: 970px;
	background: url(../img/common/area01_bg.gif) repeat-y left top;
	margin-bottom: 20px;
}
/* スポット */
#spotArea {
	background: url(../img/common/area01_head_bg.gif) no-repeat left top;
	padding: 0 20px;
}
#spotArea h2 {
	padding-top: 25px;
	margin-bottom: 18px;
}
#spotArea ul {
	float: left;
	padding-left:10px;
	width: 185px;
}
#spotArea ul.ulLeft {
	width: 160px;
	padding-bottom:15px;
}
#spotArea ul li {
	background: url(../img/common/yajirusi.jpg) no-repeat left center;
	list-style: none;
	padding-left: 15px;
}
#spotArea #spotAreaImg dl {
	float: left;
	text-align: center;
	margin-right: 8px;
	padding:0 0 15px 0;
	font-size: 90%;
}
#spotArea #spotAreaImg dl dd {
	margin: -3px 0 0 0;
	line-height: 135%;
}
#spotArea #spotAreaImg p {
	float: left;
	text-align: center;
	margin-right: 8px;
}
/* 特集専用スポット */
#specialArea {
	background: url(../img/common/area01_head_bg.gif) no-repeat left top;
	padding: 0 20px;
}


/* 情報 */
#infoArea {
	padding: 0 20px;
	margin-bottom: 24px;
	clear: both;
}
#infoArea h2 {
	margin-bottom: 18px;
}
#infoArea ul {
	float: left;
	padding-left:10px;
	width: 185px;
}
#infoArea ul.ulLeft {
	width: 160px;
	padding-bottom: 10px;
}
#infoArea ul li {
	background: url(../img/common/yajirusi.jpg) no-repeat left center;
	list-style: none;
	padding-left: 15px;
}
#info #infoAreaImg {
	margin-bottom: 25px;
}
#infoArea #infoAreaImg dl {
	float: left;
	text-align: center;
	margin-right: 8px;
	padding:0 0 15px 0;
	font-size: 90%;
}
#infoArea #infoAreaImg dl dd {
	margin: -3px 0 0 0;
	line-height: 135%;
}

#infoArea #infoAreaImg p {
	float: left;
	margin-right: 10px;
	margin-bottom:20px;
}
#infoArea #infoAreaImg p.last {
	margin-right: -10px;
}
/* ハイキング */
#oaturaeHiking {
	padding: 0 20px 20px 20px;
	background: url(../img/common/area01_footer_bg.gif) no-repeat left bottom;
	clear: both;
}
#oaturaeBox {
	background: url(../img/common/oaturae_bg.gif) no-repeat left bottom;
	width: 460px;
	height: 188px;
	float: left;
	padding-right: 10px;
}
#oaturaeBox ul {
	margin: 0 10px;
}
#oaturaeBox li {
	float: left;
	margin-right: 8px;
}
#oaturaeBox li.last {
	margin-right: 0px;
}
#hikingBox {
	background: url(../img/common/hiking_bg.jpg) no-repeat left bottom;
	width: 460px;
	height: 188px;
	float: left;
}
#hikingBox ul {
	margin: 0 10px;
}
#hikingBox li {
	float: left;
	margin-right: 8px;
}
#hikingBox li.last {
	margin-right: 0px;
}
/*駅から観タクン*/
#kantakun {
	background: url(../img/common/kantakun_footer.gif) no-repeat left bottom;
	padding: 10px 0 13px 0;
	/padding: 5px 0 13px 0;
	clear: both;
}
#kantakun dd {
	background: url(../img/common/kantakun_bg.gif) repeat-y left top;
	margin: 0;
	padding: 10px 25px;
}
#kantakun dd ul {
	padding: 0;
}
#kantakun dd ul li {
	display: inline;
	padding: 0 15px 10px 10px;
	background: url(../img/common/yajirusi.jpg) no-repeat left 6px;
	_background: url(../img/common/yajirusi.jpg) no-repeat left 4px;
	line-height: 165%;
}

/* specialとtopのフッター */
#spotFooter {
	background: url(../img/common/area01_footer_bg.gif) no-repeat left bottom;
	padding-bottom: 23px;
	width: 970px;
}
#odekakeContents .SocialBtn {
	clear: both;
	margin-top: -20px;
	padding-bottom: 60px;
}
#odekakeContents .SocialBtn ul {
	float: right;

}

#odekakeContents .SocialBtn ul li {
	float: left;
	padding: 7px 0px 0px 9px;
	_padding: 9px 0px 0px 9px;
}
#odekakeContents .SocialBtn ul li.BtnSpace {
	margin-top: 0px;
}


/* エリア02 */
#area02 {
	width: 970px;
	clear:both;
}
/* DISCOVER WEST */
#westBox {
	background: url(../img/common/dotLine.gif) no-repeat center bottom;
	margin-bottom: 20px;
	clear: both;
}
#westBox.bgnon {
	background: none;
}
#westBox h2 {
	margin-bottom: 20px;
	background: url(/navi/discoverwest/img/common/west_tit_bg.png) no-repeat top left;
}
#westBox .txtLeft {
	float:left;
	padding: 15px 0 0 20px;
	width:440px;
}
#westBox .txtLeft img {
	float:left;
	padding:0 0 0 0;
}
#westBox .txtLeft p {
	float:left;
	font-size: 83%;
	line-height:180%;
}
#westBox dl {
	float: right;
	margin-top: 10px;
	width: 480px;
	padding-right: 20px;/* 120913追加 */
}
#westBox dl dt.left {
	float:left;
	margin-right: 3px;
}
#westBox dl dt {
	float:left;
	margin-right: 0;
}


#westBox dl dt img {
	margin-left: 5px;
	margin-bottom: 5px;
}

#westBox dd {
	text-align: center;
	padding: 5px 0 0 0;
}
#westBox p a {
	background: url(../img/common/yajirusi.jpg) no-repeat left center;
	padding-left: 10px;
	font-size: 80% ;

}
/* 旅行会社 */
#tripBox {
	padding-bottom: 50px;
	width: 969px;
	float: left;
}
#tripBox h2 {
	margin-bottom: 20px;
	background: url(/navi/discoverwest/img/common/trip_tit_bg.png) no-repeat top left;
}
#tripBox p.txt1 {
	font-size: 83%;
	line-height: 180%;
	padding: 0 20px 0px;
}
#tripBox .tripArea {
    width: 454px;
	height: 84px;
	margin: 10px 15px 0 10px;
}
#tripBox .tripArea.cmSetouchi,
#tripBox .tripArea.cmSanin {
	height: auto;
	padding-top: 20px;
	width: 455px;
	float:left;
}
#tripBox .tripArea ul {
	overflow: hidden;
    padding: 10px 0 10px 4px;
	border: 1px solid #e4e4e4;
	border-radius: 3px;
}
#tripBox .tripArea.cmSetouchi ul {
	padding-left: 0;
}
#tripBox .tripArea.cmSanin ul {
	padding-left: 20px;
}
#tripBox .tripArea ul li {
	float: left;
}
#tripBox .tripArea ul li + li {
	margin-left: 5px;
    padding-left: 6px;
    border-left: 1px solid #e4e4e4;
}
#tripBox .tripArea.cmSetouchi ul li + li {
	margin-left: 0;
    padding-left: 0;
}
#tripBox .tripArea.cmSanin ul li + li {
	margin-left: 19px;
    padding-left: 19px;
}
#tripBox .tripArea ul li.last {
	margin-right:0px;
}
#tripBox .mb5 {
	margin-bottom: 5px;
}
/* おトクなきっぷ情報 */
#ticketBox {
	padding-bottom: 50px;
	width: 474px;
	float: right;
}
#ticketBox h2 {
	margin-bottom: 20px;
}
#ticketBox p.txt1 {
	font-size: 83%;
	line-height: 180%;
	padding: 0 20px 20px;
}
#ticketBox p.img1 {
	padding: 0 20px 20px;
}

/* 特集バナー */
#bnr_special {
	clear: both;
	width: 970px;
	margin-bottom: 30px;
}
#bnr_special ul {
	width: 960px;
	padding-left: 10px;
}
#bnr_special ul li {
	padding: 0px 0px 0px 10px;
	width: 304px;
	float: left;
}

/* 広島ゆるり旅 */
.bnrDesti {
	position: absolute;
	top: -168px;
	right: 0px;
}
.bnrDestiBtm {
	padding: 20px 0 0;
	text-align: center;
}

/* DISCOVER WEST バナー設置 */
#bannerDWP {
	padding: 20px 0 10px 0;
	clear: both;
}
#bannerDWP p {
	text-align: center;
}

/* しまのわ バナー設置 */
#shimanowaTop li {
	height:80px !important;
	width:915;
}
#shimanowa {
	background: #82CDE0;
	margin: 20px auto 0 auto;
	width: 915px;
}
#shimanowa #logo {
	padding:52px 61px 0 72px;
	float:left;
}
#shimanowa #txt {
	float: right;
	width: 510px;
	padding: 10px 35px 0 51px;
	margin: 40px 0 30px 0;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e6f5f9;
}
#shimanowa #txt p {
	color: #FFF;
	font-size: 85%;
	line-height: 200%;
	padding: 0 0 25px 0;
}
#shimanowa #txt p.detail {
	color: #FFF;
	font-size: 85%;
	padding: 0 0 10px 0;
}
#shimanowa #txt p a {
	color: #FFF;
	background-image: url(../img/common/shimanowa_btn.gif);
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left:17px;
}
#shimanowa #shimanowaBanner {
	clear: both;
	margin: 0 42px;
	border-top: 1px solid #e6f5f9;
	padding-bottom: 20px;
}
#shimanowa #shimanowaBanner dt {
	padding: 20px 0 7px 0;
}
#shimanowa #shimanowaBanner dd ul {
	margin-left: -9px;
	list-style-type: none;
	padding: 0;
	width: 850px;
	height: 71px;
}
#shimanowa #shimanowaBanner dd ul li {
	float: left;
	width: 413px;
	height: 71px;
	list-style: none;
	background-image: none;
	padding-left: 9px;
}
#bannerTabihaku {
	padding: 20px 0 10px 0;
	clear: both;
}
#bannerTabihaku p {
	text-align: center;
}
/* TOPキャンペーンバナー用 */
#bnrBox {
	padding: 15px 0 30px 25px;
}


/* クリアフィックス - CLEAR FIX -
-------------------------------------------------*/
.c-fix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
}
.c-fix {
	min-height: 1px;
}
* html .c-fix {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.c-fix {
	zoom: 100%;
}