@charset "UTF-8";


/* General
------------------------------------------------------------ */


*{
	margin:0;
	padding:0;
}


/* レイアウト（擬似フレーム） */
body{
	line-height:1.3;
	padding:0;
	margin:0;
	_overflow:auto; /* 指定しないとIEで余計な縦スクロール。
	                   指定するとOperaとNetscapeで表示されない。
	                   よってIEのみに有効なアンダースコアハックorz */
}

#main{
	background:url(http://blog-imgs-27-origin.fc2.com/m/b/m/mb/back.gif);
	background-color:#d2b48c;
	width:87%;
	height:100%;
	position:absolute;
	left:13%;
	top:0;
	overflow:auto;
}

#menu{
	background:#ffffff;
	width:13%;
	height:100%;
	position:absolute;
	left:0; 
	top:0;
	overflow:scroll;
}

/* IEでh1ボックスのセンタリング */
#main{
	text-align:center; /* h1の上位要素でセンタリング */
}

#navigation,#index,div.entry-area,h1{
	text-align:left; /* その他の要素内容を左寄せし直す */
}


/* トップ画像（差し替える場合は必要に応じてheightとwidthの値を調整してください） */
h1#blog-title{
	font-size:32px;
	font-weight:bold;
	margin:0;
	margin-left:auto;
	margin-right:auto;
	height:120px; /* 画像の高さ */
	width:370px; /* 画像の幅よりやや狭く */
	line-height:1;
}

ul#admin{
	background-image:url(http://blog-imgs-27-origin.fc2.com/m/b/m/mb/fc2.gif); /* トップ画像 */
	background-repeat: no-repeat;
	background-position: center;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:120px;/* 画像の高さ */
	text-align:right;
}

ul#admin li{
	display:inline;
	margin:2px;
	font-size:90%;
}


/* ナビゲーション部分 */
#navigation{
	background:#cfc;
	margin:0 15px 15px;
	padding:6px;
	border-top:1px solid #cfc;
	border-left:1px solid #cfc;
	border-bottom:1px solid gray;
	border-right:1px solid gray;
}

#navigation h2,
p.prev-next-nav,
form.search p{
	padding:0.3em;
}

#navigation h2{
	font-size:120%;
	font-weight:bold;
	color:black;
	border-left:1px solid green;
	border-right:1px solid white;
	border-top:1px solid green;
}

p.prev-next-nav{
	text-indent:0;
	border-left:1px solid green;
	border-right:1px solid white;
}

form.search{
	border-left:1px solid green;
	border-right:1px solid white;
	border-bottom:1px solid white;
}

form.search p{
	margin:0;
	text-indent:0;
}

form.search p strong{
	font-weight:bold;
	color:#000;
}

form.search input{
	vertical-align: middle;
}

input#submit{
	font-size:90%;
}


/* 目次部分 */
#index{
	background-color:#cfc;
	margin:15px 15px;
	padding:6px;
	border-top:1px solid #cfc;
	border-left:1px solid #cfc;
	border-bottom:1px solid gray;
	border-right:1px solid gray;
	font-size:94%;
}

#index h2{
	display:none;
}

#index ul{
	padding:0.3em;
	border-top:1px solid green;
	border-left:1px solid green;
	border-bottom:1px solid white;
	border-right:1px solid white;
}

#index li{
	display:inline;
	margin-right:0.5em;
}

#index li#ToArchives{
	display:none;
}

.no-style{
	display:none;
}


/* エントリー部分 */
div.entry-area{
	clear:left;
	margin:1.5em 15px 0;
	padding:6px;
	border:1px solid #CCC;
	background:#efefef;
}

ul.edit{
	border-top:1px solid gray;
	border-left:1px solid gray;
	border-right:1px solid white;
	list-style-type:none;
	text-align:right;
	padding:1px 2px 0;
}

ul.edit li{
	display:inline;
}

div.entry-area h2.entry-title{
	color:#f00;
	font-size:150%;
	font-weight:bold;
	padding-left:5px;
	border-left:1px solid gray;
	border-right:1px solid white;
}

div.entry-area h2 span{
	color:black;
	font-size:67%;
}

.name{
	font-weight:bold;
	color:green;
}

div.entry-area ol.entry{
	margin:0;
	padding-left:30px;
	border-left:1px solid gray;
	border-right:1px solid white;
}

.entry-body{
	margin:0;
	padding-right:1em;
	padding-bottom:1em;
}

p.entry-more{
	color:green;
	text-indent:0;
}

#more{
	margin:0 0 1em;
	padding-right:1em;
}

.comment-body{
	margin:0 0 1em;
	padding:0;
}

ul.entry-footer{
	padding-left:68px;
	padding-bottom:1em;
	border-left:1px solid gray;
	border-right:1px solid white;
	border-bottom:1px solid white;
}

ul.entry-footer li{
	display:inline;
	margin-right:0.25em;
	font-weight:bold;
}


/* コメント部分 */
.comment-post{
	display:none;
}

.post-area{
	margin:0;
	padding:0 0 0 30px;
	border-left:1px solid gray;
	border-right:1px solid white;
}

dl.form input{
	font-size:95%;
	padding:0 3px;
}

dl.form dt.form-btn{
	display:none;
}

dl.form dt{
	display:inline;
	margin:0;
	padding:0;
}

dl.form dd{
	display:inline;
	margin:0;
	padding:0;
}

dl.form dt.com{
	display:none;
}

dl.form dd.com{
	display:block;
	margin:0 0 0 38px;
}


/* 広告 */
hr.ad{
	display:none;
}

p.ad{
	margin:1em 15px 0;
	padding-bottom:1em;
	text-align:center;
	text-indent:0;
}


/* メニュー部分 */
div#menu{
	font-size:90%;
}

h2#archives,
h2#feedbacks{
	display:none;
}

#menu dt,
h2#links{
	font-size:100%;
	color:#c30;
	font-weight:bold;
	margin-top:1em;
}

#menu ul{
	margin:0;
	padding:0;
	list-style-type:none;
}


/* 個別記事用 */
body#permanent{
	margin:0;
	padding:2em 8px 6px;
	background:#efefef;
}

ul#top-nav{
	margin:0 0 1em;
	padding:0;
	width:30em;
	float:left;
}

ul#top-nav li{
	display:inline;
}

p#PR{
	float:right;
}

ul#bottom-nav{
	margin:0.5em 0;
	padding:0;
}

ul#bottom-nav li{
	display:inline;
}

p#PR2{
	margin:1em 0 0.8em;
	font-weight:bold;
}

p#PR2 strong{
	color:red;
	font-weight:bold;
	margin-right:1em;
}

body#permanent hr{
	clear:both;
}

body#permanent h1.entry-title{
	color:red;
	font-weight:normal;
	font-size:120%;
	margin:0;
	text-align:left;
}

body#permanent ol{
	margin:1em 0;
	padding-left:30px;
	border:none 0;
}

body#permanent .post-area{
	margin:0 0 1em;
	padding:0;
	border:none 0;
}

body#permanent dl.form dd.com{
	display:block;
	margin:0;
}


/* トラックバック部分 */
#trackback-area{
	padding-bottom:3em;
}

#trackback-area dd{
	margin-left:1em;
}

ol.trackback li{
	margin-top:1em;
}

#trackback-area h2{
	font-size:120%;
	font-weight:normal;
	color:red;
}


/* 記事内の要素の設定 */
ol.entry p,
ol.entry ul,
ol.entry ol,
ol.entry dl,
ol.entry blockquote,
ol.entry pre,
ol.entry table{
	margin:0 0 0.8em;
}

ol.entry ul,ol.entry ol{
	padding:0 0 0 16px;
}

ol.entry ul{
	list-style-type:disc;
}

ol.entry ul ul{
	list-style-type:circle;
}

ol.entry ul ul ul{
	list-style-type:square;
}

ol.entry dd{
	margin-left:1em;
}

ol.entry blockquote p{/* お遊びです。無い方がいいかも */
	margin:0 0 1em;
	background:url(http://blog-imgs-27-origin.fc2.com/m/b/m/mb/quote.gif);
	background-repeat:repeat-y;
	padding-left:16px;
	line-height:20px;
}

@media screen{/* for Mac IE */
 pre{
 	overflow: auto;
 }
}
pre{
	width:100%;
}
*>pre{
	width:auto;
}