/*================== Designed by Yukie =====================*/

/*===================================
2015/07/04

 基本構造
 共通設定
 class装飾設定 - ウォロ記事用class - 個別CSS
 タイトル
 エントリー記事
 コメント・トラックバック
 サイドバー・リンク
 カレンダー
 フッター・著作権 

=====================================*/

/*==============================　基本構造　===================================*/

body { margin: 0em; padding: 0em;
text-align: center;
background-color: #ededed; }

#wall{ width: 760px; margin: 0% auto; padding: 0.8em 1.3em;
text-align: left;
background-color: #fff; }

#header{ width: 100%; height: 145px;
padding: 0em; margin: 0em;
border: 0px solid #999;
background-color: #fff; }

#main { width: 70%; margin: 0% auto; padding: 0; float: left; }

#side { width: 27%; margin: 0% auto; padding: 0em; float: right; position: static; }

#footer { width: 100%; padding-top: 1.5em; 
text-align: center; clear: both; }


/*==============================　共通設定　==============================*/


html {
scrollbar-track-color     : #ededed; 
scrollbar-face-color      : #fff;
scrollbar-shadow-color    : #fff;
scrollbar-darkshadow-color: #fff;
scrollbar-highlight-color : #fff;
scrollbar-3dlight-color   : #fff;
scrollbar-arrow-color     : #88acd5; }

a         { color: #66b7be; text-decoration: none; border-bottom: 0px; }
a:link    { color: #66b7be; }
a:visited { color: #66b7be; }
a:active  { color: #66b7be; }
a:hover   { color: #ffbf56; border-bottom: 1px dotted #fdd66d;  }

a[name]:hover { color: #777; background: transpapers; }

input,botton,textarea { font-size: 95%; 
font-family: "Verdana","ＭＳ Ｐゴシック","Osaka",sans-serif;
color: #74a9d6; 
padding: 0.2em;
border: solid 1px #ccc;
background-color: #fff; }

form { margin: 0em; }

.button { font-size: 0.9em ; padding: 0.2em 0.2em; }

h1,h2,h3,h4,h5,h6 { margin: 0em; padding: 0em; font-size: 90%; clear: both; }

h4 { font-size: 100%; padding: 1em 0em 0.3em 0em; }
h4 a { color: #777; text-decoration: none; }
h4 img { border: 0px solid #aaa; margin-right: 0.5em; }

h5 { font-size: 100%; font-weight: normal; padding: 0.5em 0em; }

hr { height: 1px;
border-top: 0px;
border-right: 0px;
border-bottom: 1px dotted #ccc;
border-left: 0px; }
td,table{ border: 1px solid #aaa; padding: 1% 2% ; }

.navipage01 { font-size: 75%; color: #777;
text-align: center;
font-family:"Verdana","Osaka",sans-serif;
padding: 0.3em 0em 0em 0em; }

.navipage02 { font-size: 75%; color: #777;
text-align: center;
font-family:"Verdana","Osaka",sans-serif;
padding: 1.5em 0em; }

/*------------------　テキスト　--------------------*/

em { font-style: normal; font-weight: bolder; }
 
cite { font-size: 100%;
color: #999;
font-family: "Lucida Sans Unicode",Osaka,sans-serif;
font-style: normal;
padding: 1em 0.1em; }

blockquote { border-left: 3px solid #ccc;
padding: 0.5em 0.8em;
margin: 0.5em 0.3em 1em 0.3em;
width: 100% auto;
background-color: #f5f5f5; }

/*============================　class装飾設定　===========================*/

.ao   { color: #74a9d6; }
.gray { color: #aaa; }
.red  { color: #db7638; }
.pink { color: #eb7988; }

.a { font-size: 95%;
font-family: "Verdana","Lucida Sans Unicode","Arial","Chicago",Osaka,sans-serif; }

.al { font-family: "Lucida Sans Unicode","Verdana","Arial","Chicago",Osaka,sans-serif;
margin: 0em 0.2em; }

.c { clear: left; }

.strong { font-weight: bold; }
.em { font_weight: bold; }
.font_small { font-size: 80%; }

br.1em { margin: 1em; }
br.2em { margin: 2em; }

                                                                     /* img */
.pict { border: 1px solid #aaa; float: left; 
margin: 0.1em 0.5em 0.2em 0.3em; }

img.right { float: right; clear: both;
padding-left: 0.5em;
padding-bottom: 2em;
margin-top: 0.8em; }

img.noborder { border: 0px solid #aaa; float: left; 
margin-right: 0.5em ; margin-left: 0.3em; }

.icon_waku { border: 1px solid #aaa;
vertical-align: middle;
margin-right: 0.3em; }

.icon_waku0 { border: 0px solid #aaa;
vertical-align: middle;
margin: 0.2em 0.6em 0.2em 0em; }

.icon_waku2 { float: left;
margin: 0.25em 0.5em 0em 0em;
border: 1px solid #aaa; }


.c_left { clear: left; }
.f_left { float: left; }

.text_center { text-align: center; }
.text_right  { text-align: right; }
.text_left   { text-align: left; }

.pre { white-space: pre; }

.entry p { padding: 0.4em 0em 1em 0em; margin: 0em;
clear: both; }
                                                                    /* clearfix */
/*--- firefox, others ---*/
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden; }

/*--- WinIE ---*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }

                                                                         /* table */
.entry table { padding: 0em 0em; border: 1px solid #ccc; }

.entry th { padding: 0.4em 0.7em;
border: 1px solid #ccc;
font-weight: normal;
background-color: #f5f5f5;
line-height: 130%; }

.entry td { padding: 0.4em 0.7em; border: 1px solid #ccc; }

table.border_1 { border-collapse: collapse; 
border: 1px solid #ccc; }

.line_120 td { line-height: 120%; }
.line_120 img { margin-bottom: 0.3em; }


p.waku { border: 2px dotted #ccc;
background-color: #f5f5f5;
padding: 0.5em 0.6em;
margin: 0.7em 0.1em; }

p.waku02 { border: 1px solid #ccc;
background-color: #f5f5f5; 
padding: 0.5em 0.6em;
margin: 0.7em 0.1em; }

p.waku03 { border: 1px solid #ccc; 
padding: 0.5em 0.6em;
margin: 0.7em 0.1em; }

.skill td { background-color: #fff; border: none; margin: 0.1em; }

table.skill { background-color: #ccc; border: none; }

/*------　ウォーロック記事用　------*/

ul.item { display: inline; 
font-family: "Lucida Sans Unicode","Verdana","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
padding: 0em; margin: 0em; 
clear: both; }

ul.item img { border: 1px solid #aaa;
vertical-align: middle;
margin-right: 0.3em; }

ul.item li { float: left; width: 14em;
background: none ;
margin: 0px;
padding: 0em 1em 1.8em 1em; }

ul.set li { float: left; width: auto;
background: none ;
margin: 0px;
padding: 0em 0.7em 1.8em 0.6em; }

.set_name { position: relative; top: 0.5em; font-weight: bold; }

p.entry_state { font-size: 100%; }

/*-----------------------------------------------------　個別CSS　-----------------------------------------------------*/

#main .eid331, #main .eid333, #main .eid340, #main .eid343, #main .eid345 { width: 750px; }

.side331, .side333, .side340, .side343, .side345 { display: none; }　


.eid000 h3 { font-size: 180%; padding: 1em 0em; }
.eid000 h4 { font-size: 100%; padding-top: 1em; }

.eid335 h5 { font-size: 100%; font-weight: normal; padding: 1em 0em 0em 0.2em; }

.pero_table td{ padding: 0em 0.8em; }

/*=========================　ヘッダー　========================*/

.site_title a         { color: #fff8f8; text-decoration: none; }
.site_title a:link    { color: #fff8f8; text-decoration: none; }
.site_title a:visited { color: #fff8f8; text-decoration: none; }
.site_title a:active  { color: #fff8f8; text-decoration: none; }
.site_title a:hover   { color: #fff8f8; text-decoration: none; }

.site_title { font-size: 230%;
font-family: "Times New Roman","Times","Lucida Sans Unicode","Verdana","ヒラギノ角ゴ Pro W3","ＭＳ Ｐ ゴシック", "Osaka‐等幅",sans-serif;
font-weight: bold;
color: #fff8f8; 
position: relative; top: 2.9ex;
padding: 0em 22px;
margin-bottom: 0em; }

h1 img { vertical-align: bottom; border: none; }

.kado { position: relative; top: -44px;
width: 760px; height: 145px;
background-image: url("http://file.biscuits.blog.shinobi.jp/kado760px.gif"); }

.nonjava { background: url("http://file.biscuits.blog.shinobi.jp/img003.jpg") repeat 0em 0em ; height: 100%; }
#eid86 { background: url("http://file.biscuits.blog.shinobi.jp/20061009_170895.jpg") repeat 0em 0em ; height: 100%; }

.description { font-size: 70% ; color: #fff;
font-family: "Verdana","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Osaka",sans-serif;
letter-spacing: 0.05em;
font-weight: normal;
position:  relative; top: -6.3em;
padding: 0em 25px 0.5em 25px; }

/*=============================　エントリー記事本文　==============================*/

.entry { margin: 0em; padding: 0em; color: #777; 
font-family: "Verdana","ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3","Osaka",sans-serif; }

.entry_title { font-size: 75%;
font-weight: bolder;
padding: 1.5em 0.4em 0.2em 0.5em ; }

.entry_date { font-size: 75%; color: #aaa;
text-align: right;
margin-right: 0.2em;
padding-bottom: 0.2em;
width: 99%; }

.entry_body { font-size: 75%;
line-height: 170%;
padding: 0.5em 0.6em; }

.entry_author { font-size: 70%; color: #999;
margin: 0.1em;
text-align: right; }

.entry_more { font-size: 70%; clear: left;
margin: 0.1em 0em 1em 0em ;
line-height: 170%;
padding-left: 0.6em; }

p.entry_state { font-size: 75%; color: #aaa;
text-align: right;
padding: 0.2em 0.4em 2em 0em; }

.entry_body ul { margin: 0em; padding: 0em; list-style: none; }

.entry_body li{ padding-left: 1.25em;
background: url("http://file.biscuits.blog.shinobi.jp/li_11.gif") no-repeat 0.25em 0.53em; }

.entry_more ul { margin: 0em; padding: 0em; list-style: none; }

.entry_more li{ padding-left: 1.25em;
background: url("http://file.biscuits.blog.shinobi.jp/li_11.gif") no-repeat 0.25em 0.53em; }

li.check_on { padding-left: 1.3em;
background: url("http://file.biscuits.blog.shinobi.jp/check01b.gif") no-repeat -0.1em 0.3em; }

li.check_off { padding-left: 1.3em;
background: url("http://file.biscuits.blog.shinobi.jp/check01a.gif") no-repeat -0.1em 0.3em; }

/*=============================　コメント　===============================*/
.comment_title { font-size: 75%;
font-family: "Verdana","ヒラギノ角ゴ Pro W3","ＭＳ Ｐ ゴシック","Osaka‐等幅",sans-serif;
font-weight: bolder;
color: #777;
border-top : 1px solid #ccc;
margin: 0%;
padding: 1.5em 0.4em 0.8em 0.4em ; }

.comment_body { font-size: 75%;
font-family: "Verdana","ヒラギノ角ゴ Pro W3","ＭＳ Ｐ ゴシック","Osaka‐等幅",sans-serif;
line-height: 150%;
color: #777;
border-left: 3px solid #ddded3 ;
margin-left: 1em;
padding: 0.1em 0.7em ; }

.comment_form { font-size: 75%;
line-height: 160%; }

#description { padding: 1% ; width: 80%; height: 150px; }
#name  { width: 50%; }
#email { width: 60%; }
#url   { width: 80%; }

.trackback_url { font-size: 70%; color: #777;
padding: 1em 0.6em; }

.trackback_title { font-size: 75%;
font-family: "Verdana","ヒラギノ角ゴ Pro W3","ＭＳ Ｐ ゴシック","Osaka‐等幅",sans-serif;
font-weight: bolder;
color: #777;
padding: 1.5em 0em 0.15em 0.3em;
border-bottom: 1px solid #ccc; }

/*===========================　サイドバー　==============================*/

.search { font-size: 70%; color: #888;
font-family: "Verdana","ヒラギノ角ゴ Pro W3","ＭＳ ゴシック","Osaka",sans-serif;
padding: 0em 0.1em 0.8em 0.1em; }

.form { width: 71%; }

.linktitle { font-size: 75%; color: #bbb;
font-family: "Lucida Sans Unicode","Verdana","Lucida Sans Unicode",'Osaka',sans-serif;
font-weight: bolder;
margin-left: -0.2em; }

.linktext { font-size: 75%; color: #999;
font-family: "Lucida Sans Unicode","Verdana","ヒラギノ角ゴ Pro W3","ＭＳ Ｐ ゴシック","Osaka‐等幅",sans-serif;
line-height: 170%;
padding: 0.2em 0em 1.3em 0.1em; }

.linktext ul { margin: 0em; padding-left: 0em; list-style: none; }

.linktext li { padding-left: 1.4em;
background: url("http://file.biscuits.blog.shinobi.jp/li_10.gif")  no-repeat 0em 0.4em ; }

.archives { padding-top: 0.4em; margin-left: -0.8em; }

#archive { overflow: auto; 
height: 9em; width: auto;
margin: 0em; padding: 0em 0.8em ;
line-height: 150%; }

.recent_comment { margin-bottom: 1em; }

.amazon_text { font-size: 70%;
font-family: "Verdana","ヒラギノ角ゴ Pro W3","ＭＳ Ｐ ゴシック","Osaka‐等幅",sans-serif;
line-height: 140%; }

.amazon { font-size: 70%; color: #999; padding: 1em 0.5em ; }

#ad { font-size: 85%; padding: 1em; }

div.pr_area { color: #ccc; }

.font_s { font-size: 70%; line-height: 150%; 
padding: 0.4em 0em;
margin-left: 0.1em; }

.counter { margin: 0.3em 0em; }

/*============================　カレンダー　===============================*/
.calendar { font-size: 70%;
font-family: "Verdana","Osaka",sans-serif;
color: #777;
text-align: center;
font-weight: normal;
word-spacing: 0.25em;
padding: 1.3em 0em; }

.calendar_month { 
font-weight: lighter ;
color: #777; }

/*=============================　フッター　===============================*/

#footer p { 
padding: 0.4em 0em 1em 0em; margin: 0em; clear: both;
font-family: "Verdana","ヒラギノ角ゴ Pro W3","Osaka",sans-serif;
color: #777; }

.copyright { font-size: 65%;
line-height: 140%;
padding: 0.5em; }

.pagetop { font-size: 75%;}