@charset "UTF-8";
/*------------------------------------------------------------------------------
Kyoto Prefecture Tourism Guide - CSS Modules Import
URL: http://
Date: 2011-02-02
Copyright (C) Kyoto Tourism Federation. All rights reserved.
------------------------------------------------------------------------------*/
/* ----------------------------------------

Mv

---------------------------------------- */
div#Mv { display: block; margin: 0 auto; height: 120px; background: url(../img/top/loading.gif) 50% 50% no-repeat; }

div#Mv img.filter { display: none; width: 0; height: 0; }

div#MvInBox { position: relative; width: 100%; height: 392px; overflow: hidden; }

div.panel { display: none; width: 1260px; height: 392px; top: 0; left: 50%; overflow: hidden; margin-left: -630px; position: absolute; }

div.panel a { display: block; }

/* MV */
div#innerMvSec div img { display: block; margin: 0 auto; width: 100% !important; }

div#Mv div#Mv01 { background: url(../img/top/mv/001.jpg) 0 0 no-repeat; }

div#Mv div#Mv02 { background: url(../img/top/mv/002.jpg) 0 0 no-repeat; }

div#Mv div#Mv03 { background: url(../img/top/mv/003.jpg) 0 0 no-repeat; }

div#Mv div#Mv04 { background: url(../img/top/mv/004.jpg) 0 0 no-repeat; }

div#Mv div#Mv05 { background: url(../img/top/mv/005.jpg) 0 0 no-repeat; }

div#Mv div#Mv06 { background: url(../img/top/mv/006.jpg) 0 0 no-repeat; }

div#Mv div#Mv07 { background: url(../img/top/mv/007.jpg) 0 0 no-repeat; }

div#Mv div#Mv08 { background: url(../img/top/mv/008.jpg) 0 0 no-repeat; }

div#Mv div#Mv09 { background: url(../img/top/mv/009.jpg) 0 0 no-repeat; }

div.strip_wrapper { position: absolute; left: 704px; top: 333px; width: 257px; height: 53px; overflow: hidden; }

div#ThumbNavi { width: 960px; display: none; margin: 0 auto; position: relative; z-index: 10000; }

div#pointer { position: absolute; top: 342px; width: 41px; height: 41px; border: 2px solid #fff; cursor: pointer; z-index: 10010; }

div#ThumbNavi div.strip_wrapper ul.filmstrip { position: absolute; top: 0; left: 0; display: block; width: 257px; height: 53px; z-index: 900; }

div#ThumbNavi div.strip_wrapper ul.filmstrip li { display: inline; float: left; position: relative; height: 43px; width: 43px; margin-top: 5px; margin-left: 7px; cursor: pointer; z-index: 901; }

@media screen and (min-width: 960px) {
  div#Mv { height: 392px; }
  div#ThumbNavi {
    display: block;
  }
}
/* ----------------------------------------

Content

---------------------------------------- */
div#Content { margin-bottom: 10px; }

div#Content h2.TopTitStyle { position: relative; }

div#Content h2.TopTitStyle a { position: absolute; z-index: 10; }

/* --- Text --- */
div#TxtStyle01 { margin-bottom: 20px; }

/* --- imprtntNews --- */
div#Content div#imprtntNews { background-color: #fdeeee; padding: 10px 17px 4px; border: solid 2px #ffd3d3; margin: 15px 0 20px; }

ol#imprtntNewsList li { margin-bottom: 6px; }

ol#imprtntNewsList li a { display: block; padding-left: 21px; background: url(../img/common/ico_arrow_02.png) 0 0.25em no-repeat; position: relative; }

/* --- FeatureOfSeason --- */
div#Content div#FeatureOfSeason { margin-bottom: 25px; }

div#Content div#FeatureOfSeasonInBox { border-left: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; _zoom: 1; _position: relative; padding-bottom: 15px; padding-top: 15px; }

div#Content div#FeatureOfSeason h2 { margin-bottom: 0; }

div#Content div#FeatureOfSeason h2.TopTitStyle a { position: absolute; top: 14px; right: 16px; }

div#Content div#FeatureOfSeason ul { margin: 0 15px 0 -13px; _zoom: 1; _position: relative; overflow: hidden; }

div#Content div#FeatureOfSeason ul li { float: left; width: 320px; padding-left: 28px; }

div#FeatureOfSeason ul li p.FeatureTxt { margin-top: 10px; }

div#FeatureOfSeason ul li p.FeatureTxt a { display: block; background: url(../img/common/ico_arrow_02.png) 0 0.3em no-repeat; padding-left: 20px; }

/* --- AreaPickUp --- */
div#AreaPickUp { border: 1px solid #d1d1d1; background: url(../img/top/area_bg.png) 0 0 repeat; padding: 30px; margin-bottom: 25px; }

div#AreaPickUpInBox { margin-bottom: 30px; }

div.AreaInfoBox { margin-bottom: 25px; width: 480px; padding-left: 158px; }

div.AreaInfoBox h3 { position: relative; padding-bottom: 5px; margin-bottom: 15px; }

div.AreaInfoBox h3 a { position: absolute; top: 3px; right: 0; }

div.AreaInfoBox dl dt { float: left; width: 70px; padding-right: 15px; }

div.AreaInfoBox dl dd { overflow: hidden; }

div.AreaInfoBox ul { min-height: 70px; height: auto !important; height: 70px; }

div#AreaSea { background: url(../img/top/img_area_map_sea.png) 10px 0 no-repeat; }

div#AreaSea h3 { border-bottom: 1px solid #a3cdf9; }

div#AreaForest { background: url(../img/top/img_area_map_forest.png) 10px 0 no-repeat; }

div#AreaForest h3 { border-bottom: 1px solid #f1d674; }

div#AreaKyoto { background: url(../img/top/img_area_map_kyoto.png) 10px 0 no-repeat; }

div#AreaKyoto h3 { border-bottom: 1px solid #cabff9; }

div#AreaTea { background: url(../img/top/img_area_map_tea.png) 10px 0 no-repeat; }

div#AreaTea h3 { border-bottom: 1px solid #a4dd84; }

div#AreaBamboo { background: url(../img/top/img_area_map_bamboo.png) 10px 0 no-repeat; }

div#AreaBamboo h3 { border-bottom: 1px solid #9cd6d0; }

div.AreaInfoBox ul li { margin-bottom: 5px; }

div.AreaInfoBox ul li a { padding-bottom: 5px; }

div#AreaSea ul li a { background: url(../img/common/ico_arrow_sea_01.png) 0 0.1em no-repeat; padding-left: 20px; }

div#AreaForest ul li a { background: url(../img/common/ico_arrow_forest_01.png) 0 0.1em no-repeat; padding-left: 20px; }

div#AreaKyoto ul li a { background: url(../img/common/ico_arrow_kyoto_01.png) 0 0.1em no-repeat; padding-left: 20px; }

div#AreaTea ul li a { background: url(../img/common/ico_arrow_tea_01.png) 0 0.1em no-repeat; padding-left: 20px; }

div#AreaBamboo ul li a { background: url(../img/common/ico_arrow_bamboo_01.png) 0 0.1em no-repeat; padding-left: 20px; }

/* --- movieThum --- */
div#AreaDataCol .movieThum { display: block; margin: 15px 0 0 25px; }

/* --- Weather --- */
div#Weather { width: 278px; background: url(../img/top/weather_bg.png) 0 0 repeat-y; float: right; }

div#Weather ul { background: url(../img/top/weather_bg_btm.png) 0 100% no-repeat; _zoom: 1; _position: relative; overflow: hidden; padding-bottom: 15px; }

div#Weather ul li { width: 100px; text-align: center; padding-left: 20px; padding-right: 20px; background: url(../img/common/line_dotted_01.png) 0 0 repeat-y; margin-left: -1px; float: left; }

div#Weather ul li h4 { text-align: center; }

/* --- MobileInfo ---*/
div#MobileInfo { border: 1px solid #d1d1d1; padding: 15px 14px; }

div#MobileInfo div#MobileInfoTxt { padding-top: 12px; }

div#MobileInfo div#MobileInfoTxt .inTxt { overflow: hidden; line-height: 1.25; color: #464646; }

div#MobileInfo #QR { width: 81px; float: left; margin-right: 11px; }

div#MobileInfo div#MobileInfoTxt .inCap { font-size: 83.3%; margin-top: 5px; line-height: 1.3; }

/* 111003add */
div#Sub ul.SubLink li#topBnr01 { margin-bottom: 15px; }

/* --- Banner01 ---*/
div#Banner01 { border: 1px solid #d1d1d1; background: url(../img/top/area_bg.png) 0 0 repeat; padding: 18px 15px; margin-bottom: 25px; }

div#Banner01 ul li.bnr01 { margin-bottom: 15px; }

/* --- Banner02 ---*/
div#Banner02 { margin-bottom: 35px; }

div#Banner02 ul li { float: right; }

div#Banner02 ul li.bnr02 { margin-left: 10px; }

div#Banner02 ul li a:hover { opacity: .65; /* Standard: FF gt 1.5, Opera, Safari */ filter: alpha(opacity=65); /* IE lt 8 */ -ms-filter: "alpha(opacity=65)"; /* IE 8 */ -khtml-opacity: .65; /* Safari 1.x */ -moz-opacity: .65; /* FF lt 1.5, Netscape */ }

/* --- smalBnr ---*/
div#Banner02.smalBnr { margin: 0 auto 35px; width: 960px; }

div#Banner02.smalBnr li.bnr02 { margin-left: 12px; }

.twitterWiget { margin-bottom: 15px; border: 1px solid #e1e8ec; border-radius: 3px; }

.sub_facebook { margin-bottom: 20px; height: 400px; width: 230px;}

/* ---bnr_box ---*/
.bnr_box{
  display: block;
  margin-bottom: 20px;
}

/* --- capitalarea --- */
div#Content div#capitalarea { margin-bottom: 25px; }

div#Content div#capitalareaInBox { border-left: 1px solid #d1d1d1; border-bottom: 1px solid #d1d1d1; border-right: 1px solid #d1d1d1; _zoom: 1; _position: relative; padding-bottom: 15px; padding-top: 15px; }

div#Content div#capitalareaInBox .capitalareaInBox_tit02 { margin-bottom: 5px; }

div#Content div#capitalareaInBox .capitalareaInBox_02 { margin-bottom: 15px; }

div#Content div#capitalarea h2 { margin-bottom: 0; }

div#Content div#capitalarea h2.TopTitStyle a { position: absolute; top: 14px; right: 16px; }

div#Content div#capitalarea ul { margin: 0 15px 0 -13px; _zoom: 1; _position: relative; overflow: hidden; }

div#Content div#capitalarea ul li { float: left; width: 320px; padding-left: 28px; }

div#capitalarea ul li p.capitalareaTxt { margin-top: 10px; }

div#capitalarea ul li p.capitalareaTxt a { display: block; background: url(../img/common/ico_arrow_02.png) 0 0.3em no-repeat; padding-left: 20px; }

div#capitalarea ul li p.capitalareaTxt_small { font-size: 83.4%; }

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

ClearFix (必要なければ消す)

---------------------------------------- */
/* Modern Browsers
------------------------------- */
div.AreaInfoBox dl dd:after, div#Content div#anotherBox .anoBox:after, div#Content div#anotherBox ul:after, div#MobileInfo:after, div#Weather ul:after, div#AreaPickUpInBox:after, div#AreaDataBox:after, ol#NewsList01 li:after, div#Banner01 ul:after, ol#imprtntNewsList li:after, div#MobileInfo div#MobileInfoTxt:after, div#Banner02 ul:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; line-height: 0; }

/* IE7
------------------------------- */
*:first-child + html div.AreaInfoBox dl dd, *:first-child + html div#Content div#anotherBox .anoBox, *:first-child + html div#Content div#anotherBox ul *:first-child + html div#MobileInfo, *:first-child + html div#Weather ul, *:first-child + html div#AreaPickUpInBox, *:first-child + html div#AreaDataBox, *:first-child + html ol#NewsList01 li, *:first-child + html div#Banner01 ul, *:first-child + html ol#imprtntNewsList li, *:first-child + html div#MobileInfoTxt, *:first-child + html div#Banner02 ul { zoom: 1; }

/* Legacy IE
------------------------------- */
* html div.AreaInfoBox dl dd * html div#Content div#anotherBox .anoBox, * html div#Content div#anotherBox ul, * html div#MobileInfo, * html div#Weather ul, * html div#AreaPickUpInBox, * html div#AreaDataBox, * html ol#NewsList01 li, * html div#Banner01 ul, * html ol#imprtntNewsList li, * html div#MobileInfoTxt, * html div#Banner02 ul { zoom: 1; }

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

Top印刷対応

---------------------------------------- */
@media print { * html body { zoom: 0.65; }
  *:first-child + html { zoom: 0.65; }
  div#Container, div#Mv { background: none; }
  div#Footer { position: relative; top: 40px; }
  div#Footer, div#FooterNav, div#ContentFooter { clear: both; background: none; border: none; }
  p#FooterPatgeTop, div#AddBnr { display: none; }
  div#FooterNav div#FooterNavInBox { overflow: hidden; zoom: 1; } }