/* 村サイト コンテンツページcss */ /* 基本レイアウト */ #contents_txt{clear:both; margin:0 auto; padding:10px 15px; /*background-color:#7ab1cc; */} /* 下部に傍線 */ .column{margin:0 auto;padding:10px;border-bottom:1px solid #777263;} /* 基本情報＞アクセス情報 */ .column th,.column td{border:1px solid;padding:5px 10px;} /* コンテンツ内を左右に分ける場合 適用：ホテル,レストラン */ /* 左側 基本情報 */ .column_left{float:left;margin:10px 0;padding:5px 5px 0 0;width:635px; /* border-right:1px dashed #777263;background-color:#7acc7a;*/} .column_left th,.column_left td{border:0;} /* 右側 画像 */ .column_right{float:right;margin:10px 0;padding:0;width:250px;/*background-color:#cccc66;*/} .column_right img{margin:5px 0;padding:0;} /* コンテンツ内を左右に分ける場合 適用：みどころ＞最も美しいながめ */ /* 左側 基本情報 */ .column_l{float:left;margin:10px 0;padding:5px 5px 0 0;width:515px;} .column_l p{margin:0;padding:0;color:#777263;font-size:120%;line-height:140%;} /* 右側 画像 */ .column_r{float:right;margin:10px 0;padding:0;width:370px;} .column_r img{margin:5px 0;padding:0;} /* 縦3分割：横一列の高さが同じのボックス 適用：ショッピング */ .column_row{margin:0;padding:0;background-color:#ffffff;} /* 各項目のボックス */ .column_box{float:left;width:260px; margin:0;margin-right:5px;margin-bottom:5px;padding:15px; border-right:1px solid #d2ccbf;} .column_box p {font-size:90%; line-height:120%; color:#777263;} /* 基本情報時刻表 */ #leftmenu.info table,th,td{color:#777263;border:solid 1px #777263;} .info ul,li{color:#777263;border:none;} #main.info table,th,td{color:#777263;border:solid 0px;} /**** text ****/ .brown{color:#584136;font-size:120%;font-weight:bold} .orange{color:#f0844b;font-size:120%;font-weight:bold} .green{color:#b7d200;font-size:120%;font-weight:bold} /* general鉄道バスetcタイトルで使用 */ .topic{color:#777263;font-weight:bold;} /** 基本情報－みどころ **/ /* みどころ h3 タイトルエリアの中にh3とアイコン画像を設置 */ .title_spot {height:25px; margin;5px; padding:10px; background-color:#cac2ae;} .title_spot h3{float:left; margin:0;padding:0;color:#584136;font-size:110%;font-weight:bold;} .title_spot img{float:right;margin:0 20px 0 0;padding:1px;border:solid 1px;} /* みどころひとこと h4 */ .spot_memo{color:#9e9783; font-size:100%;margin:10px 0 0 0;} /** スポーツ・体験・学習 **/ .title_act {height:25px; margin;5px; padding:10px; background-color:#b7d200;} .title_act h2{float:left; margin:0;padding:0;color:#584136;font-size:110%;font-weight:bold;} .title_act img{float:right;margin:0 20px 0 0;padding:1px;border:solid 1px;} /* スポーツ・体験・学習 ひとこと h4 */ .act_memo{color:#9e9783; font-size:100%;margin:10px 0 0 0;} /** 滞在プラン **/ /* 滞在プラン h3 タイトルエリアの中にh3とアイコン画像を設置 */ .title_plan {height:25px; margin;5px; padding:10px; background-color:#cac2ae;} .title_plan h3{float:left; margin:0;padding:0;color:#584136;font-size:110%;font-weight:bold;} .title_plan img{float:right;margin:0 20px 0 0;padding:1px;border:solid 1px;} /* 滞在プランひとこと h4 */ .plan_memo{color:#9e9783; font-size:100%;margin:10px 0 0 0;} /* 滞在プラン h2 */ .plan {color:#ffffff;font-size:110%;font-weight:bold;background-color:#584136;margin:10px 5px 5px 5px;padding:2px;} /* 滞在プラン半日・1日・2日 */ .list_days a{margin:0 5px;padding:5px;color:#777263;} /* 滞在プラン リスト （現在は適用していない。今後適用？) */ .list_plan{margin:20px; padding:0;color:#777263;} .list_plan ul{margin:20px; padding:0;} .list_plan p{margin:10px 0; padding:0 5px;font-size:105%;font-weight:bold;border-left:5px solid;} .list_plan span{margin:5px 20px; padding:0;font-size:105%;color:#777263;} /** レストラン **/ .title_rest {height:25px; margin;5px; padding:10px; background-color:#f6b993;} .title_rest h3{float:left; margin:0;padding:0;color:#584136;font-size:110%;font-weight:bold;} .title_rest img{float:right;margin:0 5px 0 0;padding:1px;} /* レストラン ひとこと h4 */ .rest_memo{color:#9e9783; font-size:100%;margin:10px 0 0 0;} /** ホテル **/ .title_hotel {height:25px; margin;5px; padding:10px; background-color:#584136;} .title_hotel h3{float:left; margin:0;padding:0;color:#ffffff;font-size:110%;font-weight:bold;} .title_hotel img{float:right;margin:0 5px 0 0;padding:0;} /* ホテル ひとこと h4 */ .hotel_memo{color:#9e9783; font-size:100%;margin:10px 0 0 0;} /* ホテル h2 */ .hotel{color:#ffffff;font-size:110%;font-weight:bold;background-color:#584136;margin:10px 5px 5px 5px;padding:2px;} /** ショッピング **/ .title_shop {height:25px; margin;5px; padding:10px; background-color:#584136;} .title_shop h3{float:left; margin:0;padding:0;color:#f0844b;font-size:110%;font-weight:bold;} .title_shop img{float:right;margin:0 5px 0 0;padding:0;border:1px solid #f0844b;} /* ショッピング ひとこと h4 */ .shop_memo{color:#9e9783; font-size:100%;margin:10px 0 0 10px;} /* ショッピング h3 */ .shop{color:#f0844b;font-size:110%;font-weight:bold;background-color:#584136;margin:10px 5px 5px ;padding:10px;} /* ショッピング 画像 */ .column_shop_image{float:right;width:190px;} .shop_image{width:180px;} /* ショッピング 紹介文 */ .column_shop_text{color: #777263;line-height: 1.7em;margin:0 10px;} /* お問合せ */ .smallbox{border:1px solid #777263; color:#777263; margin:5px; padding:7px;} /* ページ内リンク */ .jump a{color:#777263; font-weight:bold;} /* ページトップへもどる */ .back a{float:right;margin:0 20px;color:#777263; font-weight:bold;} /*** ページ内リンクタイトル ***/ .title{float:left;font-size:110%;font-weight:bold; /*border-left:solid 5px #584136; */ margin:3px 10px; padding:0;white-space: nowrap;} .title img{height:20px;vertical-align:middle;} .title a{text-decoration:none;color:#584136;border-bottom:1px solid #584136;padding-bottom:5px;} /* テーマアイコン */ .mark img{float:right;margin:0; vertical-align:middle;} .mark {line-height:100%;} /* ホテルページ内アイコン */ .icon img{vertical-align:middle;} .icon {line-height:120%;} /* 詳しく読む */ .more a{margin:5px 20px; padding:0; text-align:right;color:#584136;}