@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed');
* { padding: 0px; margin: 0px; }
li { list-style: none; margin: 0px; padding: 0px; }
input, textarea { font-size: 1em; }
body { font-size: 0.9em; font-style: normal; line-height: 1.5em; font-weight: normal; color: #333333; text-align: inherit; padding: 10px; }
p { margin-top: 0px; margin-right: 0px; margin-bottom: 5px; margin-left: 0px;
    text-align: justify;
}
a:link { color: #333333; }
a:visited { color: #333333; }
a:hover { color: #FF6600; }
a:active { color: #333333; }
.whiteLink { color: #FFFFFF; }
.whiteLink:link { color: #FFFFFF; }
.whiteLink:visited { color: #FFFFFF; }
.whiteLink:hover { color: #FF6600; }
.whiteLink:active { color: #FF6600; }
img { border: 0px; float: none; }
/* 全体 */
#page { width: 800px; background-repeat: no-repeat; background-position: right top; background-image: url(img/rightImageBase.jpg); }
#name { width: 400px; }
#comment-waku { width: 400px; }
/* 左メニュー */
#sideMenu { float: left; width: 230px; background-color: #000000; height: 546px; background-repeat: no-repeat; background-position: right top; line-height: 1em; font-size: 0.8em; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; margin: 0px; padding: 0px; }
#sideMenu img { margin: 0px; padding: 0px; }
#sideMenu #leftImage { float: right; width: 140px; }
#sideMenu ul { width: 90px; margin: 0; padding: 0; margin-top: 10px; }
#sideMenu li { margin: 0; padding: 0; list-style: none; line-height: 1px; font-size: 1px; }
#sideMenu a { line-height: 1em; margin: 0px; padding: 0px; }
#sideBanners {
    padding-top: 10px;
    margin-bottom: 10px;
    clear: left;
}
/* コンテンツ部分 */
#body { float: right; width: 560px; padding-left: 10px;/*height: 546px;*/ }
#header { margin: 0px; padding: 0px; height: 20px; width: 1000px; }
/* フッタ部分 */
#footer { font-size: 0.85em; color: #333333; line-height: 1.1em; clear: both; float: none; font-family: 'Roboto Condensed', sans-serif; margin: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
.flashBannerTop { font-size: 10px; line-height: 11px; float: none; }
/* 以下コンテンツ内用 */

/* パンくず */
#pankuzu { font-size: 0.8em; letter-spacing: -0.0em; text-align: left; }
/* 各トップ用 */
#indexTitle { text-align: center; width: 440px; margin-bottom: 10px; margin-top: 10px;
    width: 100%;
}
#indexLead { width: 420px; margin-bottom: 20px; font-size: 0.95em; line-height: 1.6em; padding-right: 10px; padding-left: 10px;
    background-color: rgba(255,255,255,0.5);
    text-align: justify;
}
#indexImage { text-align: right; margin-bottom: 5px; width: 300px; font-size: 0.8em; margin-right: 70px; margin-left: 70px;
    font-size: 1em;
    transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    -ms-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -webkit-transform: rotate(0.028deg);
}
#indexMenu { width: 440px; text-align: center; }
#indexMenuTable { margin-right: auto; margin-left: auto; }
#indexMenu td { text-align: left; color: #B05622; padding: 0px; margin: 1px;
    line-height: 2em;
}
#title { font-size: 30px; line-height: 1em; font-weight: bold; margin-top: 5px; margin-bottom: 5px; color: #000000; margin-left: 0px; margin-right: 5px; width: 400px; }
/* 大見出し */
.title { font-size: 30px; line-height: 1em; font-weight: bold; margin-top: 5px; margin-bottom: 5px; color: #B05622; margin-left: 5px; margin-right: 5px; width: 400px; }
.sub_title { font-size: 20px; line-height: 1em; font-weight: bold; margin-top: 5px; margin-bottom: 5px; color: #B05622; }
.comments { font-size: 1em; line-height: 1.2em; font-weight: normal; margin-top: 10px; margin-bottom: 5px; }
.kanko-comments { font-size: 1em; line-height: 1.1em; font-weight: bold; margin-top: 10px; margin-bottom: 3px; color: #003366; text-align: left; padding-top: 0px; padding-bottom: 0px; display: block; }
.kanko-comments-l { font-size: 20px; line-height: 1em; font-weight: bold; margin-top: 10px; margin-bottom: 5px; color: #003366; width: 400px; }
/* ルビ用 */
.note { font-size: 0.8em; font-weight: normal; }
/* コンテンツ内のリンク */
.bodyLink { clear: both; margin-top: 10px; margin-bottom: 10px; font-size: 0.9em; line-height: 1.2em; }
/* コラムスタイル追加分 */
	
.columnHeader { margin-bottom: 1px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #ffffff; padding-bottom: 0px; width: 400px; margin-top: 0px; }
.columnTitle { color: #B05622; font-size: 14px; font-weight: bold; float: left;
    transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    -ms-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -webkit-transform: rotate(0.028deg);
    font-size: 1.25em;
    margin-top: 0.8em;
    margin-bottom: 0.2em;
}
.columnSubTitle { color: #B05622; font-size: 12px; font-weight: bold; }
.style2 { font-size: 10px }
.boxMidashi { font-size: 1em; color: #FFFFFF; background-color: #003366; width: 400px; text-align: center; background-image: url(img/box_midashi_bg.gif); border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-bottom-style: solid; border-top-color: #003366; border-right-color: #003366; border-bottom-color: #003366; border-left-color: #003366; height: 1em; border-right-style: none; border-left-style: none; font-style: normal; line-height: 1.1em; font-weight: normal; text-decoration: none; background-repeat: no-repeat; background-position: center center; padding: 0px; margin-top: 3px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px;
    background-size: contain;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 1.1em;
    transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    -ms-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -webkit-transform: rotate(0.028deg);
    width: 100%;
}
.boxMidashi380 { font-size: 1em; color: #FFFFFF; background-color: #003366; width: 380px; text-align: center; margin-top: 3px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px; background-image: url(/common/img/box_midashi_bg_380.gif); padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-bottom-style: solid; border-top-color: #003366; border-right-color: #003366; border-bottom-color: #003366; border-left-color: #003366; height: 1em; border-right-style: none; border-left-style: none; font-style: normal; line-height: 1.1em; font-weight: normal; text-decoration: none; background-repeat: no-repeat; background-position: center center; }
.boxMidashiLarge { font-size: 1em; color: #FFFFFF; background-color: #003366; width: 530px; text-align: center; background-image: url(img/box_midashi_bg_large.gif); border-top-width: 2px; border-right-width: 2px; border-bottom-width: 2px; border-left-width: 2px; border-top-style: solid; border-bottom-style: solid; border-top-color: #003366; border-right-color: #003366; border-bottom-color: #003366; border-left-color: #003366; height: 1em; border-right-style: none; border-left-style: none; font-style: normal; line-height: 1.1em; font-weight: normal; text-decoration: none; background-repeat: no-repeat; background-position: center center; padding: 0px; margin-top: 3px; margin-right: 0px; margin-bottom: 3px; margin-left: 0px;
    background-size: contain;
    padding-top: 3px;
    padding-bottom: 3px;
    font-size: 1.1em;
    transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    -ms-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -webkit-transform: rotate(0.028deg);
    width: 100%;
}
.sectionData { font-size: 0.95em; line-height: 1.2em; color: #003366; }
.sublink { font-size: 0.9em; line-height: 1.2em; }
/* ヘッダ、フッタ用 */
.markerLink1 { padding-left: 8px; margin-right: 10px; background-repeat: no-repeat; background-position: 0px -48px; background-image: url(img/pict_pack.gif); }
.markerLink1:link { }
.markerLink1:visited { }
.markerLink1:hover { background-position: 0px -68px; }
.markerLink1:active { }
/* 記事内ポップアップリンク */
.popupLink { font-size: 0.75em; color: #FFFFFF; text-decoration: none; background-color: #333333; text-align: center; float: right; padding-top: 0px; padding-right: 3px; padding-bottom: 0px; padding-left: 3px; }
.popupLink:link { color: #FFFFFF; text-decoration: none; background-color: #333333; }
.popupLink:visited { color: #FFFFFF; text-decoration: none; background-color: #333333; }
.popupLink:hover { color: #333333; text-decoration: none; background-color: #FF6600; }
.popupLink:active { color: #FFFFFF; text-decoration: none; background-color: #333333; }
/* サブメニュー */
.markerLink2 { padding-left: 14px; margin-right: 10px; background-repeat: no-repeat; background-position: 0px -88px; background-image: url(img/pict_pack.gif); text-decoration: none; color: #B05622; font-weight: bold; font-size: 1.05em;
    display: inline-block;
    height: 15px;
    line-height: 18px;
    margin-top: 0.5em;
    margin-bottom: 0.3em;
    transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    -ms-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -webkit-transform: rotate(0.028deg);
}
.markerLink2:link { color: #B05622; }
.markerLink2:visited { color: #B05622; }
.markerLink2:hover { background-position: 0px -108px; color: #FF6600; }
.markerLink2:active { color: #B05622; }
.columnLink { }
.columnLink:link { color: #B05622; }
.columnLink:visited { color: #B05622; }
.columnLink:hover { color: #FF6600; }
.columnLink:active { color: #B05622; }
/* 記事ブロック */
.section { line-height: 1.4em; font-weight: normal; clear: both; margin-top: 10px; }
.sectionHeader { margin-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #B05622; padding-bottom: 3px; width: 400px; height: 1.1em; display: block; float: left; clear: left;
    background-color: rgba(255,255,255,0.7);
    padding: 10px;
    margin-bottom: 0;
    width: 380px;
}
.sectionTitle { font-size: 1.1em; color: #B05622; font-weight: bold; float: left; clear: left;
    font-size: 1.3em;
    transform: rotate(0.028deg);
    -o-transform: rotate(0.028deg);
    -ms-transform: rotate(0.028deg);
    -moz-transform: rotate(0.028deg);
    -webkit-transform: rotate(0.028deg);
}
.sectionSubTitle { font-size: 1em; color: #B05622; font-weight: normal; }
.sectionBody { width: 400px; float: left; margin-bottom: 10px; font-size: 0.8em; clear: left; display: block; line-height: 1.5em;
    background-color: rgba(255,255,255,0.7);
    width: 380px;
    padding: 10px;
    font-size: 0.9em;
    line-height: 1.6em;
    text-align: justify;
    /*	clear: both;*//*	clear: left;*/
}
/* 右写真ブロック */
.sectionPhotos { float: right; width: 130px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px; padding-left: 10px; clear: right; display: block; }
.sectionPhotos2 { float: right; font-size: 0.75em; width: 130px; MARGIN-RIGHT: 10px; PADDING-TOP: 30px; padding-bottom: 600px; clear: right; }
.capRight { font-size: 0.75em; text-align: right; margin-bottom: 10px; line-height: 1.5em; margin-top: 3px; display: block; margin-right: auto; margin-left: auto; padding: 0px; border: 1px none #CCCCCC; }
.capLeft { font-size: 0.75em; text-align: left; margin-bottom: 10px; line-height: 1.5em; margin-top: 3px; display: inline; float: none; margin-right: auto; margin-left: auto; }
.capCenter { font-size: 0.75em; text-align: center; margin-bottom: 10px; line-height: 1.3em; margin-top: 3px; display: block; float: none; margin-right: auto; margin-left: auto; }
.back { text-align: center; margin-top: 5px; margin-right: auto; margin-bottom: 5px; margin-left: auto; }
.outerLink { color: #3366CC; line-height: 1em; }
#leftImageCaption { font-size: 10px; color: #FFFFFF; width: 160px; height: 24px; font-style: normal; line-height: 12px; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; text-align: right; display: inline; list-style-position: inside; top: 552px; position: absolute; left: 50px; margin: 0px; padding: 0px; }
#rightImageCaption { font-size: 10px; color: #FFFFFF; width: 80px; height: 24px; font-style: normal; line-height: 12px; font-weight: normal; font-variant: normal; text-transform: none; text-decoration: none; text-align: left; display: inline; list-style-position: inside; top: 552px; position: absolute; left: 730px; margin: 0px; padding: 0px; }
.red { color: #CC0000; }

#mainMenuA a, #mainMenuA div { background-image: url(jp/main_menu_a.gif); background-repeat: no-repeat; text-indent: -1000em; display: block; width: 90px; height: 22px; background-position: 0px -59px; }
#mainMenuB a, #mainMenuB div { background-image: url(jp/main_menu_b.gif); background-repeat: no-repeat; text-indent: -1000em; display: block; width: 90px; height: 22px; background-position: 0px -59px; }
a#mainMenuItsukushima { background-position: 0px -59px; }
a#mainMenuItsukushima:hover { background-position: -90px -59px; }
a#mainMenuGuide { background-position: 0px -81px; }
a#mainMenuGuide:hover { background-position: -90px -81px; }
a#mainMenuShrines { background-position: 0px -103px; }
a#mainMenuShrines:hover { background-position: -90px -103px; }
a#mainMenuPathway { background-position: 0px -125px; }
a#mainMenuPathway:hover { background-position: -90px -125px; }
a#mainMenuNature { background-position: 0px -147px; }
a#mainMenuNature:hover { background-position: -90px -147px; }
a#mainMenuEvent { background-position: 0px -169px; }
a#mainMenuEvent:hover { background-position: -90px -169px; }
a#mainMenuTradition { background-position: 0px -191px; }
a#mainMenuTradition:hover { background-position: -90px -191px; }
a#mainMenuSpecial { background-position: 0px -219px; height: 56px; margin-top: 10px; }
a#mainMenuSpecial:hover { background-position: -90px -219px; height: 56px; margin-top: 10px; }
div#mainMenuInfoBox { background-position: 0px -287px; height: 28px; width: 90px; margin-top: 10px; }
a#mainMenuNews { background-position: 0px -321px; }
a#mainMenuNews:hover { background-position: -90px -321px; }
a#mainMenuSpot { background-position: 0px -343px; }
a#mainMenuSpot:hover { background-position: -90px -343px; }
a#mainMenuHotels { background-position: 0px -365px; }
a#mainMenuHotels:hover { background-position: -90px -365px; }
a#mainMenuMiyajima { background-position: 0px -387px; }
a#mainMenuMiyajima:hover { background-position: -90px -387px; }
a#mainMenuAccess { background-position: 0px -431px; }
a#mainMenuAccess:hover { background-position: -90px -431px; }
a#mainMenuLink { background-position: 0px -453px; }
a#mainMenuLink:hover { background-position: -90px -453px; }
a#mainMenuExp { background-position: 0px -475px; height: 24px; }
a#mainMenuExp:hover { background-position: -90px -475px; height: 24px; }
a#mainMenuMontsaintmichel { background-position: 0px -497px; height: 24px; }
a#mainMenuMontsaintmichel:hover { background-position: -90px -497px; height: 24px; }
a#mainMenuEmachi { background-position: 0px -499px; height: 24px; }
a#mainMenuEmachi:hover { background-position: -90px -499px; height: 24px; }
.pict_movie { height: 11px; width: 14px; line-height: 11px; background-image: url(img/pict_pack.gif); background-repeat: no-repeat; background-position: 0px 0px; }
.pict_movie_button { background-image: url(img/pict_pack.gif); background-repeat: no-repeat; background-position: 0px -13px; height: 17px; width: 48px; }
.pict_movie_button:hover { background-position: 0px -30px; }
.right { float: right; }


/* Yahoo Search */

#srchBox { /*width:298px;
_width:296px;*/
margin-bottom: 0; background-color: #FFD0CE; color: #000000; text-align: left; float: left; }
#srchBox * { margin: 0; padding: 0; font-size: 13px; *font-size:small;
*font:x-small;
}
#srchBox a img { border: none; }
#srchBox #srch { padding: 0px 0px 0 0px; }
#srchBox #srch #srchForm { white-space: nowrap; margin: 0px; padding: 0px; }
#srchBox #srchInput { width: 120px; margin-right: 6px; vertical-align: bottom; }
#srchBox #srchBtn { width: 80px; height: 18px; font-size: 12px; }
*html #srchBox #srchBtn { padding-top: 2px; }
*:first-child+html #srchBox #srchBtn { padding-top: 2px; }
#srchBox ul { margin-top: 6px; text-align: left; }
#srchBox li { list-style-type: none; display: inline; zoom: 1; padding-right: 10px; }
#srchBox li input { zoom: 1; margin-right: 2px; _margin: -4px 0 -4px -4px; vertical-align: middle; border: 0; }
*:+html #srchBox li input {
margin:-4px 0 -4px -4px;
}
#srchBox #srchLogo { margin: 6px 6px 6px 0; text-align: right; }
#srchBox #srchLogo a { color: #666666; text-decoration: none; font-size: 85%; }
#srchBox #srchLogo a:hover { text-decoration: underline; }
#srchBox.watermark { padding-bottom: 0px; }
#srchBox.watermark #srchInput { border: 1px solid #a5acb2; background: #fff url(http://i.yimg.jp/images/search/customsearch/yjlogo/yjlogo_type4.gif) center center no-repeat; height: 16px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
#srchBox.watermark #srchInput.nomark { background: #fff; }
#srchBox.watermark #srchLogo { display: none; }


/* LightBox */

#lightbox { position: absolute; top: 40px; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#lightbox a img { border: none; }
#outerImageContainer { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer { padding: 10px; }
#loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav { left: 0; }
#hoverNav a { outline: none; }
#prevLink, #nextLink { width: 49%; height: 100%; /* Trick IE into showing hover */ display: block; background-color: transparent; background-image: url(img/blank.gif); background-repeat: no-repeat; }
#prevLink { left: 0; float: left; }
#nextLink { right: 0; float: right; }
#prevLink:hover, #prevLink:visited:hover { background-image: url(../img/prevlabel.gif); background-repeat: no-repeat; background-position: left 15%; }
#nextLink:hover, #nextLink:visited:hover { background-image: url(../img/nextlabel.gif); background-repeat: no-repeat; background-position: right 15%; }
#imageDataContainer { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; }
#imageData { padding: 0 10px; }
#imageData #imageDetails { width: 70%; float: left; text-align: left; }
#imageData #caption { font-weight: normal; font-size: 1.1em; }
#imageData #numberDisplay { display: block; clear: left; padding-bottom: 1.0em; }
#imageData #bottomNavClose { width: 66px; float: right; padding-bottom: 0.7em; }
#overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; filter: alpha(opacity=60); -moz-opacity: 0.6; opacity: 0.6; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
* html>body .clearfix { display: inline-block; width: 100%; }
* html .clearfix { /* Hides from IE-mac \*/
height: 1%;/* End hide from IE-mac */
}

.center {
    text-align: center;
}
a.rollover:hover > img {
    filter:alpha(opacity=0.5);
    opacity:0.5;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}