/*
Theme Name: biyou blog
*/


body {background: #E4E9EF url(images/bg.gif) repeat-y center 0; color: #4d4d4d; font: 12px/170% "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ","メイリオ","MSPゴシック",Verdana,sans-serif; text-align: center;margin:0;padding:0;
 }

* { padding: 0; margin: 0; }

div { padding: 0; margin: 0; }

/*---:[ global elements ]:---*/

a { color: #ff2260;}

	a:visited { color: #96c1f8;  }

	a:hover { color: #ff94c4;  }
	
	a img { border: none; }
	
blockquote { font-style: italic; font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ","メイリオ","MSPゴシック",Verdana,sans-serif; color: #555; margin: 0 30px 1.5em 30px; padding: 0 0 0 10px; border-left: 1px solid #aaa; }

abbr, acronym { border-bottom: 1px dotted #aaa; text-transform: uppercase; cursor: help; }
	
code { color: #090; font-family: Courier, monospace; }

pre { margin:0; overflow: auto; clear: both; font:12px/170% 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',
"メイリオ",'ＭＳ Ｐゴシック', sans-serif;}
p { text-align:left; margin:0; font:12px/170% 'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3',
"メイリオ",'ＭＳ Ｐゴシック', sans-serif;}

p.center { text-align: center !important; }

p.bottom { margin: 0 !important; }

p.unstyled { font-size: 1.4em; }


/*---:[ headlines ]:---*/

h1, h2, h3 { font-weight: bold; font-family: "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ","メイリオ","MSPゴシック",Verdana,sans-serif; color: #000; }

h1 { font-size: 3.6em; letter-spacing: -0.03em; }

	#masthead h1 { padding: 0.4em 0 0.2em 0; border-top: 1px solid #ccc; text-align: center; clear: both; }
	
	h1 a, h1 a:visited, h1 a:hover { color: #000; text-decoration: none; }
	

	h2 a { color: #000; text-decoration: none; }
	
		h2 a:visited { color: #555; text-decoration: none; }
	
		h2 a:hover { color: #090; text-decoration: none; }

        #title { background: url(images/bg_kiji.gif) no-repeat; height: 80px;} 

        #title h2 a { color: #A6500E ; }
        #title h4 { color:#A6500E ; } 
	
	.posts h2 { font-size: 14px; padding: 25px 0 0;  line-height: 20px; text-align: center; color: #A6500E;  }
	
	.pages h2, h2.page_header { margin: 0 0 0.75em 0; padding: 0 0 0.6em 0; background: url('images/hr_title_sep.gif') 0 100% no-repeat; }
	
	h2.archive_head { font-weight: bold !important; font-size: 1.4em !important; text-transform: uppercase !important; letter-spacing: normal !important; margin: 0 0 1.8em 0 !important; padding: 0.4em 2px !important; border-top: 3px solid #000 !important; background: url('images/hr_dot_black.gif') 0 100% repeat-x !important; }
	

	#masthead h3 { margin: 0 0 0.75em 0; font-weight: normal; font-size: 1.8em; text-transform: none; color: #888; text-align: center; }

	.entry h3 { margin: 2.5em 0 0.5em 0; }
	
	.entry h3.top { margin: 1.5em 0 0.5em 0 !important; }
	
	h3.comments_headers { font-size: 1.4em; }

h4 { font:10px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ","メイリオ","MSPゴシック",Verdana,sans-serif; color: #888; }

	h4 a, h4 a:visited { color: #888; text-decoration: none; }
	
		h4 a:hover { color: #888; text-decoration: underline; }
	
	.posts h4 { font-size: 10px; text-align: center; }



/*---:[ core layout elements ]:---*/

#container { width: 800px; margin: 0 auto; text-align:left; }
        #header { text-align:left; background: #ffced5;}
					
	#content_box {  width: 800px; margin:0; text-align: left; float: left; clear: both; }
	
		#content { width: 410px; float: left; margin:0; padding:0;}
		
		#sidebar { margin:7px 10px 0 10px;width:180px; float: right;}
	
		#l_sidebar { width:190px; float: left;margin-top:10px; }
		
	#footer { width: 800px; height:50px; background:url(images/foot.gif) no-repeat; float: left; clear: both; }
		


/*---:[ header styles ]:---*/

ul#nav { list-style: none; background: #FFCED5;  float: left; clear: both; }

	ul#nav li { padding: 0.85em 0px 0.7em 20px; font: 1.4em/170% "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ","メイリオ","MSPゴシック",Verdana,sans-serif; text-transform: uppercase; float: right; }
	
		ul#nav li a, ul#nav li a:visited { color: #000; text-decoration: none; }
                .last { vertical-align:-2px; }
	
		ul#nav li a:hover { color: #000; text-decoration: underline; }		
		
	ul#nav li.rss { padding: 0.85em 0 0.7em 0; float: right; }
			
		ul#nav li.rss a { padding: 0 18px 0 0; background: url('images/icon_rss.gif') 100% 50% no-repeat; }

h1#header_img { display: block; background:url('images/title.jpg') no-repeat 0 0;width:800px;height:238px; text-indent:-9999px; float: left; clear: both; }


#wp-calendar{
    width: 160px;
    height: 130px;
    margin: 0 0 20px 15px;
    line-height:100%;
    font-size:100%;
    text-align : center;
    color: #a2242f;
}

#wp-calendar a{text-decoration:none;}
#wp-calendar a:hover{text-decoration:underline;}

#wp-calendar caption{
    color: ac3459;
    font-weight: bold;
}
#today{background-color:#fff6f6;border:1px solid;border-color:#d6d6d6;}

/*---:[ content styles ]:---*/

.entry {font:100%/170% "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ","メイリオ","MSPゴシック",Verdana,sans-serif;;min-height:110px; background: url(images/bg_kiji2.gif) no-repeat; padding: 0 20px 0 30px;width:360px;}
		
	.entry blockquote { font-size: 1.0em; }
	
		.entry blockquote.right { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 0 0.3em 15px !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: right; }
		
		.entry blockquote.left { width: 200px; font-style: normal !important; font-size: 1.3em !important; margin: 0.3em 15px 0.3em 0 !important; padding: 0.3em 0 !important; border: 3px double #aaa; border-width: 3px 0; text-align: center; float: left; }
	
			.entry blockquote.right p, .entry blockquote.left p { margin: 0 !important; line-height: 1.4em !important; }
	
	.entry p { margin: 0 0 1.5em 0; }

	.entry ul, .entry ol { margin: 0 0 1.5em 40px; }
	
	.entry ul { list-style-type: square; }
	
		.entry li { margin: 0 0 0.5em 0; }
		
			.entry ul li ul, .entry ul li ol, .entry ol li ul, .entry ol li ol { margin: 0.5em 0 0.5em 30px; }
	
	.entry dl { margin: 0 0 1.5em 0; }
			
		.entry dt { font-weight: bold; margin: 0 0 0.5em 0; }
		
		.entry dd { margin: 0 0 1.5em 20px; }
		
	.entry .ad { margin: 0 0 0.5em 15px; float: right; }
	
	.entry .ad_left { margin: 0 15px 0.5em 0; float: left; }

	.entry img { }

		.entry img.left { padding: 3px; margin: 0.5em 15px 0.5em 0; border: 3px double #bbb; float: left; clear: left; }
		
		.entry img.right { padding: 3px; margin: 0.5em 0 0.5em 15px; border: 3px double #bbb; float: right; clear: right; }
		
		.entry img.center { display: block; padding: 3px; margin: 0 auto 1.5em auto; border: 3px double #bbb; float: none; clear: both; }
	
		.entry img.off { padding: 0 !important; border: none !important; }
		
		.entry img.stack { clear: none !important; }

.tagged { padding: 0.4em 0 0 0; background: url('images/line.gif') no-repeat top center; font-size: 10px; line-height: 1.6em; clear: both; text-align:right; }
        p.tagged { color: 96c1f8; } 
 
	.tagged a, .tagged a:visited { padding: 0.25em; text-decoration: none; }
	
		.tagged a:hover { text-decoration: none; }
	
	.add_comment { display: block; padding: 0 0 0 20px; font-weight: bold; float: right; }

.navigation { width: 400px;margin-left:10px; font-size: 10px; float: left; position:relative;}
.previous {float:left;}
.home {position:absolute; position:absolute; top:0px; left:176px;}
.next {float:right;}
	
	div.previous {width:50px; height:15px; display:block; float:left;}
        div.previous a {font-size: 10px; display:block; width:50px; height:15px; background: url("./images/bt_pr.gif") no-repeat 0 0; text-indent:-9999px; text-decoration:none;}
        div.home {width:47px; height:15px; display:block;}
        div.home a {font-size: 10px; display:block; width:47px; height:15px; background: url("./images/bt_home_biyou.gif") no-repeat 0 0; text-indent:-9999px; text-decoration:none;}
	
	div.next { width:50px; height:15px; display: block; float:right;}
         div.next a {font-size: 10px; display:block; width:50px; height:15px; background: url("./images/bt_nx.gif") no-repeat 0 0; text-indent:-9999px; text-decoration:none;}
.cleare{clear:both;}
.clear {
background:transparent url('images/line.gif') no-repeat 0 0;
clear:both;
height:2px;
margin-top:0px;
margin-left:26px;
margin-right:16px;
margin-bottom:26px;
width:368px;
}

.rule { background: url('images/hr_tag_sep.gif') no-repeat; }


.flat { margin: 0 0 2.0em 0 !important;backdround-image:none !important;}
.whitespace { margin: 0 0 3.5em 0 !important; }



/*---:[ sidebar styles ]:---*/
#recent_article { background: url('images/bt_sk.gif') no-repeat 0 0;height:40px;}

.bt_bg {width:188px; background: url(images/waku_a.gif) repeat-y 0 0; padding-bottom:6px;}
.bt_bg ul { padding:0 0 0 28px;}
.bt_bg li { list-style-image: url(images/icon.gif); margin-bottom:8px;}
.bt_bg2 {width:188px;height:1px; background: url(images/waku_b.gif) no-repeat 0 0; }

.waku {width:188px; margin:0 auto; padding:0;}

.dhclogo {text-indent:-9999px;width: 121px;height:75px; margin: 20px auto; background:url('images/dhclogo.gif') 0 0 no-repeat; }

ul.sidebar_list { list-style: none; }

	div#l_sidebar ul.sidebar_list li.widget, div#l_sidebar ul.sidebar_list li.linkcat { width: 190px; margin: 0px; float: left; text-indent:0px;font-size:12px;line-height:150%; }
	div#sidebar ul.sidebar_list li.widget, div#sidebar ul.sidebar_list li.linkcat { width: 180px; margin: 0px; float: left; text-indent:0px; }

		li.widget h2, li.linkcat h2 { text-indent:-9999px; display:block; font-weight: bold; font-size: 20px; text-transform: uppercase; letter-spacing: normal;  background: url('images/bn.gif') no-repeat; background-position: 10px -100px; }

		li.widget p { margin: 0 0 0 0; padding: 0 10px; }
		
		li.widget ul, li.linkcat ul {list-style-type:none; list-style-position:outside; }
		
		li.widget ol, li.linkcat ol { margin: 0 0 0.5em 20px; }
		
			
				li.widget li a, li.widget li a:visited, li.linkcat li a, li.linkcat li a:visited { text-decoration: none; }
				
					li.widget li a:hover, li.linkcat li a:hover { text-decoration: underline; }
			
				li.widget li .recent_date { padding: 0 0 0 8px; font-weight: bold; color: #888; }
		
		li.widget ul.flickr_stream { list-style: none; margin: 0; padding: 0 10px; }
		
			li.widget ul.flickr_stream li { margin: 0; padding: 0 5px 5px 0; display: inline; }
			
				li.widget ul.flickr_stream li a img { padding: 3px; }
				
				li.widget ul.flickr_stream li a:hover img { background: #ff2a96; }
                                
                        .center { text-align:center; text-indent:-25px; }
                        .aroma { position: absolute; clip: rect(auto auto 165px auto); overflow: hidden;
}
                        .skin { position: absolute; clip: rect(55px auto 110px auto); overflow: hidden;
}
                        .nail { position: absolute; clip: rect(110px auto 55px auto); overflow: hidden;
}
                        .makeup { position: absolute; clip: rect(165px auto auto auto); overflow: hidden;
}
                        #beauty {padding:0;width:180px;}
                        #beauty li { height: 42px; width: 166px;margin:0 auto; }
                        li.widget ul.article_list { list-style-image: url(images/icon.gif); }
		
				


/*---:[ footer styles ]:---*/

#footer p { margin: 0 0 0.923em 0; font-size: 1.3em; color: #888; text-align: right; }

	#footer a, #footer a:visited { color: #888; text-decoration: none; }
		
		#footer a:hover { color: #888; text-decoration: underline; }



