/*   
Theme Name:南無の郷霊園ブログ
Theme URI:http://www.namu.jp/blog/
Description:霊園スタッフ管理ブログ
Author:media support
Author URI:http://www.media-sup.jp/
Version:1.0
*/


/*リセット
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.2
*/
html{color:#000;background:#fff;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{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;font-variant:normal;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}

.px10 {font-size:77%;} /* for setting 10px */
.px11 {font-size:85%;} /* for setting 11px */
.px12 {font-size:93%;} /* for setting 12px */
.px13 {font-size:100%;} /* for setting 13px */
.px14 {font-size:108%;} /* for setting 14px */
.px15 {font-size:116%;} /* for setting 15px */
.px16 {font-size:123.1%;} /* for setting 16px */
.px17 {font-size:131%;} /* for setting 17px */
.px18 {font-size:138.5%;} /* for setting 18px */
.px19 {font-size:146.5%;} /* for setting 19px */
.px20 {font-size:153.9%;} /* for setting 20px */
.px21 {font-size:161.6%;} /* for setting 21px */
.px22 {font-size:167%;} /* for setting 22px */
.px23 {font-size:174%;} /* for setting 23px */
.px24 {font-size:182%;} /* for setting 24px */
.px25 {font-size:189%;} /* for setting 25px */
.px26 {font-size:197%;} /* for setting 26px */


/*基本構造
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
html,body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #333;
	background-color:#fff;
	}

.container {
	width: 750px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	margin: 0 auto;
	text-align:justify; /* この設定は body エレメントの text-align: center より優先されます。 */
	text-justify: inter-ideograph;
	border-style:none;
	}

#header {
	vertical-align:top;
	width:750px;
	height:305px;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	}

#header h1 {
	width:410px;
	height:50px;
	text-indent: -9999px;
	background-image:url(images/title.gif);
	background-repeat:no-repeat;
	}

img {
	vertical-align:top;
	}
	
a {
	color:#319f2d;
	text-decoration:none;
}

a:hover {                   /* カーソルが上にある時のリンク */
	color:#f34a48;
	text-decoration:none;     /* 下線を消す */
}
	
#honbun {
	float:right;
	width:530px;
	margin-top:20px;
	}

#honbun p {
	line-height:1.8;
	color:#333;
	}
	
#honbun p.dankan10px {
	margin-bottom:5px;
	text-indent:1em;
	}
	
#honbun h2 {
	font-size:123.1%;
	font-weight:bold;
	color:#666;
	margin-bottom:5px;
	padding-bottom:5px;
	border-bottom:1px solid #999;
	}

#honbun .date {
	float:left;
	font-size:85%;
	color:#333;
	margin-top:3px;
	}

#honbun .name {
	float:right;
	font-size:85%;
	color:#257819;
	text-align:right;
	margin-top:3px;
	}


/*その他　基本デザイン
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

.text-bold {
	font-weight:bold;
	}

.text-left {
	text-align:left;
	}

.text-right {
	text-align:right;
	}

.text-center {
	text-align:center;
	}

img.ver-mid {
	vertical-align:middle;
	}

img.right-margin5px {
	padding-right:5px;
	}

img.left-margin5px {
	padding-left:5px;
	}

.float-left {
	float:left;
	}

.float-right {
	float:right;
	}
	
p.tex-green {
		color:#0d4e00;
		}
			
p.tex-red {
		color:#cc1111;
		}
		
p.tex-orange {
		color:#ff8f00;
		}

/*フッター
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

#footer {
	width:750px;
	height:69px;
	margin-top:30px;
	}


/*サイドバー
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */

#sidebar {
	float:left;
	width:210px;
	margin-top:10px;
	overflow:hidden;
}

#sidebar .block-a {
	color:#fff;
	font-size:93%;
	font-family:Verdana;
	padding:10px 0px 0px 10px;
	margin-top:10px;
	width:200px;
	height:28px;
	background-image:url(images/submenu-a.gif);
	background-repeat:no-repeat;
	}

#sidebar .block-b {
	width:210px;
	background-image:url(images/submenu-b.gif);
	background-repeat:repeat-y;
	}

#sidebar .block-c {
	width:210px;
	height:12px;
	overflow:hidden;
	}

#sidebar li{
	list-style: none outside;
	font-weight:bold;
	width:170px;
	height:30px;
	background-image:url(images/submenu-bar.gif);
	background-repeat:no-repeat;
	padding-top:6px;
	padding-left:20px;
}

#sidebar li a {
	display: block;
	color:#665;
	text-decoration:none;
}

#sidebar li a:link {
	color:#665;
}

#sidebar li a:hover {
	color:#f34a48;
	top:0px;
	left:0px;
}

#sidebar .li a:visited {
	color:#997;
}

#sidebar li a:active {
	color: #f34a48;
}



	/*CSSハック
------------------------------------------------------------------------------------------------------------------------------------------------------------------ */
	
	.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}