@charset "UTF-8";

@import url("base.css");

/* -----------左コンテンツ枠-----------*/

div#contents div.box02{
display: block;
width: 650px;
padding:14px 12px;
border-right: 1px solid #A5A5A5;
border-left: 1px solid #A5A5A5;
border-bottom: 1px solid #A5A5A5;
margin-bottom:5px;
}


/* -----------ページタイトル-----------*/

#left_box h2.title{
width: 676px;
height: 39px;
display:block;
margin:9px 0 0 0;
text-indent: -9999px;  
overflow: hidden;
}


h2#tit_event_calender{background: url(../event/img/title.gif) no-repeat;}
h2#tit_event_list{background: url(../event/img/title2.gif) no-repeat;}

h2#tit_campaign_list{background: url(../campaign/img/title.gif) no-repeat;}
h2#tit_campaign_detail{background: url(../campaign/img/title02.gif) no-repeat;}

h2#tit_tour_list{background: url(../tour/img/title.gif) no-repeat;}
h2#tit_tour_detail{background: url(../tour/img/title02.gif) no-repeat;}

h2#tit_internet_list{background: url(../internet/img/title.gif) no-repeat;}
h2#tit_internet_detail{background: url(../internet/img/title02.gif) no-repeat;}

h2#tit_topics_list{background: url(../topics/img/title.gif) no-repeat;}
h2#tit_topics_detail{background: url(../topics/img/title02.gif) no-repeat;}

h2#tit_open_plan_list{background: url(../open_plan/img/title03.gif) no-repeat;}
h2#tit_open_plan_detail{background: url(../open_plan/img/title02.gif) no-repeat;}

/* ----CMS　記事　一覧-----*/

table.news{
background: url(../share/stit.gif) top left no-repeat;
margin:0 ;
padding:0;
width:620px;

}

table.news th h3{
color: #00301C;
font-size: 120%;
padding: 5px 0 0 26px;
height:24px;}


/*
table.news th{
margin:0 ;
width:650px;
height:39px;
}

table.news th#stit_news{ background: url(../share/stit_news.gif) left no-repeat;}
table.news th#stit_campaign{ background: url(../share/stit_campaign.gif) left no-repeat;}
table.news th#stit_open{ background: url(../share/stit_open.gif) no-repeat;}
table.news th#stit_event{ background: url(../share/stit_event.gif) no-repeat;}
table.news th#stit_topics{ background: url(../share/stit_topics.gif) no-repeat;}
table.news th#stit_tour{ background: url(../share/stit_tour.gif) no-repeat;}
table.news th#stit_internet{ background: url(../share/stit_internet.gif) no-repeat;}
table.news th#stit_event_list{ background: url(../share/stit_event_list.gif) no-repeat;}

-*/

table.news th a.list{
width:95px;
height:26px;
display:block;
float:right;
text-indent: -9999px;
overflow:hidden;
text-decoration:none;
}

table.news td.text{
margin:0 ;
width: ;
padding-left: 6px;
background: url(../share/stit_bg.gif) repeat-y;
vertical-align:top;
}

/*THUMBNAIL*/
.thumb{
width:51px;
float:left;
}
.overview{
display:block;
width:500px;
float:right;
}



/* ----CMS記事-----*/


ul.article li{
display:inline;
min-height: 1px;
background:url(../share/arrow02_yellow.gif) 9px 4px no-repeat;
padding: 0 0 8px 23px;
border-bottom: 1px dotted #40405D;
line-height: 1.5;
clear:both;
margin:10px 20px 5px;
position: relative;
width:580px;
}

ul.article li:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html ul.article li {
    height: 1em;
}

ul.article li {
    display: block;
}
/**/


ul.article li a img.detail{
width:28px;
height:10px;
right: 5px;
bottom:8px;
display:block;
position: absolute;
}

/*event*/
ul.article li span.area{
right: 5px;
top:0;
float:right;
}

/* ----CMS　記事　詳細-----*/

.detail_box{
clear: both;
disolay:block;
margin :0 auto 10px;
border-top: 10px solid #ffffff;
width:588px;
padding: 10px 10px 24px 24px;
/* background: #E3EDD1; */
color:#091B10;
}


/* ----CMS 記事 詳細 タイトル-----*/
p#btn_back{ 
width:145px;
height:24px;
display:block;
float:right;
margin:-31px 10px 0 0;
}

.detail_box h3{
clear:both;
min-height: 23px;
padding-left: 27px;
line-height: 1.6;
background: url(../share/arrow_circle.gif) -1px 40% no-repeat ;
margin-bottom: 17px;
}

* html .detail_box h3{ height:23px;}

.detail_box ul{
display: block;
margin-bottom: 15px;}

.detail_box ul li{
display: block;
padding: 0 5px 0 13px;
line-height: 1.5;
background: url(../share/arrow_list01.gif) 5px 5px no-repeat;
}

.detail_box p.article{
width:570px;
margin-left: 2px;
clear:both;
}

.detail_box p.img{
clear:both;
margin-left: 2px;
margin-top: 17px;
}


/*------------------------------------------------
------------------------------------------------
イベント
------------------------------------------------
------------------------------------------------*/

/* ----------イベント検索-----------*/

.search_box{
display: inline;
min-height:1px;
border: 1px solid #010413;
padding: 13px 20px 10px;
margin: 0 auto 15px;
width:580px;
}

.search_box:after {
content: "";
display: block;
clear: both;
height: 1px;
overflow: hidden;
}

*:first-child+html .search_box{padding: 13px 20px 8px;} 
/*\*/

* html .search_box {
padding: 13px 20px 8px;
height: 1em;
}

.search_box {
    display: block;
}
/**/

.search_box h3{
background: url(../event/img/tit_search.gif) 0 0 no-repeat ;
margin-bottom: 5px;
text-indent: -9999px;
overflow:hidden;
width:128px;
height:23px;
}

.search_box table{
margin-top: 2px;
border-collapse: collapse;
float:left;
}

.search_box table th{
vertical-align: middle;
padding-left: 10px;
padding-right:8px;
background:url(../share/arrow02_yellow.gif) 0 50% no-repeat;
}

.search_box table td{
vertical-align: middle;
padding-right:20px;
}

.search_box p.btn_submit{
width:98px;
height:26px;
display: block;
background: url(../share/btn_search02_on.gif) 0 0 no-repeat;
text-indent: -9999px;
overflow:hidden;
text-decoration:none;
padding-right: 5px;
float:right;
margin: 1px 0 0; 
}

.search_box p.btn_submit a{
display: block;
width:98px;
height:26px;
background: url(../share/btn_search02.gif) 0 0 no-repeat;
}

.search_box p.btn_submit a:hover{background: none;}


/* ----------イベントカレンダー-----------*/


table#calendar_month{
border:none;
margin: 10px auto 0;
color:#010413;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
}

table#calendar_month td{ text-align:center; vertical-align: middle;}

table#calendar_month td.month { font-size:160%;} 

table.month{
clear:both;
width:625px;
margin: 0 auto;
height:1.4em;
}

table.month td{
height:1.4em;
width: 300px;
}

table.month td a:link {text-decoration:none;color:#010313;}
table.month td a:visited {text-decoration:none;color:#010313;}
table.month td a:hover {text-decoration:underline;color:#010313;}
table.month td a:active {text-decoration:underline;color:#010313;}

table.month td#last{}
table.month td#next{ text-align:right;}

table.calendar{
color: #000000;
border-collapse: collapse;
border: 1px solid #CCCCCC;
width:620px;
margin: 3px auto 20px;
clear:both;
}

table.calendar th{
padding: 4px 1px 3px;
background: #F7F9F7;
border: 1px solid #CCCCCC;
background: #DDEBE0;
text-align:center;
font-weight: normal;
white-space: nowrap;
vertical-align: top;
}

table.calendar th.bg_yellow{
background: #F9EAC2;
}

table.calendar th.day{
padding: 4px 3px 3px;
}

table.calendar td{
border: 1px solid #CCCCCC;
padding: 4px 4px 3px;
text-align:center;
vertical-align: top;
}

table.calendar .left{ text-align: left; padding-left:6px;}

/* ----------注意事項----------*/

.notice_box{
display: block;
clear: both;
padding: 10px 20px;
margin: 0 auto 15px;
width:580px;
}

.notice_box h4{
background: url(../event/img/tit_notice.gif) 0 0 no-repeat ;
margin-bottom: 10px;
text-indent: -9999px;
overflow:hidden;
display: block;
height:28px;
}

.notice_box ul{
display: block;
margin-top:5px;
padding-left: 20px;
}

.notice_box li{
display: block;
padding: 0 5px 0 11px;
line-height: 1.5;
background: url(../share/arrow_list01.gif) 2px 6px no-repeat;
}

.notice_box p{padding-left: 20px;}

/* ------------------イベント紹介文-------------------------*/

.detail_box{
clear: both;
disolay:block;
margin :0 auto 25px;
width:580px;
padding: 20px;
/*background: #E3EDD1; */
color:#091B10;
}

.detail_box h3{
clear:both;
min-height: 23px;
padding-left: 27px;
line-height: 1.6;
background: url(../share/arrow_circle.gif) -1px 40% no-repeat ;
margin-bottom: 10px;
}

* html .detail_box h3{ height:23px;}

.detail_box table.data{
width:580px;
clear:both;
border:bone;
}

.detail_box table.data td{
padding: 0 10px 0 13px;
border:bone;
line-height: 1.5;
background: url(../share/arrow_list01.gif) 5px 6px no-repeat;
vertical-align: top;
}

.detail_box table.data td.none{background: none;}

.detail_box p.article{
padding: 10px 10px 0;
clear:both;
}

.detail_box p.img{
clear:both;
margin-left: 2px;
margin-top: 17px;
}


/* ------------------イベント予約対象ホテル情報-------------------------*/

.hotel_list_wrap{
clear: both;
display:block;
background: url(../share/stit_btm.gif) left bottom no-repeat;
padding-bottom: 7px;
}

.hotel_list_wrap #stit_event_hotel{ 
background: url(../share/stit.gif) top left no-repeat;
margin:0 ;
padding:0;
width:620px;
height:25px;
overflow:hidden;
color: #00301C;
font-size: 120%;
padding: 6px 0 0 26px;
}


.hotel_list{
display:block;
padding-left: 22px;
padding-bottom:10px;
margin:0 !important;
background: url(../share/stit_bg.gif) repeat-y ;
}

table.data_table{
clear:both;
display:block;
width:623px;
border-collapse:collapse;
border:none;
border-bottom: 1px dotted #40405D;
border-top:10px solid #ffffff;
}

table.data_table td.img{
width: 132px;
vertical-align:top;
padding-bottom:10px;
}

table.data_table a.hotel_name{
font-weight: bold;
text-decoration: underline;
padding-right: 5px;}

table.data_table span.pref{
float:right;
color:#010313;}

/* ------------料金表-------------*/

table.data_table td.price{
height:25px;
padding : 0;
}

td.price table{
border-collapse: collapse;
width:485px;
color:#000000;
/* margin-bottom:3px; */
margin-top:5px;
}

td.price table td{
background: #F7F9F7;
border: 1px solid #CCCCCC;
padding: 5px 0 4px;
text-align: center;
/*white-space: nowrap;*/
}

table.data_table ul{
display:block;
height:27px;
margin-bottom:5px;
}

table.data_table ul li{
display:block;
float:left;
width: 76px;
height:27px;
padding-right:3px;
}

table.data_table ul li.s_btn_detail{ background: url(../share/s_btn_detail_on.gif) 0 0 no-repeat;}
table.data_table ul li.s_btn_map{ background: url(../share/s_btn_map_on.gif) 0 0 no-repeat;}
table.data_table ul li.s_btn_reserve{ background: url(../share/s_btn_reserve_on.gif) 0 0 no-repeat;}

table.data_table ul li a{
display:block;
width: 76px;
height:27px;
text-indent: -9999px;  
overflow: hidden;
}

table.data_table ul li.s_btn_detail a{ background: url(../share/s_btn_detail.gif) 0 0 no-repeat;}
table.data_table ul li.s_btn_map a{ background: url(../share/s_btn_map.gif) 0 0 no-repeat;}
table.data_table ul li.s_btn_reserve a{ background: url(../share/s_btn_reserve.gif) 0 0 no-repeat;}

table.data_table ul li a:hover{background:none;}