@charset "UTF-8";

/******************************************************************************/
/*     HER STORY Official Website ( The dialy of Kaeko Hino )                 */
/*     cascading style sheet - for global setting                             */
/*     created by Tets Morikawa ( COWBELL Corporation ), Nov.1 2004           */
/******************************************************************************/

/*----------------------------------------------------------------
　1. Reset
----------------------------------------------------------------*/

* {
	padding:0;
	margin:0;
	border:0;
}

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn,
em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt,
var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption,
tbody, tfoot, thead, tr, th, td {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
}

:focus { outline:0; }
a, a:link, a:visited, a:hover, a:active { text-decoration:none; }
table { border-collapse:separate; border-spacing:0; }
th, td { text-align:left; font-weight:normal; }
img, iframe { border:none; text-decoration:none; }
ol, ul { list-style:none; }
input, textarea, select, button { font-size:100%; font-family:inherit; }
select { margin:inherit; }
hr { margin:0; padding:0; border:0; color:#000; background-color:#000; height:1px; }
html { overflow-y:scroll; }

input { margin:0; padding:0; }
dl, dt, dd { list-style:none; }


/*----------------------------------------------------------------
　2. common
----------------------------------------------------------------*/

body {
	font-family: Verdana, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color:#333;
	text-align:center;
	background:#EAEAEA url(images/bg_body_01.gif) repeat-y top center;
	}

/* safari only \*/
html:\66irst-child body { font-size:88%; }

a:link,
a:visited { text-decoration:underline; color:#B5523D; }
a:hover   { text-decoration:none; color:#FF9900; }
a:active  { text-decoration:none; }


/*----------------------------------------------------------------
　3. 基本構造
----------------------------------------------------------------*/

#Wrapper {
	background:url(images/bg_wrapper_01.gif) no-repeat top center;
	width:100%;
	min-height:530px;
	margin:0 auto;
	text-align:center;
}

#header {
	display: block;
	min-width:825px;
	margin:0 auto;
	}

#header .inner {
	width:825px;
	margin:0 auto;
	}

#header .inner h1.Title-area {
	float:left;
	margin: 6px 0 0 15px;
	_margin: 6px 0 0 5px;
	font-size: 10px;
	line-height:100%;
	font-weight: 100;
	}

#header .inner h1.Title-area a {
	color:#666;
	text-decoration:none;
	}

#header .inner #visual {
	clear:both;
	height: 285px;
}
#header .inner #visual p { display:none; }

#header .inner .Feed-navi {
	float:right;
	/* width:110px; */
	width:60px;
	margin-top:3px;
	}

#header .inner .Feed-navi li {
	display:inline;
	margin:0;
	padding:0;
	}

#Container {
	margin: 30px auto 0 auto;
	_margin-top: 0;
	width:825px;
	text-align: left;
}

#Container #Contents {
	float:left;
	width:545px;
	margin:0 0 0 25px;
	_margin:0 0 0 13px;
	vertical-align:top;
}

#Container #Side-NAVI {
	float:left;
	width:200px;
	margin:0 25px 0 30px;
	_margin:0 0 0 30px;
	vertical-align:top;
}


/*==================================================================
 5. Contents
==================================================================*/

#Contents .prev_next {
	margin-bottom:24px;
	font-size:65%;
	text-align:center;
	line-height:100%;
}

#Contents .entry {
	clear:both;
	margin:0 0 50px 0;
}

#Contents h2.entry-title {
	display:block;
	font-size:150%;
	line-height:125%;
	text-align:left;
	margin:0 0 10px 0;
}

#Contents h2.entry-title a:link,
#Contents h2.entry-title a:visited {
	color:#000;
	text-decoration:none;
}

#Contents h2.entry-title a:hover,
#Contents h2.entry-title a:active {
	color:#FF9900;
	text-decoration:underline;
}

#Contents .entry-info {
	background:url(images/bg_entry_info_01.gif);
	padding: 0 8px;
	height:32px;
	border-top:2px #660000 solid;
}

#Contents .category {
	float:left;
	font-size:65%;
	margin:10px 0 0 0;
}

#Contents .date {
	float:right;
	font-size:65%;
	margin:10px 0 5px 0;
}

#Contents .entry-article {
	clear:both;
	margin:0;
	padding:20px 0 35px 0;
	border-top:1px #660000 solid;
	background: url(images/line_02.gif) repeat-x bottom;
}

#Archives li {
	float:left;
	margin:0 0 20px 5px;
	padding:0 0 0 20px;
	width:110px;
	background: url(images/icon_arrow_01.gif) no-repeat 1px 5px;

	font-size:75%;
	line-height:160%;
}

#Contents .entry-article p,
#Contents .entry-article span.extended {
	margin:0 0 20px 3px;
	color:#666;
	font-size:75%;
	line-height:180%;
}

#Contents .entry-article span.extended {
	font-weight:bold;
}

#Contents .entry-footer {
	clear:both;
	background: url(images/line_02.gif) repeat-x bottom;
	margin:0;
	padding: 10px 5px;
	height:13px;

	color:#666;
	font-size: 65%;
	line-height: 100%;
}

#Contents .entry-footer .posted {
	float:left;
}
#Contents .entry-footer .pagetop {
	float:right;
}

#Contents .archives h2 {
	font-size:85%;
	line-height:160%;
	margin:20px 0 5px 0;
	color:#FFF;
}

#Contents .archives li {
	font-size:75%;
	line-height:160&;
}


/*==================================================================
 6. Side-NAVI
==================================================================*/

#Side-NAVI h3 {
	display:block;
	height:18px;
	margin:0 0 10px 0;
	padding:0;
}

/* Profile */

#Side-NAVI #Profile p {
	margin:0 0 12px 0;
	font-size:75%;
	line-height: 150%;
}

#Side-NAVI #Profile .Btn-oitachi {
	margin:0 0 5px 0;
}

#Side-NAVI #Profile .Btn-books {
	margin:0 0 18px 0;
}

#Side-NAVI #Profile dt {
	margin:0 0 5px 0;
}

#Side-NAVI #Profile dd {
	margin:0 0 25px 0;
	font-size:65%;
	line-height: 150%;
}

#Side-NAVI #Profile .Company-Info {
	padding-top: 12px;
	background:#F4F4EC url(images/line_01.gif) repeat-x top;
}

#Side-NAVI #Profile .Company-Info h4 {
	margin-left: 10px;
	margin-bottom: 6px;
}

#Side-NAVI #Profile .Company-Info ul {
	margin-left: 20px;
	margin-bottom: 30px;
	padding-bottom: 15px;
	background:#F4F4EC url(images/line_01.gif) repeat-x bottom;
}

/* List */

#Side-NAVI #Entries-list ul,
#Side-NAVI #Category-list ul,
#Side-NAVI #Archives-list ul,
#Side-NAVI #links-list ul {
	margin:0 0 35px 0;
	padding:0;
}

#Side-NAVI #Entries-list li,
#Side-NAVI #Category-list li,
#Side-NAVI #Archives-list li,
#Side-NAVI #links-list li {
	margin: 0 0 6px 0;
	padding: 0 0 0 18px;
	background: url(images/icon_arrow_01.gif) no-repeat 1px 5px;
	font-size:75%;
	line-height:135%;
}



/*==================================================================
 8. number
==================================================================*/

.pagemenu {
	clear: both;
	width: 820px;
	margin: 0 auto;
	padding: 10px 0 20px 0;
}

.pagemenu .Number {
	display:block;
	float: left;
	padding: 4px 6px;
	border:1px solid #AA9966;
	color: #AA9966;
	font-size: 65%;
	line-height: 100%;
	text-align:center;
	font-weight:bold;
}

.pagemenu img {
	margin: 0 8px;
	vertical-align: middle;
}

.pagemenu li {
	float: left;
	margin: 4px 0 0 10px;
	padding: 0 5px 0 18px;
	background: url(images/icon_arrow_01.gif) no-repeat 4px 3px;
	font-size: 75%;
	line-height: 100%;
}


/*==================================================================
 9. trackback
==================================================================*/

#trackbacks {
	padding:0 10px 0 0;
}

#trackbacks h2 {
	font-size:85%;
	color:#FFF;
	margin:20px 0 5px 0;
}

.trackbacks-info p {
	font-size:65%;
	line-height:160%;
	color:#F1E6D8;
}


/*==================================================================
 10. comment
==================================================================*/

#comments {
	margin:35px 0 0 0;
	padding:0;
}

#Confirm-comment #comments {
	margin:0;
	padding:0;
}

#comments h3 {
	margin:0;
	padding:10px 0 10px 8px;
	border-top:2px #660000 solid;
	background:url(images/bg_entry_info_01.gif);

	font-size:75%;
	line-height:100%;
}

#comments h3 span {
	margin-left:10px;
	font-size:85%;
	line-height:100%;
	font-weight:normal;
}

#comments .tb_comment {
	padding:15px 0 0 0;
	border-top:1px #660000 solid;
}

#comments .comment-text {
	margin:0 15px 0 8px;
	padding:0;
	color:#666;
	font-size:75%;
	line-height:180%;
}

#comments .posted {
	background: url(images/line_02.gif) repeat-x top;
	margin:15px 0 45px 0;
	padding:10px 8px 0 8px;
	color:#666;
	font-size:65%;
	line-height:100%;
}

#comments .comments-open-content {
	margin:0 8px;
	font-size:75%;
	line-height:160%;
}

#comments #comment-form-name input,
#comments #comment-form-email input,
#comments #comment-form-url input {
	margin: 0 0 5px 10px;
	padding: 3px 3px 0 3px;
	border: 1px solid #CCC;
	vertical-align:middle;
}

#comments #comment-form-remember-me,
#comments #comments-open-text {
	margin-top:10px;
}

#comments #comments-open-text textarea {
	border:1px solid #CCC;
	height:200px;
	width:450px;
	padding:5px;
}

#comments #comments-open-footer {
	margin-top:20px;
	text-align:left;
}

#comments #comments-open-footer input {
	border: 1px solid #333;
	padding: 3px 5px 1px 5px;
}



.link-note {
	font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
	font-size: 12px;
	line-height: 150%;
	text-align: left;
	padding: 2px;
	margin-bottom: 15px;
}

textarea[id="comment-text"] {
	width: 80%;
}



/*==================================================================
 11. Kaeko Hino's Profile
==================================================================*/

#more-profile h3.entry-info {
	margin:0;
	padding:10px 0 0 8px;
	border-top:2px #660000 solid;
	background:url(images/bg_entry_info_01.gif);

	font-size:75%;
	line-height:100%;
}

#more-profile .entry-article {
	margin:0;
	padding:15px 0 30px 0;
	background: none;
}

#more-profile .entry-article p {
	margin:0 0 0 3px;
	color:#666;
	font-size:75%;
	line-height:180%;
}

#Contents #more-profile .entry-article ul {
	margin-left:5px;
}

#Contents #more-profile .entry-article li {
	list-style:disc;
	margin:0 0 4px 20px;
	padding:0;
	color:#666;
	font-size:75%;
	line-height:160%;
}

#Contents #more-profile .entry-article dl {
	clear:both;
}

#Contents #more-profile .entry-article dt {
	float:left;
	min-width:60px;
	_width:60px;
}

#Contents #more-profile .entry-article dd {
	float:left;
	margin-right:10px;
	max-width:460px;
}

#Contents #more-profile .entry-article dt,
#Contents #more-profile .entry-article dd {
	margin-bottom:4px;
	padding:0;
	color:#666;
	font-size:75%;
	line-height:160%;
}

#Contents #more-profile .entry-footer {
		background: url(images/line_02.gif) repeat-x top;
}



/*==================================================================
 12. Copyright
==================================================================*/

#copyright {
	clear:both;
	min-width:840px;
	height:95px;
	background: url(images/bg_footer01.gif) no-repeat center bottom;
}

#copyright .inner {
	background:#6F0A08;
	margin:0 auto;
	width:795px;
}

#copyright .inner p {
	padding: 24px 0;
	color:#FFF;
	font-size:65%;
	line-height:100%;
	text-align:center;
	font-family: Verdana;
}

/******************************************************************************/
/*     ボックスモデルの設定 - ID                                              */
/******************************************************************************/


/* ページ内ナビゲーション */ /* IE対策必要 */
#pagenavi {
	clear: both;
	float: left;
	width: 690px;
	height: 16px;
	padding: 0px 5px 0px 5px;
	margin: 0px 0px 10px 0px;
	text-align: right;
	font-size: 11px;
	font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
	overflow: hidden;
}
html>body #pagenavi {
	width: 690px;	/* Opera用の設定 */
}
#pagenavi a:link, #pagenavi a:visited {
	color: #999999;
}

/* 自社サイトバナー */ /* IE対策必要 */
#mysite {
	clear: both;
	width: 690px;
	height: 33px;
	margin: 0px 0px 10px 0px;
	padding:0px 5px 0px 5px;
	border: 0px;
	text-align: left;
	list-style: none;
	vertical-align: bottom;
}
html>body #mysite {
	width: 690px;	/* Opera用の設定 */
}
#mysite ul {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}
#mysite li {
	float: left;
	width: 120px;
	height: 33px;
	margin: 0px 20px 0px 0px;
	list-style: none;
}

/* コメントデータ */
#comment-data {
	float: left;
	width: 160px;
	padding-right: 15px;
	margin-right: 15px;
	text-align: left;
	border-right: 1px dotted #BBB;
}

/* コメントデータ */
#pagebottom {
	width: 100%;
	height: 20px;
	font-size: 12px;
}


/******************************************************************************/
/*     ボックスモデルの設定 - CLASS                                           */
/******************************************************************************/

/* 隠しオブジェクト */
.hidden {
	display: none;
}

/* 前後ページへの移動リンク */
p.prev_next {
	font-family: "Osaka", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック";
	font-size: 11px;
	text-align: left;
	margin: 0px 0px 10px 0px;
}