@charset 'EUC-JP';

/*------------------------------------------------------
  Template : citrus
  Author   : turkie
  Address  : http://quarter.vis.ne.jp/books/
  Version  : 1.01
  Copyright (c) 2003-2006 turkie. All Rights Reserved. 
------------------------------------------------------*/

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

/* 背景色 */
html,
body{
margin:0 auto;
background:#fff url(http://edu.culturalzone.com/template/tb_citrus_background.gif) repeat-y 50% 0;
text-align:center;
}
body{
min-width:750px;
}

h2,h3,h4,h5,h6{
margin:0.5em 0;
font-family:"Century Gothic",sans-serif;
font-weight:normal;
}
h3{
border-bottom:1px solid #eee;
font-size:110%;
}
h4{
border-bottom:3px double #eee;
font-size:105%;
}
h5{
border-bottom:1px dotted #eee;
font-size:100%;
}

/* Mac IE \*/
h2,h3,h4,h5,h6{
letter-spacing:0.2em;
}
h3:first-letter{
color:#2cccce;
font-size:130%;
}
h4:first-letter{
color:#9c3;
font-size:130%;
}
h5:first-letter{
color:#f90;
font-size:130%;
}
/* */

/* リンク色 */
a,
a:link{
color:#f90;
text-decoration:none;
}
a:visited{
color:#cc7a00;
}
a:hover,
a:active{
text-decoration:underline;
}

a img{
border:none;
}

strong{
color:#9c3;
font-weight:bold;
}

em{
background:#f3f9e8;
color:#9c3;
}

ins{
border-bottom:1px solid #ddd;
text-decoration:none;
}

del{
text-decoration:line-through;
}

blockquote{
margin:0.5em 0;
padding:2px 10px;
border:3px double #eee;
background:url(http://edu.culturalzone.com/template/tb_citrus_blockquote.gif) repeat 0 0;
color:#9c3;
}

p.source{
text-align:right;
}

sup{
font-size:65%;
}

code,pre{
font-family:"Courier New","Courier",monospace;
}
pre{
margin:0.5em 0;
width:430px;
overflow:auto;
}

hr{
height:1px;
margin:0.5em 0;
border:1px solid #eee;
}

div#main table{
margin:0.5em 0;
padding:2px;
border:3px double #eee;
border-collapse:collapse;
background:#fff;
font-size:100%;
text-align:left;
}
div#main table tr th{
border:1px solid #eee;
background:#f8f8f8;
padding:1px 5px;
color:#887264;
font-weight:bold;
}
div#main table tr td{
border:1px solid #eee;
background:#fff;
padding:1px 5px;
color:#887264;
}
div#main caption{
color:#887264;
text-align:center;
}

ul.footnote{
list-style:none;
padding:0;
font-size:84%;
}
div.entry dl,
div.profile dl{
margin:0.5em 0;
}
div.entry dl dt,
div.profile dl dt{
font-weight:bold;
margin:0 5em 0 1em;
padding:0.2em 10px;
border:1px solid #eee;
background:#fff;
position:relative;
top:1em;
z-index:2;
line-height:1.5;
}
div.entry dl dd,
div.profile dl dd{
padding:1em 10px 0 10px;
border:3px double #eee;
}

label{
text-transform:capitalize;
}

div#main p{
padding:0.5em 0;
}

div#main ul{
padding:0.5em 0;
}
div#main ul li,
div#side ul li{
padding:0 0 0 15px;
list-style:none;
background:url(http://edu.culturalzone.com/template/tb_citrus_list_gr.gif) no-repeat 0 0.5em;
}
div#main ul li ul li,
div#side ul li ul li{
background:url(http://edu.culturalzone.com/template/tb_citrus_list.gif) no-repeat 0 0.5em;
}

div#main ol{
padding:0.5em 0 0.5em 25px;
}

img.pict,
img.thumb{
margin:2px;
padding:1px;
border:1px solid #eee;
}

div.amazon{
min-height:1px;
margin:0.5em 0;
padding:10px;
border:3px double #eee;
}
div.amazon img{
float:left;
clear:left;
margin:0 10px 0 0;
}


/* --------------------- layout --------------------- */
/* 全体の幅・フォントなど */
div#header,
div#body,
div#footer{
width:750px;
margin:0 auto;
color:#887264;
font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
}

/* ヘッダー部分 */
div#header{
width:100%;
height:170px;
background:url(http://edu.culturalzone.com/template/tb_citrus_header.gif) no-repeat 50% 100%;
}

/* ボディー部分 */
div#body{
min-height:1px;
text-align:left;
}

/* フッター部分 */
div#footer{
height:50px;
background:url(http://edu.culturalzone.com/template/tb_citrus_footer.gif) no-repeat 50% 50%;
}

/* エントリー部分 */
div#main{
float:left;
width:470px;
}

/* サイドバー部分 */
div#side{
float:left;
width:270px;
background:url(http://edu.culturalzone.com/template/tb_citrus_side.gif) no-repeat 0 0;
}

/* 回り込み解除 */
div#body:after,
div.amazon:after{
content:"";
display:block;
clear:both;
visibility:hidden;
}
div#body,
div.amazon{
display:inline-table;
min-height:1px;
}
/* Mac IE \*/
* html div#body,
* html div.amazon{
height:1px;
}
div#body,
div.amazon{
display:block;
}
/* */

/* --------------------- header --------------------- */
/* サイト名 */
h1{
width:750px;
margin:0 auto;
padding:64px 0 1px 0;
color:#2cccce;
font-size:130%;
font-family:"Century Gothic",sans-serif;
font-weight:normal;
text-align:left;
text-indent:25px;
letter-spacing:0.2em;
}
h1 a,
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active{
color:#2cccce;
text-decoration:none;
}

/* サイトの解説 */
div.description{
width:750px;
margin:0 auto;
font-size:74%;
text-align:left;
text-indent:25px;
}


/* ---------------------- main ---------------------- */
/* エントリーナビ */
div.sequel{
padding:0 10px 10px 20px;
font-size:84%;
text-align:center;
}

/* 記事 */
div.entry,
div.comment,
div.comment_form,
div.trackback_url,
div.trackback,
div.profile{
width:100%;
padding:0 0 50px 0;
background:url(http://edu.culturalzone.com/template/tb_citrus_entry_title_gr.gif) no-repeat 20px 0;
}

/* 記事の日付 */
div.entry_date{
margin:0 10px 30px 80px;
padding:3px 5px 2px 5px;
border-bottom:1px solid #eee;
color:#ddd;
font-size:115%;
font-family:"Century Gothic",sans-serif;
letter-spacing:0.2em;
}

/* 記事のタイトル */
h2.entry_title{
margin:-23px 0 0 0;
padding:0 15px 0.5em 85px;
font-size:115%;
font-family:"Century Gothic",sans-serif;
font-weight:normal;
}
h2.entry_title a,
h2.entry_title a:link,
h2.entry_title a:visited
h2.entry_title a:hover,
h2.entry_title a:active{
display:block;
width:370px;
color:#887264;
text-decoration:none;
}
/* Mac IE \*/
h2.entry_title a:first-letter{
color:#2cccce !important;
font-size:150%;
}
/* */

/* 記事、記事の続き */
div.entry_body,
div.entry_more{
padding:0 15px 0 25px;
font-size:90%;
line-height:1.9;
}

/* カテゴリーなど */
div.entry_state{
margin:0 10px 0 20px;
padding:3px 5px 0 5px;
border-top:1px solid #eee;
font-size:74%;
text-align:right;
}

/* コメントのタイトル */
div.comment h3,
div.comment_form h3,
div.trackback_url h3,
div.trackback h3,
div.profile h2{
margin:0 10px 23px 80px !important;
padding:18px 5px 0 5px;
border-bottom:1px solid #eee;
font-size:115%;
font-family:"Century Gothic",sans-serif;
font-weight:normal;
}
div.comment h3,
div.comment_form h3,
div.trackback_url h3,
div.trackback h3{
text-transform:capitalize;
}
/* Mac IE \*/
div.comment h3:first-letter,
div.comment_form h3:first-letter,
div.trackback_url h3:first-letter,
div.trackback h3:first-letter,
div.profile h2:first-letter{
color:#2cccce;
font-size:150%;
}
/* */

/* コメント、トラックバック */
div.comment dl,
div.trackback dl{
margin:0.5em 15px 0.5em 25px;
line-height:1.9;
}

/* コメントの日付・トラックバックの日付など */
div.comment dl dt,
div.trackback dl dt{
margin:0 5em 0 1em;
padding:0.5em 10px;
border:1px solid #eee;
background:#fff;
position:relative;
top:1em;
z-index:2;
font-size:84%;
line-height:1;
}

/* コメントの名前・トラックバックの送信元など */
div.comment dl dt strong,
div.trackback dl strong{
color:#32aab7;
font-size:115%;
font-family:"Century Gothic",sans-serif;
font-weight:normal;
}
div.trackback dl dd.tb_title{
color:#32aab7;
font-size:110%;
font-family:"Century Gothic",sans-serif;
font-weight:normal;
}

/* コメントなど */
div.comment dl dd,
div.trackback dl dd{
font-size:90%;
}
div.comment dl dd{
padding:1em 10px 0.5em 10px;
border:3px double #eee;
}
div.trackback dl dd.tb_title{
padding:1em 10px 0 10px;
border-top:3px double #eee;
border-left:3px double #eee;
border-right:3px double #eee;
}
div.trackback dl dd.tb_excerpt{
padding:0 10px 0.5em 10px;
border-left:3px double #eee;
border-bottom:3px double #eee;
border-right:3px double #eee;
}

/* コメントフォーム */
div.comment_form dl{
padding:5px 10px 0 20px;
font-size:100%;
text-align:left;
}
div.comment_form dl dt{
width:100px;
line-height:2em;
text-indent:10px;
vertical-align:middle;
text-transform:capitalize;
}
div.comment_form dl dd{
margin:-2em 0 0 100px;
padding:0.4em 0;
vertical-align:middle;
}
div.comment_form dl dd.description{
line-height:1em;
}
div.comment_form dl input{
width:200px;
border:3px double #eee;
color:#887264;
font-size:100%;
}
div.comment_form dl textarea{
width:308px;
border:3px double #eee;
color:#887264;
font-size:90%;
}
div.comment_form dl dt.submit{
display:none;
}
div.comment_form dl dd.submit{
margin:0;
padding:0.4em 10px;
text-align:right;
}
div.comment_form dl input#set_cookie{
width:auto;
border:none;
}
div.comment_form dl input.button{
width:auto;
padding:0 5px;
border:none;
background:#9c3;;
color:#fff;
font-size:85%;
font-weight:bold;
font-family:"Lucida sans unicode","Lucida grande",serif;
text-transform:capitalize;
}

/* トラックバックURL */
div.trackback_url div.entry_body{
margin:0 15px 0 25px;
padding:0 10px;
border:3px double #eee;
text-align:center;
}

/* ページナビ、ページトップ */
div.pagenavi,
div.pagetop{
padding:0 10px 10px 20px;
font-size:74%;
text-align:center;
}


/* ---------------------- side ---------------------- */
/* サイド */
div#side dl{
padding:5px 15px 20px 15px;
background:url(http://edu.culturalzone.com/template/tb_citrus_side_title_gr.gif) no-repeat 50% 0;
}

/* サイドのタイトル */
div#side dl dt{
height:30px;
margin:0 0 2px 0;
padding:0 15px 0 15px;
color:#887264;
font-size:85%;
font-family:"Century Gothic",sans-serif;
font-weight:normal;
letter-spacing:0.1em;
line-height:30px;
text-align:left;
text-transform:capitalize;
}
/* Mac IE \*/
div#side dl dt:first-letter{
color:#9c3;
font-size:140%;
}
/* */

/* サイドの内容 */
div#side dl dd{
padding:5px 15px 0 15px;
background:url(http://edu.culturalzone.com/template/tb_citrus_side_body.gif) no-repeat 0 0;
font-size:74%;
line-height:1.7;
}

/* サイドのリスト */
div#side dl dd ul{
list-style:none;
}
div#side dl dd ul li{
padding:0 0 3px 15px;
}

/* 検索 */
div.search{
margin:0 auto;
line-height:20px;
text-align:center;
}
div.search label{
display:none;
}
div.search input{
vertical-align:bottom;
}
div.search input.form{
width:100px;
border:3px double #eee;
color:#887264;
font-size:130%;
}
div.search input.button{
width:auto;
padding:0 5px;
border:none;
background:#9c3;;
color:#fff;
font-size:120%;
font-weight:bold;
font-family:"Lucida sans unicode","Lucida grande",serif;
text-transform:capitalize;
}

/* カレンダー */
div#side dl.calendar{
margin:0 auto;
text-align:center;
}
div#side dl.calendar table.calendar{
margin:0 auto;
padding:0;
border:none;
font-size:100%;
color:#8a7b73;
text-align:center;
}
div#side dl.calendar table.calendar tr td{
margin:1px;
border:none;
border-top:1px solid #eee;
color:#8a7b73;
line-height:1.9;
text-align:center;
}
div#side dl.calendar table.calendar tr td.weekday,
div#side dl.calendar table.calendar tr td.cell{
width:28px;
}
div#side dl.calendar table.calendar tr td.cell a{
display:block;
background:#f8f8f8;
}
div#side dl.calendar table.calendar tr td.cell a:hover{
background:#fff;
}
div#side dl.calendar table.calendar tr td.cell span.today{
display:block;
background:#f90;
color:#fff;
}


/* --------------------- footer --------------------- */
/* 著作権表示 */
address{
padding:10px 285px 10px 10px;
font-size:74%;
font-style:normal;
line-height:30px;
text-align:center;
}

div.tdfootdiv{
	padding:3px;
	margin:11px 0 0 0;
	line-height:16px;
}
ul.tdfootad{
	margin:0;
	padding:0;
}
ul.tdfootad li{
	display:inline;
	background-image:url("http://img.ninja-system.com/ad/al.gif");
	background-position:left center;
	background-repeat:no-repeat;
	padding:0 4px 0 8px;
	font-size:13px;
}
ul.tdfootad li.tdfootpr{
	background-image:url("http://img.ninja-system.com/ad/pr.gif");
	padding-left:20px;
}
ul.tdfootad li.tdftlink{
	background-image:url("http://img.ninja-system.com/ad/link.gif");
	padding-left:25px;
}
ul.tdfootad li a:hover{
	text-decoration:none;
}