@charset "utf-8";
/*
Theme Name: snoozer_theme
Theme URI: http://www.littlemore.jp/magazines/snoozer
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-family:sans-serif;
font-size:100%;
line-height:1.6em;
letter-spacing:0.001em;
text-align:justify;
text-justify:inter-ideograph;
}

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

p{font-size:1em;}
a{font-size:1em;text-decoration:none;}
em{font-style:italic;}
strong{font-weight:bold;}

address,abbr,acronym{font-family:monospace;font-size:1em;font-style:normal;letter-spacing:-0.01em;}
blockquote,cite,dfn,q{font-size:1em;font-style:normal;}
q:before,q:after{content:'';}
code,kbd,pre,samp{font-family:monospace;font-size:1em;letter-spacing:-0.01em;}
/*table*/table,tr,th,td,caption{font-size:1em;font-weight:normal;text-align:left;vertical-align:top;border-collapse:collapse;}
/*form*/form,input,label,option,textarea{font-size:1em;}
/*ul*/ul,li,ol{list-style-type:none;font-size:1em;line-height:100%;}
/*dl*/dl,dt,dd{font-size:1em;line-height:100%;}

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

hr{border:none;border-top:1px solid #666;*color:#fff;*background:#fff;}
/***** specification *****/

/*
index
header
footer
site
_top
_navi
__top
cat
page

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

*****div id/classフォーマット*****
#home
#navi
#category_name
#static page_name
#footer

.top サイトトップ用
.singles シングルページ用
.cats カテゴリーページ用
.statics スタティックページ用

#page_xxxページ構成
_head/<h2>カテゴリータイトル
_body/.post_xxx
_
_side/
_
_foot
_navi

.post_xxx 投稿構成
_head/<h3>title,date.meta
_body/
_foot/<h6>detail,readmore,tags
_navi/prev,next

*****postフォーマット*****
title タイトル用
date 投稿時間用
meta メタ用
tags タグ用

*****styleフォーマット*****
wr wrapper
_margin 隣接要素との余白指定
_padding 子要素との余白指定・背景なし（非推奨）
(bg background)
cnt content
_margin 親要素との余白指定・背景なし（非推奨）
_padding 親要素との余白指定・背景あり

bloc_wrブロック要素エフェクト
bloc(_bg) ブロック要素アンカー
bloc_cnt

*****jqueryライブラリ*****
透過png for IE6
タブ
ツールチップ
ブロックアンカー
*/

body{
background:#fff url("./img/bg.gif") center top repeat;
color:#222;
}
a:link{color:#000;}
a:active{color:#000;}
a:visited{color:#000;}
a:hover{color:#f00;}

.wr{
width:100%;
margin:0;
clear:both;
position:relative;
}
.cnt{
width:900px;
margin:0px auto;
clear:both;
position:relative;
}
.clr{
clear:both;
overflow:hidden;
height:0;
}
/*clearfix*/
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:0px solid #000;
border-bottom:0px solid #000;
}
.bg{background:url("./img/bg_logo.gif") 5px top no-repeat;}

/*背景個別指定*/
#news .bg{background:url("./img/bg_logo.gif") 5px top no-repeat;}
#issues .bg{background:url("./img/bg_logo.gif") 5px  top no-repeat;}

/*ナビ*/
#navi a:link{color:#000;}
#navi a:active{color:#000;}
#navi a:visited{color:#000;}
#navi a:hover{color:#f00;}

#navi .wr{
}
#navi .cnt{
height:90px;
margin-bottom:30px;
}
#navi h1{
position:absolute;
left:30px;
bottom:0px;
}
#navi .lmtm{
position:absolute;
right:0px;
top:15px;
}
#navi .adm{
position:absolute;
right:30px;
top:0px;
}
#navi ul{
position:absolute;
right:36px;
bottom:-4px;
}
#navi li{
display:inline;
margin:0 9px 0 0;
}

/*ナビ個別指定*/
.cats #navi,.singles #navi{
}

/*タブ*/
.smartabs{}
.smartabs .tabs{}
.smartabs .t_head{
width:210px;
height:24px;
float:left;
}
.smartabs .t_head a{background:#fff;}
.smartabs .t_head a:hover{background:#fff;}
.smartabs .current img{background:#ff0;}
.smartabs .t_body{display:none;}

.menu_btns{
background:url("./img/bg_dot00.gif") left top repeat;
width:840px;
margin:0 30px 1px 30px;
text-align:left;
}
.menu_btns img{
background:#fff;
display:inline;
margin:-1px;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
}
.menu_btns a img:hover{
background:#ff0;
}
#news .menu_btns img,#issues .menu_btns img,#order .menu_btns img,#shop .menu_btns img{
background:;
display:inline;
margin:0px;
border:none;
}
#news .t_head,#issues .t_head,#order .t_head,#shop .t_head{
width:210px;
height:24px;
float:left;
}

/*ツールチップ*/
.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}

/*ドロップシャドウ・ブロックリンク*/
.b_hover{
cursor: pointer;
}

/*トップコンテンツブロック*/
.bloc_news .b_hover a{
color:#f00;
}
.bloc_news{
background:url("./img/bg_line.gif") -6px top repeat-y;
width:840px;
overflow:visible;
margin:0 auto 48px auto;
}
.bloc_news h5{
width:210px;
margin:0 -211px 0 0;
float:left;
}
.bloc_news h5 img{
background:#fff;
}
.bloc_news .bloc_cnt{
*height:33%;*overflow:visible;/*position for IE6*/
position:relative;
margin:0 0 0 211px;
padding:6px;
}
.bloc_news dl{
background:url("./img/bg_dot01.gif") left top repeat;
}
.bloc_news dt{
width:200px;
height:10px;
padding:1px;
float:left;
font-size:10px;
*padding:0px 1px;
*font-size:9px;
*line-height:12px;
}
.bloc_news dd{
height:10px;
padding:1px;
font-size:10px;
*padding:0px 1px;
*font-size:9px;
*line-height:12px;
}
.bloc_news h3{
padding:12px 0 0 0;
}
.bloc_news h6{
position:absolute;
right:5px;
bottom:7px;
}


.bloc_issues  .b_hover{
background:#ff3;
}
.bloc_issues{
background:url("./img/bg_line.gif") left top repeat;
width:780px;
margin:0 auto;
padding:24px 30px;
}
.bloc_issues .bloc{
background:#fff url("./img/bg_bloc_issues.gif") -10px -10px no-repeat;
margin:-1px;
float:left;
border:1px solid #ccc;
}
.bloc_issues .bloc_cnt{
position:relative;
width:120px;
height:180px;
overflow:hidden;
padding:6px 5px;
text-align:center
}
.bloc_issues dl{
position:relative;
background:url("./img/bg_dot01.gif") left top repeat;
height:16px;
margin:0 0 4px 0;
}
.bloc_issues dt{
position:absolute;
left:3px;
margin:3px 0;
}
.bloc_issues dd{
position:absolute;
right:3px;
margin:3px 0;
}
.bloc_issues h6{
position:absolute;
right:0px;
bottom:0px;
}


.bloc_detail{
background:url("./img/bg_line.gif") left top repeat;
width:780px;
margin:0 auto;
padding:24px 30px;
}
.bloc_detail .bloc_wr{
background:#fff;
margin:-1px;
border:1px solid #ccc;
}
.bloc_detail .bloc_cnt{
position:relative;
width:750px;
padding:15px;
}
.bloc_detail h3{
background:url("./img/bg_dot01.gif") left top repeat;
margin:0 0 1em 0;
padding:3px;
font-size:1.2em;
font-weight:bold;
}
.bloc_detail h4{
font-size:0.95em;
font-weight:bold;
}
.bloc_detail p{
padding:0 0 0 1.4em;
}
.bloc_detail dl{
position:relative;
height:1em;
margin:0 0 1em 0;
}
.bloc_detail dt{
position:absolute;
left:0px;
margin:3px 0;
}
.bloc_detail dd{
position:absolute;
left:90px;
margin:3px 0;
}
.bloc_detail th{
width:300px;
padding:0 7px 0 0;
}
.bloc_detail td{
padding:0 0 0 7px;
border-left:1px dotted #ccc;
}
.bloc_detail h6{
position:absolute;
right:15px;
bottom:15px;
}
.bloc_detail h6 a:link{color:#fff;background:#000;}
.bloc_detail h6 a:active{color:#fff;background:#000;}
.bloc_detail h6 a:visited{color:#fff;background:#000;}
.bloc_detail h6 a:hover{color:#fff;background:#f00;}
.bloc_detail h6 a{padding:2px;}



.bloc_order{
background:url("./img/bg_line.gif") left top repeat;
width:780px;
margin:0 auto;
padding:24px 30px;
}
.bloc_order .bloc_wr{
background:#fff;
margin:-1px;
border:1px solid #ccc;
}
.bloc_order .bloc_cnt{
position:relative;
width:750px;
padding:15px;
}
.bloc_order h3{
background:url("./img/bg_dot01.gif") left top repeat;
margin:0 0 1em 0;
padding:3px 0;
font-size:1.2em;
font-weight:bold;
}
.bloc_order h4{
font-size:0.95em;
font-weight:bold;
}
.bloc_order p{
padding:0 0 0 1.4em;
}
.bloc_order span{
color:#f00;
font-size:0.9em;
line-height:1.45em;
}
.bloc_order dl{
position:relative;
height:1em;
margin:0 0 1em 0;
}
.bloc_order dt{
position:absolute;
left:0px;
margin:3px 0;
}
.bloc_order dd{
position:absolute;
left:90px;
margin:3px 0;
}
.bloc_order h6{
margin:20px 0 15px 0;
text-align:center;
}
.bloc_order h6 a:link{color:#fff;background:#000;}
.bloc_order h6 a:active{color:#fff;background:#000;}
.bloc_order h6 a:visited{color:#fff;background:#000;}
.bloc_order h6 a:hover{color:#fff;background:#f00;}
.bloc_order h6 a{padding:2px;}


.bloc_shop{
background:url("./img/bg_line.gif") left top repeat;
width:780px;
margin:0 auto;
padding:24px 30px;
}
.bloc_shop .bloc_wr{
background:#fff;
margin:-1px;
border:1px solid #ccc;
}
.bloc_shop .bloc_cnt{
position:relative;
width:750px;
padding:15px;
}
.bloc_shop h3{
background:url("./img/bg_dot01.gif") left top repeat;
margin:0 0 1em 0;
padding:3px 0;
font-size:1.2em;
font-weight:bold;
}
.bloc_shop h4{
font-size:0.95em;
font-weight:bold;
}
.bloc_shop p{
padding:0 0 0 1.4em;
}
.bloc_shop span{
color:#f00;
font-size:0.9em;
line-height:1.45em;
}
.bloc_shop dl{
position:relative;
height:1em;
margin:0 0 1em 0;
}
.bloc_shop dt{
position:absolute;
left:0px;
margin:3px 0;
}
.bloc_shop dd{
position:absolute;
left:90px;
margin:3px 0;
}

.bloc_shop table{
width:100%;
}
.bloc_shop th{
background:url("./img/bg_dot01.gif") left top repeat;
margin:0 0 1em 0;
padding:3px;
font-size:0.95em;
font-weight:bold;
line-height:1em;
}
.bloc_shop td{
padding:0.5em 0;
}
.bloc_shop h6{
margin:20px 0 15px 0;
text-align:center;
}


/*カテゴリートップ*/
#news h2{
}
#issues h2{
}

/*****#page_head*****/
#page_head{

}

/*****#page_body*****/
#page_body{
margin:0 0 24px 0;
}

#news #page_body .bloc_wr{
background:url("./img/bg_line.gif") -6px top repeat-y;
min-height:462px;
_height:462px;
margin:0 30px;
padding:0 0 18px 0;
}
#news .bloc_left{
width:210px;
float:left;
margin:0 -210px 0 0;
}
#news .bloc_left img{
background:#fff;
}
#news .bloc_left dl{
background:#fff;
margin:0 0 -1px 0;
padding:5px 8px;
border-top:1px solid #eee;
border-bottom:1px solid #eee;
}
#news .bloc_left dt{
float:left;
margin:0 -50px 0 0;
}
#news .bloc_left dd{
margin:0 0 0 50px;
}
#news .bloc_right{
width:630px;
margin:0 0 0 210px;
_margin:0;
_padding:0 0 0 210px;
float:left;
}
/*****.post_head*****/
.post_head a:link{color:#000;}
.post_head a:active{color:#000;}
.post_head a:visited{color:#000;}
.post_head a:hover{color:#f00;}

/*ブロックディテール参照*/
.post_head h3{
}
.title{
margin:0 8px;
padding:4px 0;
font-size:14px;
font-weight:bold;
}
.date{
background:url("./img/bg_dot01.gif") left top repeat;
margin:6px;
padding:1px 4px;
font-size:10px;
}
.meta{
padding:0 5px;
font-size:10px;
font-weight:normal;
}

/*****.post_body*****/
.post_body a:link{color:#fff;background:#f00;}
.post_body a:active{color:#fff;background:#f00;}
.post_body a:visited{color:#fff;background:#f00;}
.post_body a:hover{color:#fff;background:#000;}
.post_body a{padding:2px;}

#news .post_body{
margin:0px 8px 32px 8px;
line-height:24px;
}
.post_body .span{
color:#f00;
font-size:0.9em;
line-height:1.45em;
}
blockquote{
padding:5px;
border-top:2px solid #f06;
border-bottom:2px solid #f06;
}
h4.leads{
padding:5px 0;
font-size:1.2em;
font-weight:bold;
color:#f06;
}
/*****.post_navi*****/
.post_navi{
margin:0 30px;
padding:5px 0;
}
.post_navi ul{
width:100%;
height:15px;
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:25px;
}
.post_navi li.next{
background:url("./img/btn_next2.gif") center top no-repeat;
width:15px;
height:15px;
position:absolute;
top:0px;
right:5px;
}
.post_navi li.prev span{
display:block;
background:url("./img/btn_prev.gif") center top no-repeat;
width:15px;
height:15px;
cursor:pointer;
}
.post_navi li.next span{
display:block;
background:url("./img/btn_next.gif") center top no-repeat;
width:15px;
height:15px;
cursor:pointer;
}


/*****#page_foot*****/
#page_foot a:link{color:#000;}
#page_foot a:active{color:#000;}
#page_foot a:visited{color:#000;}
#page_foot a:hover{color:#f39;}
#page_foot a{
padding:0 0 0 15px;
background:url("./img/arrow01.gif") 0 0 no-repeat;
}

#page_foot .wr{
opacity:1; /* Standard: FF gt 1.5, Opera, Safari */
-moz-opacity:1; /* FF lt 1.5, Netscape */
-khtml-opacity:1; /* Safari 1.x */
filter:alpha(opacity=100); /* IE lt 8 */
-ms-filter:"alpha(opacity=100)"; /* IE 8 */
}
#page_foot .cnt{
}
#page_foot .clphn{
width:210px;
margin:0 30px;
}
#page_foot h4{
height:12px;
padding:7px 0 3px 0;
font-size:11px;
*font-size:10px;
font-weight:bold;
}
#page_foot p{
padding:4px 0 0 0;
border-top:1px solid #222;
border-bottom:1px solid #222;
font-family:monospace;
font-size:11px;
*font-size:10px;
line-height:14px;
letter-spacing:-0.16ex;
}

/*サイトマップ用*/
#page_foot h6{
display:none;
/*cursor: pointer;*/
float:right;
margin:2px 10px 10px 10px;
}
#page_foot ul{
clear:both;
}
#page_foot li{
float:left;
width:250px;
height:38px;
margin:5px 10px 5px 0;
line-height:1.5em;
}
#page_foot li img{
float:left;
width:36px;
height:36px;
margin:0 5px 0 0;
border:1px solid #5def00;
}

/*****#footer*****/
/*
#footer a:link{color:#000;}
#footer a:active{color:#000;}
#footer a:visited{color:#000;}
#footer a:hover{color:#fff;}
*/
#footer .wr{
}
#footer .cnt{
}
#page_navi{
float:right;
margin:4px 30px;
}
#page_navi img{
padding:5px;/*クリック範囲拡張*/
}
#footer address{
margin:0 30px 30px 30px;
clear:both;
float:right;
font-size:10px;
*font-size:9px;
}