@charset "utf-8";

/* ****************************************************
iku.css
for iku.

@rule
display/position/float
width/height
box-model
background
text
font
other
***************************************************** */

/* Category Top
------------------------------------ */
#top-life{
background-image:url(/rp/oze/iku/images/shiru_index_cat01_bg.gif);
}

#top-column{
background-image:url(/rp/oze/iku/images/shiru_index_cat02_bg.gif);
}

#top-tokura{
background-image:url(/rp/oze/iku/images/shiru_index_cat03_bg.gif);
}

#top-live{
background-image:url(/rp/oze/iku/images/shiru_index_cat04_bg.gif);
}

/* Column
------------------------------------ */
#column-header{
padding:0 0 1px 0;
background:transparent url(/rp/oze/common/images/line_dashed.gif) left bottom repeat-x;
}

.column-header-bg{
width:692px;
padding:5px 0 20px 0;
background:transparent url(/rp/oze/common/images/deco_illust.gif) 450px 100% no-repeat;
}

#column-header .photo{
float:left;
width:166px;
margin:12px 10px 0 0;
padding:3px 0 10px;
border:1px solid #dddddd;
background:#ffffff;
text-align:center;
}

#column-header .text p{
margin:0 0 5px 0;
}

/* Tokura
------------------------------------ */
#tokura-summary{
margin:0 auto;
}

#tokura-summary .text{
margin:0 0 10px 0;
}

/* FSC / Forest */
#fsc-sec .cap-thumb-section .cap-thumb,
#forest-sec .cap-thumb-section .cap-thumb{
width:338px;
}

#fsc-sec .cap-thumb-section .cap-thumb{
text-align:center;
}

#fsc-sec .cap-thumb-section .text,
#forest-sec .cap-thumb-section .text{
width:340px;
}

#forest-sec .cap-thumb-section .text p{
margin:0 0 15px 0;
}

/* index */
#tokura-function{
width:525px;
margin:0 auto;
padding:0 0 0 135px;
}

#tokura-function .thumb img{
margin:0 0 0 -135px;
}

#tokura-function .ex-dl-list{
padding:0;
}

#tokura-function .ex-dl-list dt{
font-size:116%;
}

#tokura-function .ex-dl-list dd{
color:#666666;
}

#tokura-book{
margin:0 0 20px;
}

#tokura-book .text{
float:left;
width:350px;
}

#tokura-book .text p{
margin:0;
}

#tokura-book .books{
float:right;
width:396px;
}

#tokura-book dl{
float:left;
width:184px;
padding:0 0 0 14px;
}

#tokura-book dt{
margin:0 0 3px 0;
}

#tokura-book .book-title{
height:40px;
margin:0 0 10px 0;
text-align:center;
}

#tokura-page.pager{
width:653px;
margin:0 0 20px;
}

#tokura-page.pager #prev{
width:307px;
text-align:left;
}

#tokura-page.pager #next{
width:306px;
text-align:right;
}

/* Life / Index
------------------------------------ */
.life-main{
width:706px;
margin:0 auto 10px;
padding:10px 0 15px;
background:transparent url(/rp/oze/common/images/line_dashed.gif) left bottom repeat-x;
}

.life-column-container{
width:728px;
margin:0 auto;
background:transparent url(/rp/oze/common/images/line_dashed_v.gif) center top repeat-y;
}

.life-column{
float:left;
width:327px;
padding:0 18px 0 19px;
}

.life-column .life-category{
padding:12px 0;
background:transparent url(/rp/oze/common/images/line_dashed.gif) left top repeat-x;
}

.life-column .first{
padding:0 0 12px 0;
background:none;
}

.life-column .life-category h4{
margin:0 0 8px 0;
}

.life-column .ex-thumbs-section{
width:196px;
margin:0 !important;
padding:0 0 0 130px;
}

.life-column .ex-thumbs-section .thumb{
}

.life-column .ex-thumbs-section .thumb img{
margin:0 0 0 -130px;
}

.life-column .text p{
line-height:1.25;
margin:0;
}

#life-pickup .life-thumb-list{
padding:15px 0 0 0;
}

/* Life / List
------------------------------------ */
.life-btn-list{
width:748px;
height:47px;
margin:0 auto 20px;
}

.life-btn-list li{
display:inline;
}

.life-btn-list a{
float:left;
margin:0 2px 0 0;
}

.life-thumb-list{
width:712px;
margin:0 auto;
}

.life-thumb-list li{
float:left;
width:178px;
margin:0 0 15px 0;
}

.life-thumb-list li dl{
width:120px;
padding:0 0 0 58px;
}

.life-thumb-list li dt img{
float:left;
margin:0 0 0 -55px;
}


/* Life / Detail
------------------------------------ */
.detail-wrap,
.detail{
width:748px;
background-image:url(/rp/oze/iku/life/images/frame_g_bg.gif);
background-repeat:no-repeat;
}

.detail-wrap,
.detail-wrap02{
margin:0 0 20px 0;
padding:15px 0 0 0;
background-position:0 0;
background-color:#f7ffd6;
}

.detail-wrap02{
width:748px;
background-image:url(/rp/oze/iku/life/images/frame_o_bg.gif);
background-repeat:no-repeat;
background-color:#fff7df;
}

.detail-wrap02 .detail{
background-image:url(/rp/oze/iku/life/images/frame_o_bg.gif);
}

.detail{
width:708px;
padding:0 25px 15px 15px;
background-position:-748px 100%;
}

.detail .image{
float:left;
}

.detail .extext{
float:right;
width:415px;
}

.detail h3{
margin:0 0 12px 0;
padding:0 0 5px 0;
background:transparent url(/rp/oze/common/images/line_dashed.gif) left bottom repeat-x;
color:#492e10;
font-weight:bold;
}

.detail h3 span{
display:block;
}

.detail h3 .name{
font-size:133%;
}

.detail h3 .belong{
font-size:116%;
}

.detail .extext p{
color:#636363;
}

p.extext span{
font-weight:bold;
}

.sound-link{
padding:0 0 20px 0;
background:transparent url(/rp/oze/iku/life/animal/birds/images/ico_sound.gif) left bottom no-repeat;
}

.sound-notes{
margin:-18px 0 20px 0;
padding:0 0 0 22px;
}

.sound-notes img{
margin:0 4px 0 0;
vertical-align:middle;
}

#sound{
padding:15px 0 0 289px;
}

/* Live
------------------------------------ */
.live-summary-text{
width:558px;
margin:0 auto;
padding:20px 0 25px 102px;
background:transparent url(/rp/oze/shiru/live/images/live_ex_icon.gif) 0 20px no-repeat;
}

.live-photo{
width:658px;
margin:0 auto 30px;
padding:10px 0 5px;
border:1px solid #ddd;
background:#ffffff;
text-align:center;
}

#main-container .live-pop-title h1{
margin:0 auto;
padding:5px 9px 0 9px;
font-weight:bold;
font-size:110%;
color:#492e10;
}

.timestamp{
font-family:Arial, Helvetica, sans-serif;
}

.live-photo .timestamp{
padding:5px 9px 0 9px;
font-size:116%;
text-align:left;
}

#live-past-photo .framew2-container{
padding:0;
background:#ffffff;
}

#live-past-photo h3{
margin:0;
}

#live-past-photo .photo-list{
width:540px;
padding:13px 0 0 150px;
background:transparent url(/rp/oze/shiru/live/images/live_past_photo.jpg) left top no-repeat;
}

#live-past-photo .photo-list ul{
width:531px;
}

#live-past-photo .photo-list li{
float:left;
width:168px;
margin:0 7px 0 0;
}

#main-container #live-past-photo .photo-list li h4{
margin:0;
padding:3px 4px;
text-align:center;
font-weight:bold;
color:#492e10;
}

#live-past-photo .photo-list li .photo-frame{
padding:4px 0 0;
border:1px solid #ddd;
background:#ffffff;
text-align:center;
}

#live-past-photo .photo-list li .timestamp{
margin:-1px 0 0 0;
padding:0 4px 0;
text-align:left;
}

/* clearfix
------------------------------------ */
.detail,
.back-dl-list,
#tokura-function,
#tokura-book,
#live-past-photo .photo-list ul,
.life-thumb-list,
.life-thumb-list dl,
.life-column-container{
display:inline-table;
}
/* \*/
.detail,
.back-dl-list,
#tokura-function,
#tokura-book,
#live-past-photo .photo-list ul,
.life-thumb-list,
.life-thumb-list dl,
.life-column-container{
display:block;
}
/* */
.detail:after,
.back-dl-list:after,
#tokura-function:after,
#tokura-book:after,
#live-past-photo .photo-list ul:after,
.life-thumb-list:after,
.life-thumb-list dl:after,
.life-column-container:after{
content:".";
display:block;
clear:both;
visibility:hidden;
height:0;
}