/* ----------------------------------------
Share Class
---------------------------------------- */
.btnPageTop {
clear: both;
text-align: right;
margin-top: 10px;
margin-bottom: 10px;
}
.lightBlue {
color: #0a97e9 !important;
}
.text8px {
font-size: 8px !important;
}

/* ----------------------------------------
Common
---------------------------------------- */
body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
font-size: 12px;
line-height: 1.5;
color: #000;
background-image: url(../imgWinter/bg.jpg);
background-repeat: repeat-x;
background-position: center 0px;
}
#wrapperAll {
width: 1000px;
margin-right: auto;
margin-left: auto;
}
h1 {
margin-bottom: 15px;
}
h1 a {
text-decoration: none;
}
h1 a:hover {
text-decoration: underline;
}



/* ----------------------------------------
Header
---------------------------------------- */
#header {
height: 80px;
position: relative;
}
#header .orionLogo {
padding-top: 25px;
}
#header #naviArea {
position: absolute;
left: 260px;
top: 33px;
}
#header #naviArea li {
display: inline;
float: left;
margin-right: 1px;
}
#header #naviGenre {
background-color: #000;
height: 62px;
position: absolute;
top: 0px;
right: 0px;
padding-left: 10px;
}
#header #naviGenre li {
display: inline;
float: left;
margin-right: 9px;
}





/* ----------------------------------------
Footer
---------------------------------------- */
#footerWrapper {
clear: both;
}
#footerWrapper,
#footerWrapper a {
color: #FFF;
text-decoration: none;
}
#footerWrapper a:hover {
text-decoration: underline;
}
#footer {
background-color: #000;
padding-top: 25px;
padding-bottom: 25px;
}
#footerBody {
width: 1000px;
margin-right: auto;
margin-left: auto;
}
#footerBody h3 {
font-size: 14px;
clear: both;
margin-bottom: 15px;
}
#footerBody .flink {
margin-bottom: 30px;
}

#footerBody .flink ul {
width: 180px;
padding: 0 10px 10px;
float: left;
font-size: 11px;
}
#footerBody .flink ul li {
padding: 3px 0 3px 12px;
background: transparent url(../imgWinter/ft_icn_arw1.png) left 6px no-repeat;
}
#footerBody .flink ul li a {
}
#copyright {
clear: both;
background-color: #595757;
padding-top: 15px;
padding-bottom: 30px;
font-size: 11px;
}
#copyrightBody {
width: 1000px;
margin-right: auto;
margin-left: auto;
}





/* ----------------------------------------
Main
---------------------------------------- */
#contents {
clear: both;
padding-bottom: 25px;
}
#main {
float: left;
width: 800px;
}
#main .sectionMainVisual {
margin-bottom: 15px;
}
#main .titleRecommend {
margin-bottom: 10px;
}
#main .sectionArea,
#main .sectionTheme {
clear: both;
}
#main .sectionArea .pankuzu,
#main .sectionTheme .pankuzu {
font-size: 11px;
margin-left: 7px;
margin-bottom: 10px;
}
#main .sectionArea .pankuzu a,
#main .sectionTheme .pankuzu a {
color: #000;
text-decoration: underline;
}
#main .sectionArea .pankuzu a:hover,
#main .sectionTheme .pankuzu a:hover {
text-decoration: none;
}
#main .sectionArea .item,
#main .sectionTheme .item {
float: left;
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
background-color: #000;
}
#main .sectionArea .item {
width: 395px;
position: relative;
}
#main .sectionTheme .item {
width: 192px;
}
#main .sectionArea .item.lastRight,
#main .sectionTheme .item.lastRight {
margin-right: 0px;
}
#main .sectionArea a ,
#main .sectionTheme a {
text-decoration: none;
}
#main .sectionArea .item .overlay {
text-align: center;
color: #FFF;
width: 100%;
position: absolute;
left: 0px;
top: 50px;
}
#main .sectionArea .item .overlay .area {
font-size: 18px;
line-height: 1;
font-weight: bold;
padding-top: 50px;
margin-bottom: 30px;
}
#main .sectionArea .item .overlay .lead {
font-size: 30px;
line-height: 35px;
font-weight: bold;
margin-bottom: 105px;
}
#main .sectionArea .item .overlay .more {
font-size: 20px;
line-height: 34px;
font-weight: bold;
}
#main .sectionShowcase .showcaseUl li {
float: left;
margin-right: 5px;
margin-bottom: 10px;
display: inline;
}
#main .sectionSerach {
border-bottom: 3px solid #000;
margin-bottom: 30px;
padding-bottom: 15px;
}
#main .sectionSerach h2 {
margin-bottom: 15px;
border-bottom: 3px solid #000;
}
#main .sectionSerach table {
width: 100%;
}
#main .sectionSerach table tr th {
font-size: 14px;
line-height: 1.2;
font-weight: normal;
color: #FFF;
background-color: #717070;
text-align: left;
padding: 5px;
border-bottom: 1px solid #FFF;
white-space: nowrap;
}
#main .sectionSerach .conditions {
float: left;
width: 235px;
margin-right: 15px;
display: inline-block;
}
#main .sectionSerach .conditions td{
padding-left: 3px;
}
#main .sectionSerach .searchOther {
width: 165px;
margin-right: 15px;
float: left;
display: inline-block;
}
#main .sectionSerach .searchMap {
float: left;
width: 370px;
display: inline-block;
}
#main .sectionSerach .searchOther .jokyo p.lead {
font-size: 10px;
color: #646464;
margin-bottom: 10px;
}
#main .sectionSerach .searchOther .jokyo p.sonota {
margin-top: 5px;
font-size: 11px;
}
#main .sectionSerach .searchOther .jokyo p.sonota a {
color: #000;
text-decoration: none;
}
#main .sectionSerach .searchOther .jokyo p.sonota a:hover {
text-decoration: underline;
}
#main .sectionSerach .searchOther .searchTourCode .w100px {
width: 100px;
}
#main .sectionSerach .searchOther .jokyo .reservationStatus {
background-image: url(../imgWinter/search/bg_reservation.gif);
background-repeat: no-repeat;
background-position: 0px 0px;
height: 57px;
width: 144px;
padding: 8px;
text-align: center;
}
#main .sectionSerach .searchOther .jokyo .reservationStatus h3 {
font-size: 14px;
border-bottom: 1px dotted #000;
margin-bottom: 2px;
}
#main .sectionSerach .searchOther .jokyo .reservationStatus p {
color: #E80000;
}
#main .sectionSerach .searchOther .searchHotel {
margin-bottom: 20px;
}
#main .sectionSerach .searchOther .searchTourCode {
margin-bottom: 20px;
}
#main .sectionSerach .searchMap .mapJp {
position: relative;
}
#main .sectionSerach .searchMap .mapJp ul {
position: absolute;
}
#main .sectionSerach .searchMap .mapJp ul li {
margin-bottom: 3px;
}
#main .sectionSerach .searchMap .mapJp ul.mapJp1 {
left: 0px;
top: 0px;
}
#main .sectionSerach .searchMap .mapJp ul.mapJp2 {
left: 26px;
top: 222px;
}
#main .sectionSerach .searchMap .mapJp ul.mapJp3 {
left: 49px;
top: 115px;
}
#main .sectionSerach .searchMap .mapJp ul.mapJp4 {
left: 115px;
top: 115px;
}
#main .sectionSerach .searchMap .mapJp ul.mapJp5 {
left: 115px;
top: 179px;
}
#main .sectionSerach .searchMap .mapJp ul.mapJp6 {
left: 182px;
top: 179px;
}
#main .sectionSerach .searchMap .mapJp ul.mapJp7 {
left: 225px;
top: 102px;
}
#main .sectionSerach .searchMap .mapJp ul.mapJp8 {
left: 284px;
top: 0px;
}
#main .sectionSerach .searchMap .mapJp ul.mapJp9 {
left: 225px;
top: 150px;
}
#main .sectionSerach .searchMap .mapJp ul.mapJp10 {
left: 115px;
top: 73px;
}
#main .sectionSerach .searchMap .mapJp ul.mapJp11 {
left: 49px;
top: 136px;
}

/* ----------------------------------------
Twitter
---------------------------------------- */
DIV#contents DIV.topContentsTwitter {
padding:20px 0 0;
}
DIV#contents #twitter-widget-0 {
width:800px;
}


/* ----------------------------------------
side
---------------------------------------- */
#side {
float: right;
color: #6c6c6c;
font-size: 11px;
width: 195px;
}
#side a {
color: #6c6c6c;
text-decoration: none;
}
#side a:hover {
text-decoration: underline;
}
#side .searchInside {
padding: 10px 5px;
background-color: #dee3df;
margin-bottom: 10px;
}
#side .searchInside table {
width: 100%;
}
#side .searchInside .searchInsideTextDef {
color: #999;
background-image: url(../imgWinter/search/icon_search_inside.gif);
background-repeat: no-repeat;
background-position: 2px center;
padding-left: 18px;
}
#side .searchInside .searchInsideText {
width:117px;
height: 20px;
}
#side .searchInside .searchInsideText.focus {
padding-left: 0px;
color: #000;
background-image: none;
}
#side .searchInside .searchInsideTextDef.focus {
width:135px;
}
#side .sectionTour {
margin-bottom: 10px;
}
#side .sectionTour h2 {
text-align: center;
font-size:12px;
line-height: 1;
color: #FFF;
background-color: #900;
padding: 10px;
}
#side .sectionTour .sectionTourBody {
background-color: #dee3df;
padding: 15px 14px 15px 15px;
}
#side .sectionTour .sectionTourBody.padding2 {
padding: 15px 5px 15px 5px;
}
#side .sectionTour .sectionTourBody.news {
padding-top: 0px;
padding-bottom: 0px;
height: 440px;
overflow: auto;
}
#side .sectionTour .sectionTourBody .item {
margin-top: 20px;
}
#side .sectionTour .sectionTourBody .item.last {
margin-bottom: 0px;
}
#side .sectionTour .sectionTourBody p {
clear: both;
margin-bottom: 10px;
}
#side .sectionTour .sectionTourBody dl {
clear: both;
margin-bottom: 5px;
}
#side .sectionTour .sectionTourBody dl dt {
float: left;
}
#side .sectionTour .sectionTourBody dl dd {
margin-left: 45px;
}
#side ul.sectionSideMenu {
margin-bottom: 10px;
}
#side ul.sectionSideMenu li {
line-height: 20px;
height: 20px;
margin-bottom: 2px;
}
#side ul.sectionSideMenu li a {
color: #FFF;
background-repeat: no-repeat;
background-position: 0px 0px;
background-color: #231815;
padding-left: 25px;
display: block;
}
#side ul.sectionSideMenu li a:hover {
background-color: #b0acab;
}
#side ul.sectionSideMenu li a.sideMenu1 {
background-image: url(../imgWinter/arrow_side_navi_1.gif);
}
#side ul.sectionSideMenu li a.sideMenu2 {
background-image: url(../imgWinter/arrow_side_navi_2.gif);
}
#side ul.sectionSideMenu li a.sideMenu3 {
background-image: url(../imgWinter/arrow_side_navi_3.gif);
}
#side .sectionBlog {
background-color: #d3d49f;
padding-bottom: 5px;
margin-bottom: 20px;
}
#side .sectionBlog .sectionBlogBody {
background-color: #FFF;
margin: 5px 5px 0px;
padding: 10px;
}
#side .sectionBlog .sectionBlogBody p {
margin-bottom: 5px;
}
#side .sectionBlog .sectionBlogBody p.date {
margin-bottom: 10px;
font-weight: bold;
}
#side .sectionBlog .sectionBlogBody a {
text-decoration: underline;
}
#side .sectionBlog .sectionBlogBody a:hover {
text-decoration: none;
}
#side .sectionTour .sectionTourBody .watchedTour {
background-color: #FFF;
padding: 10px;
}
#side .sectionInfo h2 {
margin-bottom: 10px;
}
#side .sectionInfo ul {
margin-bottom: 30px;
}
#side .sectionInfo ul li {
margin-bottom: 10px;
}
#side .sectionInfo ul li a {
background-image: url(../imgWinter/arrow_2.gif);
background-repeat: no-repeat;
background-position: 0px center;
padding-left: 10px;
}
#side .sectionSoscial {
margin-bottom: 15px;
}

div#side .sectionTour #tourRecommend{
margin-bottom: 10px;
}
div#side .sectionTour #tourRecommend .inner{
background-color: #DEE3DF;
padding: 15px 14px 15px 15px;
}
div#side .sectionTour #tourRecommend .inner ul{
background-color: #FFF;
padding: 5px;
}
div#side .sectionTour #tourRecommend .inner ul li{
padding: 3px 0;
}
div#side .sectionTour #tourRecommend .inner ul li img{
width: 70px;
height: 52px;
}
div#side .sectionTour #tourRecommend .inner ul li a{
display: block;
float: left;
font-size: 10px;
width: 147px;
}
div#side .sectionTour #tourRecommend .inner ul li span a{
width: 70px;
display: block;
margin-left: 0px;
float: left;
font-size: 12px;
}
div#side .sectionTour #tourRecommend h4 img{
width: 195px;
height: 31px;
}
div#main table td h3 img {

}

#main .lightBlue a,
#main #searchkeyex a{
text-decoration: none;
}
#main .lightBlue a:hover,
#main #searchkeyex a:hover {
text-decoration: underline;
}


#main .topCaution {
padding:8px;
background-color:#fff;
margin:0 0 10px;
border:3px solid #900;
}