@charset "UTF-8";
/* reset styles */
html,body,div,h1,h2,h3,h4,h5,h6,p,blockquote,pre,address,ul, ol,li,dl,dt,dd,table,th,td,form,fieldset{margin:0;padding:0;}
table{border-collapse: collapse;border-spacing: 0;}
img{border:none;}
/* HACKCSS
----------------------------------------- */
/* float hack */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
@charset "shift_jis";
/* ===============================================================
出島荘標準カラー
===============================================================
/*焦茶色 #630*/
/*赤茶色 #c60*/
/*薄茶色 #b77a3d*/
/*オレンジ #fa4*/
/* ===============================================================
全ページ共通CSS
=============================================================== */
body {background:url(http://www.dejimaso.com/whats_new/../images/common/bg/bg00.jpg);color:#630;font-size:12px;line-height:20px;}
td {color:#630;font-size:12px;line-height:20px;}
a:link {color:#c60;text-decoration:underline;}
a:visited {color:#c60;text-decoration:underline;}
a:active {color:#c60;text-decoration:underline;}
a:hover {color:#fff;text-decoration:none;}
#container {background:url(http://www.dejimaso.com/whats_new/../images/common/bg/bg02.jpg) repeat-y;}
#header {background:url(http://www.dejimaso.com/whats_new/../images/common/bg/bg01.jpg) no-repeat;width:750px;margin:0;padding:0;}
#logo {float:left;}
#catchcopy {float:right;width:600px;height:20px;text-align:right;}
h1 {color:#b77a3d;font-size:11px;line-height:12px;font-weight:normal;margin:0;padding:7px 18px 0 0;}
#pagetitle {float:right;width:600px;height:140px;background:url(http://www.dejimaso.com/whats_new/../images/common/bg/cornerillust.jpg) no-repeat top right;}
#titles {width:460px;text-align:center;font-size:11px;line-height:12px;}
h2 {font-size:14px;font-weight:normal;line-height:16px;}
#glovalnavi {float:left;width:145px;}
#sidenav p{margin:0;padding:0;line-height:0;}
#contents {margin:0 0 0 145px;width:585px;}
h3 {margin:30px 0 5px 0;font-size:14px;line-height:16px;}
#footer {clear:both;width:750px;background:url(http://www.dejimaso.com/whats_new/../images/common/bg/bg03.jpg) no-repeat bottom;}
#pagemessage {margin:0 0 0 330px;min-height:200px;}
* html #pagemessage {margin:0 0 0 330px;height:200px;}/*ie6用最大縦幅設定*/
#add {margin:0 0 0 360px;padding:50px 0 0 0;}
#clublink {margin:0 0 0 360px;padding:20px 0 0 0;font-size:11px;color:#b77a3d;}
#clublink dt {border-bottom:1px dotted #b77a3d;}
#clublink dd {float:left;padding:0 5px 0 0;}
#clublink dd a:link {color:#b77a3d;text-decoration:none; }
#clublink dd a:visited {color:#b77a3d;text-decoration:none; }
#clublink dd a:active {color:#b77a3d;text-decoration:none; }
#clublink dd a:hover {color:#b77a3d;text-decoration:underline;}
#copyright {clear:both;font-size:11px;color:#b77a3d;padding:20px 0 20px 10px;text-align:right;}
/* ===============================================================
トップページ専用CSS
=============================================================== */
#indexcontainer {background:url(http://www.dejimaso.com/whats_new/../images/common/bg/home.jpg) no-repeat;min-height:1080px;}
* html #indexcontainer {background:url(http://www.dejimaso.com/whats_new/../images/common/bg/home.jpg) no-repeat;height:1080px;}/*ie6用最大縦幅設定*/
#indexheader {background:none;width:750px;margin:0;padding:0;}
#indexcatchcopy {float:right;width:640px;height:20px;text-align:right;}
#indexmainpict {float:right;}
#contents01 {clear:both;background:none;width:750px;margin:0;padding:0;}
#contents01 #banner {float:left;}
#contents01 #enterbtn {float:right;}
#contents02 {clear:both;background:none;width:750px;margin:0;padding:0;}
#contents02 #taro {float:left;}
#contents02 #news {margin:0 0 0 350px;}
#contents02 #news .date {font-size:11px;color:#b77a3d;padding:0 0 0 10px;}
#contents02 #news .text {background:url(http://www.dejimaso.com/whats_new/../images/index/news_line.jpg) no-repeat left bottom;padding:0 0 7px 10px;}
#indexfooter {clear:both;width:750px;background:none;}
/*のんびりプランのバナーがないときのCSS*/
#indexcontainer-short {background:url(http://www.dejimaso.com/whats_new/../images/common/bg/home_short.jpg) no-repeat;min-height:1080px;}
* html #indexcontainer-short {background:url(http://www.dejimaso.com/whats_new/../images/common/bg/home_short.jpg) no-repeat;height:1080px;}/*ie6用最大縦幅設定*/
#contents02 #news-short {margin:0 0 0 350px;padding:120px 0 0 0;}
#contents02 #news-short .date {font-size:11px;color:#b77a3d;padding:0 0 0 10px;}
#contents02 #news-short .text {background:url(http://www.dejimaso.com/whats_new/../images/index/news_line.jpg) no-repeat left bottom;padding:0 0 7px 10px;}
@charset "shift_jis";
/* ===============================================================
各ページフッタのメッセージ枠
=============================================================== */
.message-kani {width:370px ;height:160px;font-size:12px;line-height:16px;background:url(http://www.dejimaso.com/whats_new/../images/common/message/kani.jpg) top left no-repeat;padding:50px 0 0 120px;}
.message-kani a:link {color: #633; text-decoration: none; }
.message-kani a:visited {color: #633; text-decoration: noone; }
.message-kani a:active {color: #633; text-decoration: none; }
.message-kani a:hover {color: #c00; text-decoration: none;}
.message-father {width:370px ;height:160px;font-size:12px;line-height:16px;background:url(http://www.dejimaso.com/whats_new/../images/common/message/father.jpg) top left no-repeat;padding:50px 0 0 120px;}
.message-father a:link {color: #633; text-decoration: none; }
.message-father a:visited {color: #633; text-decoration: none; }
.message-father a:active {color: #633; text-decoration: none; }
.message-father a:hover {color: #c00; text-decoration: none;}
.message-mother {width:370px ;height:160px;font-size:12px;line-height:16px;background:url(http://www.dejimaso.com/whats_new/../images/common/message/mother.jpg) top left no-repeat;padding:50px 0 0 120px;}
.message-mother a:link {color: #633; text-decoration: none; }
.message-mother a:visited {color: #633; text-decoration: none; }
.message-mother a:active {color: #633; text-decoration: none; }
.message-mother a:hover {color: #c00; text-decoration: none;}
/* ===============================================================
小さな文字で注意書き
=============================================================== */
.note {font-size:11px;line-height:13px;margin:10px 40px 10px 10px;padding:10px;border:1px solid #b77a3d;}
/* ===============================================================
お問い合わせフォーム
=============================================================== */
#inquiry-box {width:100%;}
#inquiry-box th {background:#630;color:#fff;font-size:12px;padding:5px;}
#inquiry-box td {font-size:12px;padding:5px;border:1px solid #B77A3D;line-height:1.4em;color:#630;}
#inquiry-box .note {font-size:11px;color:#c60;}
#inquiry-box .zipcode {margin-bottom:5px;}
#inquiry-btn {text-align:center;font-size:12px;margin:15px 0 0;}
/* ===============================================================
サンクスページなどで電話＆FAX番号をでかでかと
=============================================================== */
.telfax{font-size:24px;font-weight:bold;margin:20px 30px 20px 20px;padding:10px;border-top:2px dotted #c60;border-bottom:2px dotted #c60;color:#c60;}
/* ===============================================================
表になってるテーブル、アクセス
=============================================================== */
.listtable {width:520px;border:1px solid #daa86d;border-collapse:separate;border-spacing:3px;margin:10px;}
.listtable caption {background:#963;text-align:left;padding:5px;color:#fff;}
.listtable th {border:1px solid #daa86d;background:#b85;text-align:left;font-weight:normal;padding:5px;color:#fff;}
.listtable td {border:1px solid #daa86d;padding:5px;}
/* ===============================================================
表になってるテーブルminisize、お買い物ガイド
=============================================================== */
.listtablemini {width:420px;border:1px solid #daa86d;border-collapse:separate;border-spacing:3px;margin:10px;}
.listtablemini caption {background:#963;text-align:left;padding:5px;color:#fff;}
.listtablemini th {border:1px solid #daa86d;background:#b85;text-align:left;font-weight:normal;padding:5px;color:#fff;}
.listtablemini td {border:1px solid #daa86d;padding:5px;}
/* ===============================================================
強調したい囲みわく、お買い物ガイド
=============================================================== */
.strongbox {border:1px solid #daa86d;margin:10px;padding:10px;}
/* ===============================================================
タイトルのしたのちっさい文字、アクセス
=============================================================== */
.h3caption{font-size:11px;color:#b77a3d;}
/* ===============================================================
各カテゴリトップページの、各ページへのリンクのボタンのとこ
=============================================================== */
.pagetitle{width:520px;margin:0 0 15px 20px;background:url(http://www.dejimaso.com/whats_new/../images/common/pagetitle/bartop.jpg) no-repeat;}
.pagetitle th{padding:15px 0 0 10px;text-align:left;}
.pagetitle td{background:url(http://www.dejimaso.com/whats_new/../images/common/pagetitle/barbottom.jpg) no-repeat bottom;}
.pagetitle td p.txt{float:left;padding:10px 10px 0 15px;font-size:11px;line-height:13px;}
.pagetitle td p.btn{float:right;}
/* ===============================================================
観光ページ
=============================================================== */
.sightspottable{margin:0 auto;border-collapse:separate;}
.sightspottable td {margin:10px;font-size:11px;line-height:13px;width:150px;padding:10px;}
/* ===============================================================
summer/stay.html
=============================================================== */
.nplan-bg{background:url(http://www.dejimaso.com/whats_new/../images/summer/stay/p_sazae.jpg) right top no-repeat;padding: 30px 0 20px 20px;}
/* ===============================================================
winter/stay.html
=============================================================== */
.fplan-bg{background:url(http://www.dejimaso.com/whats_new/../images/winter/stay/p_kani.jpg) no-repeat right top;padding: 30px 0 20px 20px;}
/* ===============================================================
サイトマップ
=============================================================== */
h3.sitemap{ background: url(http://www.dejimaso.com/whats_new/../images/sitemap/bg_big.gif) no-repeat;margin:20px 0 5px 15px;padding:8px;}
ul.sitemap{ margin: 0 0 20px 20px;}
ul.sitemap li { font-size:12px;border-bottom:1px dotted #c60;margin:0;padding:0;}
ul.sitemap li a:link { color: #c60; text-decoration: none;}
ul.sitemap li a:visited { color: #c60; text-decoration: none;}
ul.sitemap li a:active { color: #c60; text-decoration: none;}
ul.sitemap li a:hover { color: #c00; text-decoration: underline;}
/* ===============================================================
プライバシーポリシー
=============================================================== */
ul.privacy{margin:10px 0;padding:0;}
.privacyadd{margin:10px 0;padding:5px 0;border-top:1px dotted #c60;width:400px;}
/* ===============================================================
太郎ブログCSS
=============================================================== */
#blog {
vertical-align: middle;
padding-left: 30px;
margin-top: 20px;
}
#blog #entry {
float: none;
width: 533px;
clear: both;
background-color: #F9DEAF;
}
#blog .main {
padding: 10px;
width: 533px;
background-color: #F9DEAF;
}
#blog #entry .title {
background-image: url(http://www.dejimaso.com/whats_new/../images/taro/blog/diary_title.jpg);
height: 73px;
width: 533px;
padding-top: 50px;
padding-left: 10px;
background-repeat: no-repeat;
}
#blog #entry .title h3 {
font-size: 16px;
}
#blog .footer {
height: 45px;
width: 533px;
background-image: url(http://www.dejimaso.com/whats_new/../images/taro/blog/diary_title_under.jpg);
background-repeat: no-repeat;
padding-left: 10px;
}
/* ===============================================================
以下、未整理
=============================================================== */
.bd { border: 1px solid #c60;}