/*--INFO-------------------------------------------------------
	Title	: kenon
	Author	: (*'-')
	Blog	: http://meaculpa.blog55.fc2.com/
	Check	: InternetExplorer 6.0
		  FireFox 1.5
		  Opera 9.0
		  (OS:Microsoft Windows2000)
	release	: 2006/05/13
	update	: 2006/08/30
	
	
	テンプレートに関する質問・要望・不具合報告等は、
	作者ブログにて受け付けています。感想なども頂けると
	ありがたいです！お気軽にどうぞ。
	
	カスタマイズに関しては特に制限は設けておりませんので、
	好き勝手いじってみてください★
		
	このテンプレートをベースにイイデザインができましたら、
	作者に「こんなんできたよー」と報告していただければ、
	作者のブログからリンクを張らせていただくことが
	あるかもしれません(*'-'*)
-------------------------------------------------------INFO--*/



/*---ページ全体の設定----------------------------------------*/

/* この部分はカスタマイズ非推奨 */
body,div,dl,dt,dd,li,form,fieldset,input,th,td {margin:0;padding:0;}
html > body {font-size:12pt;}
input[type="submit"],input[type="reset"],input[type="radio"],input[type="checkbox"],label,button {cursor:pointer;}
fieldset,img {border:0;}
h1,h2,h3,h4,h5,h6 {margin:0;padding:0;font-size:100%;font-weight:normal;}
strong,b {font-weight:bold;}
blockquote {margin:1em 2em;padding:0.5em;border:1px dashed #999;}
em,i,cite,dfn,var {font-style:italic;}
u {text-decoration:underline;}
s,strike {text-decoration:line-through;}
pre,code {font-family:"tahoma","Verdana",sans-serif;}
pre {margin:0.5em 0;padding:0;white-space : pre;}
ul,ol {margin:1em 0;padding:0 0 0 40px;}
p {margin : 1em 0;}
a,a[name]:hover {text-decoration:none;}
br { letter-spacing : 0px; }
.rdf{display:none;clear:both;}
hr.separator {display:none;}
.plugin3-skip , #entrystart {display: none;}
img.emoji {border:none;margin:0 1px -2px;}
/* この部分はカスタマイズ非推奨 */


/* 【フォントサイズの変更】 */
/* タイトルエリアの文字サイズ */
#title , #introduction { font-size : 100%; }

/* メインカラムの文字サイズ */
#main { font-size : 80%; }

/* 記事の本文の文字サイズ 
（「メインカラムの文字サイズ」からの相対的な値になります）*/
.entry-body { font-size :60%; }

/* サブカラムの文字サイズ */
#sub { font-size : 70%; }


/* 【文字色の変更】
リンク以外の文字色です。リンクについては、
[1]リンク用設定 を参照してください。*/

/* 基本となる文字色
記事などはこの色で表示されます。*/
body , a.tagword:link , a.tagword:visited , a.tagword:hover {
  color : #444; 
}

/* タイトル部分の文字色 */
#header , #title a:link , #title a:visited {
  color : #444;
}

/* サブカラムの文字色 */
#sub { color : #444; }



/*---メインコンテンツ部分------------------------------------*/
#page{
	margin		: 0px 280px 0px 15px;
	_margin		: 0px 279px 0px 15px;
}
#main{
	border-left	: 1px solid #333;
	border-right	: 1px solid #333;
	border-bottom	: 1px solid #333;
	padding		: 1em 2em;
}


#wrapper {
  max-width : 900px;
  min-width : 600px;
}


/*---タイトル部分--------------------------------------------*/
#title{
	border-bottom	: 1px solid #333;
	border-left	: 1px solid #333;
	border-right	: 1px solid #333;
	background	: #000 url(http://blog-imgs-23-origin.fc2.com/h/e/l/hellterskelter/top.jpg)
no-repeat left top;
	color		: #fff !important;
	padding-top	: 90px;
	padding-bottom	: 60px;
}
h1{
	padding-left	: 0.5em;
	font-size	: 200%;
	font-weight	: normal;
	margin		: 0px;
	padding-bottom	: 0.1em;
	font-family	: "Century Gothic",sans-serif;
}
h2{
	font-weight	: normal;
	margin		: 0px;
	font-size	: 80%;
	padding		: 0.5em 1em 0em 2.5em;
}

/*---エントリーの日付表示------------------------------------*/
h3.entry_time{
	text-align	: right;
	font-size	: 75%;
	font-weight	: bold;
	letter-spacing	: 0px;
	margin		: 3em 0px 0px 0px;
	line-height	: 100%;
}

/*---エントリーのタイトル表示--------------------------------*/
h3.entry_title{
	font-size	: 110%;
	font-weight	: bold;
	border		: 1px solid #333;
	background 	: #fff;
	margin		: 5px;
	width		: 70%;
	position	: relative;
	top		: -1em;
	left		: -1em;
}

h3.entry_title a{
	display		: block;
	font-weight	: bold;
	text-decoration	: none !important;
	padding		: 0.4em 0.4em;
}

/*---エントリーの本文を表示----------------------------------*/
.entry{
	border		: 1px solid #333;
	padding		: 0px 2em;
}

/*[8.3-a]*/
div.entry-body-container ,
div.plugin3-body-container {
  width : 100px;
  position : relative;  z-index : 3;
  padding-bottom : 25px;
}
/*[8.3-b:for IE5-IE7]*/
.lt-ie8 .entry-body-container ,
.lt-ie8 .plugin3-body-container {
  overflow-x : auto;
  overflow-y : hidden;
}

/*---本文中の各種要素の設定----------------------------------*/
.entry p{
	margin		: 1em 0px;
}
.entry li{
	margin-left	: 3em;
}

/*---コメント・トラックバック状況----------------------------*/
.entry_info{
	text-align	: right;
	padding		: 1.5em 1em;
}

/*---コメント・トラックバック部分----------------------------*/
.comment_block,.trackback{
	width		: 100%;
	overflow	: auto;
	/*IE用CSSハック*/
	_overflow-x	: auto;
	_overflow-y	: visible;
	_padding-bottom	: 2em;
	/*
	IEだとoverflow:autoとした際、不要な縦スクロールが
	表示されてしまう。これはそれを防ぐための記述。
	*/
	margin-top	: 2em;
}
.comment_block h3,.trackback h3{
	font-size	: 100%;
	font-weight	: bold;
	border		: 1px solid #333;
	background 	: #fff;
	margin		: 1em 0px;
	width		: 50%;
	padding		: 0.2em 0.5em;
	margin-left	: 1em;
}

/*---コメント本文表示----------------------------------------*/
ol.comment_body div{
	margin-left	: 2em;
}

/*---コメントの投稿日時等の情報表示--------------------------*/
ol.comment_body div.comment_info,div.comment_info a{
	text-align	: right;
	color		: #666 !important;
	padding		: 1em 0px;
}

/*---コメント投稿フォーム------------------------------------*/
.form_name,.form_mail,.form_url{
	border		: 1px solid #999;
	width		: 80%;
}
.form_pass{
	border		: 1px solid #999;
	width		: 50%;
}
textarea.form_comment{
	border		: 1px solid #999;
	width		: 100%;
}
.submit .form{
	border		: 1px solid #999;
	margin-top	: 1em;
	margin-left	: 2em;
	margin-right	: 0px;
	background	: #fff;
	padding		: 0.2em 1em;
}

/*---トラックバック------------------------------------------*/
.trackback dl{
	padding		: 0.5em;
}

/*---トラックバック元のurl-----------------------------------*/
.trackback_url{
	margin-left	: 2em;
	text-decoration	: underline;
}
/*---トラックバック元のエントリー内容------------------------*/
.trackback dd{
	margin	: 0px 0px 1em 2em;
}

/*---前後のページへのリンク----------------------------------*/
.pagelink{
	text-align	: center;
	margin-bottom	: 2em;
	margin-top	: 2em;
	padding-bottom	: 1px;
}
.pagelink a{
	position	: relative;
	top		: 1em;
	background	: #fff;
	padding		: 0.2em 0.5em;
	text-decoration	: none !important;
	border		: 1px solid #333;
}
.pagelink a.next{
	border-right	: 0.5em solid #333;
	padding-right	: 0.8em;
}
.pagelink a.prev{
	border-left	: 0.5em solid #333;
	padding-left	: 0.8em;
}
.pagelink span{
	visibility	: hidden;
}


/*---サブメニュー表示----------------------------------------*/
div#sub-box{
	position	: absolute;
	top		: 0px;
	right		: 40px;
	padding		: 0px 0px 10px 0px;
	background	: url("http://blog55.fc2.com/m/meaculpa/file/style_kenon_border-bottom.gif") no-repeat bottom right;
	margin		: 0px;
	width		: 240px;
	border-left	: 1px solid #333;
}
div#sub{
	background	: #fff url("http://blog55.fc2.com/m/meaculpa/file/style_kenon_border-right.gif") repeat-y top right;
	padding		: 1em 24px 1em 14px;
}
.sub_div{
	width		: 200px;
	overflow	: auto;
	/*IE用CSSハック*/
	_overflow-x	: auto;
	_overflow-y	: visible;
	_padding-bottom	: 1.5em;
	/*
	IEだとoverflow:autoとした際、不要な縦スクロールが
	表示されてしまう。これはそれを防ぐための記述。
	*/
}

/*---サブメニュー内に設置したブロック要素のタイトル----------*/
#sub h3{
	font-weight	: bold !important;
	margin		: 2em 0em 0.5em 0em;
	padding		: 0px;
	font-size	: 100%;
	line-height	: 100%;
	border-top	: 1px solid #333;
}
#sub h3 span{
	background	: #fff;
	border-right	: 2px solid #fff;
	position	: relative;
	top		: -0.5em;
}
/*---サブメニュー内のブロック要素のスタイル------------------*/
#sub p{
	margin		: 0.5em 0em;
}

/*---サブメニュー内のリストアイテムのスタイル----------------*/
#sub ul{
	margin		: 0.5em 0px 0.5em 2em;
	padding-left	: 0px;
}

/*---サブメニュー内の入力要素のスタイル----------------------*/
#sub input,#sub textarea{
	border		: 1px solid #999;
}


/*---フッター------------------------------------------------*/
#footer{
	padding		: 3em 0px;
	text-align	: center;
	font-size	: 85%;
	margin		: 0px 280px 0px 15px;
	_margin		: 0px 279px 0px 15px;
}
#footer .designer{
	color		: #777;
}
#footer .designer a{
	color		: #777 !important;
}

/*---テーブル・カレンダー関係--------------------------------*/
table{
	width		: 100%;
	font-size	: 90%;
}
.calender td,.calender th{
	font-size	: 90%;
	text-align	: center;
	border-right	: 1px solid #eee;
	border-bottom	: 1px solid #eee;
	padding		: 0px;
	line-height	: 180%;
}
.calender td a{
	background	: #eee;
	display		: block;
}
th{
	font-weight	: normal;
}
/*---リンク用設定--------------------------------------------*/
a:link {
	color		: #333;
	text-decoration	: underline;
}

a:visited {
	color		: #666;
	text-decoration	: underline;
}

a:active {
	color		: #333;
	text-decoration	: underline;
}

a:hover {
	color		: #333;
	text-decoration	: underline;
	background	: #ccc;
}
h1 a{
	text-decoration	: none !important;
	color		: #fff !important;
}
h1 a:hover{
	text-decoration	: none !important;
	color		: #fff !important;
	border-bottom	: 0px dotted #fff;
	background	: transparent;
}

/*---文字装飾に関するスタイル-------------------------------*/
strong, em, b, dfn, cite{
	font-weight	: bold;
	font-style	: normal;
}
blockquote{
	margin		: 1em 2em;
	border		: 1px dashed #999;
	padding		: 0.5em;
}
i{
	font-style	: italic;
}
u{
	text-decoration	: underline;
}
s, strike{
	text-decoration	: line-through;
}
pre, code{
	width		: 100%;
	white-space	: pre;
	font-family	: "Lucida Console",monospace;
	padding		: 1em 0px;
}
pre br, code br{
	display		: none;
}


/*---本文中のブロック要素の回り込み設定----------------------*/
.float_left{
	float		: left;
	margin		: 1em 1em 1em 0px !important;
}
.float_right{
	float		: right;
	margin 		: 1em 0px 1em 1em !important;
}
#sub:hover ,div#header:hover {  position : relative;  z-index : 3;}#main {  overflow : visible;}