@charset "utf-8";

/* ============================== 01 基本設定 */

* { margin: 0; padding: 0; font-style:normal;}

body { margin: 0; padding: 0; text-align: center; font-size: 100%; background: #e70012; font-family: Verdana, Arial, sans-serif, HiraMaruPro-W4, HiraKakuPro-W3, Osaka, "MS Gothic", "\FF2D\FF33\20\30B4\30B7\30C3\30AF", "Lucida Grande", Helvetica,Tahoma, sans-serif; color: #464646; }

h1 { font-size: small; margin: 0; padding: 0; }
h2 { font-size: small; margin: 0; padding: 0; }
h3 { font-size: small; margin: 0; padding: 0; }
p { margin: 0; padding: 0; }
ul { margin: 0; padding: 0; }
ol { margin: 0; padding: 0; }
li { margin: 0; padding: 0; }
dl,dt,dd { margin: 0; padding: 0; list-style-type: none; }
a { color: #315fbc; text-decoration: none; }
a:link, a:visited { color: #315fbc; text-decoration: none; }
a:hover { color: #5987e4; text-decoration: underline; }
a:active { color: #5987e4; text-decoration: underline; }
a img { border: none; }

/* edited by fujita   end*/


/* 補足説明・注意書き */
.notes { font-size: medium; color: #464646; line-height: 150%; margin-top: 10px; }
.notes li { margin-bottom: 5px; }

/* ============================== 02 CSS Hack */
/* 以下はfloatのバグをクリアするためのhack */
.clr:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clr { display: inline-table; min-height: 1%; }
/* Hide from mac IE5 \*/
* html .clr { height: 1%; }
.clr { display: block; }
/* End Hide from mac IE5 */

/* 以下はロールオーバーのテキストを隠すためのhack */
.hidetxt { text-indent: -9999px; overflow: hidden; }

/* ============================== 03 container（ページ全体を覆うコンテナの設定） */
#container { margin: 0 auto; text-align: center; }


/* ============================== 05 contents（コンテンツ全般） */
#contents { width: 840px; text-align: left; margin: 0 auto; margin-left: auto; margin-right: auto; line-height: 140%; }
/* 主なトピックの表示領域 */
#main { width: 611px; text-align: left; line-height: 140%; }

/*  ============================= 07 パンくず */
#crumb { margin: 10px 0 10px 10px; font-size: 10px; }
#crumb a { font-size: 10px; }

/*  ============================= 09 ブログ記事セット */

.topic_set { width: 611px; }
.topic_title { font-size:14px; _font-size:85%; line-height: 180%; font-weight: bold; _line-height:1.55em; color: #ffffff; }
.topic_title_bg { background: url(../images/blog_title.gif) no-repeat left top; height: 46px; }
.topic_title_top { padding: 12px 0 0 10px; }
.article  { margin: 10px; }

.topic_text2 { font-size:12px; _font-size:85%; line-height: 180%; color: #52403f; padding: 5px 15px 10px 15px; }
.continue2 { font-size:12px; _font-size:80%; background: url(../images/icon_list.gif) no-repeat 10px; padding-left: 20px; padding-buttom: 10px; }

.continue { background: url(../images/icon_list.gif) no-repeat 0px 5px; padding-left: 10px; }
/* 記事補足情報領域（comment/trackback） */
.topic_supplement { padding: 10px 0 20px 0; }
.topic_supplement div, .topic_supplement a { font-size: x-small; }
.date { float: left; width: 220px; }
.trackback { float: right; width: 220px; text-align: right; }

/*  ============================= 著者エントリーセット */
.writer_set { width: 611px; }
.writer_title { font-size:14px; _font-size:85%; line-height: 180%; font-weight: bold; _line-height:1.55em; color: #ffffff; }
.writer_title_bg { background: url(../images/writer/title_wt.gif) no-repeat left top; height: 100px; }
.writer_title_top { padding: 40px 0 0 85px; }
.writer_bg { width: 611px; text-align: left; background: url(../images/writer/bg_wt.gif) repeat-y top left; }
.writer_article { margin: 0 8px; }

/*  ============================= 著者NEWSセット */
.news_set { width: 571px; margin: 0 10px 10px 10px; text-align: left; }
.news_article { margin: 10px 0 10px 10px; }
.news_set ul { font-size:12px; _font-size:80%; margin-bottom: 7px; line-height: 160%; }

/*  ============================= 著者プロフィール枠セット */
.pro_set { width: 591px; }
.pro_title { width: 591px; height: 69px; position: left top; }
.pro_bg { width: 591px; text-align: left; background: url(../images/writer/bg_pro.gif) repeat-y top left; }
.pro_article { margin: 0 10px; text-align: left; }
.pro_fd { width: 591px; height: 13px; position: left top; }

/*  ============================= 著者プロフィールセット */
.pro2_bg { width: 131px; height: 164px;  text-align: left; background: url(../images/writer/bg_pro2.gif) no-repeat top left; padding: 10px; }
.pro2_article { margin: 3px 0 0 0; }
#pro2-box { width: 571px; }
.pro2-box_main { width: 131px; text-align: left; float: left; }
.pro2-box_r { width: 430px; text-align: left; float: right; }
.pro-txtb { font-size:14px; _font-size:85%; margin-bottom: 10px; line-height: 180%; font-weight: bold; _line-height:1.55em; color: #990000; }

/*  ============================= 著作枠セット */
.book_set { width: 591px; margin: 15px 0 0 0; }
.book_title { width: 591px; height: 69px; position: left top; }
.book_bg { width: 591px; text-align: left; background: #ede8e4 repeat-y top left; }
.book_article { margin: 0 10px; text-align: left; }
.book_fd { width: 591px; height: 15px; position: left top; }

/*  ============================= 著作セット */
.book2-box { width: 570px; }
.book2-box_main { width: 285px; text-align: left; float: left; }
.book2-box_r { width: 285px; text-align: left; float: right; }
.book2_bg { text-align: left; background: url(../images/writer/bg_book2.gif) no-repeat top left; }
.book2_article { padding: 10px 6px 0 6px; }
.book2_fd { width: 285px; position: left top; }

/*  ============================= 著者メッセージ枠セット */
.mes_set { width: 430px; margin-top: 10px; margin-bottom: 10px; }
.mes_title { width: 430px; height: 75px; position: left top; }
.mes_bg { width: 430px; text-align: left; background: url(../images/writer/bg_message.gif) repeat-y top left; }
.mes_article { margin:0 10px 0 10px; text-align: left; font-size:12px; _font-size:80%; line-height: 160%; color: #451c0a; }
.mes_fd { width: 430px; height: 20px; position: left top; }

/*  ============================= yom yom便り／おススメの一冊一覧 */
.categorylist { width: 611px; margin-bottom: 15px; }
.categorylist ul { padding-bottom: 10px; }
.category_text { background: url(../images/icon_list.gif) no-repeat 0px; padding: 0 0 0 25px; font-size:14px; _font-size:85%; line-height: 160%; color: #134272; font-weight: bold; }

/*  ============================= 10 sample03 トラックバック */
#trackback_set {
	margin-top: 0;
	margin-bottom: 50px;
	font-size:12px;
	_font-size:80%;
}
#trackback_set ul {
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
#trackback_set li { background: url(../images/icon_list.gif) no-repeat 0px 5px; padding: 0 0 5px 10px; }
#trackback_set li p { padding-bottom: 3px; }
#trackback_set li p span { font-size: x-small; }
#trackback_set label { padding: 0 10px 0; }
#trackback_set input {
	width: 450px;
	border: 1px dotted #999999;
	background-color: #F0F0F0;
	margin-left: 5px;
	padding-top: 1px;
	padding-right: 3px;
	padding-bottom: 1px;
	padding-left: 3px;
}
.trackback_info
{
	padding-bottom: 3px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ceb5b5;
}
#trackback_set p { padding-top: 10px; }

/*  ============================== 14 ページトップ */
#page_top { width: 840px; margin: 10px auto 0; line-height: 140%; text-align: right;}
/*#page_top p a { float: right; background: url(../images/listmarker_01_03.gif) no-repeat left center; padding: 0 0 0 9px; font-size: x-small; }
*/
#page_top p a { background: url(../images/listmarker_01_03.gif) no-repeat left center; padding: 0 0 0 9px; font-size: x-small; }


/* ============================== 15 footer */
/*#footer { width: 840px; margin: 10px 0 0 0; text-align: center; } 
edited by fujita 
*/
#footer { width: 840px; clear:both; text-align:center; margin-left:auto; margin-right:auto}

/* common bug fix（サイト全体で使っているcssのバグを取るためのもの。へんな名前のクラスだね） */
#subcol .width115 { width: 113px; }

/* ============================== 16 col3専用設定 */
/* ブログ記事タイトル */
.col3 .topic_title { background: #f7ebe7 no-repeat left bottom; color: #52566d; }
.col3 .topic_title_top { background: url(../images/col3_title_top.gif) no-repeat left top; }
/* ブログ記事本文, sample02トラックバック */
.col3 .article, .col3 #trackback_set { width: 440px; }
/* 記事補足領域（comment/trackback） */
.col3 .topic_supplement { border-top: solid 1px #9bbc9b; }

/*  ============================= テキスト */

.text1 { font-size:14px; _font-size:85%; margin-bottom: 20px; line-height: 180%; _line-height:1.55em; }
.text1b { font-size:14px; _font-size:85%; margin-bottom: 20px; line-height: 180%; font-weight: bold; _line-height:1.55em; }
.text1b_red { font-size:14px; _font-size:85%; margin-bottom: 20px; line-height: 180%; font-weight: bold; _line-height:1.55em; color: #990000; }
.text2 { font-size:12px; _font-size:80%; margin-bottom: 16px; line-height: 160%; }
.text2b { font-size:12px; _font-size:80%; margin-bottom: 16px; line-height: 160%; font-weight: bold; }
.text2b_red {  font-size:12px; _font-size:80%; margin-bottom: 16px; line-height: 160%; font-weight: bold;_line-height:1.4em; color: #990000; }
.text3 { font-size:10px; _font-size:75%; margin-bottom: 14px; line-height: 140%; _line-height:1.3em; }
.text3b {  font-size:10px; _font-size:75%; margin-bottom: 14px; line-height: 140%; font-weight: bold; _line-height:1.3em; }
.text4 { margin:0 0 0 15px; font-size:14px; _font-size:85%; margin-bottom: 20px; line-height: 180%; _line-height:1.55em; }
.text5 { margin:0 0 0 15px; font-size:12px; _font-size:80%; margin-bottom: 16px; line-height: 160%; _line-height:1.4em; }
.text5b { margin:0 0 0 15px; font-size:12px; _font-size:80%; margin-bottom: 16px; line-height: 160%; font-weight: bold; _line-height:1.4em; }
.text6 { font-size:16px; _font-size:90%; margin-bottom: 22px; line-height: 200%; _line-height:1.8em; }
.text6b { font-size:16px; _font-size:90%; margin-bottom: 22px; line-height: 200%; _line-height:1.8em; font-weight: bold; }
.text6b_red { font-size:16px; _font-size:90%; margin-bottom: 22px; line-height: 200%; _line-height:1.8em; font-weight: bold; color: #990000; }


.text3_box { padding: 15px; font-size:10px; _font-size:75%; margin-bottom: 14px; line-height: 140%; _line-height:1.3em; background-color:#f6f6f6; }


/* ============================== 20 sample03専用設定 */
/* カテゴリ名 */
.category {
	color: #a37474;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #b68f8f;
	font-family: Arial, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	padding-buttom: 7px;
}