/* charset */
@charset "UTF-8";

/* 
================================================
CSS English Document 
EditDate   	:8/12/2011
URL       	:http://yamako.ciao.jp/
Site Name 	:Kinuyo Yamashita Official Website
Editor    	:Kinuyo
================================================
*/


/* LAYOUT 
-------------------------------------------------------------- */

body{
background:url(images/bg.gif) top left repeat #000;
/* LAYOUT 「font:.8em Arial, Helvetica, sans-serif;」、「font:.9em "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;」、「font:.9em Verdana,"ＭＳ Ｐゴシック",Osaka,sans-serif;」
*/
font:.9em Arial, Helvetica, "ＭＳ Ｐゴシック",Osaka,sans-serif;
/* 文字の間隔が07em*/
letter-spacing:.07em;
color:#D2D2BA;
}

#container{
/* すべての要素を入れる設定 */
width:800px;
\width:8200px;
w\idth:800px;
margin-top:-8px;
margin-left:auto;
margin-right:auto;
padding:0;
border-left:8px solid #1F1F1B;
border-right:8px solid #1F1F1B;
background-color:#292722;
}

#banner{
padding:0 5px 0 0;
height:220px;
background:url(images/title4.jpg) bottom left #D2D2BA;
}

#content{
/*padding:20px;*/
padding:30px;
/*width:760px;*/
width:740px;
}

#sidebar{
float:right;
/* width:200px;*/
width:220px;
margin-right:10px;
margin-left:-10px;
/*padding（領域内のスペース）10px*/
padding:10px;
}

#footer{
clear:both;
padding:5px;
height:50px;
background-color:#1F1F1B;
}

#menubar{
list-style-type:none;
/* height（領域の高さ）の指定*/
height:1.6em;
font-family:"Arial", sans-serif;
/* 英語などのテキストの大文字表示・小文字表示を指定 uppercase＝全てを大文字、lowercase＝全てを小文字、capitalize＝単語の先頭文字を大文字、none＝初期値*/
text-transform:uppercase;
/* font-weight（フォントの太さ）が900、フォントサイズが1.4em、letter-spacing（文字の間隔）が-.05em*/
font-weight:900;
font-size:1.2em;
letter-spacing:-.05em;
margin:0;
padding:0;
}

#menubar a{
color:#292722;
font-weight:900;
padding:6px 10px;
display:block;
}

#menubar a:hover{
background:url(images/zig.gif) bottom left repeat-x #292722;
color:#D2D2BA;
}

#menubar li{
float:right;
list-style-image:none;
}

/* =====BASIC STYLES===== 
-------------------------------------------------------------- */

p{
/* 行の高さが1.5em（＝150%）*/
line-height:1.6em;
color:#D2D2BA;
}

h1{
color:#F50;
font-family:"Arial", sans-serif;
/* text-transform＝uppercase（全てを大文字）*/
text-transform:uppercase;
/* font-weight（フォントの太さ）100（標準の太さは400）*/
font-weight:100;
font-size:1.7em;
/*letter-spacing（文字の間隔）07em*/
letter-spacing:.07em;
margin:0;
}

h2,h3,h4{
color:#F50;
font-family:"Arial", sans-serif;
/* text-transform＝uppercase（全てを大文字）*/
text-transform:uppercase;
/* font-weight（フォントの太さ）100（標準の太さは400）*/
font-weight:100;
/*letter-spacing（文字の間隔）07em*/
letter-spacing:.07em;
margin:0;
}

/* =====追加===== 
-------------------------------------------------------------- */
h5{
background-color:#1F1F1B;
color:#D2D2BA;
font-family:"Arial", sans-serif;
/* text-transform＝uppercase（全てを大文字）、none（ノーマル）*/
text-transform:none;
/* font-weight（フォントの太さ）100（標準の太さは400）*/
font-weight:900;
font-size:1.2em;
padding:2px 4px;
}
/* =====終了===== 
-------------------------------------------------------------- */

h6{
color:#D2D2BA;
font-family:"Arial", sans-serif;
/* text-transform＝uppercase（全てを大文字）*/
text-transform:none;
/* font-weight（フォントの太さ）100（標準の太さは400）*/
font-weight:100;
font-size:0.9em;
/*letter-spacing（文字の間隔）07em*/
letter-spacing:.07em;
margin:0;
}

a{
text-decoration:none;
/*padding（領域内のスペース）0 2px（上下、左右）*/
padding:0 2px;
/* font-weight（フォントの太さ）900（標準の太さは400）*/
/* 
font-weight:900;
*/
font-weight:normal;
/*
color:#990000;
color:#b20000;
*/
color:#FF9900;
}

a:hover{
/* background-color:#F50; 
color:#292722;*/
color:#D2D2BA;
}

img.float_left{
float:left;
/* マージンが4px 12px 4px 0（上、右、下、左） */
margin:8px 12px 8px 0;
}

img.float_right{
float:right;
/* マージンが4px 0 4px 4px（上、右、下、左） */
margin:8px 0px 8px 12px;
}

a img{
border:none;
}

b,strong{
font-weight:bolder;
font-size:1.1em;
}

i,em{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.1em;
}

/*引用符の設定（ちょっと右にずらして背景色を変える方法）*/
blockquote{
border-left:1px solid #D2D2BA;
background-color:#1F1F1B;
padding:1px 4px 1px 12px;
}

/*リストの設定*/
ul,ol{
line-height:1.8em;
}

/*リストの画像設定*/
ul.arrow li{
background:url(images/bullet.gif) left center no-repeat transparent;
list-style-type:none;
list-style-position:outside;
padding-left:20px;
}

ol li{
list-style-position:inside;
}

/* =====BLOG STYLES===== 
-------------------------------------------------------------- */

.blogitem{
border-top:2px solid #D2D2BA;
padding-top:3px;
}

p.authdate,p.blogbottom{
background-color:#1F1F1B;
color:#F50;
font-family:"Arial", sans-serif;
/* text-transform＝uppercase（全てを大文字）、none（ノーマル）*/
text-transform:none;
font-weight:900;
font-size:1.2em;
padding:2px 4px;
}

.authdate a,.blogbottom a{
padding:0;
font-weight:normal;
color:#D2D2BA;
}

.authdate a:hover,.blogbottom a:hover,#footer p a:hover,.arch_cat a:hover{
color:#F50;
background-color:transparent;
}

.tags{
font-family:Arial, Helvetica, sans-serif;
text-transform:none;
font-size:.8em;
}

p.authdate{
margin-top:2px;
}

/* =====SIDE BAR STYLES===== 
-------------------------------------------------------------- */

#sidebar h3{
/* 枠線が*1pxでsolid（直線）で #D2D2BA（カラー）でマージンが10px 0 0 0（上、右、下、左） */
border-bottom:1px solid #D2D2BA;
margin:10px 0 0 0;
}

#sidebar p{
/* padding（領域内のスペース）がpadding:8px 8px 8px 16px（（上、右、下、左））*/
background-color:#1F1F1B;
padding:8px 8px 8px 16px;
margin-top:0;
line-height:1.3em;
}

/*フォームの入力項目をグループ化
-------------------------------------------------------------- */

#sidebar fieldset{
padding:0;
margin:0;
border:none;
}

#sidebar input.textfield{
margin:8px 0;
padding:4px;
border:none;
width:192px;
background-color:#D2D2BA;
color:#292722;
font-weight:900;
}

#sidebar input.submit{
margin:0;
padding:4px;
border:none;
float:right;

background-color:#1F1F1B;
color:#D2D2BA;
font-weight:900;
letter-spacing:.05em;
}

#sidebar input.submit:hover,.slash{
color:#F50;
}
.arch_cat{
/* background-color:#333333;*/
background-color:#1F1F1B;
padding:8px 0 8px 16px;
margin-top:0;
width:184px;
list-style:none;
line-height:1.6em;
color:#F50;
}

.arch_cat a,#footer a{
color:#D2D2BA;
}

.linkbox a{
font-weight:normal;
/*前後に改行が入れて表示*/
display:block;
}

.linkbox a:hover,#footer a:hover{
color:#D2D2BA;
background-color:#292722;
}

/* =====FOOTER STYLES===== 
-------------------------------------------------------------- */

#footer p{
margin-top:1.5em;
text-align:center;
}