/*  
Theme Name: Que wena version misako
Theme URI: http://ablabo.net/
Description: Designed by ablabo \n misako.que wena.com VERSION 3
Version: 3.0
Author: ablabo
Author URI: http://ablabo.net/
*/
/*Reset CSS*/
html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}
q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}legend{color:#000;}
body{font:13px/1.231 arial,helvetica,clean,sans-serif;}
table{font-size:inherit;}pre,code,kbd,samp,tt{font-family:monospace;font-size:108%;line-height:100%;}
:focus,:link,:visited{outline:none;}
/*clearfix*/
.clearfix:after{display:block;height:0;clear:both;visibility:hidden;content:".";line-height:0;font-size: 0;}
.clearfix{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}.clearfix {display: block;}
/* End hide from IE-mac */
img{vertical-align:bottom; line-height:0;}
/*accessibility
--------------------------------------------------------------------------------------*/
.clear{clear:both;}
.accessibility{display:none;}
/*general
--------------------------------------------------------------------------------------*/
.imgleft{float:left;}
.imgright{float:right;}
img.top{vertical-align:top;}
img.mdl{vertical-align:middle;}
img.btm{vertical-align:bottom}
.fl_L{float:left;}
.fl_R{float:right;}
img.alignleft{float:left;}
img.alignright{float:right;}
.center{text-align:center;}
/*Basic
--------------------------------------------------------------------------------------*/
html{width:100%;font-size:62.5%;}
body{;width:100%;font-size:140%;}
a:link,a:focus,a:visited{color:#000000;outline:none; text-decoration:none;
background:url("images/link_stripe.png"); padding:0.2em;
margin:0;
}
a:visited{color:#000000;}
a:hover{
background:url("images/link_hover.png");
}
a.sp{background:none;}
input,textarea{
border:1px solid #000000;
}


/*FONT
========================================*/
body,html{width:100%;}
#MainContainer{
background:url("images/bg.png") #ffffff repeat-y;
padding-left:25px;
padding-bottom:1em;
}
body{
line-height:1.8;
color:#000000;
/*font-family: "HGPゴシックE",Osaka,"ＭＳ Ｐゴシック","ＭＳ Ｐ明朝", "細明朝体";*/
}

.times{font-family:"Times New Roman", Times, serif;font-weight:bold;font-style:italic;
}
.arial{font-family:Arial, Helvetica, sans-serif; font-style:normal;}
.arialblack{font-family:"Arial Black",Arial, Helvetica, sans-serif; font-style:normal;}
.mincho{font-family: "ヒラギノ明朝 Pro W3","HGP明朝E","ＭＳ Ｐ明朝", "細明朝体";font-style:normal;}
.font{
font-family: "ヒラギノ明朝 Pro W3", "ヒラギノ角ゴ Pro W3","HGP明朝E","HGPゴシックE",Osaka,"ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "細明朝体";
font-style:normal;
}
.alphanumeric{
font-family:"Times New Roman", Times, serif;
}
.size20{font-size:1.428em}
.size30{font-size:2.142em}
/*LAYOUT
========================================*/
#ContentsWrapper,#Sidebar{
float:left;
}

#MainContainer{width:83em;}
#ContentsWrapper{width:51.428em; padding-left:1em;}
#Sidebar{width:28.571em; margin-left:1.5em;}
#Content{
top:9em;
}
#Content,
#contentBox,
#Content .entry{
width:100%;
}
/*HEADER
========================================*/
#Header{
height:8.45em;
}
#BlogName{
line-height:1.2;
left:13.5em;
position:absolute;
top:0.4em;
}
#BlogName .main{
font-size:5.54em;
display:block;
margin-top:-0.25em;
text-transform:capitalize;
}
#BlogName .sub{
line-height:1.0;
font-size:2.285em;
color:#666666;
}
#BlogName a{background:none;}
#BlogName a:hover{color:#FF0000;}

#Head_discription,#BlogName{}
#Head_discription{
position:absolute;
font-size:1.428em;
line-height:1.2;
left:14.5em;
top:0.7em;
float:left;
font-weight:normal;
}
/*FOOTER
========================================*/
#foot_sitedata{
padding:1em;
background:#000000;
text-align:right;
}
.copyright{
color:#FFFFFF;
font-size:1.428em;
text-align:center;
padding:0.2em;
}
/*=======*/
#Logo{
position:absolute;
top:0;
width:11.08em;
text-align:center;
}
#Logo .logoitem{
width:11em;
height:8em;
}
/*side
========================================*/
.sidetitle,#profile .name{line-height:1.0;}
.sidetitle{font-size:2.142em;
margin:0.6em 0;
padding:0.3em 0.5em 0.4em;
background:url("images/tagsbg.png")  #333333;
border-bottom:0.1em solid #000000;
color:#FFFFFF;

}

#Sidebar .item_box{padding-bottom:1em;}

#profile .name{font-size:2.85em;}
#profile .text{line-height:1.4;}
#recentpost .item{
margin:0;
margin-bottom:0.2em;
line-height:1.2;
display:inline;
white-space: nowrap;
}
#recentpost .item a{
padding:0.1em;
}

#RecentComments .item{
}

#MonthlyArchives .year{display:block; width:100%;}
#MonthlyArchives .current{
background:url("images/tagsbg.png")  #333333;
color:#FFFFFF;
 padding:0.2em;
 }
/*post
========================================*/
.next-entries{float:left;}
.previous-entries{float:right;}
.entry{
padding-bottom:2em;
}
/*v1 - 長いタイトル対応バージョン
.entryTitle{
font-size:3.57em;
line-height:1.0;
width:14.5em;
float:left;
}
.entryTitle .big{
font-size:2em;
vertical-align:text-top;
display:block;
}
.entryTitle .normal{
display:block;
}

.entry .entryData{
left:9.5em;
margin-top:1.6em;
position: absolute;
}

*/
/*v2 - 短いいタイトルのみ対応バージョン-*/
.entryTitle{
font-size:3.57em;
line-height:1.0;
width:14.5em;
}
.entryTitle .big{
font-size:2em;
vertical-align:text-top;
}
.entryTitle .normal{
}
/*base 3.8em*/
.entry .entryData{
left:10.5em;
margin-top:-3.3em;
position: absolute;
}

/* v2 - END */

.entryTitle a.title{
color:#000000;
background:none;
padding:0;
font-weight:normal;
}
.entryTitle a.title:hover{
color:#FF0000;
}

.entry .entryData .edit{
margin-top:-3.7em;
margin-left:11em;
}

.postDate{
font-size:2.5em;
line-height:1.0;
}
.post-content{
padding:1.5em 0 0.5em;
font-size:1.142em;

}
.post-content p{margin-bottom:1em;}
.post-content img{
vertical-align:middle;
background:url("images/link_stripe.png")  #333333;
padding:0.4em;
clear:both;
}
.post-content .contentlink img:hover{background:url("images/link_hover.png");}
.post-content .contentlink{background:none;padding:0;margin:0;}
.post-content img.alignleft{margin:0 1em 0.5em 0;}
.post-content img.alignright{margin:0 0 0.5em 1em;}

#Content .matchtag{
float:left;
height:0.8em;
width:1.8em;
color:#FFFFFF;
text-align:center;
font-size:3.714em;
background:url("images/tagsbg.png")  #333333;
overflow:hidden;
line-height:1.0;
margin-top:0.1em;
margin-right:0.2em;
}
#Content .matchtag .item{
width:2em;
display:block;
margin-left:-0.1em;
margin-top:-0.1em;
letter-spacing:-0.15em;
}

#Content .taglength_3{width:2em;}
#Content .taglength_3 .item{width:3em; margin-left:-0.55em;letter-spacing:-0.2em;}

.post-comments{
font-size:1.428em;
}
.post-comments a{display:block;}
/*アーカイブ
================================================*/
.archive .postDate{
background:#000000;
color:#FFFFFF;
padding:0.2em;
margin-bottom:0.2em;
}
/* v1
.archive .item-container{
left:9.5em;
margin-top:0.2em;
posit
.archive .post-content{
width:30em;
line-height:1.4;
}
ion: absolute;
}
*/

/*v2*/
.archive .item-container{

}
.archive .post-content{
width:38em;
left:9.2em;
margin-top:-5.3em;
position: absolute;
line-height:1.0;
}

/*end*/

#Content .archive .matchtag .item{
width:2.2em;
margin-left:-0.2em;
}

.archive .entryTitle{
margin:0;
padding:0;
margin-bottom:0.2em;
}
/*コメントエリア
================================================*/
#commentsform{
margin-top:1em;
border:1px dashed #000000;
padding:0.5em;
margin-bottom:1em;
}
#commentsform .title{
font-size:1.714em;
padding-left:0.2em;
border:1px dashed #000000;
}
#commentsform label{
font-size:1.428em;
} 

#commentsform .item{
line-height:2.0;
}
#commentsform .submit{
font-size:1.428em;
background:url("images/link_stripe.png"); padding:0.2em;
margin:0.2em 0.2em 0.2em 0;
}
#commentsform textarea{
height:20em;
width:30em;
}
#commentsform label .required{font-size:0.8em;}
.postmetadata{
width:100%;
}
#trackbackContainer .title{font-size:1.428em;}
#trackbackContainer input{width:75%;
}

/*表示*/

#commentblock .title{
}
#commentlist .comment_data{
background:url("images/link_stripe.png");
border-left:2px solid #000000;
margin-bottom:0.4em;
}
#commentlist li {padding-bottom:0.4em;}
#commentlist .commenttext{padding-left:1em;}
#commentlist .comment_author{ padding-left:0.3em;}
#commentlist .comment_author a{padding:0;}


/*Quicktags
=================================================================================*/
/*Blog quick tags
================================================*/
.entry .post-content .img_clear{clear:both;}
.majide{letter-spacing:2em;}
.bigg{font-size:2.142em; line-height:1.2;}
.bigger{font-size:3.57em;line-height:1.2;}
.biggest{font-size:7.142em;line-height:1.1;}
.small{font-size:0.8em;line-height:1.2;}
.box{padding:0.1em 0.2em; border:2px solid #333333;}