/*
Theme Name:sakura_0214
Theme URI:http://localhost.jp
Description:sakura_0214
Version:1.0
Author: opaq
Author URI:http://opa9.com/

*/

html, body, div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td,img{
margin:0;
padding:0;
}

body {
margin:0;
padding:0;
color:#896655;
background-color:#f9f7f5;
line-height: 1.6;
font-size: 62.5%;
font-family:
	Helvetica, Verdana, Arial,
	"ヒラギノ角ゴ Pro W3",
	"Hiragino Kaku Gothic Pro",
	"HiraKakuPro-W3",
	Osaka,
	"ＭＳ Ｐゴシック",
	"MS PGothic",
	"メイリオ",
	"Meiryo",
	Sans-Serif;
}
html>/**/body { font-size: 10px; }

blockquote{margin-left:1em;padding-left:1em;border-left:2px solid #CCC;color:#CCC;}
pre{width:100%;padding:1em 0;overflow:auto;border-top:1px dotted #333;border-bottom:1px dotted #333;}

img{
border:0;
vertical-align:bottom;
}
ul,ul li,
dl,dl dt,dl dd { 
list-style-type:none; 
}
table{
width:100%;
border-spacing:2px;
margin:1.5em 0;
}
table th, table td{ 
padding:0.3em 0.75em 
}
em{
font-style:normal;
font-weight:bold;
}
hr{
display:none;
}
.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
/***** text_gap *****/
p {
margin:0 0 1em 0; 
}

/*
link
/---------------------------------------------------------------------------*/  
/*
a,a:link,a:visited,a:active {
color:#333;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
*/
a,a:link,a:visited,a:active {
color:#ba7e92;
text-decoration:none;
}
a:hover{
color:#ba7e92;
text-decoration:underline;
}

/***** text *****/
.serif{ font-family:Georgia, 'Times New Roman', serif; }
.txtN{ font-size:1.2em;}
.txtS{ font-size:0.8em;}

/* ----- global ----- */

#wrapp{
margin:0;
padding:0;
text-align:center;
color:#896655;
background-color:#f9f7f5;
}
#content{
width:920px;
margin:0 auto;
padding:0;
text-align:left;
}

/* ----- header ----- */
#header{
margin:0 0 25px;
padding:20px 0 0;
background:url(img/bg_hd.jpg) repeat-x top;
text-align:center;
height:65px;
}
/* ----- entry ----- */
#entry{
width:700px;
float:left;
}
#entry .item{
margin-bottom:50px;
}
#entry .item .itemHead{
margin-bottom:15px;
position:relative;
height:100%;
width:100%;
}
#entry .item .itemHead .chronoData{
font-size:1.2em;
width:100px;
float:left;
margin-top:2px;
}
#entry .item .itemHead h2{
width:450px;
float:left;
font-size:1.8em;
}
#entry .item .tags{
text-align:right;
position:absolute;
right:5px;
bottom:0;
}
#entry .item .itemContent{
width:600px;
margin-left:100px;
font-size:1.2em;
}
#entry .item .entry a.more-link{
display:block;
margin-top:10px;
}
#entry .item .itemContent .trackback{
text-align:center; font-size:0.8em; margin-top:15px;
}

/* ----- menu ----- */
#menu{
width:180px;
float:right;
}
#menu .tags,
#menu .others{
margin-bottom:20px;
}
#menu h4{
font-size:1.2em;
background:url(img/line_d.gif) repeat-y left;
padding-left:10px;
margin-bottom:10px;
}
#menu ul{
font-size:1.2em;
}
#menu .tags ul{
width:160px;
padding:10px;
background:url(img/bg_sakura.jpg);
}
#menu .tags ul,
#menu .tags ul a{
color:#FFF;
}
#menu .tags ul li{
margin-bottom:5px;
}
#menu .others li{
background:url(img/li.jpg) no-repeat top left;
padding-left:10px;
margin-bottom:4px;
}
/* ----- footer ----- */
#footer{
text-align:center;
padding:5px 0;
margin-top:40px;
background:url(img/bg_sakura.jpg);
}
#footer,
#footer a{
color:#FFF;
}
/* ----- Single-Comments ----- */
#entry .item .itemComments{
width:600px;
margin-left:100px;
margin-top:20px;
padding-top:20px;
background:url(img/line_w3.gif) top repeat-x;
}
#entry .item .itemComments h3#comments,
#entry .item .itemComments h3#respond{
display:block;
background:url(img/line_d.gif) repeat-y left;
padding-left:10px;
margin-bottom:15px;
}

#entry .item .itemComments ol.commentlist{
margin-bottom:30px;
}
#entry .item .itemComments textarea{
width:600px;
}

/* ----- Archives ----- */
h2.pagetitle{
font-size:1.2em;
background:url(img/line_d.gif) repeat-y left;
padding-left:10px;
margin-bottom:10px;
}

/* ----- Static Pages ----- */
#column_main{
width:700px;
float:left;
margin-bottom:30px;
}

#column_main .column_sh{
width:80px;
float:left;
margin-top:2px;
}
#column_main .column_wd{
width:600px;
margin-left:100px;
font-size:1.2em;
}
#column_main h2{
float:left;
font-size:1.8em;
width:600px;
margin-left:100px;
margin-bottom:15px;
}

/*////////////////*/
pre.actionscript{
width:550px;
border:1px solid #EEE;
background-color:#FFF;
padding:15px 25px;
margin:15px 0;
}

#entry .itemContent p.b02{
margin-bottom:2em;
}
#entry .itemContent p.b03{
margin-bottom:3em;
}