@charset 'UTF-8';


/* --------------------- basic ---------------------- */
*{
margin:0;
padding:0;
font-style:normal;
font-size:100%;
}

html,body{
margin:0 auto;
background:#fff url(http://www.solitaire-house.com/template/tb_field_background.gif) repeat-x 50% 0;
text-align:center;
}

h2,h3,h4,h5,h6{
color:#309818;
font-weight:normal;
font-family:"Century Gothic","Lucida Sans Unicode","Lucida Grande",sans-serif;
}
h3,h4,h5,h6{
margin:1em 0 -0.4em 0;
}
h2{
font-size:125%;
}
h3{
font-size:115%;
border-bottom:3px solid #89c15d;
}
h4{
font-size:110%;
border-bottom:3px double #89c15d;
}
h5{
font-size:105%;
border-bottom:1px solid #89c15d;
}
h6{
font-size:100%;
}

/* リンク色 */
a,
a:link{
color:#42b1b8;
text-decoration:none;
}
a:visited{
color:#258288;
}
a:hover{
color:#42b1b8;
text-decoration:underline;
}
a:active{
color:#42b1b8;
}

a img{
border:none;
}

strong{
font-weight:bold;
}

em{
font-style:italic;
}

ins{
border-bottom:1px solid #ddd;
text-decoration:none;
}

del{
text-decoration:line-through;
}

p,
blockquote,
pre,
hr,
table,
dl,
ul,
ol,
div.amazon{
margin:1em 0;
}

blockquote{
padding:2px 10px;
border:3px solid #bde6f0;
}

p.source{
text-align:right;
}

sup{
font-size:85%;
}

code,pre{
font-family:"Courier New","Courier",monospace;
}
pre{
width:100%;
overflow:auto;
}

hr{
height:1px;
border:1px solid #ddd;
}

table{
padding:2px;
border:3px solid #bde6f0;
border-collapse:collapse;
background:#fff;
font-size:100%;
text-align:left;
}
table tr th{
border:1px solid #bde6f0;
background:#f0fbfe;
padding:1px 5px;
font-weight:bold;
}
table tr td{
border:1px solid #bde6f0;
background:#fff;
padding:1px 5px;
color:#666;
}
caption{
color:#666;
text-align:center;
}

ul.footnote{
list-style:none;
padding:0;
font-size:85%;
}

dl dt,
dl dt{
font-weight:bold;
}
dl dd,
dl dd{
margin:0 0 0 1em;
}

label{
text-transform:capitalize;
}

ul{
list-style:none;
}
ul li{
margin:0 0 0 1.2em;
padding:0 0 0 25px;
background:url(http://www.solitaire-house.com/template/tb_field_list.gif) no-repeat 0 0.2em
}

ol{
padding:0 0 0 25px;
}

img.pict,
img.thumb{
margin:2px;
padding:1px;
border:3px solid #bde6f0;
}

div.amazon{
padding:10px;
border:3px solid #bde6f0;
}
div.amazon img{
float:left;
clear:left;
margin:0 10px 0 0;
}


/* --------------------- layout --------------------- */
/* 全体の幅・フォントなど */
div#header,
div#body,
div#footer{
margin:0 auto;
color:#666;
font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
text-align:left;
}

/* ヘッダー部分 */
div#header{
position:relative;
padding:0 0 20px 0;
}

/* ボディ部分 */
div#body{
background:#309818;
text-align:center;
}

/* フッター部分 */
div#footer{
padding:1em 0;
background:#309818;
color:#fff;
}

/* エントリー部分 */
div#main{
padding:15px 0 100px 0;
width:100%;
background:#fff url(http://www.solitaire-house.com/template/tb_field_main.gif) repeat-x 50% 100%;
text-align:center;
}

div#header,
div#list,
div.sequel,
div.entry,
div.comment,
div.comment_form,
div.trackback_url,
div.trackback,
div.profile,
div.pagenavi,
div.pagetop{
width:750px;
margin:0 auto;
font-size:100%;
text-align:left;
}

/* サイドバー部分 */
div#list{
margin:0 auto;
padding:15px 0 0 0;
color:#fff;
text-align:left;
}

/* 回り込み解除 */
div#header ul:after,
div#list:after,
div.amazon:after,
div.entry:after,
dd.recommendlist:after{
content:"";
display:block;
clear:both;
visibility:hidden;
}
div#header ul,
div#list,
div.entry,
div.amazon,
dd.recommendlist{
min-height:1px;
display:inline-table;
}
/* Mac IE ¥*/
* html div#header ul,
* html div#list,
* html div.entry,
* html div.amazon,
* html dd.recommendlist{
height:1px;
}
div#header ul,
div#list,
div.entry,
div.amazon,
dd.recommendlist{
display:block;
}
/* */


/* --------------------- header --------------------- */
/* サイト名 */
h1{
margin:0 2% 0 0;
padding:60px 0 0 0;
font-size:150%;
color:#42b1b8;
font-weight:normal;
font-family:"Century Gothic","Lucida Sans Unicode","Lucida Grande",sans-serif;
}
h1 a,
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active{
color:#42b1b8;
text-decoration:none;
}

/* サイトの解説 */
div.description{
margin:0 2% 0 0;
padding:0 0 40px 0;
font-size:84%;
}

/* グローバルナビゲーション */
div#header ul{
position:absolute;
top:0;
right:0;
margin:0 2% 0 0;
padding:0;
}
div#header ul li{
display:inline;
margin:0;
padding:0;
background:none;
}
div#header ul li a{
padding:0 0.5em 0.4em 0.5em;
border:1px solid #afe0e3;
background:#fff;
}
div#header ul li a:hover{
padding:0 0.5em 0.7em 0.5em;
text-decoration:none;
}

/* カレンダ */
div#header div.calendar{
margin:0 2% 0 0;
padding:0 0 15px 0;
text-align:center;
font-size:80%;
word-spacing:4px;
}


/* ---------------------- main ---------------------- */
/* エントリーナビ */
div.sequel{
padding:0 0 1em 0;
text-align:center;
}

/* 記事 */
div.entry,
div.comment,
div.comment_form,
div.trackback_url,
div.trackback,
div.profile{
padding:0 0 50px 0;
}


/* 記事の日付 */
div#main ul.entry_state{
float:right;
margin:0;
width:31.3%;
}
div#main ul.entry_state li{
margin:0;
padding:1em 5px;
border-bottom:1px dotted #89c15d;
background:none;
}


/* 記事の日付 */
div#main ul.entry_state{
float:right;
margin:0 2% 0 0;
width:31.3%;
}
div#main ul.entry_state li{
margin:0;
padding:1em 5px;
border-bottom:1px dotted #89c15d;
background:none;
}

/* 記事のタイトル */
h2.entry_title{
margin:0 2% 0 0;
padding:0.5em 33.3% 0.5em 5px;
border-bottom:3px solid #89c15d;
color:#309818;
}
h2.entry_title a,
h2.entry_title a:link,
h2.entry_title a:visited
h2.entry_title a:hover,
h2.entry_title a:active{
color:#309818;
text-decoration:none;
}

/* 記事、記事の続き */
div.entry_body,
div.entry_more{
padding:0 35.3% 0 5px;
line-height:1.9;
}
div.entry_body{
margin:5px 0 0 0;
}
div.entry_more{
margin:0 0 5px 0;
}

/* コメントのタイトル */
div.comment h3,
div.comment_form h3,
div.trackback_url h3,
div.trackback h3,
div.profile h2{
margin:0 2% 0 0;
padding:0.5em 33.3% 0.5em 5px;
border-bottom:3px solid #89c15d;
color:#309818;
}
div.comment h3,
div.comment_form h3,
div.trackback_url h3,
div.trackback h3{
text-transform:capitalize;
}

/* コメント、トラックバック */
div.comment dl,
div.trackback dl{
margin:1em 0;
line-height:1.9;
}

/* コメントの日付・トラックバックの日付など */
div.comment dl dt,
div.trackback dl dt{
margin:0 2% 0 0;
padding:0.5em 33.3% 0.5em 5px;
border-bottom:3px solid #bde6f0;
font-size:84%;
font-weight:normal;
}

/* コメントの名前・トラックバックの送信元など */
div.comment dl dt strong,
div.trackback dl strong{
color:#333;
font-size:115%;
font-weight:normal;
}

/* コメントなど */
div.comment dl dd,
div.trackback dl dd{
margin:0 2% 0 0;
padding:0.5em 33.3% 0.5em 5px;
}
div.trackback dl dd.tb_title{
font-size:110%;
font-weight:normal;
}

/* コメントフォーム */
div.comment_form dl{
margin:0;
padding:5px 0 0 0;
text-align:left;
}
div.comment_form dl dt{
position:relative;
width:120px;
line-height:2em;
font-weight:normal;
vertical-align:middle;
text-transform:capitalize;
text-indent:10px;
z-index:2;
}
div.comment_form dl dd{
margin:-2em 0 0 0;
padding:0.4em 0 0.4em 120px;
vertical-align:middle;
}
div.comment_form dl dd.description{
line-height:1em;
}
div.comment_form dl input{
width:200px;
border:1px solid #89c15d;
color:#333;
}
div.comment_form dl textarea{
width:320px;
border:1px solid #89c15d;
color:#333;
}
div.comment_form dl dt.submit{
visibility:hidden;
}
div.comment_form dl input#set_cookie{
width:auto;
border:none;
}
div.comment_form dl input.button{
width:auto;
padding:1px;
border:1px solid #fff0a0;
background:#89c15d;
color:#fff;
font-weight:normal;
font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
text-transform:capitalize;
}

/* ページナビ、ページトップ */
div.pagenavi,
div.pagetop{
padding:1em 0;
text-align:center;
}


/* ---------------------- side ---------------------- */
/* サイド */
div#list dl{
float:left;
width:31.3%;
margin:0 2% 0 0;
background:url(http://www.solitaire-house.com/template/tb_field_side.gif) no-repeat 0 0;
}

/* サイドのタイトル */
div#list dl dt{
padding:10px;
background:url(http://www.solitaire-house.com/template/tb_field_sidetitle.gif) no-repeat 100% 0;
font-size:100%;
font-weight:normal;
text-align:center;
text-transform:uppercase;
}

/* サイドの内容 */
div#list dl dd{
margin:0;
padding:32px 10px 10px 10px;
background:url(http://www.solitaire-house.com/template/tb_field_sidebody.gif) no-repeat 50% 0;
font-size:74%;
line-height:1.7;
}

/* サイドのリスト */
div#list dl dd ul{
margin:0;
padding:0;
list-style:none;
}
div#list dl dd ul li ul{
border-top:none;
}
div#list dl dd ul li{
border-bottom:1px dotted #89c15d;
margin:0.5em 0;
padding:2px 0 2px 15px;
background:url(http://www.solitaire-house.com/template/tb_field_sidelist.gif) no-repeat 5px 0.85em;
}
div#list dl dd ul li ul li{
border-bottom:none;
border-top:1px dotted #89c15d;
}

/* カレンダー */
dl.calendar{
margin:0 auto;
text-align:center;
}
table.calendar{
margin:0 auto;
padding:0;
border:none;
font-size:100%;
text-align:center;
}
table.calendar tr td{
color:#666;
line-height:1.9;
text-align:center;
}
table.calendar tr td.weekday,
table.calendar tr td.cell{
width:28px;
}
span.today{
font-weight:bold;
}

dd.recommendlist img{
float:left;
clear:left;
margin:1em 1em 0 0;
}

div#list a{
color:#fff0a0;
}
div#list a:hover{
color:#fff;
}


div.search{
padding:0 5px 0 15px;
}
div.search input{
border:1px solid #89c15d;
font-size:135%;
}
div.search input.form{
width:100px;
padding:2px;
}
div.search input.button{
width:auto;
padding:1px;
border:1px solid #fff0a0;
background:#89c15d;
color:#fff;
font-weight:normal;
font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;
text-transform:capitalize;
}


/* --------------------- footer --------------------- */
/* 著作権表示 */
address{
font-size:74%;
font-style:normal;
text-align:center;
}
