@charset "utf-8";

/* ===================================================================
CSS information
file name  :main.css
EC-CUBE ver:2.4.4
Author     :shiro8.net
Author URL :http://www.shiro8.net
style info :各ブロック
=================================================================== */
/* -----------------------------------------------

各ブロックタイトル
----------------------------------------------- */
h2#ttl_reco,
h2#ttl_news,
h2#ttl_cate,
h2#ttl_login,
h2#ttl_newentry,
h2#ttl_cart,
h2#ttl_rank,
h2#ttl_newtitle,
h2#ttl_search{
    margin:0;
    padding:0;
}

h2#ttl_reco img,
h2#ttl_news img,
h2#ttl_logi imgn,
h2#ttl_newentry img,
h2#ttl_cart img,
h2#ttl_ran imgk,
h2#ttl_newtitle img,
h2#ttl_search img,
h2#ttl_cate img,
h2#ttl_newentry img,
h2#ttl_login img{
	vertical-align:bottom !important;	
	}
	
h2#ttl_reco2{
	width:190px;
	height:20px;
	background:url(../img/side/title_bg.gif) no-repeat;
	color:#FFFFFF;
	font-weight:600;
	font-size:1.6em;
	padding-left:10px;
	padding-top:5px;
	}


/* カゴの中
----------------------------------------------- */
div#cartarea {
padding:10px;
border:#CCC solid 1px;
background:#FFF;
}

div#cartarea p {
    margin:0;
		font-size:1.4em !important;
padding:5px 0;

}

div#cartarea p.item {
    padding:5px 0;
border-bottom:#CCC dotted 1px;
}

div#cartarea .btn {
width:170px;
height:25px;
padding:10px 0 0;
text-align:center;
margin:0 auto;
display:block;
border-top:#CCC dotted 1px;
}

/* カテゴリー
----------------------------------------------- */
div#categoryarea,
div#categoryarea2,
div#categoryarea3 {
padding:0;
background:#F2F2F2;
}

div#categoryarea3{
	margin-bottom:10px;
	}
	
div#categoryarea2{
	margin-top:10px;
	}
	
div#categoryarea ul#categorytree,
div#categoryarea2 ul#categorytree2,
div#categoryarea3 ul#categorytree3{
height:auto;
border:#BFBFBF solid 1px;
border-top:none;
margin:0;
padding:0;
}

div#categoryarea li,
div#categoryarea2 li,
div#categoryarea3 li {
padding:0;
margin:0;
line-height:19px;
background:#F2F2F2;
}

* html div#categoryarea li,
* html div#categoryarea2 li,
* html div#categoryarea3 li{
height:19px;
}

div#categoryarea li.onmark,
div#categoryarea li.onmark2,
div#categoryarea3 li.onmark,
div#categoryarea3 li.onmark2 {
line-height:19px;
margin:0;
padding:0;
}

div#categoryarea li.onmark a,
div#categoryarea li.onmark2 a,
div#categoryarea3 li.onmark a,
div#categoryarea3 li.onmark2 a{
color:#0099CC;
}

div#categoryarea li a,
div#categoryarea2 li a,
div#categoryarea3 li a {
display:block;
line-height:19px;
margin:0;
clear:both;
padding:0.3em 0;
/*padding:8px 0;*/
border-top:#999 dotted 1px;
}

div#categoryarea li.level1 ul,
div#categoryarea2 li.level1 ul,
div#categoryarea3 li.level1 ul{
height:auto;
}

div#categoryarea li.level1 a,
div#categoryarea2 li.level1 a,
div#categoryarea3 li.level1 a{
background:url(../img/side/bg_list1.gif) 10px 0.8em no-repeat;
padding-left:22px;
}

div#categoryarea li.level2 a,
div#categoryarea2 li.level2 a,
div#categoryarea3 li.level2 a {
display:block;
/* フォントサイズリセット
font-size:93%; */
line-height:19px;
background:url(../img/side/bg_list2.gif) 6px 4px no-repeat;
clear:both;
margin:0;

}

div#categoryarea li.level3 a,
div#categoryarea2 li.level3 a,
div#categoryarea3 li.level3 a {
display:block;
/* フォントサイズリセット
font-size:93%; */
line-height:19px;
background:url(../img/side/bg_list3.gif) 10px 15px no-repeat;
clear:both;
margin:0;
padding-left:20px;
}

div#categoryarea li.level4 a,
div#categoryarea2 li.level4 a,
div#categoryarea3 li.level4 a {
display:block;
/* フォントサイズリセット
font-size:93%; */
line-height:19px;
background:url(../img/side/bg_list3.gif) 13px 15px no-repeat;
clear:both;
margin:0;
padding-left:24px;
}

div#categoryarea li.level5 a,
div#categoryarea2 li.level5 a,
div#categoryarea3 li.level5 a {
display:block;
/* フォントサイズリセット
font-size:93%; */
line-height:19px;
background:url(../img/side/bg_list3.gif) 17px 15px no-repeat;
clear:both;
margin:0;
padding-left:28px;
}

* html div#categoryarea li.level1 a,* html div#categoryarea li.level1,
* html div#categoryarea2 li.level1 a,* html div#categoryarea li.level1,
* html div#categoryarea3 li.level1 a,* html div#categoryarea li.level1  {
height:19px;
}
* html div#categoryarea li.level2 a,* html div#categoryarea li.level2,
* html div#categoryarea2 li.level2 a,* html div#categoryarea li.level2,
* html div#categoryarea3 li.level2 a,* html div#categoryarea li.level2 {
height:19px;
}
* html div#categoryarea li.level3 a,* html div#categoryarea li.level3,
* html div#categoryarea2 li.level3 a,* html div#categoryarea li.level3,
* html div#categoryarea3 li.level3 a,* html div#categoryarea li.level3 {
height:19px;
}

* html div#categoryarea li.level4 a,* html div#categoryarea li.level4,
* html div#categoryarea2 li.level4 a,* html div#categoryarea li.level4,
* html div#categoryarea3 li.level4 a,* html div#categoryarea li.level4 {
height:19px;
}

* html div#categoryarea li.level5 a,* html div#categoryarea li.level5,
* html div#categoryarea2 li.level5 a,* html div#categoryarea li.level5,
* html div#categoryarea3 li.level5 a,* html div#categoryarea li.level5 {
height:19px;
}

div#categoryarea li a,
div#categoryarea2 li a,
div#categoryarea3 li a {  text-decoration:none; }
div#categoryarea li a:link,
div#categoryarea2 li a:link,
div#categoryarea3 li a:link { color:#039; }  
div#categoryarea li a:hover,
div#categoryarea2 li a:hover,
div#categoryarea3 li a:hover{ background:#FDDEB5 url(../img/side/bg_list1hover.gif) 10px 0.8em no-repeat; color:#F60 !important; text-decoration:underline; }


div#categoryarea li a.onlink,
div#categoryarea2 li a.onlink,
div#categoryarea3 li a.onlink {
	background:#FDDEB5 url(../img/side/bg_list1hover.gif) 10px 0.8em no-repeat;
	color:#F60 !important;
	text-decoration:none;
	}


a.onlink:link { color:#039; }
a.onlink:visited { color:#666; }
a.onlink:hover { color:#0099CC;}


/*-- サブカテゴリ用 --*/

div#categoryarea ul ul,
div#categoryarea2 ul ul,
div#categoryarea3 ul ul{
	
	}
	
div#categoryarea li li,
div#categoryarea2 li li,
div#categoryarea3 li li{
	font-size:100% !important;
	
	}
	
div#categoryarea li li a,
div#categoryarea2 li li a,
div#categoryarea3 li li a{
	background:url(../img/side/bg_sublist.gif) 20px 0.8em no-repeat #fff !important;
	padding-left:32px !important;
	}
	
div#categoryarea li li.onmark a,
div#categoryarea li li a:hover,
div#categoryarea2 li li.onmark a,
div#categoryarea2 li li a:hover,
div#categoryarea3 li li.onmark a,
div#categoryarea3 li li a:hover{
	background:url(../img/side/bg_sublisthover.gif) 20px 0.8em no-repeat #FFFFCC !important;
	color:#F60 !important;
	padding-left:32px !important;
	}
	

/* ガイドリンク
----------------------------------------------- */
#guidearea {
padding:0;
margin:0 0 15px;
line-height:0;
width:auto;
clear:both;
}
#guidearea p {
    height:30px;
    background:url(../img/side/bg_guide.gif) 7px 18px no-repeat #E4F4F5;
    margin:0;
    padding:17px 0 0 25px;

    border:#BFBFBF 1px solid;
    border-bottom:none;
}
#guidearea ul {
    border:#BFBFBF 1px solid;
    border-top:none;
    margin:0;
    padding:0;
}
#guidearea li{
    margin:0;
    padding:8px 0 8px 17px;
    border-top:#999 1px dotted;
    line-height:100%;
    background:url(../img/side/bg_list1.gif) 7px 0.9em no-repeat;
}

/* ログイン
----------------------------------------------- */
div#loginarea,
div#entryarea {
padding:10px 8px 5px 8px;
border:#BFBFBF solid 1px;
background:#FFF;
}
div#loginnowarea {
padding:10px 8px;
border:#BFBFBF solid 1px;
background:#FFF;
}

div#loginarea p,
div#entryarea p{
    margin:0;
    padding:0 0 3px 15px;
    background:url(../img/common/icn_link.gif) 0 0.18em no-repeat;
}

#loginarea .loginbox,
#entryarea .loginbox {
padding-bottom:10px;
}

#loginnowarea p {
	padding-bottom:5px;
}
#loginnowarea p.guestname {
	margin-bottom:10px;
	text-align:center;
	border-bottom:#CCC 1px dotted;

}

/* 検索
----------------------------------------------- */
div#searcharea {
padding:0 10px 10px 10px;
border:#CCC solid 1px;
background:#F7F7F2;
}

div#searcharea p {
padding:8px 0 0 0;
}

div#searcharea .btn {
text-align:center;
}

#searcharea .searchbox {
width:160px;
padding:1px;

border:#CCC solid 1px;
clear:both;
}

p.search_cat,p.search_name{
margin-bottom:2px;
}
/* カレンダー
----------------------------------------------- */
#block-calendar {
text-align:center;
clear:both;
}

#block-calendar table {
width:190px;
border-collapse:collapse;
margin:0 auto 10px auto;
text-align:center;
}

#block-calendar th,#block-calendar td{
padding:2px 0;
border:#CCC solid 1px;
/* フォントサイズリセット
font-size:12px; */
}

#block-calendar th {
background:#409ECC;
color:#FFFFFF;
text-align:center;
}

#block-calendar td {
background:#F7F7F2;
}

#block-calendar .off {
background:#F08080;
color:#FFF;
}

#block-calendar caption {
/* フォントサイズリセット
font-size:12px; */
color:#999999;
text-align:center;
}

/*--サイドカラム--*/
div#leftcolumn #block-calendar table,
div#rightcolumn #block-calendar table{
width:100%;
clear:both;
}

/*--1col メインカラム--*/
div#one_maincolumn #block-calendar{
padding:15px;
clear:both;
}

div#one_maincolumn #block-calendar table {
float:left;
margin:10px 20px;
}

div#one_maincolumn #block-calendar th,div#one_maincolumn #block-calendar td{
padding:2px 4px;
}

/*--2col メインカラム--*/
div#two_maincolumn #block-calendar{
padding:15px;
clear:both;
}

div#two_maincolumn #block-calendar table {
float:left;
margin:10px 20px;
}

div#two_maincolumn #block-calendar th,div#two_maincolumn #block-calendar td{
padding:2px 4px;
}
/*--3col メインカラム--*/
div#three_maincolumn #block-calendar table{
float:left;
margin:10px 20px;
}

div#three_maincolumn #block-calendar{
padding:15px;
}

div#three_maincolumn #block-calendar th,div#three_maincolumn #block-calendar td{
padding:2px 4px;
}

/* ニュース
----------------------------------------------- */
div#newsarea {
width:auto;
padding:0 8px 8px;
border:#999 solid 1px;
display:block;
clear:both;
}

div#newsarea dl {
    margin:0;
padding:8px 0 10px;
border-bottom:#999 1px dotted;
}

div#newsarea dl dt {
color:#6F6F6F;
padding:0 0 6px 12px;
background:url(../img/side/bg_news1.gif) 0 4px no-repeat;
line-height:100%;
}
div#newsarea dl dd {
margin:0;
padding:0;
line-height:120%;
}


/* ランキング
----------------------------------------------- */
div#rankingarea,
div#reco5area {
    padding:0 9px;
    border:#BFBFBF 1px solid;
    border-top:none;
}

div#rankingarea div.rankbox,
div#reco5area div.rankbox {
    border-bottom:#999 1px dotted;
    position:relative;
}

div#rankingarea div.rankicn,
div#rankingarea div.bookimg,
div#reco5area div.bookimg {
    padding-top:10px;
}

div#rankingarea div#rank5,
div#reco5area div#recm5{
    border:none;
}

div.rankbox div.rankicn {
    padding-bottom:0.5em;
}
div.rankbox dl {
    width:100px;
    padding-bottom:12px;
}
div.rankbox dt,
div.rankbox dd {
    line-height:130%;
    padding:0;
    margin:0;
}

div.rankbox dt a{
	line-height:130%;
	}

div.rankbox dl {
    margin-bottom:0;
}
div#reco5area div.rankbox dl {
min-height:80px;
height: auto !important;
height: 80px;
}
div#reco5area div.rankbox dt {
padding-top:10px;
}

div.rankbox dd {
    /* フォントサイズリセット
		font-size:84%; */
    margin-top:0.2em;
}

div.rankbox div.bookimg {
    position:absolute;
    top:0;
    right:0;
}
div.rankbox div.bookimg img {
    border:#CCC 1px solid;
}

/* おすすめ
----------------------------------------------- */
div#recomendarea {
width:auto;
margin:0;
padding:0 0 0;
}

div#recomendwrap {
width:563px;
clear:both;
padding:10px 0 10px 15px;
border:#BFBFBF 1px solid;
border-top:none;
}

div.recomendblock {
width:auto;
height:auto;
clear:both;
padding:0;
padding-bottom:10px !important;
background:url("../img/common/line.gif") repeat-x bottom;

	height: auto !important;

}

div.recomendbox {
    border-bottom:#999 1px dotted;

}
div.recomendbox img{
border:#CCC 1px solid;
clear:both;
}


div.recomendbox h3{

margin:6px 0 5px;
padding:0 2px;
font-weight:normal;
line-height:130%;
/*
	min-height:4.5em;
	height: auto !important;
	height:4.5em;
*/
}


div.recomendbox h3 a:link{
color:#039;
text-decoration:none;
}

div.recomendbox h3 a:hover{
color:#039;
text-decoration:underline;
}

div.recomendbox p {
margin:0 0 5px 0;
line-height:1.5;
color:#999;
}

div.recomendbox .price{
/* フォントサイズリセット
font-size:113%; */
font-weight:normal;
}

div.recomendbox p.price_reco{
/* フォントサイズリセット
font-size:93%; */
letter-spacing:0;
}

div.recomendbox p.comment_reco{
    display:none;
/* フォントサイズリセット
font-size:93%; */
}

/*--サイドカラム--*/
div#leftcolumn div.recomendbox,div#rightcolumn div.recomendbox {
margin:5px 0;
padding:5px 10px;
display:block;
clear:both;
border-bottom:#CCC dashed 1px;
position:relative;
}

/*--2col メインカラム--*/
div#two_maincolumn div.recomendbox {
float:left;
width:158px;
margin:5px 0;
padding:5px 10px;
display:block;
/*border:#CCC solid 1px;*/
position:relative;
}

#recomendarea .recomendbox + .recomendbox + .recomendbox + .recomendbox + .recomendbox + .recomendbox,
#recomendarea .recomendbox + .recomendbox + .recomendbox,
#recomendarea .recomendbox + .recomendbox,
#recomendarea .recomendbox {
margin-right:0;
}

/*--3col メインカラム--*/
div#three_maincolumn div.recomendbox {
width:127px;
min-height:130px;
float:left;
margin:0 0 5px 0;
display:block;
padding:5px;
}



/* 新着タイトル
----------------------------------------------- */
div#categoryarea li,
ul#hsnav li,
div.editwrap p{
    /* フォントサイズリセット
		font-size:114%; */
}

div#newsslider {
    margin:0 0 10px;
}

div#bb,
div#aa {
    margin:0;
        overflow:hidden !important;
}
div#aa ul li {
    list-style: none;
    border-left:1px solid #CCC;
    margin-right:1em;
    padding-left:1em;
}
div#aa {
    /**
     * 580px
     */
    width: 498px;
    height: auto;
    margin-left:auto;
    margin-right:auto;
    overflow:hidden;
    border:1px solid #CCC;
				border-top:none;
    margin-top:0;
    padding:20px 40px ;
    /*
    padding:1em;
        position:relative;
        */
				
}
div#aa ul p{
    margin:0;
}
div#aa ul p.namebox {
        padding-top:20px;
}

/*-- 文字サイズにより変更の為、各base.cssで指定 --*/
/*
div#aa ul li {
    display: block;
    float:left;
		height:226px;
    width:140px;

}
*/


div#aa ul li img {
    display:block;
    margin:0 auto 5px;
		padding-bottom:15px;
		background:url(../img/top/new_title.gif) center bottom no-repeat;

}

.jcarousel-scroll {
    position:relative;
    left:0;
    top:0;
    z-index:1700;
}
.jcarousel-scroll span.nextnav,
.jcarousel-scroll span.prevnav {
    display:block;
    position:absolute;
    z-index:2000;
    bottom:13em;
}

.jcarousel-scroll span.prevnav {
    left:10px;
}
.jcarousel-scroll span.nextnav {
    right:10px;
}





/**
 * bb
 */
div#bb {
    width:580px;
}



div#bb-controller {
    position:relative;
    left:0;
    top:0;
    clear:both;
}
div#bb-controller ul{
    position:absolute;
    right:10px;
    bottom:10px;
    clear:both;
}
div#bb-controller ul,
div#bb-controller ul li{
    margin:0;
    padding:0;
}
div#bb-controller ul li{
    list-style:none;
    float:left;
    /* フォントサイズリセット
		font-size:.75em; */
    line-height:1;
    margin-left:5px;
}
div#bb-controller ul li a{
    display:block;
    background-color:#666;
    border:1px solid #CCC;
    color:white !important;
    width:13px;
				height:12px;
				padding-top:1px;
    text-decoration:none;
				font-size:x-small !important;
				overflow:hidden;
}

div#bb-controller ul li a:hover{
	background-color:#CCC;
	}



/*
----------------------------------------------------------------------------
huckclearfix クリア
----------------------------------------------------------------------------
*/

div#bb-controller:after,
div#bb-controller ul:after,
div#recomendwrap:after,
div.recomendblock:after {
    content: "";
    display: block;
    height:0;
    clear: both;
    visibility:hidden;
}   

div#recomendwrap,
div.recomendblock {
    display:inline-block;
}
 
/*\*/

* html div#recomendwrap,
* html div.recomendblock {
    height:1%;
}

div#recomendwrap,
div.recomendblock {
    display:block;
}

/**/