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

/*-----------------------
base12px
10px = 80-87%
11px = 88-95%
12px = 96-104%
13px = 105-112%
14px = 113-120%
15px = 121-129%
16px = 130-137%
17px = 138-145%
18px = 146-154%
19px = 155-162%
20px = 163-170%
21px = 171-179%
22px = 180-187%
23px = 188-195%
24px = 196-204%

base16px
10px = 60-65%
11px = 66-71%
12px = 72-78%
13px = 79-84%
14px = 85-90%
15px = 91-96%
16px = 97-103%
17px = 104-109%
18px = 110-115%
19px = 116-121%
20px = 122-128%
21px = 129-134%
22px = 135-140%
23px = 141-146%
24px = 147-153%
-----------------------*/

/*----------font size----------*/
html{font-size:12px;}
body{font-size:100%;
line-height:1.6em;
letter-spacing:0.1em;
}

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%;}
/***** specification *****/

/*hフォーマット
h1サイトネーム用
h2カテゴリータイトル用
h3ポストタイトル用
h4サブタイトルetc用
h5タブ用
h6ボタン用
*/

/*div classフォーマット
site_xxxサイト全体用
page_xxx各ページ用
post_xxx各投稿用
singles シングルページ用
cats カテゴリーページ用
statics スタティックページ用
*/

body{
background:#fff;
color:#222;
}
.wr{
width:100%;
margin:0;
clear:both;
position:relative;
}
.cnt{
width:900px;
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;

}
/*背景指定*/
.bg{
background:#fff url("./img/bg00bg.gif") center 25px no-repeat;
}
#home .bg{
background:#fff url("./img/bg00bg.gif") center 25px no-repeat;
}
#news .bg{
background:#3ae600 url("./img/bg01bg.gif") center 25px no-repeat;
}
#c02 .bg{
background:#00dae6 url("./img/bg02bg.gif") center 25px no-repeat;
}
#c03 .bg{
background:#008aeb url("./img/bg03bg.gif") center 25px no-repeat;
}
#c04 .bg{
background:#a800ec url("./img/bg04bg.gif") center 25px no-repeat;
}
#ticket .bg{
background:#ed00ea url("./img/bg05bg.gif") center 25px no-repeat;
}
#opus .bg{
background:#ff11ac url("./img/bg06bg.gif") center 25px no-repeat;
}
#comment .bg{
background:#ff1157 url("./img/bg07bg.gif") center 25px no-repeat;
}
#c08 .bg{
background:#f80203 url("./img/bg08bg.gif") center 25px no-repeat;
}
#cast .bg{
background:#ff6202 url("./img/bg09bg.gif") center 25px no-repeat;
}
#cooperator .bg{
background:#ebaf00 url("./img/bg10bg.gif") center 25px no-repeat;
}
#access .bg{
background:#fff000 url("./img/bg11bg.gif") center 25px no-repeat;
}
#c12 .bg{
background:#a9da00 url("./img/bg12bg.gif") center 25px no-repeat;
}



/*トップナビ*/

#navi{
padding:3px 0 5px 0;
background:;
border-bottom:0px dotted #eee;
filter:alpha(opacity=90);
opacity:0.9;
}
#navi .cnt{

}
#navi h1{
float:left;
margin:0 20px 0 0;
}
#navi ul.menu{
height:10px;
margin:0 30px 0 0;
padding:8px 0 2px 0;
}
.menu li.ar00{
padding:0 0 0 15px;
background:url("./img/ar00.gif") 0 0 no-repeat;
}
.menu li.ar01{
padding:0 0 0 15px;
background:url("./img/ar01.gif") 0 0 no-repeat;
}
.menu li.ar05{
padding:0 0 0 15px;
background:url("./img/ar05.gif") 0 0 no-repeat;
}
.menu li.ar06{
padding:0 0 0 15px;
background:url("./img/ar06.gif") 0 0 no-repeat;
}
.menu li.ar07{
padding:0 0 0 15px;
background:url("./img/ar07.gif") 0 0 no-repeat;
}
.menu li.ar09{
padding:0 0 0 15px;
background:url("./img/ar09.gif") 0 0 no-repeat;
}
.menu li.ar10{
padding:0 0 0 15px;
background:url("./img/ar10.gif") 0 0 no-repeat;
}
.menu li.ar11{
padding:0 0 0 15px;
background:url("./img/ar11.gif") 0 0 no-repeat;
}
#home #navi li.ar{
padding:0 0 0 15px;
background:url("./img/arrow01.gif") 0 0 no-repeat;
}
#navi li.ar{
padding:0 0 0 15px;
background:url("./img/arrow02.gif") 0 0 no-repeat;
}
#navi li{
margin:0 10px 0 0;
float:left;
}
#ticker{
clear:both;
margin:10px 0 0 0;
padding:8px 0 2px 95px;
border-top:#eee 1px solid;
border-bottom:#eee 0px solid;
}
#ticker li{
min-width:600px;
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:10px;
top:6px;
}
#home #navi a:link{color:#000;}
#home #navi a:active{color:#000;}
#home #navi a:visited{color:#000;}
#home #navi a:hover{color:#f39;}
#navi a:link{color:#fff;}
#navi a:active{color:#fff;}
#navi a:visited{color:#fff;}
#navi a:hover{color:#000;}

/*その他ナビ*/

/*ドロップシャドウ・ブロックリンク*/
div.blochover{
cursor: pointer;
color:#f39;
}
div.blochover img{
filter:alpha(opacity=00);
opacity:0.0;
}
/*トップコンテンツブロック*/
.page_main a:link{color:#f00;}
.page_main a:active{color:#f00;}
.page_main a:visited{color:#f00;}
.page_main a:hover{color:#fff;}

.page_cnt{
z-index:8;
}

#home .bloc_wr{
position:relative;
margin:0 0;
float:left;
}
#home .bloc{
position:relative;
background:;
width:300px;
height:300px;
margin:0px 0px 0px 0px;
font-size:10px;
*font-size:9px;
}
#home .bloc img{
width:300px;
height:300px;
}
#home #b01 .bloc{
background:url("./img/bg01.gif") 0px 0px no-repeat;
}
#home #b02 .bloc{
background:url("./img/bg02.gif") -300px 0px no-repeat;
}
#home #b03 .bloc{
background:url("./img/bg03.gif") -600px 0px no-repeat;
}
#home #b04 .bloc{
background:url("./img/bg04.gif") 0px -300px no-repeat;
}
#home #b05 .bloc{
background:url("./img/bg05.gif") -300px -300px no-repeat;
}
#home #b06 .bloc{
background:url("./img/bg06.gif") -600px -300px no-repeat;
}
#home #b07 .bloc{
background:url("./img/bg07.gif") 0px -600px no-repeat;
}
#home #b08 .bloc{
background:url("./img/bg08.gif") -300px -600px no-repeat;
}
#home #b09 .bloc{
background:url("./img/bg09.gif") -600px -600px no-repeat;
}
#home #b10 .bloc{
background:url("./img/bg10.gif") 0px -900px no-repeat;
}
#home #b11 .bloc{
background:url("./img/bg11.gif") -300px -900px no-repeat;
}
#home #b12 .bloc{
background:url("./img/bg12.gif") -600px -900px no-repeat;
}

#home #b01 .bloc img{
background:url("./img/bg00.gif") 0px 0px no-repeat;
}
#home #b02 .bloc img{
background:url("./img/bg00.gif") -300px 0px no-repeat;
}
#home #b03 .bloc img{
background:url("./img/bg00.gif") -600px 0px no-repeat;
}
#home #b04 .bloc img{
background:url("./img/bg00.gif") 0px -300px no-repeat;
}
#home #b05 .bloc img{
background:url("./img/bg00.gif") -300px -300px no-repeat;
}
#home #b06 .bloc img{
background:url("./img/bg00.gif") -600px -300px no-repeat;
}
#home #b07 .bloc img{
background:url("./img/bg00.gif") 0px -600px no-repeat;
}
#home #b08 .bloc img{
background:url("./img/bg00.gif") -300px -600px no-repeat;
}
#home #b09 .bloc img{
background:url("./img/bg00.gif") -600px -600px no-repeat;
}
#home #b10 .bloc img{
background:url("./img/bg00.gif") 0px -900px no-repeat;
}
#home #b11 .bloc img{
background:url("./img/bg00.gif") -300px -900px no-repeat;
}
#home #b12 .bloc img{
background:url("./img/bg00.gif") -600px -900px no-repeat;
}


#home .bloc p{

}
#home .bloc span{
position:absolute;
top:0;
left:0;
font-size:10px;
*font-size:9px;
}


/*カテゴリートップ*/

h2{
position:relative;
height:210px;
}
.page_head{
}
/*サイド・リスト*/
.page_r li{
margin:4px 0;
padding:0 0 0 15px;
background:url("./img/arrow01.gif") 0 0 no-repeat;
}
.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_r{
width:200px;
height:auto;
overflow:hidden;
position:absolute;
top:-30px;
right:20px;
z-index:99;
}
.page_r .sm_btn{
width:200px;
height:30px;
background:url("./img/a.gif") center top no-repeat;
}
.page_r .sm_cnt{
width:190px;
background:#fff;
margin:0 0 0 0;
padding:5px;
display:block;
}

.page_r ul{
padding:3px 0 6px 0;
}

/*ページメイン*/
.page_main{
width:532px;
min-height:990px;
*height:990px;
margin:0 auto;

}

.page_main .bloc_wr{
min-height:600px;
*height:600px;
padding:10px;
background:#fff;
}
/*ポスト*/
.page_main a:link{color:#f39;}
.page_main a:active{color:#f39;}
.page_main a:visited{color:#f39;}
.page_main a:hover{color:#000;}

.meta{
padding:0 1em;
font-size:10px;
}
.title{
font-family:"ＭＳ Ｐ明朝","MS PMincho",serif,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro";
padding:0 0 0 0;
border-left:0px solid #f00;
font-size:1.5em;
line-height:1.9em;
border-bottom:0px solid #666;
}
.date{
font-family:"ＭＳ Ｐ明朝","MS PMincho",serif,"ヒラギノ明朝 Pro W3","Hiragino Mincho Pro";
padding:3px 0 6px 0px;
font-size:1em;
color:#ccc;
display:none;
visibility:hidden;
}
#ticket .title,#comment .title,#cooperator .title,#access .title{
display:none;
visibility:hidden;
}
#cast .cats .title,#opus .cats .title{
padding:0 0 0 15px;
background:url("./img/arrow01.gif") 0 10px no-repeat;
border-bottom:1px solid #666;
}
#news .date{
display:block;
visibility:visible;
}
#cast .cats .post_body,#opus .cats .post_body{
display:none;
visibility:hidden;
}

.post_body{
margin:10px 0;
font-size:13px;
line-height:1.6em;
letter-spacing:-0.03em;
color:#111;
text-align:justify;
text-justify:inter-ideograph;
}

.size_s{
font-size:80%;
line-height:120%;
letter-spacing:0.01em;
}
.size_l{
font-size:150%;
line-height:180%;
letter-spacing:0.01em;
}

.color_g{
color:#3c0;
}
.color_r{
color:#f03;
}
.color_b{
color:#33f;
}
.color_y{
color:#ff2;
}
hr{border-width:1px;border-color:#eee;}
.post_body img{
margin:5px;
}
.alignnone{}
.aligncenter{}
.alignleft{float:left;}
.alignright{float:right;}

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




/*目次*/

#contents a:link{color:#fff;}
#contents a:active{color:#fff;}
#contents a:visited{color:#fff;}
#contents a:hover{color:#000;}
#home #contents a:link{color:#f39;}
#home #contents a:active{color:#f39;}
#home #contents a:visited{color:#f39;}
#home #contents a:hover{color:#000;}

#contents .wr{
border-top:0px dotted #eee;
padding:5px 0 0 0;
clear:both;
background:;
}
#contents h6{
width:100%;
height:15px;
margin:2px 0 5px 0;
border-bottom:#eee 1px solid;
}
#contents h6 img{
cursor: pointer;
float:right;
}
#contents ul.menu{
height:15px;
display:none;
margin:2px 0 5px 0;
padding:6px 0 6px 100px;
border-bottom:#eee 1px solid;
}
#contents .menu li{
margin:0 10px 0 0;
float:left;
}
#contents ul.contact{
padding:0 0 0 75px;
background:url("./img/logo_gei.gif") 0 5px no-repeat;
clear:both;
}
#home .contact li.li_head,.contact li.li_head{
width:600px;
margin:5px 20px;
padding:0 0 0 15px;
background:url("./img/arrow01_.gif") 0 0 no-repeat;
font-weight:bold;
}
#home .contact li{
width:600px;
margin:5px 20px;
padding:0 0 0 15px;
background:url("./img/arrow01.gif") 0 0 no-repeat;
}
.contact li{
width:600px;
margin:5px 20px;
padding:0 0 0 15px;
background:url("./img/arrow02.gif") 0 0 no-repeat;
}
#contents span{
font-size:10px;
*font-size:9px;
}

/*フッター*/
#footer .wr{
text-align:right;
border-top:0px dotted #eee;
padding:5px 0 20px 0;
clear:both;
}
#footer address{
font-size:10px;
*font-size:9px;
}
#footer h6{
padding:2px 0 5px 0;
}