@charset "utf-8";
@import "01-reset.css";
@import "02-layout.css";
@import "03-util.css";
body {
	background-image:url(../../img/bg.jpg);
	background-repeat: repeat;
	background-position: center top;
	padding-bottom: 0;
	width:100%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	min-width:980px;
}
@media screen and (max-width: 480px){
body { width: 100%;
min-width:320px; }
}

.page {
font-size: 92%;
line-height: 1.5;
color: #282828;
}
a {
color: #b8621d;
outline: none;
text-decoration: none;
}
a:visited {
color: #380073;
}
a:hover, a.on, .on a {
text-decoration: underline;
color:#b8621d;
}
a:active {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", sans-serif;
}
::-moz-selection{
background: #d7d7d7;
color: #282828;
text-shadow: none;
}
::selection {
background: #d7d7d7;
color: #282828;
text-shadow: none;
}
.wrapper { width: 950px;
overflow: hidden; }
@media screen and (max-width: 480px){
.wrapper { width: 100%;
overflow: hidden; }
}

.index {
width: 950px;
margin-left:auto;
margin-right:auto;
padding:2px 5px 2px 5px;
}
.index a {
text-decoration:none;
color:#600}
@media screen and (max-width: 480px){
.index { width: 90%;
padding:10px 5px 2px 5px;
}
}
#Container {
margin-right: auto;
margin-left: auto;
background-position: center top;
text-align: left;
width:100%;
}
#Header {
width:980px;
margin-left:auto;
margin-right:auto;
}
@media screen and (max-width: 480px){
#Header {
width: 100%;
}
}
#hdrInfo .title {
float: left;
}
#hNav{
float: right;
width: 501px;
}
#hNav li{
float: left;
}
#hNav li.LANGUAGE dt,
#hNav li.LANGUAGE dd{	background: #ffffff; }
#hNav li.LANGUAGE dd{
position: absolute;
display: none;
}
#hNav li.LANGUAGE dd p {
line-height: 0;
font-size: 0;
}
#hNav li.LANGUAGE dd .CHINESE { padding: 1px 0 8px; }
#hNav li.LANGUAGE dd .ENGLISH { padding-bottom: 5px; }
#Nav{
clear: both;
}
#Nav #logo a{
float: left;
display: block;
width: 253px;
height: 90px;
background: url(imgs/base/logo.gif) no-repeat 0 0 ;
text-indent: -9999px;
}
#Nav ul{
float: right;	}
#Nav ul li{
float: left;
}
#Nav ul li a{
display: block;
height: 90px;
text-indent: -9999px;
}
#Nav ul li.NEWS a{
width: 68px;
background:url(imgs/base/nav-news.gif) no-repeat 0 0;
}
#Nav ul li.HOTITEMS a{
width: 97px;
background:url(imgs/base/nav-hotitems.gif) no-repeat 0 0;
}
#Nav ul li.STYLING a{
width: 81px;
background:url(imgs/base/nav-styling.gif) no-repeat 0 0;
}
#Nav ul li.FEATURE a{
width: 81px;
background:url(imgs/base/nav-feature.gif) no-repeat 0 0;
}
#Nav ul li.MOVIE a{
width: 76px;
background:url(imgs/base/nav-movie.gif) no-repeat 0 0;
}
#Nav ul li.CATALOG a{
width: 89px;
background:url(imgs/base/nav-catalog.gif) no-repeat 0 0;
}
#Nav ul li.BLOG a{
width: 64px;
background:url(imgs/base/nav-blog.gif) no-repeat 0 0;
}
#Nav ul li.STORELIST a{
width: 98px;
background:url(imgs/base/nav-storelist.gif) no-repeat 0 0;
}
#Nav ul li.CONCEPT a{
width: 89px;
background:url(imgs/base/nav-concept.gif) no-repeat 0 0;
}
#Nav ul li.ONLINESTORE a{
width: 124px;
background:url(imgs/base/nav-onlinestore.gif) no-repeat 0 0;
}
#Nav h1 a:hover ,#Nav ul li a:hover ,#Nav #logo a:hover{
background-position: 0 100%;
}
#Nav ul li.on a{
background-position: 0 100%;
}
#Footer {
clear: both;
zoom:1;
}
#Footer:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
#fNav{
background: #d7d7d7;
padding: 10px 20px;
font-size: 83%;
color: #b2b2b2;
zoom:1;
}
#fNav:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
#fNav a{
color: #666666;
}
#FooterCopyright{
float: right;
}
#fNav ul{
width: 500px;
float: left;
}
#breadcrumbArea{
font-size: 100%;
padding-top: 30px;
}
#breadcrumbArea span{
margin-left: 6px;
margin-right: 6px;
}
#breadcrumbArea strong{
font-weight: bold;
}
#Article {
padding-top: 35px;
}
.pagetop{
padding-top: 30px;
text-align: right;
clear: both;
}
#ArticleMain section{
clear: both;
}
@media screen and (max-width: 480px){
#ArticleMain {
width: 100%;
}
}
#ArticleMainHeader{
border-bottom: 2px solid #444444;
margin-bottom: 20px;
zoom:1;
}
@media screen and (max-width: 480px){
#ArticleMainHeader{
border-bottom: 1px solid #444444;
margin-bottom: 20px;
margin-left:10px;
margin-right:10px;
zoom:1;
}}
#ArticleMainHeader:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
h1#ContentTitle{
color: #5a1915;
font-size: 181%;
font-weight:bold;
}
@media screen and (max-width: 480px){
h1#ContentTitle{
color: #5a1915;
font-size: 120%;
font-weight:bold;
}}
#ArticleMainHeader.withDate h1#ContentTitle{
width: 620px;
}
@media screen and (max-width: 480px){
#ArticleMainHeader.withDate h1#ContentTitle{
width: 100%;
}}
#ArticleMainHeader .date{
padding-top:25px;
float: right;
}
h1#ContentTitle img{
vertical-align: middle;
}
#ArticleMain header.sHeader{ zoom:1; }
#ArticleMain header.sHeader:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
header.sHeader .sectionTitle { float: left; }
header.sHeader .listLink{
background: url(imgs/base/icon-arrow-02.gif) no-repeat 0 10px;
padding: 3px 0 0 10px;
margin-left: 20px;
float: left;
clear: none;
}
#ArticleAside {}
@media screen and (max-width: 480px){
#ArticleAside { display:none;}
}
.gTitle{
margin-bottom: 15px;
}
.cTitleTxt{
margin-bottom: 15px;
}
#ArticleFooter {
background: #ececec;
margin-top: 15px;
zoom:1;
}
#ArticleFooter:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
#ArticleFooterNavArea{
width: 447px;
padding-left: 20px;
padding-right: 20px;
padding-top: 20px;
padding-bottom: 20px;
float: left;
border-right: 1px solid #ffffff;
}
@media screen and (max-width: 480px){
#ArticleFooterNavArea {
width: 100%;
}}
#ArticleFooterNav a{
color: #5a5a5a;
}
#ArticleFooterNav li{
float:left;
font-size: 92%;
}
#ArticleFooterNav li a{
text-decoration: none;
}
#ArticleFooterNav li.col2 , #ArticleFooterNav li.col3{
margin-left: 45px;
}
#ArticleFooterNav ul li{
float: none;
padding-bottom: 7px;
padding-left: 10px;
font-weight: bold;
}
#ArticleFooterNav ul li.last{
padding-bottom: 0;
}
#ArticleFooterNav li.child{
padding-left: 20px;
font-weight: normal;
}
#ArticleFooterNav span.bltTwitter{
background: url(imgs/base/icon-twitter-01.gif) no-repeat 0 0;
padding-left: 15px;
padding-top:3px;
}
#hotItemArea{
width: 432px;
float: right;
padding-right: 10px;
padding-left: 20px;
padding-top: 20px;
padding-bottom: 20px;
}
@media screen and (max-width: 480px){
#hotItemArea {
width: 100%;
}}
#hotItemArea .title{
zoom:1;
margin-bottom: 10px;
}
#hotItemArea .title:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
#hotItemArea h4{
float: left;
}
#hotItemArea p.listLink{
float: left;
margin-left: 10px;
background: url(imgs/base/icon-arrow-06.gif) no-repeat 0 6px ;
padding-left: 10px;
clear: none;
}
#hotItemArea li{
float: left;
width: 133px;
padding: 0;
margin-right: 10px;
background: #ffffff url(imgs/base/bg-hotitem.gif) no-repeat 0 100% ;
display: none;
}
#hotItemArea li div{
width: 113px;
padding: 24px 10px;
background: url(imgs/base/bg-hotitem-top.gif) no-repeat 0 0;
text-align: center;
}
#hotItemArea li.last{
margin-right: 0;
}
#hotItemArea li img{
vertical-align: middle;
text-align: center;
}
img {
vertical-align: top;
}
.bold{
font-weight: bold;
}
.bltArrow {
background: url(imgs/base/icon-arrow-02.gif) no-repeat 0 4px;
padding-left: 12px;
}
.bltArrow02 {
background: url(imgs/base/icon-arrow-04.gif) no-repeat 0 4px;
padding-left: 12px;
}
.sHeader{
margin-bottom: 15px;
}
#gTitle {
margin-bottom: 10px;
}
h2.sectionTitle	{
color: #5a1915;
font-size: 132%;
font-weight: bold;
clear: both;
margin-bottom: 5px;
}
.sHeader h2.sectionTitle{
margin-bottom: 0;
}
h2.sectionTitle span{
font-size: 75%;
}
h3.stitle{
font-size: 116%;
font-weight: bold;
}
.carouselBoxArea {
width: 620px;
position: relative;
zoom:1;
}
@media screen and (max-width: 480px){
.carouselBoxArea {
width: 100%;
}}
.carouselBoxArea:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.carouselBoxArea .btPrevArea{
width: 42px;
padding-top: 42px;
padding-left: 8px;
float: left;
text-align: left;
}
.carouselBoxArea .btNextArea{
width: 22px;
padding-top: 42px;
padding-right: 8px;
float: right;
text-align: right;
}
.caroufredsel_wrapper{
float: left;
}
.carouselBox{
width: 545px;
height: 94px;
overflow: hidden;
float: left;
}
.carouselBox li{
float: left;
padding-right: 20px;
width: 115px;
}
.btList{
position: absolute;
top: 5px;
right: 0;
}
#sNav li{
font-size:124%;
padding-top: 15px;
font-weight: bold;
}
#sNav li a{
color: #b8621d;
}
#sNav li.l1 a.on
,#sNav li.l2 a.on
,#sNav li.l3 a.on{
color:#282828;
font-weight:bold;
}
#sNav li.l1 a.off
,#sNav li.l2 a.off
,#sNav li.l3 a.off{
color:#282828;
text-decoration: none;
cursor: default;
}

li.l3 {
	text-overflow: ellipsis;
	-webkit-text-overflow:ellipsis;
	-o-text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	}

#sNav li li{
font-size:80%;
padding-top: 7px;
padding-left: 10px;
font-weight: normal;
}
#sNav li.l1 a {
color: #282828;
text-decoration: none;
cursor: default;
}
#sNav li a.snavCategory,#sNav li a.snavStores,#sNav li a.snavBackNumber,#sNav li a.snavNewEntries{
display:block;
height:20px;
text-indent: -9999px;
}
#sNav .storeNav li.l2 ul{
padding-top: 8px;
}
#sNav .storeNav li.l2{
padding-top: 15px;
}
#sNav li.l2 a {
color: #b8621d;
cursor: pointer;
}
#sNav li.l2 a:hover {
color: #282828;
}
#sNav li a.snavAll
,#sNav li a.snavKanto
,#sNav li a.snavHokkaido
,#sNav li a.snavHokuriku
,#sNav li a.snavKansai
,#sNav li a.snavChugoku
,#sNav li a.snavOverseas
,#sNav li a.snavStoreIndex
,#sNav li a.snavOnline{
display:block;
height:12px;
line-height: 12px;
text-indent: -9999px;
}
#sNav .storeNav li a:hover{
background-position: 0 100%;
}
#sNav li li li{
font-size:100%;
font-weight: normal;
padding-top: 3px;
padding-left: 10px;
}
#sNav li li li a , #sNav li li li a:hover {
background: none;
}
#sNav li.storeNav li ul{
display: none;
}
#sNav #bucknumber li li ul{
zoom:1;
}
#sNav #bucknumber li li ul:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
#sNav #bucknumber li li li{
float: left;
width: 40px;
}
.pageLink{
text-align: center;
padding-top: 20px;
clear: both;
}
.pageLink span{
margin-left: 15px;
margin-right: 15px;
}
.pageLink span.current_page{
margin-left: 0;
margin-right: 0;
font-weight: bold;
}
.pageLink strong{
font-weight: bold;
}
a.linkPrev{
padding-left: 20px;
}
a.linkNext{
padding-right: 20px;
}
a.link_next img,a.link_before img{
margin-top: 5px;
}
a.imghover:hover img {
filter:alpha(opacity=75);
opacity:0.75;
}
.imghoverArea a:hover img {
filter:alpha(opacity=75);
opacity:0.75;
}
.typeList{
margin-bottom: 20px;
zoom:1;
}
.typeList:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.typeList li{
float: left;
margin-right: 5px;
}
.typeList li.last{
margin-right: 0;
}
.typeList li a, .typeList li img{
vertical-align: top;
}
.relatedList { zoom:1; }
.relatedList:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.relatedList li  {
float: left;
width: 132px;
margin-right: 10px;
}
.relatedList li.last {
margin-right: 0;
}
.relatedList li div.img{
padding: 10px;
margin-bottom: 10px;
border: 1px solid #e0e0cd;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
#OlBrandlist {
display: none;
}
#OlBrandlistIn {
background-color: #FFFFFF;
padding: 30px 10px 30px 30px;
}
.OlBrandlist {
width: 315px;
z-index: 9999;
position: static;
}
.OlBrandlist:after{ content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.OlBrandlist li {
clear:both;
border-bottom: none!important;
border-bottom: 1px solid #000000;
width: 315px;
margin:0;
overflow: hidden;
zoom: 1;
}
.OlBrandlist li:after{ content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.OlBrandlist li img {
line-height:12px;
vertical-align: top;
}
.OlBrandlist li a {
display: block;
border-bottom: 1px solid #000000!important;
border-bottom: none;
padding: 0;
line-height:18px;
background-color: #ffffff;
cursor: pointer;
zoom:1;
}
.OlBrandlist li a:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.OlBrandlist li.firstline a {
border-top: 1px solid #000000;
}
.OlBrandlist li a:hover,
.OlBrandlist li a:hover span.text,
.OlBrandlist li a:hover span.text img {
background-color: #EBEBEB;
zoom:1;
}
.OlBrandlist li a span.text {
display: block;
float: right;
width:250px;
text-align:left!important;
background-color: #ffffff;
zoom:1;
}
.OlBrandlist li a .logoWrp {
float: left;
width: 55px;
position: relative;
zoom:1;
}
.OlBrandlist li a .logoWrp .logoWrp {
float: none;
}
.OlBrandlist li a .logo {
background-color: #ffffff;
display: block;
padding: 3px 7px 3px 0;
zoom:1;
}
.pdf a {
background-color: transparent;
background-position: left top;
background-repeat: no-repeat;
line-height: 18px;
padding: 2px 0 2px 20px;
}
.apiIconList{
margin-top: 20px;
padding:5px 5px 5px 5px;
zoom:1;
}
.apiIconList:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
.apiIconList li{
float: left;
margin-right: 10px;
}
.apiIconList li#tweet {
margin-right: 10px;
overflow: hidden;
width:90px;
}
.apiIconList li#like{
overflow: hidden;
width: 150px;
}
.apiIconList li#like a.connect_widget_like_button  {
padding: 2px 5px;
}
* html .apiIconList li#tweet { width: 90px; }
* html .apiIconList li#like { width: 73px; }
.mac .apiIconList li#tweet { width: 90px; }
.separator{
padding-top: 15px;
}
@media screen and (max-width: 480px){
.separator{
padding-top: 15px;
margin-left:10px;
margin-right:10px;
}}
.lined{
padding-top: 15px;
}
.blogBodyArea  {
width: 600px;
}
@media screen and (max-width: 480px){
.blogBodyArea {
width: 100%;
}
}
.blogBodyArea p {
margin: 0 0 15px;
clear: both;
}
.blogBodyArea strong {
font-weight: bold;
}

#contentsArea {
	width:100%;
	}