/* 基本的な物 */
body       { margin: 0;padding: 0; color: #778686; font: 11px/140% "Lucida Grande", Arial, Verdana, sans-serif , "Hiragino Kaku Gothic Pro", Osaka; background: url(/shered/head_bg.gif) repeat-x; }

img {border: 0px}

p,td   { color: #778686; line-height: 140%; padding: 0px;}

h1, h2 , h3, h4, h5  { color: #005447; font-size: 1em; margin: 0; padding: 0;text-shadow: 0.2em 0.2em 0.1em #CCC; }
form {margin: 0px;padding: 0px}

a {color: #454545; font-style: normal; text-decoration: none;}
a:link     { }
a:visited { }
a:active { }
a:hover  { color: #005447; text-decoration: underline }

ul   { margin: 0;padding-left: 15px }
li  { margin: 0; padding: 0px }

/**/

/* .pkg class wraps enclosing block element around inner floated elements */
.pkg:after {
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
* html .pkg { display: inline-table; }
/* no ie mac \*/
* html .pkg { height: 1%; }
.pkg { display: block; }
/* */

/**/

/* 隠すもの */
hr,#navi h2 ,.hidden,#acc {display: none; }
.att { color: #a55044 }

/* ヘッダー */
#header    { padding-top: 31px; padding-left: 34px ;}
#header h1 {width: 301px;background-repeat: no-repeat; background-position: right top }
body#blog #header h1  { background-image: url("/shered/logo_blog.gif"); }
body#about #header h1  { background-image: url("/shered/logo_about.gif"); }
body#sitetop #header h1   { background-image: url("/shered/logo_top.gif") }
.pan { font-size: 0.9em; margin-top: 17px }

/* ウェルカム */
#welcome       {
 background-image: url("/shered/bg_welcome.gif"); background-repeat: repeat-y; 
 position: absolute; top: 200px; left: 34px; width: 220px; /*overflow: visible*/ }
#update        { background-image: url("/shered/blog_head_bg.gif"); margin-right: 1px; margin-bottom: 12px; padding: 3px 5px 2px 11px; border-left: 3px solid #d8dcdc }
#update h2   { background-image: url(/shered/ico_crime.gif); background-repeat: no-repeat; background-position: 0 0; padding-left: 24px; height: 23px }
#update ul   { list-style-type: none; margin: 5px 0 0; padding: 0px }
#update ul li    { font-size: 0.95em; margin-bottom: 7px }
#update .date   { font-size: 0.9em }
#update a   { font-weight: bold }

/* 広告 */
ol#ad_blog { list-style-type: none; margin: 5px 0 0; padding: 0;  }
#ad_top ol { list-style-type: none; margin: 5px 0 0; padding: 0;  }
#ad_top li , #ad_blog li    { margin: 0 0 3px; padding: 0 }

/* ナビゲーション */
#navi    { color: #d1d6d6; font-size: 1em; background-image: url("/shered/bg_navi90.png"); margin: 0; position: fixed; z-index: 500; bottom: 0; left: 0; width: 100%; height: 47px }
#navi a  { color: #d1d6d6; font-weight: bold; text-decoration: none }
#navi a:hover {color: #FFFFFF;font-weight: bold;}
#navi ul  { margin: 10px 0 0 34px; padding: 0 }
#navi ul li  { display: inline; margin-right: 10px }
.key { text-decoration: underline }

/* フォント */
#fontdownload       { white-space: nowrap; padding-bottom: 100px; position: absolute; top: 200px; left: 287px; width: 500px; overflow: visible }
#fontdownload h2  { display: none; }
.fontdownload        { margin-right: 20px; margin-bottom: 10px; padding-left: 40px; width: 378px }
.fontEx     { margin-bottom: 6px; padding-top: 3px; padding-bottom: 2px; padding-left: 13px; width: 100%; float: left; border-left: 3px solid #d8dcdc }
.fontEx h3    { font-size: 1.2em;display: block; margin: 0; padding: 0; width: 250px; float: left }
.fontEx h3 a {color:#005447;}
.fontEx ul   { text-align: right; display: block; margin-right: 16px; margin-bottom: 0; margin-left: 0; padding: 0; position: relative; width: 70px; float: right }
.fontEx ul li     { font-size: 1em; text-align: center; display: inline; margin-left: 3px; width: 30px; float: right; border: solid 1px #747474 }
.fontEx li a { color: #778686; text-decoration: none; display: block; padding: 2px }
.fontEx li a:hover  { color: white; text-decoration: none; background-color: #005447 }
.fontas    { color: #a3acb8 !important; font-size: 0.7em; font-style: italic; font-weight: normal; margin: 0; padding: 0;text-shadow: none }
#fontdetail_1, #fontdetail_2, #fontdetail_3, #fontdetail_4, #fontdetail_5, #fontdetail_6, #fontdetail_7, #fontdetail_8, #fontdetail_9, #fontdetail_10, #fontdetail_11, #fontdetail_12, #fontdetail_13, #fontdetail_14    { white-space: normal; display: none; margin-top: 5px; margin-bottom: 3px; padding-top: 5px; padding-bottom: 5px; width: 363px !important; clear: both; border-top: 1px dotted #a3acb8 }
.fontimage  { clear: both }


/* アバウト */

body#about #wrap      { margin-top: 20px; position: absolute; left: 34px; width: 3000px; height: 325px }
body#about #wrap .paragraph  { margin-right: 18px; margin-bottom: 12px; padding-top: 3px; padding-bottom: 2px; padding-left: 11px; width: 220px; height: 325px; float: left; border-left: 3px solid #8edab1 }
.paragraph h3 { font-size: 0.8em; margin-bottom: 7px }
#cont_e-mail, #cont_name,#cont_body { background-color: #dcf0cf; margin-bottom: 10px; width: 280px; border: solid 1px #73a43d;margin: 3px }
#cont_submit {width: 285px}
#contact label { color: #536666;}
.h_jap {font-size: 0.8em}

/* blog */

body#blog #wrap      { margin-top: 47px; padding-bottom: 130px; position: absolute; left: 34px ; width: 1100px}

/* blogtop */
#blog_headline  { margin: 0 28px 0 0; padding: 0; width: 402px; float: left }
#blog_headline_cat  { margin: 0 28px 0 0; padding: 0; width: 760px; float: left }
#blog_headline .entries { background-color: #fdfbf5; margin-bottom: 7px; padding: 11px; border-left: 3px solid #FF9900;width: 376px }
#blog_headline_cat .entries { background-color: #fdfbf5; margin-bottom: 7px; padding: 11px; border-left: 3px solid #FF9900;float: left }
#blog_headline_cat .entries {width: 330px ;margin-right: 20px }
#blog_headline .entries:hover,#blog_headline_cat .entries:hover  { background: #fff9f8 url("/shered/head_bg50.gif") }
#blog_headline h2  { background-image: url("/shered/blog_head_bg.gif"); margin-bottom: 12px; padding: 7px 11px; border-left: 3px solid #ff9900 }
#categories h2,#rec_comment h2, #search h2 { margin-bottom: 12px; padding-top: 3px; padding-bottom: 2px; }
.paginate {clear: both}
.paginate div { padding-top: 15px; padding-bottom: 15px; }

#blog_headline h3,.blog_head h3 {margin: 0px;padding: 0px;font-size: 1.2em}
.posted  { font-size: 0.9em; margin: 0; padding: 2px 0 0 }
.posted a { font-weight: normal}

.blog_body  { margin: -10px 28px 0 10px; padding: 0 0 0 10px; width: 472px; float: left;
 color: #16161f; /*font-size: 15px; line-height: 1.8em  */}
.blog_body p,.blog_body th ,.blog_body td {color: #16161f;/* font-size: 15px; line-height: 1.8em*/}
.blog_body a {color: #005447;font-weight: bold; text-decoration: none; }
.blog_body a:link  { color: #005447; }
.blog_body a:hover  { color: #005447; text-decoration: underline }



.blog_body h4 {background-image: url("/shered/blog_head_bg.gif"); margin:22px 0 12px 0; padding: 5px 11px; border-left: 3px solid #ffd99f; clear:both;
line-height:1.2em;}
.blog_body h4 a:link  {color: #005447; }
.blog_body h4 a:hover  { color: #005447; text-decoration: underline }


.pict  { background-color: #fff; margin-right: 5px; margin-bottom: 5px; padding: 7px; border: solid 1px #d8dcdc; text-shadow: 0.2em 0.2em 0.1em #CCC }
.pictR   { background-color: #fff; margin-right: 5px; margin-bottom: 5px; padding: 7px; float: right; border: solid 1px #d8dcdc; text-shadow: 0.2em 0.2em 0.1em #CCC  }
.pictL   { background-color: #fff; margin-right: 5px; margin-bottom: 5px; padding: 7px; float: left; border: solid 1px #d8dcdc; text-shadow: 0.2em 0.2em 0.1em #CCC  }
.blog_sub  { margin-left: 545px; width: 210px }
#blog_sub2   { display: block; margin-top: 47px; margin-right: 10px; position: absolute; top: 14px; left: 790px; width: 206px }

p.com_posted {font-size: 0.9em;margin: 0px;padding:0px;display: block}
p.com_com  { display: block; margin: 0; padding: 3px; border-bottom: 1px dotted #a3acb8 }
.blog_comform  { padding: 10px; border: solid 1px #D8DCDC;margin-bottom: 10px }
.blog_comform h3  {font-size: 0.95em }
blockquote   { background-color: #fafbfb; margin-left: 0; padding: 15px; width: 90%; border: solid 1px #d8dcdc }
blockquote * {line-height: 1.2em !important; }
#email, #url,#text,#author  { font-size: 0.9em; background-color: #fafbfb; padding: 3px; width: 180px; border: solid 1px #d8dcdc }
#text {height: 80px;margin: 0px;padding: 0px}

#right  { display: block; margin-left: 434px;width: 310px;}
#moreright   { display: block; margin-top: 47px; margin-right: 10px;padding-bottom:80px; position: absolute; left: 810px; width: 210px }

#categories ul { margin: 0px; padding: 0 }
#categories ul li { display: inline; margin-right: 10px }

#categories, #rec_comment ,#rec_ad , #search ,#tag { background-image: url("/shered/blog_head_bg.gif"); margin-bottom: 14px; padding: 7px 11px; border-left: 3px solid #ffd99f }

 .blog_head { background-image: url("/shered/blog_head_bg.gif"); margin-bottom: 14px; padding: 7px 11px; border-left: 3px solid #ff9900; }

#trackbacks ,#comments ,#categoryentry{font-size: 0.95em; padding-left: 11px; border-left: 3px solid #FFD99F ;margin-bottom: 14px}

/* calender */
#calendar     { color: #a2acac; font-size: 0.8em; background-image: url("/shered/bg_cal.png"); margin: 0; padding-top: 3px; position: fixed; z-index: 501; bottom: 47px; left: 0; width: 100%; height: 20px }
#calendar ul { margin: 0px; padding: 0 }
#calendar ul li { display: inline; margin-right: 10px }
#calendar h3 {font-size: 1em; width: 100px;float: left;display: block;margin-left: 34px}

/**/
.Ads {
padding-top:20px;
}

.red {
color: #FF0000;
}

#more {
clear:both;
padding-top:20px;
}

.Attention {
	color:#FF0000 !important;
	padding:10px 0;
}

/**/
.module-tagcloud .module-list {text-align: left; }
.module-tagcloud .module-list { list-style: none; }
.module-tagcloud .module-list-item { display: inline; }
.module-tagcloud li.taglevel1 { font-size: 19px; font-weight: bold; }
.module-tagcloud li.taglevel1 a { color: #666666; }
.module-tagcloud li.taglevel2 { font-size: 17px; font-weight: bold; }
.module-tagcloud li.taglevel2 a { color: #777777; }
.module-tagcloud li.taglevel3 { font-size: 15px; font-weight: bold; }
.module-tagcloud li.taglevel3 a { color: #888888; }
.module-tagcloud li.taglevel4 { font-size: 13px; font-weight: bold; }
.module-tagcloud li.taglevel4 a { color: #999999; }
.module-tagcloud li.taglevel5 { font-size: 11px; }
.module-tagcloud li.taglevel5 a { color: #AAAAAA; }
.module-tagcloud li.taglevel6 { font-size: 9px; }
.module-tagcloud li.taglevel6 a { color: #BBBBBB; }


/**/
#comments input{
	border:1px #999999 solid;
	}

#comments #comment-text{
	width:100%;
	height:200px;
	border:1px #999999 solid;
	}