@charset "utf-8";


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

#nav-skip{
display:none;
}

#page{
margin:0 auto;
width:950px;
min-height:100%;
text-align:left;
}

#content{
padding-bottom:20px;
clear:both;
background:url(../img/bg-container-01.gif) repeat left top;
font-size:88%;
text-align:left;
}

/*パンくずなし*/
#content.top{
padding-top:20px;
background:url(../img/bg-container-01.gif) repeat left top;
}

#container{
padding:0px 0 30px 18px;
}

.toPageTop {
margin: -25px 10px 20px;
font-size:82%;
text-align:right;
}

#mainContent{
float:left;
width:580px;
}

#subKeySerchContent{
margin-bottom:-20px;
padding:18px 18px 0px 17px;
float:right;
width:300px;
background:url(../img/bg-subContent-01.gif) repeat left top;
}
#subContent{
margin-bottom:30px;
padding:18px 18px 18px 17px;
float:right;
width:300px;
background:url(../img/bg-subContent-01.gif) repeat left top;
}
div.genreCampaign{
display: none;
}

/*--左サブナビ--*/
#container.container-type-02{
padding:0px 18px 30px 0;
}
#container.container-type-02 #mainContent{
float:right;
}
#container.container-type-02 #subKeySerchContent{
float:left;
}
#container.container-type-02 #subContent{
float:left;
}

/*--ヘッダータブ--*/
div#functionNavi{
height:100px;
background:url(../img/bg-functionNavi-01.jpg) no-repeat left top;
}
div#functionNavi ul.tab {
float:left;
padding:10px 0 0 10px;
}
div#functionNavi ul.tab li {
margin-right:10px;
float:left;
}
div#functionNavi ul.tab li span,
div#functionNavi ul.tab li a {
display:block;
width:111px;
height:90px;
vertical-align:middle;
text-align:center;
text-decoration:none;
}
div#functionNavi ul.tab li span {
color: #553116;
background: url(../img/bg_tab_active.gif) no-repeat;
}
div#functionNavi ul.tab li a {
color: #ffffff;
background: url(../img/bg_tab.gif) no-repeat;
}
div#functionNavi #genreArea{
display: inline;
margin:13px 10px 0 10px;
float:left;
cursor:pointer;
}

/*--検索エリア--*/
div#functionNavi #narrowSearch{
margin:13px 0 0;
padding-left:20px;
float:left;
width:552px;
height:79px;
background:url(../img/bg-narrow-01.jpg) no-repeat left top;
}
div#functionNavi #narrowSearch  .field input.on{
color:#999999;
}
div#functionNavi #narrowSearch .field{
margin:15px 0 0;
padding-top:15px;
float:left;
display:block;
width:435px;
height:35px;
background:url(../img/bg-narrow-02.jpg) no-repeat left top; 
}
div#functionNavi #narrowSearch .placeholder{
margin:0 0 0 36px;
padding:4px 0;
width:360px;
height:16px;
background:none;
border:none;
font-size:100%;
}
div#functionNavi #narrowSearch .placeholder.not-focus{
color:#666666;
}
div#functionNavi #narrowSearch .search{
margin:15px 0 0;
display:block;
float:left;
}

/*--アコーディオンメニュー--*/
#narrowGenre{
/*display:none;*/
padding:15px 0;
background:url(../img/bg-narrowGenre-03.gif) repeat left top;
}
#narrowGenreInner{
margin-left:10px;
padding:0 0 3px 0;
background:url(../img/bg-narrowGenre-02.gif) no-repeat left bottom;
}
#narrowGenre table{
text-align:center;
}
#narrowGenre td{
padding-right:6px;
background:url(../img/bg-narrowGenre-01.gif) no-repeat left top;
font-size:100%;
text-align:center;
vertical-align:middle;
}
#narrowGenre td a{
padding:10px;
display:block;
width:130px;
color:#825c1f;
font-weight:bold;
text-decoration:none;
}
#narrowGenre td:hover{
background:url(../img/bg-narrowGenre-01_o.gif) no-repeat left top;
}

/*--サブエリア絞込検索--*/
#subContent #subSearch .placeholder.on{
color: #666666;
}
#subContent #subSearch .placeholder{
margin:0 0 0 34px;
border:none;
width:145px;
height:20px;
background:none;
font-size:100%;
}
#subContent #subSearch .field{
padding-top:10px;
display:block;
float:left;
width:192px;
height:41px;
background:url(../img/bg-subSearch-01.gif) no-repeat left top;
}
#subContent #subSearch .search{
display:block;
float:left;
}
*:first-child+html #subContent #subSearch .field{
padding-top:13px;
}
*:first-child+html #subContent #subSearch .search{
margin-top:-2px;
}
#subContent #subSearch .search{padding-top:1px\9;}


#subKeySerchContent #subSearch .placeholder.on{
color: #999999;
}
#subKeySerchContent #subSearch .placeholder{
margin:0 0 0 34px;
border:none;
width:145px;
height:20px;
background:none;
font-size:100%;
}
#subKeySerchContent #subSearch .field{
padding-top:10px;
display:block;
float:left;
width:192px;
height:41px;
background:url(../img/bg-subSearch-01.gif) no-repeat left top;
}
#subKeySerchContent #subSearch .search{
display:block;
float:left;
}
*:first-child+html #subKeySerchContent #subSearch .field{
padding-top:13px;
}
*:first-child+html #subKeySerchContent #subSearch .search{
margin-top:-2px;
}
#subKeySerchContent #subSearch .search{padding-top:1px\9;}