@charset "utf-8";

/* ------------------------- TOC 
setup

 ------------------------- */

/* ============================== setup */
body { color: #000; background-color: #000; font-size: 12px; font-family: "ff-meta-web-pro-1","ff-meta-web-pro-2", "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "MS PGothic", sans-serif; }
body#home { background-color: #fff; }
table { border-collapse: collapse; border-spacing: 0; }

a { color: #c00; text-decoration: none; }
a:link { color: #c06; }
a:visited { color: #906; }
a:hover, a:active { color: #c06; text-decoration: underline; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

h1 { font-size: 134%; margin-bottom: 10px; }
h2 { font-size: 134%; font-weight: bold; }
h3 { font-size: 117%; }
p { line-height: 1.6; }

p.note { }
.spc6t { margin-top: 6px; }
.spc12t { margin-top: 12px; }
.spc { margin-top: 1em; }
.spc18t { margin-top: 18px; }
.spc24t { margin-top: 24px; }
.spc36t { margin-top: 36px; }
.spc20r { padding-right: 20px; }
.spc30r { padding-right: 30px; }

img.img_left { float: left; margin: 0.5em 12px 12px 0; }
img.img_right { float: right; margin: 0.5em 0 12px 12px; }

li img, dd img, p img { vertical-align: bottom; }

/* ============================== layout */
#header, #vi, #contents, #footer { width: 900px; margin: 0 auto; background-color: #fff; }
#main { width: 600px; float: right; padding-bottom: 20px; }
#sidebar { width: 200px; float: left; }

.tk-ff-meta-serif-web-pro { font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", serif; }


/* ============================== header */
#header { position: relative; }
#header #logo img { margin: 20px 0 20px 20px; }
#header ul { position: absolute; right: 0; top: 0; background-color: #000; padding-right: 10px; }
#header li { float: left; padding: 0 10px 5px 15px; font-size: 109%; font-family: "ff-din-web-1","ff-din-web-2", sans-serif; letter-spacing: 0.1em; }
#header li.hover { background: url(../img/arrow_nav_o.gif) no-repeat 2px 3px; }
#header li a { display: block; padding: 3px 0 1px 0; border-bottom: 3px solid #000; color: #fff; text-decoration: none; }
#header li a:hover { border-bottom: 3px solid #d9e021; }
#header li.current a { border-bottom: 3px solid #fff; }



/* ============================== home */
#home #vi { background-color: #000; color: #fff; padding-top: 20px; }
#home #vi ul { margin-left: 20px; }
#home #vi li { float: left; }
#home #vi #last_update { padding: 3px 20px; font-size: 84%; }

#home_news { margin-left: 235px; margin-top: 20px; }
#home_news h2 {  }
.news_set { position: relative; width: 665px; border-bottom: 1px solid #999; }
.news_set dl { position: relative; width: 585px; }
.news_set dt { position: absolute; left: 0; top: 5px; line-height: 1.3; }
.news_set dd { padding: 5px 0 5px 80px; line-height: 1.3; }
.news_set p { padding: 5px 100px 5px 0; }
.news_set .news_more { position: absolute; right: 20px; top: 5px; padding: 0 0 0 20px; background: url(../img/arrow_red_right.gif) no-repeat left center; }


/* ============================== footer */
#footer { padding: 20px 0; }
#footer #copyright { text-align: right; color: #999; }



/* ============================== sidebar */
#sidebar { padding-bottom: 20px; }
#sidebar h1, #sidebar p.meta_category { background-color: #000; color: #fff; padding: 1px 10px; font-size: 117%; font-family: "ff-din-web-1","ff-din-web-2", sans-serif; letter-spacing: 0.1em; line-height: 1.2; margin-bottom: 10px; }
#sidebar a { color: #999; }
#sidebar a:hover { color: #000; }
#sidebar li { line-height: 1.8; padding-left: 25px; height: auto !important; height: 18px; min-height: 18px; }
#sidebar li.current { background: url(../img/arrow_right_white.gif) no-repeat left center; }
#sidebar li.current a { color: #000; }
#sidebar dl { padding-left: 25px; }
#sidebar dt { margin-top: 13px; border-top: 3px solid #000; line-height: 1.8; padding-top: 10px; font-size: 117%; }
#sidebar dd { line-height: 1.8; }
#sidebar dd li { padding-left: 0; }
#sidebar #list_archive dd a { font-size: 84%; }


/* ============================== blog */
.set_list_article { margin-top: 30px; border-bottom: 1px solid #999; padding-bottom: 30px; }
.set_list_article h2 { padding: 10px 0 10px 25px; height: auto !important; height: 18px; min-height: 18px; background-position: 0 13px; }
.set_list_article .date { color: #999; }
.set_brief { position: relative; width: 600px; height: auto !important; height: 183px; min-height: 183px; }
/* .set_brief p { margin-left: 200px; width: 400px; } */
.set_brief .set_brief_photo_thumb { margin-left: 200px; width: 400px; }
.set_brief .set_brief_photo_thumb img { float: left; margin: 0 20px 20px 0; }
.set_brief_body { margin-left: 200px; width: 380px; }
.set_brief_body h3 { font-weight: bold; padding-bottom: 10px; }
.set_brief_body li { line-height: 1.6; }

.set_brief .set_brief_photo { position: absolute; left: 0; top: 3px; width: 180px; height: 180px; margin-left: 0; }
.set_list_article h2.RagaR { background-image: url(../img/cat_ragar.gif); }
.set_list_article h2.Tozawa { background-image: url(../img/cat_tozawa.gif); }
.set_list_article h2.Watanabe { background-image: url(../img/cat_watanabe.gif); }

#paginate { width: 580px; padding-top: 30px; padding-bottom: 20px; }
#paginate_left { float: left; }
#paginate_right { float: right; }


/* ============================== works */
.set_list_works { margin-top: 30px; border-bottom: 1px solid #999; }
.set_list_works h2 { margin-bottom: 5px; }
.set_list_works h3 { font-size: 100%; font-family: "ff-meta-serif-web-pro-1","ff-meta-serif-web-pro-2", Georgia, serif; font-style: italic; }
.set_list_works h2 span.date { color: #999; font-size: 75%; margin-left: 10px; }
.set_works { position: relative; width: 600px; height: auto !important; height: 210px; min-height: 210px; margin-top: 15px; }
.set_works .set_works_photo_thumb { margin-left: 200px; width: 400px; }
.set_works .set_works_photo_thumb img { float: left; margin: 0 18px 18px 0; border: 1px solid #ccc; }
.set_works_photo_main { position: absolute; top: 0; left: 0; }
.set_works .set_works_photo_main a img { border: 1px solid #ccc; }
.set_title_works { width: 600px; }
.set_title_works h2 { float: left; padding-left: 0; padding-right: 10px; }
.set_title_works p { float: left; color: #999; padding-top: 0.4em; }

#list_title_tags h1 { font-size: 117%; font-weight: bold; color: #fff; background-color: #000; padding: 2px 3px; }
#list_tags { width: 600px; margin-top: 20px; }
#list_tags ul.st-tag-cloud { width: 600px; }
#list_tags li { float: left; width: 200px; padding-top: 10px; }
#list_tags li a { margin: 0 20px; }


/* ============================== article list */
.cat_list_article { margin-top: 50px; }
.cat_list_article li { position: relative; width: 600px; height: auto !important; height: 110px; min-height: 110px; }
.cat_list_article_thumb { position: absolute; left: 0; top: 0; }
.cat_list_article_title { margin-left: 100px; padding-top: 34px; font-size: 117%; font-weight: bold; }
.cat_list_article_meta { margin-left: 100px; color: #999; padding-bottom: 3px; border-bottom: 1px solid #999; }
#list_title_ragar, #list_title_tozawa, #list_title_watanabe { padding-left: 24px; height: auto !important; height: 18px; min-height: 18px; background-position: left center; }
#list_title_ragar h1, #list_title_tozawa h1, #list_title_watanabe h1 { font-size: 117%; font-weight: bold; }
#list_title_ragar { background-image: url(../img/cat_ragar.gif); }
#list_title_tozawa { background-image: url(../img/cat_tozawa.gif); }
#list_title_watanabe { background-image: url(../img/cat_watanabe.gif); }


/* ============================== page */
.din { font-family: "ff-din-web-1","ff-din-web-2", sans-serif; }
#post-2 h2 { margin-bottom: 20px; }
#contact { width: 600px; }
#contact address { float: right; margin-right: 30px; padding-left: 20px; background: url(../img/arrow_red_right.gif) no-repeat left center; font-style: normal; }
hr { height: 1px; border: none; border-top: 1px solid #999; margin: 20px 30px 20px 0; background: none; }
table.def { width: 100%; }
table.def col.ch { width: 25%; }
table.def col.cd { width: 75%; }
table.def th { padding: 3px 2em 3px 0; }
table.def th, table.def td { padding: 3px 20px 3px 0; }