@charset 'EUC-JP';

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

/* 背景色 */
html,
body{
margin:0 auto;
background:#f8f8f8 url(http://www.mahina-lani.com/blog/template/tb_noble_background.gif) repeat-x 0 0;
text-align:center;
}
body{
padding:20px 0 10px 0;
}

h2,h3,h4,h5,h6,h13{
color:#8dbed0;
font-weight:bold;
}

h2{
font-size:16px;
}
h3{
font-size:14px;
}
h4{
font-size:12px;
}

/* リンク色 */
a{
color:#8dbed0;
text-decoration:none;
}
a:link{
color:#8dbed0;
}
a:visited{
color:#4287a0;
}
a:hover{
color:#b9d421;
}
a:active{
color:#b9d421;
}
a img{
border:none;
}

strong{
color:#cc8f66;
font-weight:bold;
}

em{
color:#cc8f66;
text-decoration:none;
}

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

del{
text-decoration:line-through;
}

blockquote{
margin:4px 5px;
padding:5px 10px;
border:1px solid #eee;
background:#f8f8f8;
}

/* 全体の幅・フォントなど */
div#body{
width:860px;
margin:0 auto;
font-family:MS UI Gothic,Verdana,sans-serif;
text-align:left;
}

/* 左側部分の表示 */
div#leftside{
float:left;
width:200px;
} 

/* エントリー部分 */
div#main{
float:left;
width:450px;
background:url(http://www.mahina-lani.com/blog/template/tb_noble_main.gif) repeat-y 0 0;
}

/* ヘッダー部分 */
div#header{
padding:0 0 5px 0;
background:url(http://www.mahina-lani.com/blog/template/tb_noble_header.gif) no-repeat 0 0;
}

/* 右側部分の表示 */
div#rightside{
float:left;
width:210px;
}

/* フッター部分 */
div#footer{
background:url(http://www.mahina-lani.com/blog/template/tb_noble_footer.gif) no-repeat 0 100%;
}



/* サイト名 */
h1{
padding:25px 10px 5px 20px; 
color:#a6cc33;
font-size:18px;
}
h1 a,
h1 a:link,
h1 a:visited,
h1 a:hover,
h1 a:active{
color:#a6cc33;
}

/* サイトの解説 */
div.description{
padding:0 30px 15px 30px;
color:#666;
font-size:11px;
}

/* サブメニュー */
div.submenu{
height:30px;
margin:0 5px;
padding:0 5px;
background:url(http://www.mahina-lani.com/blog/template/tb_noble_menu.gif) repeat-x 0 0;
}

div.submenu ul{
width:100%;
list-style:none;
text-align:center;
}
div.submenu ul li{
display:block;
float:left;
text-align:center;
}
div.submenu ul li a{
display:block;
width:80px;
height:30px;
padding:0 1px;
color:#8dbed0;
font-size:11px;
line-height:30px;
text-align:center;
}
div.submenu ul li a:hover,
div.submenu ul li a:active{
padding:0;
border-right:1px solid #eee;
border-left:1px solid #eee;
background:url(http://www.mahina-lani.com/blog/template/tb_noble_menu_over.gif) repeat-x 0 0;
color:#b9d421;
}

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

/* 記事 */
div.entry,
div.comment,
div.comment_form,
div.trackback_url,
div.trackback,
div.profile{
margin:0 0 30px 0;
}

/* 記事の日付 */
div.entry_date{
margin:0 0 0 18px;
padding:0 0 0 18px;
background:url(http://www.mahina-lani.com/blog/template/tb_noble_date.gif) no-repeat 0 0;
color:#666;
font-size:11px;
}

/* 記事のタイトル */
h2.entry_title{
margin:2px 0;
padding:2px 10px 2px 20px;
color:#a6cc33;
font-size:14px;
letter-spacing:1px;
}
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:#a6cc33;
}

/* 記事の著者 */
div.entry_author{
padding:0 20px;
color:#666;
font-size:12px;
text-align:right;
}

/* 記事、記事の続き */
div.entry_body,
div.entry_more{
padding:0 20px;
color:#666;
font-size:12px;
line-height:170%;
}

/* カテゴリーなど */
div.entry_state{
padding:5px 20px 3px 20px;
color:#666;
font-size:12px;
text-align:right;
}
div.entry_state ul{
list-style:none;
}
div.entry_state ul li{
display:inline;
}

div.entry_state ul li a{
margin:0 0 0 5px;
padding:0 0 2px 15px;
}
div.entry_state ul li.category a{
background:url(http://www.mahina-lani.com/blog/template/tb_noble_category.gif) no-repeat 0 100%;
}
div.entry_state ul li.comment a{
background:url(http://www.mahina-lani.com/blog/template/tb_noble_comment.gif) no-repeat 0 100%;
}
div.entry_state ul li.trackback a{
background:url(http://www.mahina-lani.com/blog/template/tb_noble_tb.gif) no-repeat 0 100%;
}

/* 記事中の<p>タグ */
div.entry_body p,
div.entry_more p{
margin:4px 0;
}

/* 記事中の<ul><ol>タグ */
div.entry_body ul,
div.entry_more ul,
div.entry_body ol,
div.entry_more ol{
padding:4px 0 4px 20px;
}

/* 記事中の画像 */
img.pict,{
margin:2px;
border:1px solid #eee;
}

img.thumb{
margin-right:0.8em;
margin-bottom:0.5em;
border:1px solid #eee;
}

/* コメントのタイトル */
div.comment h3,
div.comment_form h3,
div.trackback_url h3,
div.trackback h3{
padding:2px 0 0 20px;
color:#999;
font-size:11px;
letter-spacing:1px;
text-transform:capitalize;
}

/* コメントのタイトル絵文字追加後 */
h13{
padding:2px 0 0 20px;
color:#999;
font-size:11px;
letter-spacing:1px;
text-transform:capitalize;
}

h3.comment_head{
padding:2px 0 0 20px;
color:#999;
font-size:11px;
letter-spacing:1px;
text-transform:capitalize;
}

/* コメント、トラックバック */
div.comment dl,
div.trackback dl{
margin:3px 20px 4px 20px;
padding:5px;
border:1px solid #eeeeee;
}

/* トラックバックタイトル */
div.trackback h4{
padding:0 0 2px 0;
color:#ff799b;
font-size:11px;
}

/* トラックバック注意 */
div.trackback_alt {
padding:2px 0 0 20px;
color:#999;
font-size:10px;
}

/* コメントの日付など */
div.comment dl dt{
padding:0 0 2px 18px;
background:url(http://www.mahina-lani.com/blog/template/tb_noble_comment.gif) no-repeat 0 2px;
color:#666;
font-size:11px;
}

/* コメントの日付など */
div.trackback dl dt{
padding:0 0 2px 18px;
background:url(http://www.mahina-lani.com/blog/template/tb_noble_tb.gif) no-repeat 0 2px;
color:#666;
font-size:11px;
}

/* コメントなど */
div.comment dl dd,
div.trackback dl dd{
padding:0 0 0 18px;
color:#666;
font-size:12px;
line-height:170%;
}

/* コメント・太字部分 */
div.comment dl span,
div.trackback dl span{
color:#8dbed0;
font-size:12px;
font-weight:bold;
}

/* コメントフォーム */
div.comment_form dl{
padding:10px 50px 2px 50px;
color:#808080;
font-size:11px;
}

div.comment_form dl dt{
clear:left;
float:left;
width:100px;
line-height:18px;
text-align:right;
}

div.comment_form dl dd{
margin:0 0 0 100px;
padding:0 0 1px 0;
text-align:right;
}

div.comment_form dl dt#description_name,
div.comment_form dl dd#submit_form{
float:none;
width:auto;
}

div.comment_form dl dd#description_form,
div.comment_form dl dd#submit_form{
margin:0;
}

div.comment_form dl dt#submit_name{
display:none;
}

label{
text-transform:capitalize;
}

/* 入力部分幅 #mainの幅を変えたときには注意！ */
div.comment_form dl input.form{
width:245px;
}

/* 入力部分・テキストエリア幅 #mainの幅を変えたときには注意！ */
div.comment_form dl textarea{
width:350px;
}

/* 入力部分 */
input.form,
textarea{
border:1px solid #eee;
background:#fff;
color:#666;
}

/* 送信ボタン */
input.button{
padding:0px 3px;
border:3px double #eee;
background:#fff url(http://www.mahina-lani.com/blog/template/tb_noble_button.gif) repeat 0 0;
color:#999;
font-size:11px;
font-weight:bold;
font-family:Tahoma,Verdana,sans-serif;
text-transform:capitalize;
}

/*コメントエリアスクロール*/
div.com_area {
height:200px;
overflow:auto;
background-image:url(http://www.mahina-lani.com/image/ohaziki.jpg);
background-repeat:no-repeat;
background-attachment:fixed;
background-position:80% bottom;
}

/* ページナビ、ページトップ */
div.pagenavi,
div.pagetop{
padding:5px 20px;
color:#666;
font-size:11px;
text-align:center;
}

/* side */
/* 左サイド */
div#leftside dl{
margin:5px 0 15px 0;
padding:0 0 10px 1px;
}

/* 左サイドのタイトル */
div#leftside dl dt{
border-bottom:1px solid #eee;
color:#8dbed0;
font-size:11px;
font-weight:bold;
letter-spacing:1px;
text-transform:capitalize;
}

/* 左サイドの内容 */
div#leftside dl dd{
padding:1px 0 0 0;
color:#666;
font-size:11px;
line-height:150%;
}

div#leftside dl.recommend img{
display:block;
}

div#leftside dd.calendarlist table {
	width: 150px;
}

/*div#leftside dl.recommend span{
font-weight:bold;
}*/

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

div#leftside dl dd a:hover{
border-bottom:1px solid #eee;
}

/*右サイド */
div#rightside dl{
margin:5px 0 15px 0;
padding:0 0 10px 1px;
}

/* 左サイドのタイトル */
div#rightside dl dt{
border-bottom:1px solid #eee;
color:#8dbed0;
font-size:11px;
font-weight:bold;
letter-spacing:1px;
text-transform:capitalize;
}

/* 左サイドの内容 */
div#rightside dl dd{
padding:1px 0 0 0;
color:#666;
font-size:11px;
line-height:150%;
}

div#rightside dl.recommend img{
display:block;
}

div#rightside dd.calendarlist table {
	width: 150px;
}

/*div#rightside dl.recommend span{
font-weight:bold;
}*/

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

div#rightside dl dd a:hover{
border-bottom:1px solid #eee;
}

/* 検索 */
div.search label{
color:#666;
font-size:10px;
}
div.search input.form{
width:110px;
}

div.accesslog{
display:inline;
height:1px;
width:1px;
}


/* footer */
/* 著作権表示 */
address{
padding:15px 0;
color:#666;
font-size:10px;
font-style:normal;
text-align:center;
}

/* 回り込み解除 */
br.cancel{
clear:both;
font-size:0;
line-height:0;
}

/* sbtext */
table{
color:#666;
font-size:10px;
}

div.entry_body ul.footnote,
div.entry_more ul.footnote{
list-style:none;
padding:0;
}

img.thumb {
float:left;
clear:left;
}

.img_cap{
margin-left:15px;
color: silver;
}

.rating{
margin-left:20px;
color:#666;
font-size:12px;
}

/* カレンダー・日付 */
table.calendar{
color:#999;
font-size:9px;
text-align:center;
}

/* カレンダー・月 */
div.calendar_month{
color:#999;
font-size:10px;
}
/* カレンダー・日曜 */
td.sun{
color:#db7979;
}

/*カレンダー・土曜 */
td.sat{
color:#7992db;
}

/* カレンダー・幅と高さ */
td.cell{
width:23px;
height:15px;
}

/* カレンダー・アクセス日の表示 */
span.today{
font-weight:bold;
}


/* サイドバーノート */
div.side_alt {
padding:2px 0 0 2px;
color:#666;
font-size:11px;
}

pre {
  overflow: auto;
  white-space: normal;
  white-space: -moz-pre-wrap; /* Mozilla */
  white-space: -pre-wrap;     /* Opera 4-6 */
  white-space: -o-pre-wrap;   /* Opera 7 */
  white-space: pre-wrap;      /* CSS3 */
  word-wrap: break-word;      /* IE 5.5+ */
}

html {
  overflow-y : scroll;
}