@charset "utf-8";

/*Table Of Contents [ labo ]
----------------------------------------



----------------------------------------*/

/*
 * memo by kushida
 *
 * /
 * 		総合パーツ
 *
 * ../../image
 *		CL
 *
 * ../../../image
 * ../../../elements/image
 *		ジャンル
 
 */


ul.pager{
padding-left:10px;
padding-right:10px;
}
/*====================================================================================================

 index

====================================================================================================*/


#article p.details-link{
margin:-36px 0 26px;
text-align:right;
font-size:0;
line-height:0px;
}

#article p.details-link a{
}

#article p.more{
text-align:right;
padding:0 10px 10px;
background:url(/elements/image/line01.gif) repeat-x left bottom;
margin-top:15px;
}

/* special 
--------------------------------------------------*/
#article .special-theme{
}

#article .special-theme .items{
width:643px;
margin:0 -30px 0 10px;
zoom:1;
}

#article .special-theme .items:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


#article .special-theme .item{
background:#f9f8e3;
float:left;
padding:0 15px;
width:255px;
margin:0 18px 1.5em 0;
border:1px solid #fff;
zoom:1;
}

#article .special-theme .item:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#article .special-theme .item p.item-heading{
background:#e7e7e7 url(../../../elements/image/mark02.gif) no-repeat 7px center;
padding:0.3em 15px;
font-weight:bold;
margin:0 -15px 1em;
border-bottom:1px solid #fff;
height:1.3em;
overflow:hidden;
}

#article .special-theme .item p.image{
float:right;
margin:0 0 5px 5px;
}

#article .special-theme .item p.item-title{
line-height:1.2;
height:2.4em;
font-weight:bold;
margin:0;
overflow:hidden;
}

#article .special-theme .item p.item-text{
font-size:84%;
height:4.8em;
line-height:1.2;
}

/* recommend
--------------------------------------------------*/
#article .recommend-theme{
margin:2em 0;
}

#article .recommend-theme .items{
width:643px;
margin:0 -30px 0 10px;
zoom:1;
}

#article .recommend-theme .items:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}


#article .recommend-theme .item{
float:left;
width:210px;
margin:0 18px 1.5em 0;
padding-left:80px;
zoom:1;
}

#article .recommend-theme .item:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#article .recommend-theme .item p.item-heading{
/*background:url(../../image/index_column_hs_bg.gif) repeat-x left bottom;*/
background:url("/elements/image/line01.gif") repeat-x left bottom;
padding:0;
font-weight:bold;
margin:0 0 0.8em -80px;
height:1.8em;
overflow:hidden;
}

#article .recommend-theme .item p.image{
float:left;
margin:0 0 5px -80px;
display:inline/*for IE6 margin*2 bug*/;
}

#article .recommend-theme .item p.item-title{
line-height:1.2;
height:2.4em;
margin:0;
font-weight:bold;
}

#article .recommend-theme .item p.item-text{
font-size:84%;
height:3.6em;
overflow:hidden;
line-height:1.2;
margin:0 0 0.5em;
overflow:hidden;
}

#article .recommend-theme .item p.byline{
font-size:84%;
background:url(../../image/cl-09-1_icon01.gif) no-repeat;
margin:0;
padding-left:20px;
}


/* special-theme-details
--------------------------------------------------*/
p.theme-name{
background:#F6F6F6;
border:1px solid #D7D7D7;
margin:0 10px 15px;
padding:5px 10px;
font-weight:bold;
}

p.theme-name span{
margin-left:1em;
font-size:84%;
font-weight:normal;
}


#article .special-theme-details .items{
width:643px;
margin:0 -30px 0 10px;
zoom:1;
}

#article .special-theme-details .items:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

#article .special-theme-details .item{
float:left;
margin:0 18px 1.5em 0;
border:1px solid #F3CC7D;
background:#FCFAD8;
padding:10px 10px 10px 40px;
width:235px;
}

body#cl-01-1 #article .special-theme-details .item{
background-color:#F9FEE9;
}


#article .special-theme-details .item p.image{
float:right;
margin:0 0 5px 5px;
}

#article .special-theme-details .item p.item-number{
margin:-10px 0 0 -40px;
background:#F3CC7D;
font-size:88%;
padding:0.5em 0;
float:left;
display:inline/*for IE6*/;
}
#article .special-theme-details .item p.item-writer{
line-height:1.2;
height:2.2em;
margin:0;
overflow:hidden;
}
#article .special-theme-details .item p.item-title{
font-weight:bold;
height:1.2em;
overflow:hidden;
line-height:1.2;
margin:0 0 0.3em;
}
#article .special-theme-details .item p.item-text{
height:2.4em;
line-height:1.2;
font-size:84%;
overflow:hidden;
}


/*====================================================================================================

 cl-02-2

====================================================================================================*/
#cl-02-2 #article .special-theme-details .item{
background:#fff;}


/*====================================================================================================

 cl-02-3

====================================================================================================*/

p.article-title{
background:url(../../../elements/image/column_h2_bg.gif) no-repeat;
line-height:29px;
padding:1px 10px;
color:#827857;
font-size:117%;
margin-bottom:15px;
font-weight:bold;
}

p.writer-name{
margin-top:-5px;
text-align:right;
}

p.writer-name span{
font-size:84%;
margin-right:1em;}

body#cl-01-3 p.lead{
color:#6D940F;
font-weight:bold;
font-size:117%;}

body#cl-02-3 p.lead{
color:#827857;
font-weight:bold;
font-size:117%;}

body#cl-01-3 .sub-section,
body#cl-02-3 .sub-section{
margin-bottom:1em;
zoom:1;
}

body#cl-01-3 .sub-section:after,
body#cl-02-3 .sub-section:after{
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

/*
--------------------------------------------------*/

ol.chapter{
clear:both;
margin:2em -30px 2em 0;
width:642px;
}

ol.chapter li{
margin:0 14px 0 0;
float:left;
list-style:none;
width:120px;
padding:15px 10px 5px;
text-align:center;
background:#F6F6F6;
border:#DADADA 1px solid;
}

ol.chapter li p{
height:2.4em;
line-height:1.1;
font-size:88%;
overflow:hidden;
}

ol.chapter li p.image{
height:70px;
line-height:0;
margin:0;
}

ol.chapter li p.image img{
margin:0 auto
}

ol.chapter li p.page-number{
height:1.2em;
overflow:hidden;
text-align:right;
color:#808080;
margin:0 ;
}


ol.chapter li.highlight {
background:#F2EEBF;
border:#DADADA 1px solid;
}


/* introduce-mono
   profile
	 writer-profile
--------------------------------------------------*/
#article .introduce-mono,
#article .profile,
#article .information,
#article .writer-profile{
background:url(../../../elements/image/column_round-bg_btm.gif) no-repeat left bottom;
padding:0 150px 16px 16px;
min-height:160px;
position:relative;
margin-bottom:1.5em;
}

#article .writer-profile{
background:url(../../recommend/image/cl_02-3_round-bg_btm.gif) no-repeat left bottom;
}
* html #article .introduce-mono,
* html #article .profile,
* html #article .information,
* html #article .writer-profile{
height:160px;}

#article .introduce-mono h3,
#article .profile        h3,
#article .information    h3,
#article .writer-profile h3{
background:url(../../../elements/image/column_round-bg_top.gif) no-repeat;
margin:0 -150px 0 -16px;
padding:16px 16px 0;
height:25px;
}

#article .writer-profile h3{
background:url(../../image/cl_02-3_round-bg_top.gif) no-repeat;
}


#article .introduce-mono p.mono-name{
color:#6D940F;
font-weight:bold;
border-bottom: 1px solid #A5D239;
font-size:150%;
}

#article .profile        p.name,
#article .writer-profile p.name,
#article .information    p.title{
font-size:150%;
font-weight:bold;
}

#article .profile        p.name span,
#article .writer-profile p.name span{
margin-left:1.5em;
font-size:66%;
font-weight:normal;}

#article .introduce-mono p.image,
#article .profile        p.image,
#article .information    p.image,
#article .writer-profile p.image{
position:absolute;
top:15px;
right:10px;}

/* body#cl-01-3 > writer-profile
--------------------------------------------------*/
body#cl-01-3 #article .writer-profile{
background:url(../../image/cl_01-3_round-bg_btm.gif) no-repeat left bottom;
padding:0 16px 16px 16px;
min-height:150px;
}

* html body#cl-01-3 #article .writer-profile{
height:150px;}

body#cl-01-3 #article .writer-profile h3{
background:url(../../image/cl_01-3_round-bg_top.gif) no-repeat;
text-align:right;
margin:0 -16px -20px -16px;
padding:16px 16px 0;
height:25px;
}

body#cl-01-3 #article .writer-profile p.name{
font-size:150%;
font-weight:bold;
min-height:50px;
margin-left:60px;
}

* html body#cl-01-3 #article .writer-profile p.name{
height:50px;
}

body#cl-01-3 #article .writer-profile p.name span{
margin-left:0;
font-size:66%;
font-weight:normal;
display:block;}


body#cl-01-3 #article .writer-profile p.image{
position:absolute;
top:20px;
left:16px;}

/* 
--------------------------------------------------*/

#article .profile        ul.links,
#article .writer-profile ul.links{
margin:0;
}

#article .profile        ul.links li,
#article .writer-profile ul.links li{
display:inline;
list-style:none;
margin:0;
padding:0 2em 0 0;
font-size:84%;
font-weight:bold;
}

#article .profile        ul.links a.relation,
#article .writer-profile ul.links a.relation{
padding-left:10px;
background:url(../../../elements/image/mark02.gif) no-repeat left center;
}
/*
-----------------------------------------------*/
.trackbacks{
margin:2em 0;
background:#FDFCF3;
padding:0 10px 10px;
}

#article .trackbacks h3{
background:#827857 url(../../../elements/image/column_tb_bg01.gif) no-repeat;
margin:0 -10px 1em;
color:#fff;
padding:0.5em 10px;
font-size:100%;
}

.trackbacks span.trackback-uri{
display:block;
width:100%;
overflow:auto;
}

.trackbacks p.notice{
font-size:84%;
padding-bottom:1.5em;
background:url(/elements/image/line01.gif) repeat-x left bottom;
}

.trackbacks .trackback{
margin:0 0 1.5em;
}

.trackbacks .trackback h4{
font-weight:normal;
color:inherit;
}

.trackbacks .trackback p{
margin-left:1.3em;}


.trackbacks ul.pager{
background:url(/elements/image/line01.gif) repeat-x;
padding:1.5em 0 0;
}


/* relation-mono
--------------------------------------------------*/
.relation-mono{
width:611px;
height:91px;
background:url(../../image/cl-01-3_bg01.gif) no-repeat;
padding:2px;
margin-bottom:30px;
}

#document #article .relation-mono h3{
margin:-2px 0 -2px -2px ;
padding:0;
border:none;
float:left;
}

.relation-mono ul{
margin:0;
width:480px;
float:left;
}

.relation-mono ul li{
list-style:none;
margin:0 0 0 6px;
float:left;
display:inline;
width:90px;
}