﻿﻿@charset "UTF-8";

html * { zoom: 1 !important; }
*+html header[role="banner"] {
	z-index: 100;
}
header[role="banner"] #gnavArea > ul,
header[role="banner"] #gnavArea > ul > li,
header[role="banner"] #categoryNav nav[role="navigation"] > ul > li > a,
header[role="banner"] #headerInner #letterExpansion > dl,
header[role="banner"] #headerInner #letterExpansion > dl > *,
header[role="banner"] #headerInner #letterExpansion > dl > dd > ul,
header[role="banner"] #headerInner #letterExpansion > dl > dd > ul > li,
header[role="banner"] #categoryNav nav[role="navigation"] > ul > li > a > span,
header[role="banner"] #dropDownNav > nav > ul > li > a,
header[role="banner"] #dropDownNav > nav > ul > li > a > span,
header[role="banner"] #categoryNav nav[role="navigation"] > ul > li .categoryTitle > a,
header[role="banner"] #categoryNav nav[role="navigation"] ul > li .dropBlock.select,
header[role="banner"] #categoryNav nav[role="navigation"] ul > li .dropBlock .navDropLink,
header[role="banner"] #categoryNav nav[role="navigation"] ul > li .dropBlock .navDropBunner,
header[role="banner"] #categoryNav nav[role="navigation"] > ul > li .categoryTitle > a > span,
footer[role="contentinfo"] #snsArea > dl,
footer[role="contentinfo"] #snsArea > dl > *,
footer[role="contentinfo"] #snsArea .footerSnsList > li > a,
footer[role="contentinfo"] #snsArea .footerSnsList > li > a > *,
.listItem02 > ul > li > h3 > a,
.listItem02 > ul > li > h3 > a > span {
	/display: block;
}

header[role="banner"] #headerInner .headerRight #spHeaderMenu,
header[role="banner"] #headerInner #headerSearch,
header[role="banner"] #headerInner #letterExpansion,
header[role="banner"] #headerInner .headerRight .infoNav > ul > li,
header[role="banner"] #categoryNav nav[role="navigation"] > ul > li,
footer[role="contentinfo"] #snsArea > dl > *,
#topicPath > ul > li,
footer[role="contentinfo"] #snsArea .footerSnsList > li,
footer[role="contentinfo"] #footerInfo .infoNav > ul > li,
footer[role="contentinfo"] #footerInfo #resonaGroupInfo .resonaGroup > *,
footer[role="contentinfo"] #footerInfo #resonaGroupInfo .resonaGroup  dd > ul > li,
footer[role="contentinfo"] #footerInfo #resonaInfo *,
footer[role="contentinfo"] #snsArea .footerSnsList > li {
	/display: inline !important;
}

header[role="banner"] #headerInner #spHeaderMenu > ul > li#btnPc,
header[role="banner"] #headerInner #spHeaderMenu > ul > li#btnSpNav {
	/display: none;
}
header[role="banner"] #headerInner {
	background: url(/common/images/bg_header01.gif) 100% 6px no-repeat !important;
}
header[role="banner"] #headerInner #headerGuide {
	padding-left: 0;
}
input[type="button"] {
	border: none;
}
header[role="banner"] #gnavArea > ul > li,
header[role="banner"] #headerInner #letterExpansion > dl > *,
header[role="banner"] #headerInner #letterExpansion > dl > dd > ul > li,
header[role="banner"] #dropDownNav > nav > ul > li {
	/float: left;
}
header[role="banner"] #gnavArea > ul > li {
	/width: 135px;
}
header[role="banner"] #categoryNav nav[role="navigation"] > ul > li > a {
	/line-height: 40px;
}
header[role="banner"] #headerInner .headerRight .infoNav > ul > li {
	/border-right: 1px solid #c9c9c9;
}
header[role="banner"] #dropDownNav {
	/width: 918px;
}
header[role="banner"] #dropDownNav > nav > ul > li {
	/height: auto;
}
header[role="banner"] #dropDownNav > nav > ul > li > a {
	/width: auto;
	/height: 64px;
}
footer[role="contentinfo"] #footerInfo .infoNav > ul > li {
	/border-right: 1px solid #c9c9c9;	
}
footer[role="contentinfo"] #snsArea > dl > dt,
footer[role="contentinfo"] #snsArea .footerSnsList > li > a > * {
	/float: left;
}
footer[role="contentinfo"] #snsArea > dl > dd  {
	/float: right;
}
footer[role="contentinfo"] #snsArea > dl > dt {
	/padding-top: 5px;
}
footer[role="contentinfo"] #snsArea .footerSnsList > li a span {
	/padding-top: 5px;
}
header[role="banner"] #categoryNav nav[role="navigation"] ul > li .dropBlock.select {
	z-index: 100;
}
header[role="banner"] #categoryNav nav[role="navigation"] > ul > li .categoryTitle > a > span {
	font-size: 0.95em;
}
*+html header[role="banner"] #headerInner #headerGuide #headerSearch > input + button {
	top: 1px;
	height: 26px;
}
/* TOP PAGE ONLY */
#wrap #mainArea main[role="main"] #popularityArea > ul > li > a,
#wrap #mainArea main[role="main"] #popularityArea > ul > li > a > span {
	/display: block;
}
#wrap #mainArea main[role="main"] #popularityArea > ul > li > a {
	/min-height: 0;
}
#wrap #mainArea main[role="main"] #popularityArea > ul > li > a > span {
	/min-height: 44px;
	/padding-top: 20px;
	/padding-bottom: 20px;
}
#wrap #mainArea main[role="main"] #popularityArea > ul > li > a:hover > span {
	/padding-top: 18px;
	/padding-bottom: 18px;
}
#wrap #mainArea main[role="main"] #popularityArea > ul > li > a:hover > span {
	/background-position: 15px center;
}
*+html .carouselBlock01 .carouselControl > .carousePager > ul {
	width: 9999px !important;
}
*+html .listItem02 > ul > li {
	width: 187px;
}
.searchBlock01 > dl,
.searchBlock01 > dl > *,
.searchBlock01 .searchKeyword,
.searchBlock01 .keywordList01 {
	/display: block;
}
.searchBlock01 > dl > *,
.searchBlock01 .searchKeyword,
.searchBlock01 .keywordList01 { 
	/float: left;
}
.searchBlock01 > dl > dt {
	/padding: 25px 0;
}
.searchBlock01 > dl > dd {
	/width: auto;
}
.searchBlock01 > dl > dd {
	/width: 768px;
}
.searchBlock01 .searchKeyword > input[type="search"] ,
.searchBlock01 .searchKeyword > input[type="text"]{
	min-height: 23px;
}
.searchBlock01 .keywordList01 li,
#wrap #mainArea main[role="main"] #infoArea ul[role="tablist"] > li {
	/display: inline;
}
#wrap #mainArea main[role="main"] #infoArea ul[role="tablist"] > li {
	margin-right: 10px;
}
*+html .listItem01 > li > a:hover {
	border: 1px solid #ffb77d;
}
*+html .listItem01 > li > a:hover > span {
	padding-left: 69px !important;
}
*+html .searchBlock01 > dl,
*+html .searchBlock01 > dl > dd {
    *zoom: 1;	
}
*+html .carouselBlock01 .carouselControl .carouselBtn,
*+html .carouselBlock01 .carouselControl .carouselBtn > li {
	height: 0;
}
*+html .carouselBlock01 .carouselControl .carouselBtn > li > a {
	position: absolute;
	top: 25px;
	text-indent: -9999px;
	width: 14px;
	height: 17px;
	background: no-repeat center center;
	font-size: 1em;
}
*+html .carouselBlock01 .carouselControl .carouselBtn > li > a.carouselPrev {
	left: 5px;
	background-image: url(/common/images/bg_prev_ie701.gif);
}
*+html .carouselBlock01 .carouselControl .carouselBtn > li > a.carouselNext{
	right: 50px;
	background-image: url(/common/images/bg_next_ie701.gif);
}
*+html .carouselBlock01 .carouselControl .carouselBtn > li > a.carouselStop {
	right: 15px;
	background-image: url(/common/images/bg_stop_ie701.gif);
}
*+html .listItem02 > ul > li > h3 > a {
	width: auto;
}
.simpleTempelate header[role="banner"]  #headerInner{
	background-position: 100%  17px;
}

header[role="banner"] #categoryNav [role="navigation"] li .categoryTitle > a:before {
	zoom: 1;
	
}