@charset "utf-8";

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

/**
 *
 * memo by maejima
 *
 *
 *
 */


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

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

 genre-top

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

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

#index #article p.details-link a{
}

#index #article p.more{
text-align:right;
margin:5px 0 0;
}

#index #article p.more img{
vertical-align:bottom;
}


/* column 
--------------------------------------------------*/
#index #article .column{
font-size:88%;
}


#index #article .column h3{
margin-left:-10px;
}

#index #article .column h4{
background:url(../../image/index_column_hs_bg.gif) repeat-x left bottom;
font-size:140%;
padding:0 0 0.3em;
margin-bottom:0.4em;
}

#index .column .feature{
padding-left:10px;
margin-bottom:2.5em;
/** 08.07.21 maejima background:url(../../../elements/image/line01.gif) repeat-x left bottom; **/
background:url(../../../../image/line01.gif) repeat-x left bottom;
zoom:1;
}

#index .column .feature:after{
content:".";
display:block;
clear:both;
visibility:hidden;
}

#index .column .feature .section{
padding-top:5px;
width:290px;
float:right;
}

#index .column .feature .section.primary{
float:left;
}

#index .column .feature .section div{
float:right;}


#index .column .recommend-column{
padding-left:10px;
}

#index .column .recommend-column p.image{
float:left;
margin:0 10px 10px 0;
}





/* repo
--------------------------------------------------*/
#index #article .repo{
/** memo 08.07.21 maejima background:url(../../../elements/image/section_bg613-01_btm.gif) no-repeat left bottom; **/
background:url(../../../../image/section_bg613-01_btm.gif) no-repeat left bottom;
padding:0 20px 20px;
}

#index #article .repo h2{
margin:0 -20px 15px;
}

#index #article #repo-gallery{
margin:0 -21px 0 -19px;
}

#index #article .repo table.layout td{
text-align:right;
padding-top:10px;
font-weight:bold;
font-size:88%;
}

/* community
--------------------------------------------------*/
#index #article .community ul{
padding:10px 0 0 21px;
width:260px;
height:161px;
float:left;
margin:0;
background:url(../../image/index_community_bg01.gif) no-repeat;
}
#index #article .community ul li{
margin:25px 0;
list-style:none;
}

#index #article .community .faq{
float:right;
width:300px;
}

#index #article .community .faq h3{
margin-top:0;
}

#index #article .community .faq p.lead{
padding-bottom:10px;
margin:0;
/** 08.07.21 maejima background:url(../../../elements/image/line01.gif) repeat-x left bottom; **/
background:url(../../../../image/line01.gif) repeat-x left bottom;
}

#index #article .community .faq .comments{
padding:10px 0 5px;
margin-bottom:10px;
/** 08.07.21 maejima background:url(../../../elements/image/line01.gif) repeat-x left bottom; **/
background:url(../../../../image/line01.gif) repeat-x left bottom;
font-size:88%;
font-weight:bold;
}

/* labo
--------------------------------------------------*/
#index #article .labo p.pro {
font-size:88%;
font-weight:bold;
margin-bottom:0.1em;
}

/* mono
--------------------------------------------------*/

#index #article .mono ul{
margin:0;
padding:0 20px;
}

#index #article .mono ul li{
margin:0;
font-size:88%;
text-align:center;
list-style:none;
float:left;
width:143px;
}

#index #article .mono ul li p{
height:3.5em;}

#index #article .mono ul li p.image{
height:70px;
overflow:hidden;
}

#index #article .mono ul li a{
background:url(../image/mark01.gif) no-repeat;
padding-left:18px;
}

#index #article .mono ul li p.image a{
background:none;
padding:0;
}

/* pickup
--------------------------------------------------*/
#index #article .pickup{
font-size:88%;
	clear: both;
	width: 573px;
	padding: 0 20px 10px;
	margin-bottom:30px;
/** 07.08.21 maejima background: url(../../../elements/image/section_bg613-02_btm.gif) no-repeat left bottom; **/
	background: url(../../../../image/section_bg613-02_btm.gif) no-repeat left bottom;
}

#index #article .pickup h2{
	padding: 15px 15px 0;
	margin: 0 -20px 20px;
/** 08.07.21 maejima background: url(../../../elements/image/section_bg613-02_top.gif) no-repeat; **/
	background: url(../../../../image/section_bg613-02_top.gif) no-repeat;
}

#index #article .pickup p.title{
font-weight:bold;
font-size:120%;
}