@charset "utf-8";
@import url("http://bfile.shinobi.jp/6250/reset.css");

/*==================================================
	style.css
==================================================*/
body {
    background: #fff;
    color: #333;
    font: 82%/1.25 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
}
html>body {
    font: 13px/1.27 "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
br { line-height: normal; }

table { margin-top: 1em; }
table th,
table td {
	padding: 2px 5px;
	border: 1px solid #ebebeb;
}
table th { background: #fafafa; }

/*--------------------------------------------------
	clearfix
--------------------------------------------------*/
ul.menu,
.entry .entry_navi,
#comment form,
#footer { min-height: 1px; }
ul.menu:after,
.entry .entry_navi:after,
#comment form:after,
#footer:after {
	content: "";
	display: block;
	clear: both;
}
* html ul.menu,
* html .entry .entry_navi,
* html #comment form,
* html #footer { height: 1%; }

/*--------------------------------------------------
	LINK
--------------------------------------------------*/
a { text-decoration: none; }
a:link    { color: #73c0d4; }
a:visited { color: #379bb1; }
a:hover   { color: #99cc66; }
a:active  {}

a.btn,
a:link.btn,
a:visited.btn {
	display: inline-block;
	padding: 2px 8px 1px;
	border: 1px solid #99cc66;
	background: #99cc66;
	color: #fff;
}
a:hover.btn,
a:active.btn {
	border-color: #73c0d4;
	background: #73c0d4;
}

ul.menu a:link,
ul.menu a:visited,
ul.menu span {
	display: inline-block;
	padding: 5px 10px;
	color: #333;
	cursor: pointer;
}
ul.menu a:hover,
ul.menu span:hover { background: #eee; }

ul.menu ul a:link,
ul.menu ul a:visited,
ul.menu ul a:hover,
ul.menu ul a:active {
	display: block;
	padding: 0;
}
ul.menu ul span {
	display: inline;
	padding: 0;
	cursor: auto;
}
ul.menu ul a:hover,
ul.menu ul a:active { color: #999; }
ul.menu ul a:hover,
ul.menu ul span:hover { background: transparent; }

/*==================================================
	LAYOUT
==================================================*/
#wrap {
	margin: 20px auto 0;
	width: 1100px;
	text-align: left;
}
#header {
	position: relative;
	padding-top: 10px;
}
#left {
	float: left;
	padding-bottom: 20px;
	width: 65%; /* #rightのmarginと同じ値 */
}
#right {
	margin-left: 65%; /* #leftのwidthと同じ値 */
	padding: 19px 0 20px 30px;
}
#footer {
	clear: both;
	margin-bottom: 20px;
	padding: 7px 0;
	border-top: 3px solid #dbdbdb;
	border-bottom: 1px solid #dbdbdb;
}

/*==================================================
	HEADER
==================================================*/
h1 { font-size: 20px; }
#header p {
	margin: 7px 0 12px;
	font-size: 85%;
}

/*--------------------------------------------------
	MENU
--------------------------------------------------*/
ul.menu {
	position: relative;
	padding: 7px 0;
	border-top: 1px solid #dbdbdb;
	border-bottom: 3px solid #dbdbdb;
	font-size: 85%;
}
ul.menu li {
	position: relative;
	float: left;
}
ul.menu span { display: inline-block; }
ul.menu li.clicked { background: #eee; }
ul.menu ul {
	display: none;
	position: absolute;
	top: 32px;
	left: 0;
	float: left;
	width: 160px; /* 各メニューの幅 */
	height: auto;
	border: 1px solid #dbdbdb;
	border-bottom: none;
	background: #fafafa;
}
ul.menu ul li {
	float: none;
	padding: 5px 10px;
	line-height: 1.4;
	border-bottom: 1px solid #dbdbdb;
}
ul.menu ul ul {
	display: block;
	position: static;
	float: none;
	margin-left: 10px;
	padding: 0;
	border: none;
	background: transparent;
}
ul.menu ul ul li {
	padding: 5px 10px 0;
	border: none;
}

/* CSS3 - Firefox,Opera,Safari,Google Chromeのみ対応*/
ul.menu a,
ul.menu span,
ul.menu li.clicked {
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
ul.menu ul a,
ul.menu ul span {
	border-radius: 0;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
}

/*--------------------------------------------------
	SEARCH
--------------------------------------------------*/
.search {
	position: absolute;
	right: 30px;
	bottom: 12px;
}
.search .box {
	float: left;
	margin-right: 5px;
	padding: 0 3px;
	width: 180px;
	border: 1px solid #ebebeb;
	color: #ccc;
	font-size: 85%;
}
.search .box:focus {
	border: 1px solid #ccc;
	color: #333;
}
.search .btn {
	display: block;
	width: 16px;
	height: 18px;
	border: none;
	background: url(http://bfile.shinobi.jp/6250/01-btn_01.gif) no-repeat center center;
	font-size: 78%;
	text-indent: -9999px;
	text-transform: uppercase;
	cursor: pointer;
}

/* CSS3 - Firefox,Opera,Safari,Google Chromeのみ対応*/
.search .box {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}

/*==================================================
	LEFT
==================================================*/
/*--------------------------------------------------
	ENTRY
--------------------------------------------------*/
.entry { margin-top: 25px; }
.entry .date {
	float: left;
	width: 25px;
	font: bold 11px/11px "Helvetica", "Arial", sans-serif;
	text-transform: uppercase;
	text-align: center;
}
.entry .date span {
	display: block;
	font: normal 21px/23px "Trebuchet MS", "Helvetica", "Arial";
	font-weight: 700;
	letter-spacing: -1px;
}
.entry h2,
.entry .category {
	margin-left: 32px;
	padding-left: 8px;
	border-left: 2px solid #ccc;
}
.entry h2 {
	padding-top: 0.2em;
	padding-bottom: 0.1em;
	font-size: 116%;
}
.entry .category {
	margin-bottom: 7px;
	font-size: 77%;
}
.entry .state {
	clear: both;
	margin-top: 1em;
	padding: 10px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 3px solid #e6e6e6;
	background: #fafafa;
	font-size: 77%;
	text-align: right;
}

/*	ENTRY NAVI	*/
.entry .entry_navi {
	clear: both;
	margin-top: 1em;
	padding: 10px;
	border-top: 1px solid #e6e6e6;
	border-bottom: 3px solid #e6e6e6;
	background: #fafafa;
	font-size: 77%;
}
.entry .entry_navi li { display: inline; }
.entry .entry_navi li.prev { float: left; }
.entry .entry_navi li.next { float: right; }

/*--------------------------------------------------
	ENTRY TEXT
--------------------------------------------------*/
.entry_body {
	clear: both;
	padding-top: 1px;
	border-top: 1px solid #ccc;
	font-size: 85%;
}
.entry_body p,
.entry_body h3,
.entry_body h4,
.entry_body ul,
.entry_body ol,
.entry_body dt,
.entry_body dd,
.entry_body blockquote,
.entry_body pre {
	margin-top: 1em;
	line-height: 1.65;
}
.entry_body h3 {
	font-size: 128%;
	border-bottom: 3px double #ccc;
}
.entry_body h4 {
	font-size: 119%;
	border-bottom: 1px dashed #ccc;
}
.entry_body em { color: #c96363; }
.entry_body ul {
	list-style: inside disc;
	padding-left: 1em;
	text-indent: -1em;
}
.entry_body ol { list-style: inside decimal; }
.entry_body ul ul,
.entry_body ul ol,
.entry_body ol ol,
.entry_body ol ul { margin: 0 0 0 1em; }

.entry_body dd {
	margin-top: 1px;
	margin-left: 0.6em;
	padding: 0.3em 0 0.4em 0.6em;
	border-left: 3px solid #ccc;
}
.entry_body blockquote {
	padding-bottom: 0.8em;
	padding-left: 45px;
	border-top: 3px double #ccc;
	border-bottom: 3px double #ccc;
	background: url(http://bfile.shinobi.jp/6250/01-blockquote.gif) no-repeat 0 0.8em;
}
.entry_body blockquote cite {
	display: block;
	margin-top: 1em;
	padding-right: 0.7em;
	text-align: right;
}
.entry_body pre {
	overflow: auto;
	padding: 0.8em;
	width: 96%;
	border: 1px solid #ccc;
	background: #fafafa;
	line-height: 1.5;
}
* html .entry_body pre { width: 100%; }

/*--------------------------------------------------
	ENTRY IMAGE and MOVIE
--------------------------------------------------*/
.entry_body img {
	margin: 0.5em;
	padding: 3px;
	border: 1px solid #e6e6e6;
}
.entry_body img.emoji {
	margin: 0 1px;
	padding: 0;
	border: none;
	vertical-align: middle;
}
.entry_body embed {
	margin: 0.5em;
	padding: 5px;
	border: 1px solid #ddd;
	background: #f0f0f0;
}
* html .entry_body object {
	margin: 0.5em;
	padding: 5px;
	border: 1px solid #ddd;
	background: #f0f0f0;
}
*:first-child+html .entry_body object {
	margin: 0.5em;
	padding: 5px;
	border: 1px solid #ddd;
	background: #f0f0f0;
}

/*--------------------------------------------------
	COMMENT
--------------------------------------------------*/
/*	COMMENT FORM	*/
#comment {
	margin-top: 20px;
	border-top: 1px solid #e6e6e6;
	font-size: 85%;
}
#comment form { margin: 20px 0 0 20px; }
#comment dl {
	margin-bottom: 25px;
	position: relative;
	float: left;
}
#comment dt {
	display: inline;
	float: left;
	clear: left;
	width: 7em;
}
#comment dt img { margin-top: 5px; }
#comment dd { margin-left: 7em; }
#comment label {
	display: inline-block;
	padding-top: 0.5em;
}
#comment input,
#comment textarea,
#comment select {
	margin-bottom: 0.2em;
	border: 1px solid #ccc;
	vertical-align: middle;
}
#comment input          { width: 200px; }
#comment input.password { width: 100px; }
#comment textarea       { width: 250px; }
#comment .submit {
	position: absolute;
	right: 0px;
	bottom: -1px;
	width: 7em;
	height: 2.2em;
	font: bold 9px Verdana, Geneva, sans-serif;
	text-transform: uppercase;
}

/*	COMMENT TEXT	*/
#comment h3 {
	padding-top: 1em;
	color: #99cc66;
	font-size: 137%;
}
#comment .comment {
	margin-top: 10px;
	padding: 0.8em;
	border: 1px solid #e6e6e6;
}
#comment .comment_re {
	margin: 0.8em -0.8em -0.8em;
	padding: 0 0.8em 0.8em;
	border-top: 1px dotted #e6e6e6;
	background: #fafafa;
}
#comment .comment_re .state {
	margin-top: 1em;
	text-align: right;
}
#comment .comment p,
.comment h4,
.comment h5,
.comment ul,
.comment ol,
.comment dt,
.comment dd,
.comment blockquote,
.comment pre {
	margin-top: 1em;
	line-height: 1.65;
}
#comment p.state { margin-top: 0; }
.comment h4 {
	font-size: 128%;
	border-bottom: 3px double #ccc;
}
.entry_body h5 {
	font-size: 119%;
	border-bottom: 1px dashed #ccc;
}
.comment em { color: #c96363; }
.comment ul {
	list-style: inside disc;
	padding-left: 1em;
	text-indent: -1em;
}
.comment ol { list-style: inside decimal; }
.comment ul ul,
.comment ul ol,
.comment ol ol,
.comment ol ul { margin: 0 0 0 1em; }

.comment dd {
	margin-top: 1px;
	margin-left: 0.6em;
	padding: 0.3em 0 0.4em 0.6em;
	border-left: 3px solid #ccc;
}
.comment img.emoji {
	margin: 0 1px;
	vertical-align: middle;
}
.comment blockquote {
	padding-bottom: 0.8em;
	padding-left: 45px;
	border-top: 3px double #ccc;
	border-bottom: 3px double #ccc;
	background: url(http://bfile.shinobi.jp/6250/01-blockquote.gif) no-repeat 0 0.8em;
}
.comment blockquote cite {
	display: block;
	margin-top: 1em;
	padding-right: 0.7em;
	text-align: right;
}
.comment pre {
	overflow: auto;
	padding: 0.8em;
	width: 96%;
	border: 1px solid #e6e6e6;
	background: #fff;
	line-height: 1.5;
}
* html .comment pre { width: 100%; }

/*--------------------------------------------------
	TRACKBACK
--------------------------------------------------*/
#trackback {
	position: relative;
	clear: both;
	margin-top: 20px;
	border-top: 1px solid #ccc;
	font-size: 85%;
}
#trackback h3 {
	padding-top: 1em;
	font-size: 137%;
}
#trackback .url {
	position: absolute;
	top: 1.2em;
	right: 0;
}
#trackback input {
	width: 425px;
	border: 1px solid #e6e6e6;
}
#trackback .trackback {
	margin-top: 10px;
	padding: 0.8em;
	border: 1px solid #e6e6e6;
	background: #fafafa;
}
#trackback p { line-height: 1.65; }
#trackback .state { margin-bottom: 1em; }

/*==================================================
	RIGHT
==================================================*/
/*--------------------------------------------------
	SIDE MENU
--------------------------------------------------*/
#right dt {
	margin-top: 25px;
	padding-bottom: 5px;
	font-size: 116%;
	border-bottom: 1px solid #ccc;
}
#right dd {
	margin: 10px 0 0 10px;
	font-size: 85%;
	line-height: 1.65;
}
#right dd img { vertical-align: top; }
#right dd li {
	padding: 2px 0;
	border-bottom: 1px solid #eee;
}

/*	PROFILE	*/
#right .profile img { margin-bottom: 10px; }
#right .profile li {
	padding-left: 20px;
	border: none;
}
#right .profile .hn { background: url(http://bfile.shinobi.jp/6250/01-icon_05.gif) no-repeat left center; }
#right .profile .com { background: url(http://bfile.shinobi.jp/6250/01-icon_06.gif) no-repeat left center; }
#right .profile .hp { background: url(http://bfile.shinobi.jp/6250/01-icon_07.gif) no-repeat left center; }

/*==================================================
	FOOTER
==================================================*/
ul.pageNavi {
	float: left;
	padding: 0 10px;
	width: 62%; /* #leftと#rightの値-3%くらい */
	font-size: 85%;
	line-height: 1.6;
}
ul.pageNavi li.next { float: left; }
ul.pageNavi li.prev { float: right; }

#footer span {
	float: right;
	padding-right: 10px;
	font-size: 77%;
	text-align: right;
	line-height: 1.6;
}
#footer span img { vertical-align: middle; }