@charset "Shift_JIS";

/** 
 * Tags （HTMLタグに設定するスタイル）
*****************************************************/

* { margin: 0; padding: 0; }

img { border: none; }

dl, dt, dd, ul, ol, li { list-style: none; }

b { color:#008; }

body {
background:url('http://img.mblg.tv/upload/h/heathaze/material/21.jpg') bottom center repeat-x;
color: #333;
font-family: Verdana, Helvetica, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
line-height: 2;
font-size: 0.8em; }

pre { background-color:#def; border-radius:5px; padding:5px; border:1px solid #cdf; line-height:1.2; }

a:link { color: #7093db; }
a:visited { color: #001e5b; }
a:hover { color: #004080; }
a:active { color: #004080; }

h1 { font-size: 200%; }
h2 { font-size: 135%; }
h3 { font-size: 120%; }
h4 { font-size: 110%; }
h5, h6 { font-size: 100%; }

/** 
 * Layout （ページ全体のレイアウト（2カラム、3カラム））
*****************************************************/

div#container {
position: relative;
width:850px;
height: 100%;
margin: 0 auto;
}

div#header {
/*background: url(http://img.mblg.tv/upload/h/heathaze/material/22.jpg) center top no-repeat;*/
height: 215px;
margin: 10px 0;
text-align: right;
}

div#main {
width: 100%;
position: relative;
}

div#articles {
width: 665px;
overflow: hidden;
}


div#plugin-group1,
div#plugin-group2 {
float:right;
width: 170px;
margin-left:15px;
overflow: hidden;
}


/** 
 * Header detail （ヘッダ（上部）の細かいスタイル）
*****************************************************/

div#header h1 { display:none; padding: 190px 10px 5px 20px; line-height:1.2; }
div#header p { padding: 10px 10px 10px 20px; line-height:1; }
div#header h1 a { text-decoration: none; }

/** 
 * Footer detail （フッタ（下部）の細かいスタイル）
*****************************************************/

div#footer { text-align: center; font-size: 9px; height:100px; line-height:100px; clear:both; color:#fff; }


/** 
 * Article detail （コンテンツ（記事部分）の細かいスタイル）
*****************************************************/

div.paginator {
text-align: center;
margin-bottom:10px;
font-size:1.5em;
clear:both;
overflow:hidden; }
div.paginator div {
width:330.5px;
border:1px solid #00225F;
float:left; }
div.paginator .next { border-radius:0 1em 1em 0; margin-left:-1px; }
div.paginator .prev { border-radius:1em 0 0 1em; }
div.paginator a { display:block; }

div.article {
padding: 0px;
margin: 0px 0px 10px 0; }

div.article-header {
padding:10px 15px;
border: 1px solid #00225F;
border-bottom: none;
border-radius:1em 1em 0 0; }

div.article-date {
position: relative;
text-align: right;
padding: 0px 10px 0px 0px;
border: 1px solid #00225F;
border-top:none;
border-bottom:none; }


div.article-body {
padding: 15px;
border: 1px solid #00225F;
border-top:none;
border-bottom:none; }

div.article-body h2 { margin:0; }
div.article-body ul { margin-left:40px; }
div.article-body li { list-style:disc;}

div.article-body-ex {
border: 1px solid #00225F;
border-top:none;
border-bottom:none;
padding:0 10px; }
div.article-body-ex h5 { border-bottom:1px solid #333; color:#7093db; }

div.article-entry-ex-link { text-align: right; }

div.article-footer {
padding: 10px;
border: 1px solid #00225F;
border-top: none;
border-radius:0 0 1em 1em; }

div.article-footer ul {
position: relative;
text-align: right; }

div.article-footer ul li {
display: inline;
text-align: right;
position: relative;
}

div#comments {
margin: 15px 15px 15px 0;
}

div.comment {
border-top: 1px solid #333;
border-bottom: 1px solid #333;
padding: 0 0 10px;
}

div.comment-header {
padding: 5px 10px;
}

div.comment-body {
padding: 10px;
}


div#comment-add  {
padding: 10px;
}

div#comment-add-title {
padding: 10px 0 10px 10px;
text-align: center;
border-top: 1px solid #333;
border-bottom: 1px solid #333;
}

div#comment-add table {
width: 100%;
margin: 15px 0;
}


div#comment-add table td {
padding: 5px;
}

div#comment-add input.formpost {
display: blue;
margin: 0 auto;
}



/** 
 * Plugin detail （プラグインの細かいスタイル）
*****************************************************/

/** common **/
div.plugin-body { padding:10px 5px; border:1px solid #00225f; border-top:none; margin-bottom:1em; }

div.plugin h5 {
background:#00225f url(http://img.mblg.tv/upload/h/heathaze/material/27.gif) left top repeat;
color:#ddedff;
border-radius:10px 10px 0 0;
text-align: center;
padding: 5px 0px 5px 0px;
border-top: 1px solid #333;
border-bottom: 1px solid #333; }

/** calendar **/
div.plugin-calendar { width: auto; }
div.plugin-calendar table { width: 100%; line-height:1.5; }
div.plugin-calendar table th { font-size: x-small; }
div.plugin-calendar tr { border-bottom: 1px dotted #bdbdbd; }
div.plugin-calendar td { text-align: center; }
div.plugin-calendar td a { display: block; }
div.plugin-calendar td.none { visibility: hidden; }
div.plugin-calendar td.saturday, div.plugin-calendar th.saturday { color: #4169e1; }
div.plugin-calendar td.sunday, div.plugin-calendar th.sunday { color: #dc143c; }

/** profile **/
div#plugins div.plugin-profile img.profile { max-width: 120px; max-height: 160px; }
div.plugin-profile table { width: 100%; }
div.plugin-profile td.profLabel {
font-weight: bold;
padding-right: 2px;
text-align: right; }
div.plugin-profile div.more { text-align: right; }

/** recent comment **/
div.plugin-recentcomment dd {
margin-left: 7px;
color: #696969; }

/** free link **/
div.plugin-freelink dd {
margin-left: 7px;
color: #696969;
}



/** 
 * Ad （広告の表示スタイル）
*****************************************************/

div.ad { font-size: small; margin:2em 0; }
div.ad .ad, .ads_by { margin:0; padding:0 5px; }
div.ad table { text-align:center; width:100%; }