@charset "utf-8";
/* CSS Document */

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

	* Layout Style + Template Style {

		* last update 2009/10/08
		* author : NAZAL30mL;
	
	}
	
--------------------------------

	* Contents
	
	1. Structure Frames
	
	2. Template Style
		├ 2-1. header
		├ 2-2. mainContent
		├ 2-3. subContent
		├ 2-4. footer

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

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

	 1. Structure Frames
 
============================================================================================================*/
body {
	background : #ebebeb url(../img/bg_html.gif);
	color : #393939;
}
#wrapper {
	background-image : url(../img/bg_body.gif);
	background-repeat : repeat-x;
	background-position : top left;
	padding : 0 50px;
	min-width : 885px;
	text-align : left;
	zoom : 1;
}
#gHead {
	position : relative;
	margin-bottom : 50px;
	height : 159px;
}
#container {
	zoom : 1;
}
#mainContent {
	float : left;
	margin-right : -225px;
	width : 100%;
}
#subContent {
	position : relative;
	float : right;
	margin-bottom : 15px;
	width : 200px;
}
#gFoot {
	background : #141414 url(../img/bg_foot.gif);
	background-repeat : no-repeat;
	background-position : center bottom;
	margin : 0 -50px;
	padding : 0 50px 15px 50px;
	text-align : left;
	clear : both;
}
/*  スクリーンリーダー用
-----------------------------------*/
#legacyBrowser,
.accessible {
	display : none;
}
/* ==========================================================================================================

	 * 2. Template Style
 
============================================================================================================*/
/* フォント設定 */
#gHead #gNav,
p.postDay,
#copyright,
dl.archiveDl,
#playBack li em,
dl.comment dt em,
#commentForm input.formBtn {
	font-family : Helvetica, Arial, sans-serif;
	letter-spacing: 0em;
}
/*  ------------------------------------------------------------------

	汎用リスティング

---------------------------------------------------------------------*/
dl.generalListing {
	margin-bottom: 1.7em;
}
dl.generalListing dt {
	background : #2cbc2c;
	display : inline;
	padding : 8px 1px 2px 1px;
	font-family : Impact, Arial, Helvetica, sans-serif;
	letter-spacing : 0em;
	font-size : 24px;
	color : #141414;
	-webkit-box-shadow: 1px 1px 0 #087F07;
	-moz-box-shadow: 1px 1px 0 #087F07;
	box-shadow: 1px 1px 0 #087F07;
}
dl.generalListing dd {
	margin-top: 8px;
	line-height: 1.3;
	font-size : 12px;
}
/* ==========================================================================================================

	 2-1. header
 
============================================================================================================*/
.siteID {
	position: absolute;
	top: 64px;
	left: 0;
}

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

	 2-2. mainContent (エントリー周り)
 
============================================================================================================*/

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

	前後のエントリー表示

---------------------------------------------------------------------*/
#playBack {
	font-size: 70%;
	margin: -2px 0px 40px 0;
}
#playBack li {
	border: 1px solid #A51BAE;
	float: left;
	padding: 0;
	width: 210px;
}
#playBack li.rightChild {
	float: right;
	text-align: right;
}
#playBack li em {
	display: block;
	font-size: 150%;
	line-height: 1.2;
}
#playBack li a {
	display: block;
	overflow: hidden;
	background-color: #d72e61;
	padding: 6px 10px;
	height: 50px;
	line-height: 1.3;
	text-decoration: none;
	color: #FFFFFF;
}
#playBack li a.normal {
	height: auto;
}
#playBack li a:hover,
#playBack li a:active {
	background-color: #e573a1;
}
/*  ------------------------------------------------------------------

	記事本文

---------------------------------------------------------------------*/
.post {
	border-right: 1px solid #BBC1C7;
	border-bottom: 1px solid #BBC1C7;
	margin-right : 225px;
	padding-right: 10px;
	-webkit-box-shadow: 1px 1px 0 #fff;
	-moz-box-shadow: 1px 1px 0 #fff;
	box-shadow: 1px 1px 0 #fff;
}
/*  日付表示
-----------------------------------*/
p.postDay em {
	margin-bottom: 1em;
	line-height: 1.5;
	font-size: 22px;
	font-weight: bold;
}
section p.postDay {
	margin-top: 3px;
}
/*  ------------------------------------------------------------------

	記事詳細用エレメント

---------------------------------------------------------------------*/
/*  h2, h3
-----------------------------------*/
article.post h2 {
	border-bottom: 1px solid #BBC1C7;
	margin-bottom: 0.5em;
	padding-top: 20px;
	line-height: 1.5;
	font-size: 150%;
	color: #2CBC2C;
	-webkit-box-shadow: 0 1px 0 #fff;
	-moz-box-shadow: 0 1px 0 #fff;
	box-shadow: 0 1px 0 #fff;
}
article.post h3 {
	margin-bottom: 0.5em;
	padding-top: 10px;
}
/*  object
-----------------------------------*/
.post object {
	margin-bottom: 2em;
}
/*  ul li
-----------------------------------*/
.post ul {
	margin-left: 20px;
	margin-bottom: 1.2em;
}
.post ul li {
	background: url(../img/listStyle.gif) no-repeat 0 8px;
	margin-bottom: 7px;
	padding-left: 22px;
}
/*  ol li
-----------------------------------*/
.post ol {
	margin-left: 42px;
	margin-bottom: 1.2em;
}
.post ol li {
	margin-bottom: 7px;
	padding-left: 0px;
}
/*  dl dt dd
-----------------------------------*/
.post dl {
	margin-left: 20px;
	margin-bottom: 1.2em;
}
/*  blockquote
-----------------------------------*/
.post blockquote {
	background: #EDFAEC;
	border: 1px solid #72D76D;
	margin-bottom: 15px;
	padding: 1em;
}
/*  img
-----------------------------------*/
.post img {
	vertical-align: middle;
}
/*  a
-----------------------------------*/
.post p a:link {
	font-weight: bold;
}
/*  ------------------------------------------------------------------

	エントリー用画像
	<form mt:asset-id="hoge" class="mt-enclosure mt-enclosure-image" とかで始まるやつ

---------------------------------------------------------------------*/
.mt-enclosure.mt-enclosure-image {
	background: url(../img/bg_pictures.gif);
	display: block;
	border: 3px solid #fff;
	margin-bottom: 8px;
	padding: 8px 5px;
	text-align: center;
	vertical-align: middle;
	zoom: 1;
	-webkit-box-shadow: 1px 1px 0 #aaa;
	-moz-box-shadow: 1px 1px 0 #aaa;
	box-shadow: 1px 1px 0 #aaa;
}

.mt-enclosure.mt-enclosure-image a img {
	border: 2px solid #fff;
	display: inline;
	-webkit-transition-propaty: all;
	-webkit-transition-duration: 0.3s;
	-webkit-transition-timing-function: ease-out;
}
.mt-enclosure.mt-enclosure-image a img:hover {
	border: 2px solid #d72e61;
}
/*  ------------------------------------------------------------------

	hcalender

---------------------------------------------------------------------*/
div.vevent {
	background-color: #D7F7FF;
	border: 1px solid #95EFED;
	margin-bottom: 1.5em;
	padding: 15px 20px;
}
#mainContent div.vevent p {
	margin-bottom: 0.5em;
}
div.vevent em {
	font-weight: bold;
}
/*  ------------------------------------------------------------------

	記事Footer

---------------------------------------------------------------------*/
/*  （記事用エレメント）のスタイルをreset
-----------------------------------*/
.post ul {
	margin-bottom: 0;
	margin-left: 15px;
	margin-left: 7px;
}
footer.postFoot ul li {
	background-image: none;
	margin-bottom: 0;
	padding-left: 0;
}
/*  レイアウト
-----------------------------------*/
footer.postFoot {
	padding: 2em 15px 5px 0px;
	margin-right: 0;
}
article.post footer.postFoot {
	border-bottom: 1px solid #BBC1C7;
	-webkit-box-shadow: 0px 1px 0 #fff;
	-moz-box-shadow: 0px 1px 0 #fff;
	box-shadow: 0px 1px 0 #fff;
}
article.post footer.postFoot {
	margin-bottom: 2em;
}
/*  左右にタグ名、コメント数
-----------------------------------*/
footer.postFoot ul.summary {
	float: left;
	font-size: 12px;
}
footer.postFoot ul.summary.rightChild {
	float: right;
	margin-right: 0;
	width: 250px;
	text-align: right;
}
footer.postFoot ul.summary.rightChild li {
	display: inline;
	padding-left: 8px;
}
footer.postFoot ul em {
	font-weight: bold;
}
/*  operaリンク色回避
-----------------------------------*/
li.bookMark a:link,
li.bookMark a:visited {
	background-color: #ebebeb;
}
/*  ------------------------------------------------------------------

	コメント表示

---------------------------------------------------------------------*/
#comments {
	border: none;
	padding: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#comments h2 {
	border: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	padding-top: 0;
	color: #393939;
}
/*  コメント1件分
-----------------------------------*/
#comments dl.comment {
	position: relative;
	background-color: #FFF79F;
	margin-bottom: 25px;
	margin-left: 0;
	padding: 20px 15px;
	font-size: 14px;
}
#comments dl.comment dt {
	position: absolute;
	bottom: 15px;
	width: 96%;
	text-align: right;
}
#comments dl.comment dd {
	padding-bottom: 20px;
}
/*  ------------------------------------------------------------------

	コメントForm

---------------------------------------------------------------------*/
#comment-form-external-auth {
	margin-bottom: 0.5em;
}
#commentForm {
	background: #FFFFFF;
	border : none;
	-webkit-box-shadow: 1px 1px 0 #ccc;
	-moz-box-shadow: 1px 1px 0 #ccc;
	box-shadow: 1px 1px 0 #ccc;
	margin-right: 0;
	padding: 20px;
}
/*  レイアウト
-----------------------------------*/
#commentForm p {
	position: relative;
}
#commentForm p label {
	position: absolute;
	top: 0;
	left: 0;
	padding: 5px 1%;
}
#commentForm p br {
	display: none;
}

/*  宛名
-----------------------------------*/
#commentForm input {
	background-color: #FFFFFF;
	border: 1px solid #FFFFFF;
	border-bottom: 1px solid #ebebeb;
	padding : 5px 1%;
	width : 98%;
}
#commentForm input:focus {
	background: #ebebeb;
}
/*  投稿
-----------------------------------*/
#commentForm textarea {
	background: #ebebeb;
	border: 1px solid #ebebeb;
	padding : 5px 1%;
	width: 98%;
	height: 250px;
}
#commentForm textarea:focus {
	background: #FFFFFF;
}
/*  検索ボタン
-----------------------------------*/
#commentForm input.formBtn {
	background-color: #d72e61;
	border: 1px solid #A51BAE;
	width: 100px;
	font-size: 120%;
	font-weight: bold;
	color: #FFFFFF;
}
#commentForm input.formBtn:focus {
	background-color: #e573a1;
}
/* ==========================================================================================================

	 2-3. subContent
 
============================================================================================================*/
#subContent dd ul.snapshot {
}
#subContent dd ul.snapshot li {
	background-color: #FFFFFF;
	background: url(../img/bg_snapshot.gif);
	border: 1px solid #BBC1C7;
	display: inline;
	overflow: hidden;
	float: left;
	margin: 0 10px 8px 0;
	width: 85px;
	text-align: center;
	vertical-align: middle;
}
#subContent dd ul.snapshot li a:focus {
	outline: none;
	border: 3px dotted #FF0033;
}

#subContent dd.twitpic a:link,
#subContent dd.twitpic a:visited,
#subContent dd.twitpic a:hover {
	background : none;
}


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

	 2-4. footer
 
============================================================================================================*/
#gFootInner {
	position: relative;
	margin : 0px auto;
	width : 950px;
}
/*  ------------------------------------------------------------------

	検索窓

---------------------------------------------------------------------*/
#keyWordSearch {
	text-align: center;
	vertical-align: bottom;
	margin-bottom: 10px;
	padding-top: 20px;
	font-size: 120%;
}
#keyWordSearch input {
	border: 1px solid #454545;
	background-color: #141414;
	padding : 5px 5px 0 5px;
	width : 500px;
	height : 31px;
	line-height: 1;
	font-size: 125%;
}
#keyWordSearch input:focus {
	background: #EBEBEB;
}
#keyWordSearch input.formBtn {
	background-color: #d72e61;
	background-image: none;
	border: 1px solid #d72e61;
	width: 100px;
	height : 36px;
	font-weight: bold;
	font-size: 100%;
	color: #FFFFFF;
	-webkit-box-shadow: 2px 2px 0 #000;
	-moz-box-shadow: 2px 2px 0 #000;
	box-shadow: 2px 2px 0 #000;
}
#keyWordSearch input.formBtn:focus {
	background-color: #e573a1;
}
/*  ------------------------------------------------------------------

	section周り

---------------------------------------------------------------------*/
#gFoot dd {
	color: #EFEFEF;
}
/*  a
-----------------------------------*/
#gFoot a:link {
	color: #d72e61;
	text-decoration: underline;
}
#gFoot a:visited {
	color: #d72e61;
	text-decoration: underline;
}
#gFoot a:hover {
	background: #d72e61;
	color: #FFFFFF;
	text-decoration: none;
}
/*  ------------------------------------------------------------------

	category / tags

---------------------------------------------------------------------*/
ul.categoryTagList li {
	display: block;
	white-space: nowrap;
	float: left;
	margin-bottom: 0.5em;
	padding-right: 8px;
}
/*  ------------------------------------------------------------------

	archive

---------------------------------------------------------------------*/
/*  汎用リスティングを使っているがフロート連発などをしていて回り込み解除をさせたい為
	ここのdtだけ強引にブロック要素に変換するトリッキーなスタイル
-----------------------------------*/
#gFoot dl.generalListing dt.timeLine { /* まずリセット */
	background : none;
	display : block;
	padding : 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
}
#gFoot dl.generalListing dt.timeLine span { /* spanに再セット */
	background : #2cbc2c;
	display : inline;
	padding : 8px 1px 2px 1px;
	-webkit-box-shadow: 1px 1px 0 #087F07;
	-moz-box-shadow: 1px 1px 0 #087F07;
	box-shadow: 1px 1px 0 #087F07;
}

dd.timeLine,
dd.timeLine em,
dd.timeLine ul {
	float: left;
}
dd.timeLine em {
	display: block;
	font-size: 14px;
	font-style: italic;
	font-weight: bold;
}
dd.timeLine ul {
	margin: 0 1em 0 0.5em;
}
dd.timeLine li {
	list-style-type: none;
	display: inline;
	white-space: nowrap;
	padding-right: 5px;
}
/*  ------------------------------------------------------------------

	address

---------------------------------------------------------------------*/
#copyright {
	clear: both;
	padding: 20px 0 10px 0;
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	font-style: italic;
}
/* ==========================================================================================================

	 2-6. clearfix
 
============================================================================================================*/
/*  全てまとめて回り込み解除
-----------------------------------*/
#playBack:after,
footer.postFoot:after,
#subContent dd ul.snapshot:after,
#gFoot dl.generalListing:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0px;
	line-height: 0;
}
/* ie6 hack */
* html #playBack,
* html footer.postFoot,
* html #subContent dd ul.snapshot,
* html #gFoot dl.generalListing {
	height: 1%;
}
/* ie7 hack */
*:first-child+html #playBack,
*:first-child+html footer.postFoot,
*:first-child+html #subContent dd ul.snapshot,
*:first-child+html #gFoot dl.generalListing {
	min-height: 1%;
}