@charset "Shift_JIS";

/***********************************************************

    共通

************************************************************/


/*************************************************
    ヘッダ上書き
**************************************************/

.i-tabR {
    text-align : right;
    padding-right : 13px;
}

/*************************************************
    topic path
**************************************************/

.i-topic-path {
    margin-left: 12px;
    font-size: 175%;
    margin-top: 10px;
    margin-bottom: 6px;
}


/***********************************************************

    スクロールマップ

************************************************************/

.i-scroll-map-wrapper {
    margin : 5px 10px 10px 10px;
    font-size : 75%;
}
.i-scroll-map-wrapper h1 {
    margin : 0 0 5px 0;
}
.i-scroll-map {
    border : solid 2px #ccc;
    width : 600px;
    height : 400px;
}

.i-scroll-map-searchbox {
    background : #fff;
    border : solid 2px #eee;
    width : 600px;
    margin : 5px 0 0 0;
}
.i-scroll-map-resultbox {
    background : #fff;
    border : solid 2px #eee;
    width : 600px;
    margin : 5px 0 0 0;
}

.i-scroll-map-searchbox td {
}
.i-scroll-map-searchbox p {
    line-height : 1.35;
    color : #333;
}
.i-scroll-map-searchbox-search {
    background : #fff;
    border : solid 1px #ffb542;
    font-size : 115%;
}
.i-scroll-map-searchbox-search-td {
    vertical-align : bottom;
}
.i-scroll-map-searchbox-search .i-text-right {
    border-top : dotted 1px #ffb542;
    padding : 5px;
    background : #ffdda8;
}
.i-scroll-map-searchbox form {
    white-space : nowrap;
}
.i-scroll-map-searchbox form div {
    margin : 3px;
}
.i-scroll-map-searchbox form div input {
    margin : 0 3px 0 8px;
}
.i-scroll-map-searchbox-inner {
    margin : 10px;
}
.i-scroll-map-searchbox-header h2 {
    margin-bottom : 5px;
}
.i-scroll-map-searchbox-header p {
    margin-right : 10px;
}

.i-scroll-map-resultbox-header h2 {
    float : left;
}
.i-scroll-map-resultbox-header p {
    float : left;
    color : #333;
    margin : 1px 0 0 1em;
}
.i-scroll-map-resultbox td {
    vertical-align : top;
}
.i-scroll-map-resultbox-inner {
    margin : 10px;
}
.i-scroll-map-resultbox-spots {
}
.i-scroll-map-resultbox-spots h3 {
    margin : 1em 0;
    font-size : 115%;
    border-bottom : solid 1px #ddd;
    font-weight : bold;
    color : #333;
}
.i-scroll-map-resultbox-spots li {
    display : inline;
    margin-right : .5em;
    line-height : 1.35;
}
.i-scroll-map-resultbox-spots li a {
    white-space : nowrap;
}





.i-scroll-map-copy {
    text-align : right;
    width : 600px;
    margin : 5px 0;
}

/***********************************************************

    検索結果

************************************************************/

/*************************************************
    検索結果テキスト
**************************************************/



/*************************************************
    口コミ・ランキング上位
**************************************************/


/***********************************************************

    道新の関連記事

************************************************************/

.i-nonenews-related-title {
    margin : 0 0 1em 0;
    font-weight : bold;
}

/***********************************************************

    口コミ情報

************************************************************/

.i-kuchikomi-item {
    border-bottom : solid 1px #ebebeb;
    padding : 10px 0 10px 0;
    margin : 0 0 10px 0;
    line-height : 1.4;
}
.i-kuchikomi-item p {
    margin-top : .5em;
}

/***********************************************************

    人気ランキング

************************************************************/

/*ニュースアクセスTop30を基本*/

.i-nonenews30article { /*記事タイトルリスト全体2*/
    width : 100%;
}
.i-nonenews30article2 { /*記事タイトルリスト全体2*/
    padding : 8px 8px 3px 10px;
}


.i-nonenews30 {
}
.i-nonenews30 h3 {
    font-weight : bold;
    font-size : 120%;
}

.i-nonenews30 p { /*概要文章*/
    padding : 6px 0 0 3px;
    margin-bottom : 8px;
    line-height : 140%;
    font-size : 90%;
}
.i-nonenews-number { /*ナンバー*/
}

.i-ranking-i-wrapper {
    border-bottom : solid 1px #EBEBEB;
    padding : 5px 0 5px 0;
}
.i-ranking-i-wrapper span {
    font-size : 75%;
    color : #666;
}
.i-ranking-bar {
    background : url("/img/ranking_bar.gif");
    height : 20px;
    font-size : 75%;
    text-align : right;
    color : #fff;
    font-family : arial, verdana, sans-serif;
    float : left;
    margin : 3px 0 0 0;
    padding : 0 2px 0 2px;
    line-height : 1.6;
    min-width : 10px !important;
    max-width : 600px !important;
}
.i-vote-button {
    display : inline;
}
.i-vote-button input {
    margin-bottom : -4px;
}
.i-add-ranking-form {
    margin : 20px 0 0 0;
}
.i-add-ranking-form input {
    font-size : 100%;
}
.i-add-ranking-form td p {
    font-size : 75%;
    color : #444;
}

/***********************************************************

    イベント

************************************************************/


h2.i-orangetitle { /*ボックスのバー*/
    background : url("/img/bg_orange.jpg") repeat-x;
    color : #fff;
    line-height : 180%;
    font-size : 90%;
}


/*************************************************
    イベント　おすすめイベント　イベントブログ（共通）
**************************************************/

table.i-event-firstbox {
    width : 100%;
    border-collapse : collapse;
    margin-bottom : 5px;
    line-height : 1.35;
}
table.i-event-firstbox tr {
    vertical-align : top;
}
table.i-event-firstbox td.i-event-firstbox-article  {
    background : #fff;
    border : solid 1px #ccc;
}
table.i-event-firstbox td .i-article {
    line-height : 1.35;
}
table.i-event-firstbox h3 {
    font-weight : bold;
}
table.i-event-firstbox h4 {
    font-size : 100%;
}
table.i-event-firstbox h5 {
    font-size : 75%;
    margin : 0 0 10px 0;
}
.i-event-firstbox-caption {
    border-left : solid 1px #ccc;
    border-right : solid 1px #ccc;
    width : 50%;
}

.i-event-firstbox-inner {
    margin : 0 0 5px 0;
    width : 100%;
    overflow : auto;
}
.i-event-firstbox-inner img {
    float : left;
    margin : 0 10px 5px 0;
}

/*************************************************
    イベント　おすすめイベント
**************************************************/


/*************************************************
    イベント　イベントブログ
**************************************************/


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

table.i-cal-header {
    width : 100%;
    border-collapse : collapse;
    font-family : arial, verdana, sans-serif;
    margin-bottom : 10px;
}
table.i-cal-header tr {
    vertical-align : top;
}
.i-cal-title{ /*カレンダー 年度*/
    font-weight : bold;
}
.i-cal-title span{ /*カレンダー 月*/
    padding-left : 6px;
    font-size : 140%;
}
.i-cal-navi {
    font-size : 75%;
    color : #999;
}


table.i-cal-body {
    border : solid 1px #aaa;
    width : 100%;
    border-collapse : collapse;
}
.i-cal-body tr {
    vertical-align : top;
}
.i-cal-body th,
.i-cal-body td {
    border : solid 1px #aaa;
    font-family : arial, verdana, sans-serif;
}
.i-cal-body th {
    text-align : center;
    padding : 3px 0 2px 0;
}


.i-week-black{ /*曜日　平日*/
    background:#EBEBEB;
    width : 14%;
}
.i-week-blue{ /*曜日　土曜*/
    background : #e0f5fc;
    width : 15%;
}
.i-week-red{ /*曜日　日曜*/
    background : #fce0e0;
    width : 15%;
}

.i-cal-white{ /*ワク　平日*/
}
.i-cal-gray{ /*ワク　前後月*/
    background : #f0f0f0;
    color : #666;
}
.i-cal-blue{ /*ワク　土曜*/
    background : #e0f5fc;
}
.i-cal-red{ /*ワク　日曜*/
    background : #fce0e0;
}


.i-cal-date { /*日付*/
    color : #666;
    margin : 2px 2px 2px 2px;
}
.i-cal-date a {
    background : #fcfce4;
    display : block;
    font-weight : bold;
    color : #03c;
    padding : 2px 2px 1px 2px;
    border-top : solid 1px #f0f064;
    border-bottom : solid 1px #f0f064;
}
.i-cal-date a:link {
    color : #0033CC;
    text-decoration : none;
}
.i-cal-date a:visited {
    color : #609;
    text-decoration : none;
}
.i-cal-date a:hover {
    background : #ff9;
    color : #e00;
    text-decoration : none;
}



/* 当日 */

.i-cal-date-that {
    color : #eee;
}
.i-cal-date-that:hover {
    color : #666;
}
.i-cal-date-that a {
    background : #03c;
    display : block;
    font-weight : bold;
    color : #fcfce4;
    border-top : solid 1px #1414b8;
    border-bottom : solid 1px #1414b8;
}
.i-cal-date-that a:link {
    color : #fcfce4;
    text-decoration : none;
}
.i-cal-date-that a:visited {
    color : #eee;
    text-decoration : none;
}
.i-cal-date-that a:hover {
    background : #ff9;
    color : #e00;
    text-decoration : none;
    border-top : solid 1px #f0f064;
    border-bottom : solid 1px #f0f064;
}



.i-cal-eventtitle { /*イベントタイトルリンク*/
    padding : .5em 5px .5em 5px;
    font-size : 75%;
    line-height : 1.35;
    text-align : justify;
    text-justify: inter-ideograph;
}

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

table.i-event-search {
    margin-top : 15px;
    width : 100%;
    border-collapse : collapse;
    border : solid 1px #ffc66d;
    line-height : 1.35;
}
table.i-event-search tr {
    vertical-align : top;
}
table.i-event-search th,
table.i-event-search td {
    border : solid 1px #ffc66d;
}
table.i-event-search th {
    background : #FFE8C4 url("/img/bg-search.gif") no-repeat;
    padding : 10px 10px 0 10px;
}
table.i-event-search form input {
    font-size : 95%;
}

.i-event-keyword { /*注目のキーワード*/
}
.i-event-keyword p { /*注目のキーワード タイトル*/
    border-top : dotted 1px #ccc;
    padding : 10px 0 5px 0;
    margin-top : 1em;
}
.i-event-keyword li { /*注目のキーワード 個別文字*/
    display : inline;
    padding-right : 1em;
}
.i-event-keyword li a {
    white-space : nowrap;
}

/*************************************************
    イベント　キーワード・エリア・テーマ検索
**************************************************/

table.i-event-search p span {/*件数*/
    font-size : 85%;
    color : #444;
}

.i-event-keywordsearch {
    font-size : 90%;
}
.i-event-keywordsearch span {
    font-size : 70%;
}
.i-event-keywordsearch,
.i-event-areasearch,
.i-event-themesearch {
    padding : 10px;
}

.i-event-areasearch table,
.i-event-themesearch table {
    width : 100%;
    font-size : 80%;
}

.i-event-areasearch table,
.i-event-themesearch table,
.i-event-areasearch table td,
.i-event-themesearch table td {
    border : none;
}
.i-event-themesearch-comment {/*「複数のテーマを指定できます」の部分*/
    font-size : 90%;
}
.i-event-areasearch-allchoice p {/*「すべて選択」のチェックボックス*/
    border-top : dotted 1px #ccc;
    margin-top : 10px;
    padding-top : 5px;
}

/*
td.i-menuL span a {
    white-space : nowrap;
}
*/


.i-event-search-button {
    text-align : center;
    margin-top : 15px;
}

.i-groupblock {
} 

/*************************************************
    イベント　日別ページ
**************************************************/

h3.i-event-today-title {
    font-weight : bold;
}
h3.i-event-today-title span {
    font-weight : normal;
    padding : 0 0 0 .5em;
    font-size : 75%;
}

.i-event-access-rank {
    background-color : #F8FBFC;
    padding : 10px;
    margin : 0 0 20px 0;
    border : solid 1px #40bae3;
    line-height : 1.25;
}
.i-event-access-rank h3 {
    font-size : 100%;
    font-weight : bold;
}
.i-event-access-rank ol {
    margin : 1em 0 0 2em;
    font-family : arial, verdana, sans-serif;
    font-size : 90%;
}
.i-event-access-rank li {
    list-style-type : decimal;
}

.i-event-search-result {
    border-bottom : solid 1px #ebebeb;
    margin : 10px 0 10px 0;
    padding : 10px 0 10px 0;
    line-height : 1.4;
}
.i-event-search-result h4 {
    font-size : 100%;
}
.i-event-search-result h4 span {
    font-size : 75%;
    font-weight : normal;
}

table.i-event-content-navi {
    width : 100%;
    margin : 20px 0 40px 0;
}


/***********************************************************

    観光

************************************************************/


/*************************************************
    検索タイトル
**************************************************/

.i-search-title-table {
    background-image: url("/img/kanko_search_title_c.jpg");
    background-repeat: repeat-x;
    margin-top: -10px;
}

.i-search-title-table-r-td {
    background-image: url("/img/kanko_search_title_r.jpg");
    background-repeat: no-repeat;
    background-position: right;
}

.i-search-title-txt {
    font-size: 13px;
    color: #663300;
    margin-top: 1px;
    margin-left: 10px;
    line-height: 1.25em;
}

/***********************************************************

    検索結果ページ

************************************************************/

.i-search-word-result {
    margin : 0 0 20px 0;
}
.i-high-rank-spot {
    background-color : #F8FBFC;
    padding : 0 10px 10px 10px;
    margin : 0 0 20px 0;
    border : solid 1px #40bae3;
    line-height : 1.25;
}
.i-high-rank-spot h3 {
    font-size : 100%;
    font-weight : bold;
    margin-top : 10px;
}
.i-high-rank-spot p {
}



/***********************************************************

    検索結果

************************************************************/

/*************************************************
    検索結果テキスト
**************************************************/

.i-hit {
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 10px;
    border-left-width: 4px;
    border-left-style: solid;
    border-left-color: #CC0000;
    font-size: 0.9em;
    padding-left: 6px;
}

.i-hit span{
    font-weight: bold;
    color: #006699;
}

/*************************************************
    検索結果　内枠
**************************************************/

.i-hit-in-box {
    padding-right: 10px;
    padding-left: 10px;
}

/*************************************************
    口コミ・ランキング上位
**************************************************/

.i-high-rank {
    font-size: 0.8em;
    background-color: #F8FBFC;
    padding: 6px;
    margin-top: 10px;
    margin-bottom: 10px;
    border: 1px solid #0099CC;
    line-height: 1.25em;
}

.i-high-rank div{
    margin-bottom: 4px;
}

.i-high-rank span {
    font-weight: bold;
    color: #CC0000;
}

.i-high-rank a {
    font-weight: bold;
}

/*************************************************
    検索結果　内容表示
**************************************************/

.i-search-result {
    line-height: 1.5em;
    font-size: 0.8em;
    margin-left: 17px;
}

.i-search-result li{
    list-style-image: url("/img/icon_allow_gray.gif");
    margin-bottom: 10px;
}

.i-search-result div{
    display: inline;
    font-size: 1.25em;
}

.i-search-result span {
    font-weight: bold;
    color: #333333;
}

.i-search-result p {
    color: #666666;
    font-weight: normal;
    display: inline;
}

.i-search-result-mov {
    background-image: url("/img/bg_box_bottom.gif");
    text-align: right;
    padding: 2px;
    color:#999999;
}

/***********************************************************

    詳細情報

************************************************************/

/*************************************************
    詳細情報　内容
**************************************************/


.i-detail-title-wrapper {
    background : #fff7e2;
    border-top : dotted 1px #CA8854;
    border-bottom : dotted 1px #CA8854;
    line-height : 1.35;
    padding : 3px 5px 2px 5px;
    margin : 0 0 15px 0;
}


.i-details-reading {
    font-size: 75%;
    color: #333;
    text-indent : 2px;
    letter-spacing : 2px;
}

.i-details-title {
    font-weight: bold;
    font-size: 120%;
    color: #000;
}

.i-details-title span{
    font-size: 0.8em;
    font-weight: normal;
}

.i-details-p{
    line-height: 1.5em;
}

.i-details-table-l-td{
    background-image: url("/img/bg-details.gif");
    padding-top: 10px;
}

.i-details-table-r-td{
    padding-left: 10px;
    padding-right: 10px;
}

.i-details-sub-table{
    font-size: 0.8em;
    margin-top: 10px;
}

.i-details-sub-table td{
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-top-style: dashed;
    border-bottom-style: dashed;
    border-top-color: #FFCC00;
    border-bottom-color: #FFCC00;
    padding: 10px;
    line-height: 1.25em;
}

.i-details-sub-table-l{
    border-right-width: 1px;
    border-right-style: solid;
    border-right-color: #F2EFE3;
    background-color: #F4F2EC;
    font-weight: bold;
    color: #663300;
}

.i-details-map{
    margin-top: 6px;
}



table.i-table-ky {
 width:100%;
    font-size : 90%;
    margin : 15px 0 30px 0;
 padding:0;
 border-top:1px solid #e0Cf9f;
}

tr.i-tr-ky{

}

th.i-th-ky{
 width:20%;
 margin:0;
 padding:8px 12px;
    background-color : #f8f4e9;
 white-space:nowrap;
    color : #000;
 border-bottom:1px solid #e0Cf9f;
    font-weight : normal;
}

td.i-td-ky{
 width:80%;
 margin:0;
 padding:8px 12px;
 border-bottom:1px solid #e0Cf9f;
}

p.i-p-ky{
    line-height : 1.5;
}

select.i-select-ky{
 margin:0;
 padding:0;
 width:40px;
}

textarea.i-textarea-ky{
 width:600px;
}

i-detail-main-img {
    float : left;
}
img.i-img-ky{
    margin : 0 16px 0 0;
 padding:0 0 0 0;
    float : left;
}

img.i-map-ky{
 margin:8px 8px 0 0;
 padding:0;
    border : solid 2px #ccc;
}
.i-map-ky-search {
    vertical-align : bottom;
}

input.i-input-ky{
 width:160px;
}

input.i-submit-ky{
}

p.i-p-kutikomi-ky{
 font-weight:bold;
 color:#ffffff;
    background : #CA8854;
    padding : 5px;
    font-size : 75%;
}

p.i-p-kutikomi-form-ky{
    font-size : 90%;
    font-weight : bold;
    margin : 30px 0 5px 0;
 padding:0 6px;
} 

div.i-form-ky{
    border-top : solid 1px #CA8854;
    background : #fafafa;
 margin:0;
 padding:16px;
 font-size:12px;
}
div.i-form-ky p{
 margin:0 0 8px 0;
}


/**
   温泉詳細情報用に追記 2007.08.13 kwsk ここから
*/

h3.i-orangetitle { /*ボックスのバー*/
    background : url("/img/bg_orange.jpg") repeat-x;
    color : #fff;
    line-height : 180%;
    font-size : 75%;
    margin: 5px 0 0 0;
}

.i-detail-sub{
 padding : 3px 5px 2px 5px;
 margin : 10px 0 0 0;
}

table.i-table-ky-p {
 width: 100%;
 font-size: 90%;
 margin: 15px 0 30px 0;
 padding: 0;
}

table.i-table-ky-h {
 width: 100%;
 font-size: 90%;
 margin: 15px 0 30px 0;
 padding: 0;
 border-top: 1px solid #e0Cf9f;
 border-left: 1px solid #e0Cf9f;
}

th.i-th-ky-h{
 margin:0;
 padding:8px 5px;
 background-color : #f8f4e9;
 white-space:nowrap;
 color : #000;
 border-bottom:1px solid #e0Cf9f;
 border-right:1px solid #e0Cf9f;
 font-weight : normal;
}

td.i-td-ky-h{
 text-align: center;
 margin:0;
 padding:8px 12px;
 border-bottom:1px solid #e0Cf9f;
 border-right:1px solid #e0Cf9f;
}

caption{
 text-align: left;
 color : #CA8854;
 font-weight : bold;
 font-size: 90%;
 padding:8px 12px;
}

/**
   温泉詳細情報用に追記 2007.08.13 kwsk ここまで
*/

/**
    温泉データ用に追記 2008.02.29 yamamoto (SF) ここから
*/

h3.i-orangetitle { /*ボックスのバー*/
    background : url("../img/bg_orange.jpg") repeat-x;
    color : #fff;
    line-height : 180%;
    font-size : 75%;
    margin: 5px 0 0 0;
}

.i-detail-sub{
 padding : 3px 5px 2px 5px;
 margin : 10px 0 0 0;
}

table.i-table-ky-p {
 width: 100%;
 font-size: 90%;
 margin: 15px 0 30px 0;
 padding: 0;
}

table.i-table-ky-h {
 width: 100%;
 font-size: 90%;
 margin: 15px 0 30px 0;
 padding: 0;
 border-top: 1px solid #e0Cf9f;
 border-left: 1px solid #e0Cf9f;
}

th.i-th-ky-h{
 margin:0;
 padding:8px 5px;
 background-color : #f8f4e9;
 white-space:nowrap;
 color : #000;
 border-bottom:1px solid #e0Cf9f;
 border-right:1px solid #e0Cf9f;
 font-weight : normal;
}

td.i-td-ky-h{
 text-align: center;
 margin:0;
 padding:8px 12px;
 border-bottom:1px solid #e0Cf9f;
 border-right:1px solid #e0Cf9f;
}

caption{
 text-align: left;
 color : #CA8854;
 font-weight : bold;
 font-size: 90%;
 padding:8px 12px;
}

/**
    温泉データ用に追記 2008.02.29 yamamoto (SF) ここまで
*/