@charset "UTF-8";
/* ────────────────────────────────────────

Copyright (C) 2004-2009 RYUSEI,ING. All Rights Reserved.
http://www.ryusei-ing.com

──────────────────────────────────────── */

/* default reset
──────────────────────────────────────── */
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td { margin: 0; padding: 0; }
fieldset,
img { border: 0; }
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var { font-style: normal; font-weight: normal; }
ol,
ul { list-style: none; }
caption,
th { text-align: left; }
h1,
h2,
h3,
h4,
h5,
h6 { font-size: 100%; font-weight: normal; }
q:before,
q:after { content:''; }
abbr,
acronym { border: 0; }
hr { display: none; }




/* common
──────────────────────────────────────── */
a:link,
a:visited,
a:active { color: #fff; }
a:hover { color: #99322f; background-color: #fff; }
p { margin: 10px 0; text-align: justify; }
h2 { font-size: 88%; line-height: 1.8; margin-bottom: 18px; }
h3,
h4,
p { font-size: 75%; line-height: 1.8; margin-bottom: 12px; }
h5 { font-size: 69%; line-height: 1.6; margin-bottom: 10px; }




/* module
──────────────────────────────────────── */
.clear { clear: both; }
.clearfix { display: inline-block; }
.clearfix:after { clear: both; display: block; content: ""; }
.strong { font-weight: bold; }
.no-bg { background: none !important; }
.no-border { border: none !important; }
.no-margin { margin: 0 !important; }
.no-padding { padding: 0 !important; }
.last { margin-bottom: 0 !important; }
.num { font-family: "Osaka" !important; }




/* font
──────────────────────────────────────── */
html>/*  */body { font-size: 16px; /*  モダンブラウザ向け  */ }
body { color: #fff; font-family: 'ＭＳ Ｐゴシック', 'MS-PGothic', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', 'Meiryo', sans-serif !important; }
*+html body { font-size: 100% !important; }
* html body { font-size: 100% !important; }




/* layout
──────────────────────────────────────── */
body { background: #99322f url('../img/bg.gif') repeat-y; }
#container { width: 850px; }
#container-inner { float: right; width: 750px; padding: 0 0 25px 0; margin: 0 0 50px 0; background: url('../img/footer_bar.jpg') no-repeat bottom left; }
#container-inner { display: inline-block; }
#container-inner:after { clear: both; display: block; content: ""; }
#container-inner #header { width: 750px; }
#container-inner #header h1 { height: 194px; width: 750px; text-indent: -9999px; background: url('../img/header.jpg') no-repeat; }
#container-inner #header h2 { display: none; }
#container-inner #header li { display: inline; }
#footer { width: 750px; margin: 0 0 100px 100px; }


/***** layer menu *****/
#container-inner #header #header-navi { position: absolute; left: 590px; top: 20px; height: 9px; width: 260px; visibility: visible; z-index: 0; font-size: 1px; line-height: 1px; text-align: right; }
#container-inner #side { float: left; height: 100%; width: 200px; font-size: 69%; text-align: left; }


/***** order btn *****/
#container-inner #side h3 { background: url('../img/btn_order2.jpg') no-repeat; }
#container-inner #side h3,
#container-inner #side h3 a { height: 38px; width: 200px; margin: 0 0 27px 0; margin: 0 0 13px 0; display: block; text-indent: -9999px; }
#container-inner #side h3 a { background: url('../img/btn_order.jpg') no-repeat; }
#container-inner #side h3 a:hover { background: none !important; }


/***** content *****/
#container-inner #content { float: right; width: 500px; display: inline; }
#container-inner #content h2 { height: 44px; width: 500px; margin: 0 0 20px 0; text-indent: -9999px; background: url('../img/blog_title.jpg') no-repeat; }
#container-inner #content h2 a { height: 44px; width: 500px; display: block; }
#container-inner #content h2 a:hover { background: none !important; }
#container-inner #content a:link,
#container-inner #content a:visited,
#container-inner #content a:active { color: #fff; }
#container-inner #content a:hover { color: #99322f; background-color: #fff; }


/***** copyright *****/
div#mtcopy { margin-bottom: 50px; }
div#mtcopy a:hover { background: none !important; }


/***** calendar *****/
#calendar { padding-left: 10px; }
#calendar-inner { font-size: 69%; line-height: 2.2; color: #6E2223; }
/*
#calendar div.calendar-date {
	font-size: 69%;
	color: #6E2223;
	line-height: 2.4;
}

#calendar div.calendar-caption {
	font-size: 69%;
	color: #6E2223;
	line-height: 2.4;
}
*/

#calendar-inner a:link,
#calendar-inner a:visited,
#calendar-inner a:active { color: #fff; }
#calendar-inner a:hover { color: #99322f; background-color: #fff; }


/***** side *****/
#container-inner #side #category,
#container-inner #side #entry,
#container-inner #side #archive,
#container-inner #side #favorite-site { width: 200px; margin-bottom: 35px; _margin-bottom: 20px; }
#container-inner #side #category h2,
#container-inner #side #entry h2,
#container-inner #side #archive h2 a,
#container-inner #side #favorite-site h2 { height: 14px; width: 200px; text-indent: -9999px; margin-bottom: 15px; display: block; }
#container-inner #side #category h2 { background: url('../img/title_category.jpg') no-repeat; }
#container-inner #side #entry h2 { background: url('../img/title_entry.jpg') no-repeat; }
#container-inner #side #favorite-site h2 { background: url('../img/title_link.jpg') no-repeat; }
#container-inner #side #archive h2 a { background: url('../img/title_archive.jpg') no-repeat; }
#container-inner #side #archive h2 a:hover { background: url('../img/title_archive2.jpg') no-repeat; }
#container-inner #side #category li,
#container-inner #side #entry li,
#container-inner #side #archive li,
#container-inner #side #favorite-site ul li { padding: 0 0 0 24px; margin: 0 0 5px 0; line-height: 1.6; }
#container-inner #side #category li { background: url('../img/icon_01.gif') no-repeat 0 4px; }
#container-inner #side #entry li { background: url('../img/icon_01.gif') no-repeat 0 4px; }
#container-inner #side #archive li { background: url('../img/icon_01.gif') no-repeat 0 4px; }
#container-inner #side #favorite-site ul li { background: url('../img/icon_01.gif') no-repeat 0 4px; }
*html #container-inner #side #entry { margin-bottom: 10px; }


/***** archive *****/
#container-inner #content #archive-list { }
#container-inner #content #archive-list li { margin-bottom: 5px; font-size: 69%; line-height: 1.6; }
#container-inner #side #favorite-site p { margin: 8px 0; }


/***** search *****/
#container-inner #side #search { width: 200px; padding: 20px 0 0 0; background: url('../img/hr_200.jpg') no-repeat top left; }
#container-inner #side #search p { margin: 0; }
#container-inner #side #search .search { width: 198px; border: 1px solid #fff; font-size: 100%; }
#container-inner #side #search .bt-search { padding: 0 0 15px 0; margin: 10px 0 0 0; }


/***** checker *****/
div#check { width: 200px; padding: 15px 0 0 0; background: url('../img/hr_200.jpg') no-repeat top left; }


/***** pagetop *****/
#pagetop { clear: both; margin: 0 0 0 454px; background: url('../img/btn_pagetop_on.gif') no-repeat right center; }
#pagetop a { height: 10px; width: 46px; display: block; text-indent: -9999px; background: url('../img/btn_pagetop.gif') no-repeat right center; }
#pagetop a:hover { background: none !important; }
#container-inner #content .dl { padding: 0 0 0 14px; margin: 0 0 5px 0; line-height: 1.6; background: url('../img/icon_dl.gif') no-repeat 0 4px; }




/* search
──────────────────────────────────────── */
#container-inner #search-entry { width: 500px; font-size: 69%; line-height: 1.6; }
#container-inner #search-entry dl { width: 500px; }
#container-inner #search-entry dt { padding: 0 0 5px 24px; background: url('../img/icon_01.gif') no-repeat 0 4px; }
#container-inner #search-entry .post { clear: both; padding: 10px 0 0 0; margin: 20px 0 50px 0; background: url('../img/hr_200.jpg') repeat-x top left; }




/* entry
──────────────────────────────────────── */
#container-inner #content { margin-bottom: 15px; }


/***** date *****/
#content div.entry-start div.entry-header { width: 499px; margin-bottom: 25px; padding: 0; border-left: 2px solid #fff; }
#content div.entry-start div.entry-header p { font-size: 75%; color: #E0A19C; margin: 0; padding-left: 12px; }


/***** entry title *****/
#content div.entry-start div.entry-header h3 { font-size: 81%; margin-bottom: 4px; padding-left: 12px; }


/***** user *****/
#content div.entry-start p.entry-user { font-size: 75%; text-align: right; margin-bottom: 20px; }
/***** entry *****/
#content div.entry { margin-bottom: 25px; }
#content div.entry { display: inline-block; }
#content div.entry:after { clear: both; display: block; content: ""; }
#content div.entry-footer { clear: both; font-size: 69%; width: 500px; margin-bottom: 80px; padding-top: 12px; background: url('../img/hr_s.jpg') no-repeat top left; }
* html #container-inner #content div.entry-footer { /***** IE *****/ margin: 10px 0 75px 0; }


/***** thumb *****/
#content div.entry-start div.entry .thumb { float: right; width: 140px; /*height: 105px;*/ margin: 0 0 10px 20px; }
#content p img,
#content div.entry-start div.entry dl.flow img { border: solid #6E2223 3px; }
#content dl p img { border: none; }


/***** youtube flvplayer *****/
#content div.entry-start div.entry .youtube,
#content div.entry-start div.entry .flvplayer,
#content div.entry-start div.entry .fla { height: 391px; width: 494px; margin: 0 0 10px 0; border: solid #6E2223 3px; }
#content div.entry-start div.entry .fla { height: 371px; }
#content div.entry-start div.entry .youtube { height: 413px; border: solid #6E2223 3px; background-color: #6E2223; }
#content div.entry-start div.entry .youtube-wide { height: 300px; width: 494px; margin: 0 0 10px 0; border: solid #6E2223 3px; }


/***** tags *****/
.tags { clear: both; float: right; }
.tags p { font-size: 69%; margin-bottom: 10px; padding-left: 30px; background: url('../img/icon_05.gif') no-repeat center left; }
.ico-tags { padding-left: 30px; background: url('../img/icon_05.gif') no-repeat center left; }


/***** flow type *****/
#content div.entry dl.flow { clear: both; width: 500px; margin-bottom: 20px; }
#content div.entry dl.flow { display: inline-block; }
#content div.entry dl.flow:after { clear: both; display: block; content: ""; }
#content div.entry dl.flow dt { float: left; width: 140px; margin-right: 15px; display: inline; }
#content div.entry dl.flow dd { float: right; width: 335px; display: inline; }
#content div.entry dl.flow dd p { margin: 0; margin-bottom: 15px; }
* html #content div.entry dl.flow dd { height: 1%; }


/***** ttl *****/
#content div.entry .ttl { margin-bottom: 12px; padding-bottom: 6px; border-bottom: 1px solid #6E2223; }


/***** box *****/
#content div.entry .box-1 { clear: both; width: 470px; margin-bottom: 25px; padding: 5px 15px; background: url('../img/bg_lightbox.gif'); }


/***** sourse code *****/
.entry-start .code { width: 500px; }
.entry-start ol.type1 { background: url('http://www.ryusei-ing.com/blog/img/bg_lightbox.gif'); padding-left: 45px; /***** overflow-x: auto; *****/ text-align: left; }
.entry-start ol { list-style-type: decimal;	/***** IE 6 *****/ color: #fff; width: 100%; }
.entry-start ol li { padding: 0 6px; border-right: 1px solid #802321; border-left: 2px solid #ED8633; list-style-position: outside !important; list-style-type: decimal-leading-zero; }
.entry-start ol.code .emphasis { color: #FF0000; }
.entry-start .code pre { padding: 10px 20px; background: url('http://www.ryusei-ing.com/blog/img/bg_lightbox.gif'); overflow-x: auto; }


/* search result
──────────────────────────────────────── */
#container-inner #content #search-entry { font-size: 69%; line-height: 1.6; }
#search-info p,
#search-info h3 { font-size: 69%; line-height: 1.6; }




/* content preview
──────────────────────────────────────── */
div.comments-content h3,
div.comments-content p { font-size: 69%; line-height: 1.6; }
div.comments-content div.comment-footer { clear: both; width: 500px; padding: 12px 0 0 0; margin: 25px 0 75px 0; font-size: 69%; background: url('../img/hr_s.jpg') no-repeat top left; }


/***** comment form *****/
#container-inner #content #form { width: 500px; }
#container-inner #content #form h2 { height: 34px; width: 500px; text-indent: -9999px; background: url('../img/title_comment.jpg') no-repeat; }
#container-inner #content #form table { width: 400px; padding: 10px 0 5px 0; margin: auto; border-width: 0; text-align: left; border-collapse: separate; border-spacing: 0; }
#container-inner #content #form th { width: 50px; padding: 5px 0 5px 0; border-width: 0; }
#container-inner #content #form td { padding: 5px 0 5px 0; border-width: 0; }
#container-inner #content #form .form-inp,
#container-inner #content #form .form-inp2 { width: 350px; border: 1px solid #fff; font-size: 69%; color: #303030; line-height: 1.6; }
#container-inner #content #form .form-bg { width: 500px; background: url('../img/form_bg.jpg') repeat-y; }


/***** about *****/
#about { width: 500px; }
#about h2 { height: 21px; width: 500px; text-indent: -9999px; background: url('../img/title_about.jpg') no-repeat; }
#about p { line-height: 18px; }


/***** track back *****/
#container-inner #content #trback { width: 500px; margin: 50px 0; font-size: 69%; line-height: 1.6; }
#container-inner #content #trback h2 { height: 34px; width: 500px; text-indent: -9999px; background: url('../img/title_trackback.jpg') no-repeat; }