@import "http://";

/* ▼ 基本設定 */

body {
margin: 0;
background: url(image/bg.gif);
text-align: center;
color: #666666;
letter-spacing: 1px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

html {
scrollbar-track-color: #FFFFFF;
scrollbar-face-color: #FFFFFF;
scrollbar-darkshadow-color: #FFFFFF;
scrollbar-highlight-color: #BFBFBF;
scrollbar-3dlight-color: #FFFFFF;
scrollbar-arrow-color: #BFBFBF;
}

/* ▼ リンク設定 */

a:link,
a:visited {
color: #B69C63;text-decoration: underline;
}
a:active,
a:hover {
color: #C9B384;text-decoration: none;
}

/* ▼ 文字設定 */

strong {
font-weight: normal;
}

em {
font-style: normal;
}

.FMr {
color: #FF5759;
font-size: 12px;
}

.FMB {
font-size: 12px;
font-weight: bold;
}

.FBB {
font-size: 18px;
font-weight: bold;
}

.MKr,
.MKbl,
.MKy {
padding: 2px;
line-height: 24px;
}
.MKr {
background: #FFAAA5;
}
.MKbl {
background: #99DBFF;
}
.MKy {
background: #FFFF66;
}

.arrow {
padding: 0 0 0 15px;
background: url(image/arrow.gif)  left top no-repeat;
font-weight: bold;
}

/* ▼ 画像設定 */

img {
border-width: 0;
}

.img-top {
margin: 0 0 5px;
}

.img-bot {
margin: 5px 0 0;
}

.img-m {
vertical-align: middle;
margin: 0 5px 0 0;
}

.img-l {
float: left;
margin: 0 5px 5px 0;
}

.img-r {
float: right;
margin: 0 0 5px 5px;
}

/* ▼ その他 */

br {
letter-spacing: 0;
}

.hide {
display: none;
}

form {
margin: 0;
padding: 0;
}

/* ▼ 全体を囲む枠 */

#outline {
margin: 0 auto;
width: 590px;
background: #FFFFFF;
border-left: 1px solid #E1E1E1;
border-right: 1px solid #E1E1E1;
text-align: left;
}

/* ▼ ヘッダ設定 */

#header {
margin: 0 auto;
width: 560px;
height: 100px;
background: #B69C63 url(image/header-bg.gif) bottom no-repeat;
position: relative;
}

h1 {
margin: 0;
padding: 0;
color: #FFFFFF;
font-size: 10px;
font-weight: normal;
position: absolute; top: 3px; left: 10px;
}

.title {
position: absolute; bottom: 0px; left: 10px;
}

/* ヘッダインフォ */

#header ul {
margin: 0;
padding: 0;
width: 222px;
list-style: none;
position: absolute; top: 3px; left: 405px;
}

#header ul li {
float: left;
margin: 0 10px 0 0;
list-style:none;
}

#header ul a {
display: block;
height: 10px;
background-image: url(image/header-info.gif);
}

#header a span {
display: none;
} 

a.header-mail {
width: 67px;
background-position: 0px 0px;
}
a:hover.header-mail {
width: 67px;
background-position: 0px -10px;
}
a.header-map {
width: 66px;
background-position: -71px 0px;
}
a:hover.header-map {
width: 66px;
background-position: -71px -10px;
}

/* ▼ パンくず */

#pan {
margin: 0 auto;
width: 560px;
font-size: 10px;
line-height: 30px;
clear: both;
}

/* ▼ 見出し文字 */

h2,
h3 {
margin: 0 0 10px;
padding: 0 8px;
height: 25px;
color: #FFFFFF;
font-size: 13px;
line-height: 25px;
font-weight: bold;
}
h2 {
background: #B69C63;
}
h3 {
background: #C1C1C1;
}

/* ▼ メイン部 */

#body {
margin: 0 0 0 15px;
}

#content {
float: left;
margin: 0 15px 0 0;
width: 395px;
font-size: 12px;
line-height: 16px;
}

.content-ex {
margin: 10px 0;
padding: 0 0 10px;
background: url(image/line.gif) bottom repeat-x;
}

.content-body {
margin: 0 0 30px;
word-break: break-all;
}

/* タグ検索 */

.tag-search {
margin:  0 0 15px;
padding: 5px 10px;
background: #F0F0F0;
border: solid 1px #BFBFBF;
overflow: hidden;
}

.tag-search-cat {
margin:  0 0 5px;
padding: 0 0 5px;
background: url(image/line.gif) bottom repeat-x;
font-weight: bold;
clear: both;
}

.tag-search ul {
margin:  0 0 15px;
padding: 0;
}
.tag-search li {
float: left;font-size: 12px;
margin: 0 0 3px;
padding: 0 0 0 15px;
width: 109px;
background: url(image/arrow.gif) left no-repeat;
list-style-type: none;
}

/* 最新情報・検索結果サムネイル */

.thumb {
height: 60px;
background: url(image/line.gif) bottom repeat-x;
font-size: 12px;
}

.thumb a {
font-size: 13px;
font-weight: bold;
}

.thumb img {
float: left;
margin: 0 5px 0 0;
}
.thumb a img,
.thumb a:link img,
.thumb a:visited img {
border: 2px solid #B69C63;
}
.thumb a:hover img {
border: 2px solid #EBEBEB;
}

.thumb-bottom {
margin: 0 0 15px;
text-align: right;
font-size: 10px;
}
.thumb-bottom a,
.thumb-bottom a:link,
.thumb-bottom a:visited  {
text-decoration: none;
font-weight: normal;
}
.thumb-bottom a:active,
.thumb-bottom a:hover {
text-decoration: underline;
}

/* 下向き矢印 */

.arrow-down {
margin: 5px 0; 
width: 395px;
text-align: center;
}

/* 本文のテーブル */

.TB-body {
margin: 0; 
width: 395px;
border-collapse: collapse;
}

.TD-body-1 {
text-align: center;
vertical-align: top;
}
.TD-body-1 img {
margin: 0 0 15px; 
}

.TD-body-2 {
width: 200px;
vertical-align: top;
}
.TD-body-2 div {
background: url(image/body-line.gif) top left;
line-height: 24px;
}
.TD-body-2 p {
margin: 0 0 24px;
padding: 0;
}
.TD-body-2 img {
display: block;
margin: 15px 0 0; 
text-align: center;
}

/* ▼ エントリー下部のナビ設定 */

/* エントリーナビ */

#entry-navi {
margin: 0 0 30px;
}
#entry-navi-next {
padding: 0 0 0 70px;
background: url(image/entry-navi-next.gif)  top left no-repeat;
line-height: 25px;
}
#entry-navi-pre {
padding: 0 0 0 70px;
background: url(image/entry-navi-pre.gif)  top left no-repeat;
line-height: 25px;
}

/* カテゴリ */

#bottom-navi-cat {
margin: 0 0 15px;
padding: 0 0 0 70px;
background: url(image/bottom-navi-cat.gif)  top left no-repeat;
line-height: 20px;
}

/* タグ */

#bottom-navi-tag {
margin: 0 0 15px;
padding: 0 0 0 70px;
background: url(image/bottom-navi-tag.gif)  top left no-repeat;
line-height: 20px;
}

#bottom-navi-cat a,
#bottom-navi-cat a:link,
#bottom-navi-cat a:visited,
#bottom-navi-tag a,
#bottom-navi-tag a:link,
#bottom-navi-tag a:visited {
color: #C1C1C1;
text-decoration: underline;
}
#bottom-navi-cat a:active,
#bottom-navi-cat a:hover,
#bottom-navi-tag a:active,
#bottom-navi-tag a:hover {
color: #C1C1C1;
text-decoration: none;
}

/* ページナビ */

#page-navi {
margin: 0 0 15px;
text-align: center;
clear: both;
}

.pagelist a,
.pagelist a:visited {
padding: 5px 8px;
border: 1px solid #552E1B;
background-color: #FFFFFF;
color: #552E1B;
line-height: 30px;
font-weight: bold;
text-decoration: none; 
}
.pagelist a:active,
.pagelist a:hover {
padding: 5px 8px;
background-color: #552E1B;
border: 1px solid #552E1B;
color: #FFFFFF;
line-height: 30px;
font-weight: bold;
text-decoration: none; 
}
.pagelist b {
padding: 5px 8px;
background-color: #552E1B;
border: 1px solid #552E1B;
color: #FFFFFF;
line-height: 30px;
text-decoration: none; 
}

/* ▼ ページトップ */

#pagetop {
padding: 0 0 30px;
text-align: right;
clear: both;
}

/* ▼ お問い合わせ */

.mail-arrow {
padding: 0 0 0 15px;
background: url(image/arrow.gif)  left no-repeat;
font-weight: bold;
}

#mail_form {
margin: 0 0 15px;
line-height: 18px;
}

#mail_form dl {
margin: 0;
padding: 0;
}
#mail_form dt {
float: left;
margin: 0 0 10px;
padding: 0;
width: 50px;
font-weight: bold;
clear: left;
}
#mail_form dd {
margin: 0 0 10px;
padding: 0;
width: auto;
}

#mail_subject,
#mail_author,
#mail_email {
width: 150px;
border: solid 1px #A8A8A8;
color: #666666;
font-size: 12px;
}

#mail_text {
margin: 0 0 20px;
width: 315px;
height: 150px;
border: solid 1px #A8A8A8;
color: #666666;
font-size: 12px;
}

.hissu {
margin: 0 5px 0 0;
padding: 2px;
background: #67542A;
color: #FFFFFF;
font-size: 10px;
font-weight: normal;
}

#mail_preview,
#mail_post {
margin: 0 20px 0 0;
padding: 2px;
border: solid 1px #A8A8A8;
background: #FFFFFF;
color: #666666;
}

#error-info {
margin: 20px 0;
color: #FF0000;
line-height: 20px;
font-weight: bold;
}

/* ▼ サイトマップ */

.map-body {
margin: 0 0 15px;
}

.map-body h4 {
margin:  0 0 5px;
padding: 0 0 0 20px;
background: url(image/arrow.gif)  left no-repeat;
font-size: 12px;
line-height: 16px;
font-weight: normal;
}

.map-ently-title {
margin:  0 0 15px;
padding: 0 0 0 20px;
font-size: 10px;
line-height: 13px;
}

/* ▼ サイドメニュー設定 */

#side-menu {
float: left;
margin:  0 0 30px;
width: 150px;
font-size: 10px;
line-height: 15px;
}

.side-ex {
margin: 5px 0 10px;
padding: 0 0 5px;
background: url(image/line.gif) bottom repeat-x;
}

.side-main {
margin: 10px 0 15px;
}

/* サイト内検索 */

#side-search {
margin: 0 0 15px;
height: 74px;
background: url(image/side-search-bg.gif);
position: relative;
}
#search {
width: 99px;
height: 15px;
background: #FFFFFF;
border: 0;
color: #666666;
font-size: 12px;
position: absolute; top: 12px; left: 36px;
}
#search-submit {
width: 73px;
height: 29px;
border: 0;
color: #666666;
position: absolute; top: 38px; left: 37px;
}

/* カテゴリー */

.side-cat ul {
margin: 10px 0 15px;
padding: 0;
font-size: 10px;
}
.side-cat ul li {
margin: 0 0 3px;
padding: 0;
list-style: none;
}
.side-cat ul a,
.side-cat ul a:link,
.side-cat ul a:visited {
display: block;
padding: 4px;
height: 1%;
border: 1px solid #E2E1E1;
background: #EBEBEB;
color: #666666;
line-height: 14px;
text-decoration: none;
}
.side-cat ul a:active,
.side-cat ul a:hover {
display: block;
padding: 4px;
height: 1%;
border: 1px solid #B69C63;
background: #E9DBB3;
color: #8C774C;
line-height: 14px;
text-decoration: none;
}

/* 「リンクについて」の設定 */

#bn {
margin: 5px 0 0;
}

.link-source {
margin: 0 0 15px;
width: 148px;
height: 20px;
color: #CCCCCC;
font-size: 10px;
}
#bn textarea { 
border: solid 1px #C0C0C0;
} 

/* ▼ フッター設定 */

#footer {
margin: 0 0 0 15px;
padding: 10px 0 0;
width: 560px;
background: url(image/line.gif) top repeat-x;
text-align: center;
font-size: 10px;
line-height: 16px;
clear: both;
}
#footer a,
#footer a:link,
#footer a:visited {
color: #666666;
text-decoration: none;
}
#footer a:active,
#footer a:hover {
color: #666666;
text-decoration: underline;
}

/* Myリンク */

.highslide-html {
background-color: #FFFFFF;
border: 1px solid #BFBFBF;
font-size: 10px;
}
.highslide-html-content {
display: none;
width: 400px;
padding: 5px;
}
.highslide-header ul {
margin: 0;
padding: 0;
text-align: right;
}
.highslide-header ul li {
display: inline;
}
.highslide-header a {
font-weight: bold;
color: #C40026;
text-transform: uppercase;
text-decoration: none;
}
.highslide-maincontent {
display: none;
text-align: left;
color: #666666;
}
.highslide-maincontent a,
.highslide-maincontent a:link,
.highslide-maincontent a:visited {
color: #666666;
text-decoration: none;
}
.highslide-maincontent a:active,
.highslide-maincontent a:hover {
color: #666666;
text-decoration: underline;
}

/* コピーライト */

#copy {
margin: 10px 0 0 15px;

width: 560px;
line-height: 26px;
background: url(image/footer-bg.gif) no-repeat;
text-align: center;
color: #FFFFFF;
font-size: 10px;
clear: both;
}
#copy a {
color: #FFFFFF;
text-decoration: none;
}
