@charset "UTF-8";

/* ================================

日記本文で使えるclass群 

dl.schedule マージン＆パディング付加 背景薄色 dtは太字
h3.headline 左にちょっとボーダーがある見出し
ul.list ■リスト見出し 前後にマージン（liにも若干）
ul.list2 ■リスト見出し 前後にマージン（liにはなし）
.spaced_down 2.5行下げ
.quote 四角囲み
.rightfloat 段落はじめの右回り込み
.rightfloat_insert 段落途中の右回り込み
.leftfloat 段落はじめの左回り込み
.leftfloat_insert 段落はじめの左回り込み
.accTrg 直後の.accCntをアコーディオン表示非表示切替

================================ */


/* --------------- タグのリセット */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video
{margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; font-style:normal;}
table {border-collapse:separate; border-spacing:0;}
caption, th {text-align:left;}
img {border:0;}
a {outline:none;}

/* --------------- 基本設定 */

/*body {font-size:78%; line-height:1.65; text-align:center; color:#333; background:url(http://inurokuon.com/nfd/images/nfd_bg.gif) repeat-y 50% 0 fixed; font-family:'Arial','Helvetica','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}*/
body {font:13px/1.75 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; *font-size:small; *font:x-small; color:#333; background:url(http://inurokuon.com/nfd/images/nfd_bg.gif) repeat-y 50% 0 fixed;}
input, textarea, select {font:13px/1.75 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif; *font-size:small; *font:x-small; }
.ie6 body {text-align:center;}
a{text-decoration:none; color:#3ac;}
a:hover{text-decoration:underline;}
b, em, strong{font-weight:bold;}
ul {list-style-type:none;}
ol {padding-left:2em;}
p{margin-bottom:0.6em;}
img {max-width:100%;}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block;}

/* 共通タグ */
div.spacer{width:1; height:0.9em; overflow:hidden;}
div.spacer_wide{width:1; height:2em; overflow:hidden;}
.clear{clear:both;}
em, b{font-weight:bold; font-style:normal; color:#555;}
.v4{margin:4px 0;}
.v8{margin:8px 0;}
.bottom0{margin-bottom:0!important;}
ul.list{margin:0.75em 0!important; padding:0 0 0 1.5em!important; list-style-type:square!important;}
.clearfix {zoom:1;}
.clearfix:after{content:""; display:block; clear:both;}

#wrap {width:960px; margin:0 auto; zoom:1; overflow:hidden;}

/* 左カラム */
header {background:#046; color:#fff; height:218px; width:160px; text-align:left; float:left;}
header h1 {padding:45px 10px 5px 10px; background:#046; font-size:1.15em; font-family:Arial, Helvetica, sans-serif; font-weight:bold;}
header ul {margin:0 10px 8px 10px; font-size:0.85em;}
header a{color:#fff; display:block;}
header a:hover{text-decoration:none!important;}
aside {margin-left:10px;}
input, select {font-size:0.85em!important; margin-bottom:5px; border:1px #fff solid; background:#046; color:#fff;;}
input {padding:1px 2px;}
select {width:130px;}
#search_text {width:90px;}

/* メインカラム */
#main {width:800px; padding-top:40px; float:left; text-align:left;}
.entry {width:682px; margin-left:15px; padding-bottom:50px; overflow:hidden; zoom:1;}
.entry h2 {color:#3ad; font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.4em; text-align:right; width:80px; height:150px; display:inline; float:left; margin:0 10px;}
.entry h2 a {color:#3ad;}
.entry_text {width:560px; border-left:1px #e4f1f1 solid; float:left; padding-left:20px;}
.iine {text-align:right; margin-top:25px;}
.tags {display:block; margin-top:15px; font-size:0.85em; text-align:right;}
.tags * {display:inline; color:#555;}
.tags li {padding-left:0.8em; white-space:nowrap;}
.tags li.subdir {padding-left:0.25em;}
.tags a {color:#888;}

.comments-content .meta{text-align:left; margin-bottom:6px;}
.comment-content{margin-bottom:15px;}

/* その他 */
.archive-title{position:absolute; top:225px; width:160px; text-align:right; margin-left:-175px; color:#29b; font-weight:bold; font-family:Arial, Helvetica, sans-serif;}
#comments-form, #comments-form input{font-size:0.85em; line-height:1.5;}
#comments-form div{margin-bottom:3px;}
#comments-form{margin-bottom:30px;}
#comments-form textarea{line-height:1.5em; font-size:1.4em; padding:3px 7px;}
.catlist .main-name{font-size:0.7em!important; font-weight:normal; line-height:1.8; letter-spacing:-0.02em; padding-right:0px!important;}
.catlist a{color:#333;}
.catlist .main-body{border-left:0!important;}

#cat_list {margin-left:10px;}
#cat_list li {clear:left; margin-bottom:0.3em;}
#cat_list li span{display:block; width:8em; float:left; font-size:0.7em!important; font-weight:normal; letter-spacing:-0.08em; text-align:right; margin-right:2em; line-height:2;}
#cat_list li a{color:#333;}

/* 日記本文 */
.entry_text p {margin:0 0 0.9em;}
.entry_text p.secEnd {margin-bottom:2em;}
dl.schedule {margin:1.2em 1em 1.2em 1.5em; padding:0.8em 1.5em; background:#f2f7f5;}
dl.schedule dt {font-weight:bold; color:#555;}
h3.headline {line-height:1.2; margin:2em 0 0.9em; border-left:6px #ddd solid; padding-left:6px;}
.spaced_down {margin-top:2.5em!important;}
ul.list, 
ul.list2 {list-style-type:square; padding:0.2em 0 0.9em 1.5em;}
ul.list li {margin:0.4em 0;}
.selection p {clear:both;}
.selection img {margin:0 8px 8px 0; float:left;}
.quote {border:1px #e4f1f1 solid; padding:0.6em 1.0em 0; margin-bottom:0.6em;}
.review {background:url(http://inurokuon.com/nfd/images/divider_dot.gif) no-repeat 50% 12px; padding-top:40px;}
.review img {margin:0 0 8px 8px; float:right;}
.review h3 {border-bottom:2px #ccc dotted; padding-bottom:4px; margin:0 64px 9px 0;}
.sample {font-size:90%;}
.rightfloat {float:right; margin:0 0 10px 10px;}
.rightfloat_insert {float:right; margin:10px 0 10px 10px;}
.leftfloat {float:left; margin:0 10px 10px 0;}
.leftfloat_insert {float:left; margin:10px 10px 10px 0;}
.review_video {margin:8px 0;}
.review_video iframe {width:395px; height:305px; margin-bottom:8px;}
.accTrg {cursor:pointer;}
.accCnt {display:none;}

.category_list_content {display:none;}
.entry_categories, .entry_categories * {display:inline;}
.tags .entry_categories span, .tags .entry_categories li {display:none;}


.pagenation {text-align:center; margin-bottom:20px; color:#ccc;}
.pagenation a {padding:0 8px; color:#aaa; white-space:nowrap;}
.pncat{margin:100px 20px 40px!important;}



/* ウェブページ */

#pagetop{padding:4px 12px 8px; margin:0 0 2em 20px;}
#pagetop dt{font-weight:bold; margin-bottom:1em;}
#pagetop dd{width:15em; height:2em;}
dd#kaigyo1{margin:-8em 0 0 15em;}
dd#kaigyo2{margin:0 0 0 15em;}
dd#kaigyo3{margin:0 0 2em 15em;}
.words table{margin-bottom:20px;}
.words th.tag{padding:6px 8px; color:#555; background:#f2f7f5; border-bottom:8px #fff solid;}
.words th{width:26%; vertical-align:top;}
.words .up{text-align:right; margin-bottom:1.5em; display:hidden; height:30px;}
.words .up a{color:#555;}
#aboutbox{list-style-type:none; margin:1.5em 10px; padding:10px 16px; background:#f2f7f5;}
#accordion h3{padding:6px 8px; color:#555; background:#f2f7f5; border-bottom:8px #fff solid;}
#accordion dt{cursor:pointer;margin-bottom:6px;font-weight:bold; color:#777;  padding-left:1.2em;}
#accordion dt:hover{color:#aaa;}
#accordion dd{overflow:hidden; padding-left:3em;}
div.pagetop{text-align:right;}
div.pagetop a{color:#555;}
div.pagetop a:hover{color:#09c;text-decoration:none;}
p.note{font-size:86%; margin-bottom:10px; color:#555; text-align:right;}




/* コメント */

#comments {margin:0 20px;}
#comments, .comment_view{margin:0 20px;}
#comments h3{margin-bottom:1em;}
#comments p{margin:0.2em 0;}
#comments span, .post2 span{padding-left:1em; color:#777; font-size:0.8em;}
#comments div, .post2{margin:0.8em 0 1.2em; border-left:5px #ddd solid; padding-left:6px;}
.post2{margin-left:20px;}
form dl{margin:20px;}
.cform2, .cform2 dl, .cform3, .cform3 dl{margin:0 10px;}
.cform3 textarea{margin-bottom:0.8em;}


.search_message {padding-left:30px;}
.fs-hidden {display:none;}
#fs-result-container {width:600px; margin-left:35px;}
#fs-result ul {padding-left:1.5em; list-style-type:square;}
#fs-result li {margin-bottom:0.4em;}
#search_btn {cursor:pointer;}
input, select {-webkit-appearance:none; -webkit-border-radius:0;}

/* responsive */

@media only screen and (max-width:540px) {
body {-webkit-text-size-adjust:100%; -moz-text-size-adjust:100%; -ms-text-size-adjust:100%; -o-text-size-adjust:100%; text-size-adjust:100%; background-image:none; font-size:133%;}
#wrap {width:540px;}
header {float:none; width:auto; height:auto; overflow:hidden;}
header h1 {padding:1em 0 0.3em 15px; width:2000px; position:relative; z-index:10;}
header ul {margin-left:15px; font-size:0.95em;}
header nav, header aside {float:left; width:240px;}
header aside {position:relative; top:-1.7em; z-index:1000;}
#main {float:none; width:540px;}
#main .entry {margin:0 20px; width:500px; word-break:break-all;}
.entry h2 {width:auto; float:none; display:block; height:auto; font-size:2.2em; padding:0.4em 0 0.2em;}
.entry h2 br {display:none;}
.entry_text {font-size:1.02em; border-left:0; padding-left:0; line-height:1.75em; width:500px;}
.review_video iframe {display:block; margin:0 auto;}
.archive-title {position:static; width:auto; margin-left:0;text-align:left; font-size:2.2em; padding:0.4em 0 0.2em 15px;}
.archive-title br {display:none;}
#cat_list li span {font-size:0.9em!important;}
#fs-result-container {width:500px; margin-left:20px;}
#search_text {font-size:20px!important;}
.pagenation a {padding:0 8px; color:#aaa; white-space:normal;}
dd#kaigyo1, dd#kaigyo2, dd#kaigyo3{margin:0;}

}


/* ================ 外部ライブラリ ================ */

/* fancybox */

.fancybox-wrap, .fancybox-skin, .fancybox-outer, .fancybox-inner, .fancybox-image, .fancybox-wrap iframe, .fancybox-wrap object, .fancybox-nav, .fancybox-nav span, .fancybox-tmp {padding:0; margin:0; border:0; outline:none; vertical-align:top;}
.fancybox-wrap {position:absolute; top:0; left:0; z-index:8020;}
.fancybox-skin {position:relative; background:#f9f9f9; color:#444; text-shadow:none; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;}
.fancybox-opened {z-index:8030;}
.fancybox-opened .fancybox-skin {-webkit-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); -moz-box-shadow:0 10px 25px rgba(0, 0, 0, 0.5); box-shadow:0 10px 25px rgba(0, 0, 0, 0.5);}
.fancybox-outer, .fancybox-inner {position:relative;}
.fancybox-inner {overflow:hidden;}
.fancybox-type-iframe .fancybox-inner {-webkit-overflow-scrolling:touch;}
.fancybox-error {color:#444; font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; margin:0; padding:15px; white-space:nowrap;}
.fancybox-image, .fancybox-iframe {display:block; width:100%; height:100%;}
.fancybox-image {max-width:100%; max-height:100%;}
#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {background-image:url('img/fancybox_sprite.png');}
#fancybox-loading {position:fixed; top:50%; left:50%; margin-top:-22px; margin-left:-22px; background-position:0 -108px; opacity:0.8; cursor:pointer; z-index:8060;}
#fancybox-loading div {width:44px; height:44px; background:url('img/fancybox_loading.gif') center center no-repeat;}
.fancybox-close {position:absolute; top:-18px; right:-18px; width:36px; height:36px; cursor:pointer; z-index:8040;}
.fancybox-nav {position:absolute; top:0; width:40%; height:100%; cursor:pointer; text-decoration:none; background:transparent url('img/blank.gif'); /* helps IE */ -webkit-tap-highlight-color:rgba(0,0,0,0); z-index:8040;}
.fancybox-prev {left:0;}
.fancybox-next {right:0;}
.fancybox-nav span {position:absolute; top:50%; width:36px; height:34px; margin-top:-18px; cursor:pointer; z-index:8040; visibility:hidden;}
.fancybox-prev span {left:10px; background-position:0 -36px;}
.fancybox-next span {right:10px; background-position:0 -72px;}
.fancybox-nav:hover span {visibility:visible;}
.fancybox-tmp {position:absolute; top:-99999px; left:-99999px; visibility:hidden; max-width:99999px; max-height:99999px; overflow:visible !important;}
.fancybox-lock {overflow:hidden;}
.fancybox-overlay {position:absolute; top:0; left:0; overflow:hidden; display:none; z-index:8010; background:url('img/fancybox_overlay.png');}
.fancybox-overlay-fixed {position:fixed; bottom:0; right:0;}
.fancybox-lock .fancybox-overlay {overflow:auto; overflow-y:scroll;}
.fancybox-title {visibility:hidden; font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; position:relative; text-shadow:none; z-index:8050;}
.fancybox-opened .fancybox-title {visibility:visible;}
.fancybox-title-float-wrap {position:absolute; bottom:0; right:50%; margin-bottom:-35px; z-index:8050; text-align:center; max-width:90%;}
.fancybox-title-float-wrap .child {display:inline-block; margin-right:-100%; padding:2px 20px; background:transparent; /* Fallback for web browsers that doesn't support RGBa */ background:rgba(0, 0, 0, 0.8); -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px; text-shadow:0 1px 2px #222; color:#FFF; line-height:24px;}
.fancybox-title-outside-wrap {position:relative; margin-top:10px; color:#fff;}
.fancybox-title-inside-wrap {padding-top:10px;}
.fancybox-title-over-wrap {position:absolute; bottom:0; left:0; color:#fff; padding:10px; background:#000; background:rgba(0, 0, 0, .8);}