@charset "euc-jp";

/*-- ■SECTION 000 共通設定 --*/
div.clearboth{display:block;clear:both;height:0px;font-size:0px;margin:0;padding:0;line-height:0;overflow:hidden;}

/*-- clear fix --*/
.clearfix{zoom:1;/*for IE 5.5-7*/}
.clearfix:after{content:".";display:block;clear:both;height:0px;visibility:hidden;/*for modern browser*/}
* html .clearfix{display:inline-table;/*\*/display:block;/**/}

/*-- ■SECTION 010 全体設定 --*/
body{
  color:#2f2b27; /*-- 文字色 --*/
  background-color:#312a29; /*-- 背景色 --*/
  margin:0;
  padding:0;
  line-height:1.5em;
  text-align:center;
  font-size:13px;
  *font-size:small;
  *font:x-small;
}

/*-- リンク文字色 --*/
a {
  text-decoration:underline;
  color:#000000;
}
a:visited {
  text-decoration:underline;
  color:#333333; /*-- 文字色 --*/
}
/*-- マウスオーバー時 --*/
/*-- マウスクリック時 --*/

form{
  margin:0;
  padding:0;
  text-align:left;
}
input{
  margin:0;
  padding:0;
}

#title-banner h1,
#title-banner h2,
#mod-comments h3,
#mod-trackbacks h3,
.entry-top h3,
.module h4{
  margin:0;
  padding:0;
  font-size:100%;
}
form{
  margin:0;
  padding:0;
  text-align:left;
}
input{
  margin:0;
  padding:0;
}

/*-- list-style none on modules --*/
.module ul,
.module ul li,
.module dl,
.module dl dt,
.module dl dd,
#mod-powered-by ul,
#mod-powered-by ul li,
#mod-comments ul,
#mod-comments ul li,
#mod-comments dl,
#mod-comments dl dt,
#mod-comments dl dd,
#mod-trackbacks ul,
#mod-trackbacks ul li,
#mod-trackbacks dl,
#mod-trackbacks dl dt,
#mod-trackbacks dl dd,
#mod-prev-next ul,
#mod-prev-next ul li,
#mod-archive ul,
#mod-archive ul li{
  list-style:none;
  margin:0;
  padding:0;
}

/*-- overflow hidden --*/
#title-banner,
#title-banner-top,
#title-banner-bottom,
#main-top,main-bottom,
#center,
#in-center,
#main-3c-wrap,
#side-a,
#side-b,
.sidebar-top,sidebar-bottom,
.content,
.content-2c,
.content-3c,
.content-top,
.content-bottom,
.mod-entry-set,
.mod-entry-set-top,
.mod-entry-set-bottom,
.mod-comments-top,
.comment-list-top,
.comment-list-bottom,
.module-top,
.module-bottom{
  overflow:hidden;
}

/*-- overflow auto --*/
.entry-top,
.entry-body,
.entry-body-image,
.entry-body-text,
.comment-list-text,
.mod-trackbacks-body{
  overflow:auto;
  word-break:normal;
}

/*-- 不使用拡張部分 --*/
#global-footer{
  display:none;
}

/*-- ■SECTION 020 レイアウト設定 --*/
#container{
  width:840px;
  margin:0 auto;
  text-align:left;
}
#main{
/*-- コンテンツエリアの背景色：*/
  background:#ffffff;
  padding:20px 6px 6px 6px;
  margin:0;
}

/*-- ■SECTION 030 #title-banner 設定 --*/
/*-----------------------------------------------------------------
タイトルバナーの設定
------------------------------------------------------------------*/
/*-- タイトルバナー外枠の設定 --*/
#title-banner {}
/*-- タイトルバナー上部の設定 --*/
#title-banner-top {}
/*-- タイトルバナー内部の設定 --*/
#title-banner-body {
width:100%;
/*-- ↓タイトルバナーに画像を入れる場合は、下記のコメントをはずし、画像URLを指定する --*/
background-image:url(../img/yousui_title_banner_back.gif);
background-position: left top;
background-repeat:no-repeat;
border-bottom:solid 1px #312a29;
/*-- ↓タイトルバナーに画像を入れる場合は、画像に合わせて値を変更する --*/
height:202px;
}
/*-- ブログタイトルの開始位置の設定 --*/
#title-banner-body #title-banner-set {
padding-top:58px;
}
/*-- タイトルバナー下部の設定 --*/
#title-banner-bottom {}
/*-- ブログタイトル文字の基本設定 --*/
#title-banner-body #title-banner-set h1 {
font-size:139%;
font-weight:bold;
color:#993300;
line-height:1.2;
margin-bottom:5px;
padding:0 20px;
text-align:right;
}
/*-- ブログタイトル文字の設定（文字色、リンク時装飾） --*/
#title-banner-body #title-banner-set h1 a {
color:#993300;
text-decoration:none;
}
/*-- ブログタイトル文字の設定（マウスオーバー／マウスクリック時の文字色、リンク装飾） --*/
/*-- ブログ概要の設定 --*/
#title-banner-body #title-banner-set h2 {
color:#512a29;
font-size:100%;
line-height:1.25em;
font-weight:normal;
padding:20px 30px 0 20px;
text-align:right;
}

/*-- ■SECTION 040 #main 設定 --*/

/*-- ■SECTION 050 #main 内レイアウト設定 --*/
#center{
  width:100%;
  float:right;
  margin:0 0 0 -200px;
}
#in-center{
  margin:0 0 0 200px;
}
#side{
  width:200px;
  float:left;
}

/*-- ■SECTION 060 #content 設定 --*/
#in-center .content{
  margin-left:10px;
}

/*-- ■SECTION 070 エントリー設定 --*/
/*-- 070-010 エントリーセット --*/
/*-- 記事の設定（外側） --*/
.mod-entry-set {
  border-style:dashed;
  border-width:1px;
  border-color:#999999;
  background-color:#f0f0f0;
  margin:8px 8px 8px 8px;
  padding:6px 6px 6px 6px;
}
.mod-entry-close {
  margin:8px 8px 8px 8px;
  padding:0px 10px 20px 10px;
}
.mod-topentry-set {
  border-style:dashed;
  border-width:1px;
  border-color:#999999;
  background-color:#F2E3CE;
  margin:8px 8px 8px 8px;
  padding:6px 6px 6px 6px;
}

/*-- 070-020 エントリー --*/
/*-- ENTRY TOP --*/
.entry-top {
  background-color:#ffffff;
  padding:4px 4px 4px 8px;
}
.entry-top h3 {
  font-size:medium;
  font-weight:bold;
  color:#312a29;
  text-decoration:underline;
}
.entry-top-info {
  text-align:right;
  font-size:x-small;
  padding:0px 12px 0px 0px;
}
/*-- /ENTRY TOP --*/

/*-- ENTRY BODY --*/
.entry-body {
  line-height:1.6em;
  padding:30px 6px 30px 6px;
}
.entry-body a {
  color:#253b39;
}
.entry-body-image {
  text-align:center;
  margin:20px 10px 20px 10px;
}
.entry-body-jacket {
  text-align:left;
  margin:20px 10px 20px 10px;
}
.entry-body-jacket a img {
  border-width:1px;
  color:#253b39;
}
.entry-body-note{
  font-size:x-small;
  line-height:1.3em;
}
/*-- /ENTRY BODY --*/

/*-- ENTRY BOTTOM --*/
.entry-bottom {
  border-style:solid;
  border-width:1px;
  border-color:#666633;
  margin:10px 10px 10px 80px;
}
.entry-bottom-info {
  font-size:x-small;
  line-height:1.3em;
  font-color:#333333;
  padding:6px 6px 6px 6px;
}
.entry-bottom-logo {
  background-image:url(../img/yousui-haba.gif);
  background-position:right top;
  background-repeat:no-repeat;
  padding:20px 20px 50px 20px;
}
.topentry-bottom-logo {
  background-image:url(../img/yousui-haba_top.gif);
  background-position:right top;
  background-repeat:no-repeat;
  padding:20px 20px 50px 20px;
}
/*-- ENTRY BOTTOM --*/

/*-- ■SECTION 080 #footer 設定 --*/
#footer {
  text-align:center;
  color:#f0f0f0;
  font-size:xx-small;
}

/*-- ■SECTION 090 #sidebar 設定 --*/
/*-- ■SECTION 100 サイドバーモジュール共通設定 --*/
.module-body{
  line-height:1.4em;
  padding:3px 0px 8px 0px;
  color:#2f2b27;
}
.module dt{
  line-height:1.3em;
  margin:0px 0px 0px 0px;
  font-weight:bold;
  color:#f0f0f0;
  background-image:url(../img/side_dt_img.gif);
  background-position: left top;
  background-repeat:no-repeat;
}
.module dl{
  line-height:1.3em;
}
.module dl dd{
  margin:0px 0px 0px 10px;
}
.module a{
  color:#253b39;
}
.module a:hover{
  color:#009900;
}
#sidebar-opt-top{display:none;}
#sidebar-opt-bottom{display:none;}