@charset "utf-8";

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



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

/*
 * memo by kushida
 *
 * ../../../ → /
 * 		総合パーツ
 */


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

 base
 
====================================================================================================*/

body.craft #article a,
body.craft #aside login a, 
body.craft #aside search a{
color:#516818;
}

body.craft label{
margin-right:0.8em;
}

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

 flame overwrite
 
====================================================================================================*/

body.craft{
/*color:#000;*/
}

body.craft #header{
height:108px;
background:url(../image/header_bg.gif) no-repeat left bottom;
position:relative;
padding-top:3px;
margin-bottom:20px;
}

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

 [Header] details
 
====================================================================================================*/

body.craft #header ul.utility{
padding: 0 0 18px 360px;
margin: 0;
text-align: right;
}

body.craft #header ul.utility li{
float: left;
margin: 0;
list-style: none;
font-size:0;
}
body.craft #header h1.category-title{
position:absolute;
top:18px;
left:0;
}

/* global-navigation
--------------------------------------------------*/

body.craft #header ul.global-navigation{
position:absolute;
bottom:0;
right:0;
margin:0;
padding:0 10px 5px 0;
}

body.craft #header ul.global-navigation li{
float:left;
margin:0 0 0 10px;
list-style:none;
}

body.craft #header ul.global-navigation li img{
display:block;}

body.craft #header p.loope-genre-select{
position:absolute;
right:0;
width:350px;
top:40px;
text-align:right;
}

body.craft #header p.loope-genre-select select{
	width: 150px;
	margin-left: 10px;
	font-size: 88%;
}

/* search
--------------------------------------------------*/

body.craft #header p.search{
position:absolute;
top:40px;
right:0;
width:300px;
text-align:right;
}

body.craft #header p.search img{
vertical-align:middle;}

body.craft #header p.search input.text{
width:95px;
margin:0 0.2em;
}

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

 [Article] details
 
====================================================================================================*/


/* heading
----------------------------------------------------------------------------------------------------*/

#article h2{
margin-bottom:15px;
}

#article h3{
margin:15px 0;
}

#article h3:first-child{margin-top:0;}
#article h3.first-child{margin-top:0;/* IE-expression (first-child) */}

#article h3{ /* IE-expression (first-child) */
behavior: expression(
this.style.behavior || (
this.className += (this.previousSibling == null) ? " first-child" : "",
this.style.behavior = "none"
)
);
}

p.category-name{
background:url(../image/category-name_bg.gif) no-repeat left center;
line-height:27px;
font-weight:bold;
font-size:120%;
padding-left:25px;
margin:10px 0 15px;
}

/* structure
----------------------------------------------------------------------------------------------------*/

#article .section{
margin-bottom:1.5em;
}

/* details
----------------------------------------------------------------------------------------------------*/



/* recommend-sns
--------------------------------------------------*/

#index #article .recommend-sns{
	width: 573px;
	padding: 0 20px 10px;
	margin-bottom:30px;
	background: url(/elements/image/section_bg613-03_btm.gif) no-repeat left bottom;
}

#index #article .recommend-sns h2{
	padding: 15px 15px 0;
	margin: 0 -20px 20px;
	background: url(/elements/image/section_bg613-03_top.gif) no-repeat;
}

/** 07.10.16 maejima **/
/* mono search
--------------------------------------------------*/

body.craft #article .mono-search{
background:url(../../mono/elements/image/mono-search_bg01.gif) no-repeat left bottom;
padding:0 20px 20px;
}

body.craft #article .mono-search h2{
margin:0 -20px 15px;
}

body.craft #article .mono-search table{
width:573px;
margin:0.8em 0;
border-top:#C0BAA5 1px solid;
}

body.craft #article .mono-search table th,
body.craft #article .mono-search table td{
border-bottom:#C0BAA5 1px solid;
padding:0.65em 0;
}

body.craft #article .mono-search table th{
color:#5C4E21;
text-align:left;
font-weight:bold;
padding-right:10px;
white-space:nowrap;
}

body.craft #article .mono-search table td{
color:#646464;
font-size:88%;}

body.craft #article .mono-search table td input.keyword{
width:220px;
}


body.craft #article .mono-search ul.utility{
background:url(../../mono/elements/image/mono-search_bg02.gif) no-repeat left center;
margin:0;
padding-top:6px;
height:30px;
text-align:center;
}

body.craft #article .mono-search ul.utility li{
margin:0 1em 0 0;
display:inline;
list-style:none;
}

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

 [Aside] details
 
====================================================================================================*/
body.craft #aside .section {
	background: #fff url(../image/aside_section_bg01_top.gif) no-repeat;
}

body.craft #aside .section .section-inner{
	background: url(../image/aside_section_bg01_btm.gif) no-repeat left bottom;
}

body.craft #aside .section.login {
	background: #fff url(../image/aside_section_bg02_top.gif) no-repeat;
}

body.craft #aside .section.login .section-inner{
	background: url(../image/aside_section_bg02_btm.gif) no-repeat left bottom;
}

body.craft #aside .section.navigation {
	background: #F9FFF4 url(../image/aside_section_bg02_top.gif) no-repeat;
}

body.craft #aside .section.navigation .section-inner{
	background: url(../image/aside_section_bg02_btm.gif) no-repeat left bottom;
}

/* login
--------------------------------------------------*/

body.craft #aside .login .repo{
background:#827857 url(../image/aside_login_bg01.gif) no-repeat left bottom;
}

/* search
--------------------------------------------------*/

body.craft #aside .search{
background: url(../image/aside_search_bg-btm.gif) no-repeat left bottom;
}

body.craft #aside .search form{
background: url(../image/aside_search_bg-top.gif) no-repeat;
}




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

 common style

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




/* MONO
----------------------------------------------------------------------------------------------------*/

/* word-of-mouth  ranking
--------------------------------------------------*/
#aside .word-of-mouth{
font-size:88%;
}

#aside .word-of-mouth table{
line-height:1.2;
}

/* recommend-column
--------------------------------------------------*/
#aside .recommend-column{
margin:1.5em 0;
font-size:88%;
}


/* recommend-items
--------------------------------------------------*/
#aside .recommend-items{
margin:1.5em 0;
font-size:88%;
}