@charset "utf-8";
/*
Theme Name: littlemorehiroba_theme
Theme URI: http://www.littlemore.jp/hiroba
Description: 
Version: 1.0
Author: tetsuo igarashi
Author URI: 
Tags: 
/*


/*----------font size----------*/
html{font-size:12px;}
body{font-size:100%;
line-height:1.6em;
letter-spacing:0.1em;
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

h1,h2,h3,h4,h5,h6,th{font-weight:normal;letter-spacing:0.02em;}
h1{font-size:1.2em;line-height:1em}
h2{font-size:1.1em;line-height:1em}
h3,h4,h5,h6{font-size:1em;line-height:1em}

p{font-size:1em;}
a{font-size:1em;text-decoration:none;}
address{font-style:normal;}
address,abbr,acronym{font-size:1em;}
blockquote,cite,dfn,q{font-size:1em;font-style:normal;}
q:before,q:after{content:'';}
code,kbd,pre,samp{font-size:1em;font-family:monospace;}
em{font-style:italic;}
strong{font-weight:bold;}
/*table*/table,tr,th,td,caption{font-size:1em;line-height:1em;border-collapse:collapse;}
/*form*/form,input,label,option,textarea{font-size:1em;line-height:1em;}
/*ul*/ul,li,ol{list-style-type:none;font-size:1em;line-height:1em;}
/*dl*/dl,dt,dd{font-size:1em;line-height:1em;}

/***** space reset *****/
body,div,p,ul,li,ol,dl,dt,dd,table,tr,th,td,form,input,img,h1,h2,h3,h4,h5,h6,blockquote{
margin:0;
padding:0;
border:none;
}
li{*line-height:125%;}

.post_body hr{
border:none;
background-image:url(img/bg_dot.gif);
background-position:left center;
background-repeat:repeat-x;
height:1px;
clear:both;
}

body{
background:#fff;
color:#222;
}
.wr{
width:100%;
margin:0;
clear:both;
position:relative;
}
.cnt{
margin:0 auto;
clear:both;
position:relative;
}
.clr{
clear:both;
overflow:hidden;
height:0;
}
div:after{
content:".";
clear:both;
display:block;
height:0;
font-size:0;
visibility:hidden;
overflow:hidden;
}
.bg{
width:100%;
margin:0;
padding:0;
border-top:#eee 0px solid;
border-bottom:#eee 0px solid;
}
/*背景指定*/
#home .bg,#news .bg{
background:#f6f6f6 url("./img/bgtypo.gif") center top repeat;
}
#jazz .bg{
background:#000 url("./img/bg_jazz.gif") left top repeat-x;
}
#tomodachi .bg{
background:#fff url("./img/bg_tomodachi.gif") center top repeat;
}
#karada .bg{
background:#fff url("./img/bg_karada.jpg") center -200px repeat-x;
/*background-attachment: fixed;*/
}
#mine .bg{
background:#fff url("./img/bg_mine.gif") center top repeat;
}
#shomo .bg{
background:#fff url("./img/bg_shomo.gif") center top repeat;
}
#fuji .bg{
background:#222 url("./img/slash01_70.gif") center top repeat-x;
}
#snack .bg{
background:#ccc url("./img/slash01_70.gif") center top repeat-x;
}
#prickle .bg{
background:#ff0 url("./img/slash01_70.gif") center top repeat-x;
}
/*トップナビ*/
#navi .wr{

}
#home #navi,#news #navi{
padding:0 0 2px 0;
background:#fff;
border-bottom:1px solid #eee;
filter:alpha(opacity=90);
opacity:0.9;
}
#navi h1{
float:left;
margin:0 7px 0 0;
}
#navi ul.menu{
padding:8px 0 2px 0;
}
#navi li.ar{
padding:0 0 0 15px;
background:url("./img/arrow01.gif") 0 0 no-repeat;
}
#navi li{
float:left;
}
#ticker{
height:14px;
overflow:hidden;
}
#ticker li{
min-width:400px;
/*padding:0 0 0 15px;
background:url("./img/arrow01.gif") 0 0 no-repeat;*/
font-size:10px;
*font-size:9px;
line-height:13px;
}
#navi .gtop{
position:absolute;
right:5px;
top:3px;
}
#navi a:link{color:#000;}
#navi a:active{color:#000;}
#navi a:visited{color:#000;}
#navi a:hover{color:#f39;}

/*その他ナビ*/
.cats #navi,.singles #navi{
background:#fff;
padding:0 0 0 0;
border-bottom:1px solid #eee;
filter:alpha(opacity=90);
opacity:0.9;
}
/*ドロップシャドウ・ブロックリンク*/
div.blochover{
cursor: pointer;
color:#f39;
/*
filter:alpha(opacity=80);
opacity:0.8;
*/
}
div.blochover a,div.blochover dt,div.blochover dd{
color:#333;
}
.bloc_shdw{
background:#fff;
margin:0;
padding:0;
border:0px solid #f39;
}
/*ツールチップ*/
.hotspot {color:#900; padding-bottom:1px; border-bottom:0px dotted #900; cursor:pointer}
#tt {position:absolute; display:block; background:url(tooltip/images/tt_left.gif) top left no-repeat}
#tttop {display:block; height:5px; margin-left:5px; background:url(tooltip/images/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {display:block; height:5px; margin-left:5px; background:url(tooltip/images/tt_bottom.gif) top right no-repeat; overflow:hidden}

/*トップコンテンツブロック*/
.page_main a:link{color:#f00;}
.page_main a:active{color:#f00;}
.page_main a:visited{color:#f00;}
.page_main a:hover{color:#fff;}

#home .cnt{
width:910px;
margin:120px auto 90px auto;
}
#home h2 img{
height:120px;
margin:10px 0;
filter:alpha(opacity=80);
opacity:0.8;
}
#home .bloc_wr{
width:207px;
position:relative;
margin:0 6px;
float:left;
clear:right:
}
#home .bloc{
width:207px;
margin:0px;
font-size:10px;
*font-size:9px;
}
#home .bloc img{
float:left;
}
#home #intro{
width:420px;
margin:0 8px -20px 8px;
padding:0 0 0 0;

border:0px solid #eee;
}

#home  #intro h3{
*width:420px;
padding:5px;
font-size:1.2em;
font-weight:bold;
color:#11aaff;
background:#f4f6f5;
filter:alpha(opacity=90);
opacity:0.9;
}
#home  #intro p{
*width:420px;
padding:5px;
font-size:1em;
color:#11aaff;
background:#f4f6f5;
filter:alpha(opacity=90);
opacity:0.9;
}
#home .bloc{
font-family:'ＭＳ ゴシック','MS Gothic',sans-serif;
}

#home #bnr_tomodachi .bloc{
padding:80px 0 0 0;
background:#fff url("./img/bnr_tomodachi.jpg") center top no-repeat;
}

#home #bnr_tsh .bloc{
padding:80px 0 0 0;
background:#fff url("./img/bnr_tsh.jpg") center top no-repeat;
color:#fff;
}
#home #bnr_jazz .bloc{
padding:80px 0 0 0;
background:#fff url("./img/bnr_jazz.jpg") center top no-repeat;
}

#home #bnr_karada .bloc{
padding:80px 0 0 0;
background:#fff url("./img/bnr_karada.gif") center top no-repeat;
}
#home #bnr_mine .bloc{
padding:80px 0 0 0;
background:#e3d8a0 url("./img/bnr_mine.gif") center top no-repeat;
}
#home #bnr_shomo .bloc{
padding:70px 0 0 0;
background:#fff url("./img/bnr_shomo.gif") center top no-repeat;
}
#home #bnr_fuji .bloc{
padding:80px 0 0 0;
background:#fff url("./img/bnr_fuji.jpg") center top no-repeat;
}
#home #bnr_snack .bloc{
padding:80px 0 0 0;
background:#fff url("./img/bnr_snack.gif") center top no-repeat;
}
#home #bnr_prickle .bloc{
padding:80px 0 0 0;
background:#fff url("./img/bnr_prickle.gif") center top no-repeat;
}


#home .bloc p{
margin:5px 5px 2px 16px;
line-height:1.4em;
}
#home .bloc span{
margin:0 5px 0 16px;
font-size:10px;
*font-size:9px;
}
#home .bloc h4{
width:12px;
position:absolute;
left:0px;
top:0px;
}
#home .bloc h4 img{
margin:0 0 0 0;
}
#home .bloc h6{
position:absolute;
right:0px;
bottom:0px;
}

.bnr_extra{
width:75px;
height:60px;
position:relative;
margin:0 12px 0 6px;
float:left;
clear:right:
}
.bnr_extra .bloc_shdw{
width:75px;
height:60px;
}
.bnr_extra p{
width:75px;
position:absolute;
padding:3px;
background:#fff;
bottom:-70px;
left:5px;
}
.bnr_extra h6{
position:absolute;
right:0px;
bottom:0px;
}

/*カテゴリートップ*/
#news h2{
height:120px;
background:url("./img/cat_head_news.gif") 200px 10px no-repeat;
filter:alpha(opacity=80);
opacity:0.8;
border-bottom:0px solid #fff;
}
#karada h2{
position:relative;
height:180px;
background:url("./img/cat_head_karada.gif") 0 0 no-repeat;
filter:alpha(opacity=50);
opacity:0.5;
}
#karada h2 img{
position:absolute;
top:-20px;
right:100px;
}
#mine h2{
height:230px;
background:url("./img/head_mine.gif") center -5px no-repeat;
border-bottom:0px solid #fff;
}
#tsh h2{
width:800px;
height:275px;
margin:0 auto;
}
#jazz .page_head{
background:#fff;
width:810px;
margin:0 auto;
padding:0 0 20px 0;
border-left:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #222;
}
#jazz .page_head p{
width:550px;
margin:0 auto;
padding:15px 0;
color:#000;
}
.page_head{
}
/*サイド・リスト*/
.page_l a:link{color:#f39;}
.page_l a:active{color:#f39;}
.page_l a:visited{color:#f39;}
.page_l a:hover{color:#000;}

.page_r li{
margin:4px 0;
}
.page_r a:link{color:#f39;}
.page_r a:active{color:#f39;}
.page_r a:visited{color:#f39;}
.page_r a:hover{color:#000;}

/*スライドメニュー*/
.page_l{
width:200px;
background:#fff url("./img/slash01_10.gif") center top no-repeat;
position:absolute;
top:0px;
left:0;
z-index:99;
}
.page_l .sm_btn{
width:45px;
float:right;
}
.page_l .sm_cnt{
float:left;
}
.page_l .sm_cnt{
display:none;
letter-spacing:-0.02em;
text-align:justify;
text-justify:inter-ideograph;
}
.page_r{
width:200px;
background:#fff url("./img/slash01_10.gif") center top no-repeat;
position:absolute;
top:0px;
right:0;
z-index:99;
}
#tomodachi .page_l,#tomodachi .page_r{
background:#fff center top no-repeat;
}
.page_r .sm_btn{
width:45px;
float:left;
}
.page_r .sm_cnt{
float:right;
display:none;
}
.sm_incnt{
min-height:170px;
*height:170px;
background:#fff url("./img/slash01_10.gif") center top repeat;
padding:5px;
}
.page_r li.list_head{
padding:0 0 0 15px;
background:transparent;
}
.page_r li{
padding:0 0 0 15px;
background:url("./img/arrow02.gif") 0 0 no-repeat;
}


#karada .page_l,#karada .page_r{
top:00px;
}
#karada .page_l .sm_btn{
height:225px;
background:url("./img/btn_author_kondo.gif") right top no-repeat;
}
#karada .page_l .links{
width:45px;
height:220px;
background:url("./img/btn_link_kondo.gif") center top no-repeat;
}

#mine .page_l .sm_btn{
height:225px;
background:url("./img/btn_author_uno.gif") right top no-repeat;
}
#mine .page_l .links{
width:45px;
height:220px;
}

#shomo .page_r{
background:#fff;
}
#shomo .page_l .sm_btn{
height:180px;
background:url("./img/btn_author_bal.gif") right top no-repeat;
}
#shomo .page_l,#shomo .page_r{
top:200px;
}
#shomo .sm_incnt{
background:#fff;
}

#tomodachi .page_r{
background:#fff;
}
#tomodachi .page_l .sm_btn{
height:180px;
background:url("./img/btn_author_yamada.gif") right top no-repeat;
}
#tomodachi .page_l,#tomodachi .page_r{
top:200px;
}
#tomodachi .sm_incnt{
background:#fff;
}
/*ページメイン*/
.page_body{
min-height:500px;
*height:500px;
padding:0 0 30px 0;
}
.page_main{
position:relative;
margin:0 210px;
}
/*ポスト*/
.meta{
padding:0 1em;
font-size:10px;
}
.post_body{
margin:0 0 10px 0;
padding:10px 0;
font-size:1.2em;
line-height:1.9em;
letter-spacing:-0.03em;
color:#111;
text-align:justify;
text-justify:inter-ideograph;
}
.title{
font-family:"ＭＳ Ｐ明朝","MS PMincho",serif,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro";
padding:11px 0 0 0px;
border-left:0px solid #f00;
font-size:2em;
}
.date{
font-family:"ＭＳ Ｐ明朝","MS PMincho",Mincho,serif,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro";
padding:3px 0 3px 0px;
border-left:0px solid #ccc;
font-size:1em;
}
.page_main a:link{color:#f39;}
.page_main a:active{color:#f39;}
.page_main a:visited{color:#f39;}
.page_main a:hover{color:#222;}


#news .title{
font-family:"ＭＳ Ｐゴシック","MS PGothic",Gothic,san-serif,Osaka;
padding:11px 5px 3px 5px;
border-left:0px solid #f00;
font-size:2em;
font-weight:bold;
}
#news h3{
*height:99.8%;
padding:0 5px;
color:#11aaff;
background:#f4f6f5;
filter:alpha(opacity=90);
opacity:0.9;
}
#news .post_body{
*height:99.8%;
padding:0 5px;
font-size:1em;
color:#11aaff;
background:#f4f6f5;
filter:alpha(opacity=90);
opacity:0.9;
}
#karada .post_body{
*height:99.8%;
padding:0 5px;
min-width:500px;
background:#fff;
color:#000;
filter:alpha(opacity=80);
opacity:0.8;
}
#karada h3{
*height:99.8%;
padding:0 5px;
color:#000;
background:#fff;
filter:alpha(opacity=80);
opacity:0.8;
}
#mine .post_body{
min-width:500px;
background:;
filter:alpha(opacity=80);
opacity:0.8;
}
#shomo .page_main{
width::500px;
margin:0 auto;
}
#shomo .post_body{
text-align:center;
}
#shomo .title{
font-family:"ＭＳ Ｐゴシック","MS PGothic",Gothic,san-serif,Osaka;
padding:11px 0 11px 0px;
border-left:0px solid #f00;
font-size:1.3em;
}
#shomo h3{
display:none;
visibility:hidden;
}

#tomodachi .page_main{
width::700px;
margin:0 auto;
}
#tomodachi .post_body{
text-align:center;
}
#tomodachi .title{
font-family:"ＭＳ Ｐゴシック","MS PGothic",Gothic,san-serif,Osaka;
padding:11px 0 11px 0px;
border-left:0px solid #f00;
font-size:1.3em;
}
#tomodachi h3{
display:none;
visibility:hidden;
}
#tsh .page_head{
width:800px;
margin:0 auto;
border-left:1px solid #eee;
border-right:1px solid #eee;
}
#tsh .page_main{
width:800px;
margin:0 auto;
border-left:1px solid #eee;
border-right:1px solid #eee;
}
#tsh .post_head{
width:800px;
margin:0 auto;
}
#tsh .date{
padding:20px 0 0px 0;
font-size:1em;
font-weight:bold;
text-align:right;
}
#tsh .title{
display:none;
position:relative;
background:#09d;
color:#000;
padding-bottom:5px;
padding-left:120px;
margin:0 0 20px 0;
font-size:1.5em;
line-height:1.4em;
font-weight:bold;
}
#tsh .post_body{

}
#tsh .post_body p{
padding:5px 10px;
}
#tsh .post_body h3{
position:relative;
background:#09d;
color:#fff;
padding:5px 5px 5px 120px;
margin:10px 0 30px 0;
font-size:20px;
line-height:26px;
font-weight:bold;
}
#tsh .post_body .pngimg{
position:absolute;
top:-15px;
left:10px;
display:block;
width:100px;
height:65px;
padding:35px 0 0 0;
background:url("./img/badge.png") left center no-repeat;
color:#063;
text-align:center;
font-size:25px;
font-weight:bold;
}
#tsh .title a{
color:#fff;
}

#tsh .post_foot{
margin:0 0 30px 0;
}
#tsh .post_foot h3{
background:#09d;
margin:10px 0;
padding:10px;
color:#fff;
font-weight:bold;
}
#tsh .post_foot p{
padding:5px;
}
#tsh .post_foot li{
padding:5px;
}
#tsh .post_navi{
height:15px;
padding:5px;
clear:both;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}


#jazz .page_main{
background:#fff;
border-left:1px solid #000;
border-right:1px solid #000;
width:810px;
padding:0;
margin:0 auto;
}
#jazz .post_head{
width:800px;
margin:0 auto;
padding:0 5px 15px 5px;
border-bottom:1px solid #222;
}
#jazz .post_body{
position:relative;
}
#jazz .post_body .texts{
width:560px;
color:#000;
padding:10px;
}
#jazz blockquote{
position:absolute;
top:10px;
right:10px;
width:200px;
background:url("./img/bg_qt.gif") left top repeat;
color:#000;
font-size:11px;
line-height:18px;
padding:5px;
}
#jazz blockquote img{
border:1px solid #222;
}
#jazz .post_foot{
border-top:1px solid #222;
padding:10px;
color:#000;
}
#jazz .post_foot h3{
padding:10px 0;
color:#000;
font-weight:bold;
}

#jazz .profs{
width:200px;
float:left;
padding:10px 5px;
font-size:11px;
line-height:18px;
}
#jazz .archs{
width:570px;
float:left;
padding:10px 5px;
}
#jazz .post_navi{
height:15px;
padding:5px;
clear:both;
border-top:1px solid #222;
border-bottom:1px solid #222;
}
.archs li{
padding:3px 0;}
/*
.title{
padding:5px 0 0 9px;
border-left:5px solid #f00;
font-size:2.5em;
}
.date{
padding:3px 0 3px 9px;
border-left:5px solid #ccc;
font-size:1em;
}
*/
.post_navi{
padding:10px 0;
}

.post_navi ul{
width:100%;
position:relative;
}
.post_navi li.prev{
width:15px;
height:15px;
background:url("./img/btn_prev2.gif") center top no-repeat;
position:absolute;
top:0;
right:20px;
}
.post_navi li.next{
width:15px;
height:15px;
background:url("./img/btn_next2.gif") center top no-repeat;
position:absolute;
top:0px;
right:0px;
}
.post_navi li.prev span{
display:block;
width:15px;
height:15px;
background:url("./img/btn_prev.gif") center top no-repeat;
cursor: pointer;
}
.post_navi li.next span{
display:block;
width:15px;
height:15px;
background:url("./img/btn_next.gif") center top no-repeat;
cursor: pointer;
}

#shomo .post_navi{
width:500px;
margin:0 auto;
}

#shomo .post_navi li.prev{
left:230px;
}
#shomo .post_navi li.next{
right:230px;
}

#tomodachi .post_navi{
width:500px;
margin:0 auto;
}

#tomodachi .post_navi li.prev{
left:230px;
}
#tomodachi .post_navi li.next{
right:230px;
}













#page_navi{
float:right;
margin:2px 10px 5px 10px;
}
/*目次*/
#home #contents{
display:none;
}
#contents a:link{color:#000;}
#contents a:active{color:#000;}
#contents a:visited{color:#000;}
#contents a:hover{color:#f39;}
#home #contents{
display:none;
}
#contents .wr{
border-top:1px solid #eee;
padding:5px 0 0 0;
clear:both;
background:#fff url("./img/slash01_10.gif") center top repeat;
}
#contents .cnt{
margin:0 20px;
}
#contents a{
padding:0 0 0 15px;
background:url("./img/arrow01.gif") 0 0 no-repeat;
}
#contents ul a{
padding:0;
background:transparent;
}
#contents h6{
display:none;
/*cursor: pointer;*/
float:right;
margin:2px 10px 10px 10px;
}
#contents ul{
clear:both;
}
#contents li{
float:left;
width:250px;
height:38px;
margin:5px 10px 5px 0;
line-height:1.5em;
}
#contents li img{
float:left;
width:36px;
height:36px;
margin:0 5px 0 0;
border:1px solid #5def00;
}

/*フッター*/
#footer .wr{
border-top:1px solid #eee;
padding:5px 0 20px 0;
clear:both;
}

#footer address{
clear:both;
float:right;
font-size:10px;
*font-size:9px;
}
/*wordpress generated class*/
.alignnone{}
.aligncenter{display:block;margin:0 auto;}
.alignright{float:right;margin:0 0 0 0.5em;}
.alignleft{float:left;margin:0 0.5em 0 0;}
.wp-caption{background:;margin:0 auto;padding:0;}
.wp-caption img{}
p.wp-caption-text{color:#f06;font-size:11px;margin:0.5em;}
p.wp-caption-text, x:-moz-any-link, x:only-child{font-size:11px;}
p.wp-caption-text{*font-size:10px;}
head~/* */body p.wp-caption-text{font-size:10px;}