@charset "utf-8";

/*
--------------------------------------------------------
base
--------------------------------------------------------
*/
h1{
background:url(../sightseeing/img/h1_background.gif) no-repeat 0 0;
}
h2{
background:url(../sightseeing/img/h2_background.gif) no-repeat 0 0;
color:#c00;
}
h3{
border-left:8px solid #c00;
color:#c00;
}
h4{
color:#900;
}
div.section ul li{
background:url(../img/sightseeing_list.gif) no-repeat 0 6px;
}
table tr.col th{
color:#333;
}
table th{
border:1px solid #fcc;
background:#ffe8e8;
color:#900;
}
table td{
border:1px solid #fcc;
}



/*
--------------------------------------------------------
layout
--------------------------------------------------------
*/
div#contents_navigation ul li{
background:url(../img/sightseeing_list.gif) no-repeat 10px 10px;
}
div#contents dl dd{
border-bottom:1px dashed #ccc;
}
div.section ul.menu li{
float:left;
padding:0 30px 2px 15px;
white-space:nowrap;
}
div.section ul.menu{
overflow:visible;
}


/* eat */
div.detail ul.status{
text-align:right;
clear:none;
}
div.detail ul:after{
clear:none;
}
div.detail ul.status li{
background:none;
display:inline;
padding:0 0 0 2px;
}
p.recommend{
padding:0.5em 1em;
background:#FFE8E8;
}
p.date{
text-align:right;
}


/* stay */
div.stay table tr th.hotel{
width:200px;
}
div.stay table tr th.address{
width:200px;
}
div.en table tr th{
white-space:normal;
}

/* index */
div.section div.sightseeing{
float:left;
clear:none;
width:280px;
margin:0.5em 0 0.5em 5px;
border:1px solid #fcc;
cursor: pointer;
}
.hover{
background:#FFECEC;
}
div.section div.sightseeing h2{
clear:none;
padding:0 10px 0 10px;
margin:0;
background:none;
font-size:90%;
line-height:2;
}
div.section div.sightseeing h2 a,
div.section div.sightseeing h2 a:link,
div.section div.sightseeing h2 a:visited,
div.section div.sightseeing h2 a:hover,
div.section div.sightseeing h2 a:active{
color:#CC0000;
text-decoration:underline;
}
div.section div.sightseeing p{
padding:0 10px;
margin:0;
font-size:85%;
}
div.section div.sightseeing p.pict2{
position:relative;
top:0;
right:0;
margin:0 !important;
padding:0 !important;
width:60px;
height:60px;
}
div.section div.sightseeing p.pict2 img{
position:absolute;
top:5px;
left:5px;
clip:rect(0 50px 50px 0) !important;
}
div.sightseeing ul{
clear:both;
}
div.sightseeing ul li.movie a{
font-size:120%;
color:#C00;
font-weight:bold;
}


/* course */
div#contents div.course div.section{
padding:0 50px;
}
div#contents div.course div.section p.pict{
background:#fff;
}
div#contents div.course div.section h4{
clear:none;
margin:1em 0 -0.5em 0;
padding:5px 0;
border-top:1px solid #fcc;
border-bottom:1px solid #fcc;
}
div.course p.distance{
padding:3px 0 10px 0;
clear:both;
background:#fcc url(../sightseeing/img/course_arrow.gif) no-repeat 50% 100%;
text-align:center;
}

/* guide */
div.guide dl{
margin:1em 20px;
}
div.guide dl dd ul{
margin:0;
}


/* en_event */
div.en_event dl dt{
width:18em;
}
div.en_event dl dd{
padding-left:19em;
}


/* sakura */
div.sakura{
background:none !important;
}
div.sakura h2{
color:#D94480;
padding:0 0 0 70px;
height:60px;
line-height:60px;
background:url(../sightseeing/img/sakura_h2_background.jpg) no-repeat 0 0;
}
div.sakura div.weather object{
display:block;
margin:1em 0 !important;
}
div.sakura h1{
background:none;
padding:0;
}
div.sakura div.photo{
float:left;
width:520px;
}
div.sakura div#gallery-adv{
width:440px;
margin:1em 0;
float:left;
}
div.sakura div.photo ul{
border:1px solid #ccc;
float:right;
width:70px;
padding:5px 0 0 0;
}
div.sakura div.photo ul li{
padding:0 0 5px 5px;
background:none;
}
div.sakura div.weather{
float:right;
width:200px;
}
div.sakura dl{
border-top:1px dashed #fcc;
}
div.sakura dl dt{
width:9em;
color:#D94480;
}
div.sakura dl dd{
padding:0.2em 0 0.2em 10em;
border-bottom:1px dashed #fcc;
}

div.sakura div.section{
text-align:left;
}
div.sakura table{
width:auto;
}
div.sakura table tr th{
color:#D94480;
vertical-align:top;
}
div.sakura table tr td{
width:125px;
color:#333;
}
div.sakura table tr td span.comment{
color:#666;
font-size:84%;
}