@charset "utf-8";
/**
 * base.css
 * (c) United Arrows Ltd.
 *
 * 1. import
 * 2. base css
 *
 */

/**
 * 1. import
 */

/* initialize */
  @import "01-reset.css";
/* baselayout */
  @import "02-layout.css";
/* extension */
  @import "03-util.css";

/**
 * 2. base css
 */

/* body */
	body {
		background-image: url(../imgs/space.gif);
		background-repeat: repeat-x;
		background-position: center top;
		padding-bottom: 0;
		position:relative;
	}

/* .page */
	.page {
    font-size: 92%;
    line-height: 1.5;
		color: #3d3d3d;
	}

/* outline */
	* { outline: none; }

/* selection */
  ::-moz-selection{
    background: #e7e7e7;
    color: #282828;
    text-shadow: none;
  }
  ::selection {
    background: #e7e7e7;
    color: #282828;
    text-shadow: none;
  }

/* anchor */
	a {
		text-decoration: none;
		color: #1e1e5a;
	}
	a:visited { color: #5b1c9d; }
	a:hover, a.on, .on a {
		text-decoration: underline;
		color: #1e1e5a;
	}
	a:hover * {
		text-decoration: none;
	}
	a:active {}

/* img */
	img { vertical-align: top; }

/* BASE WIDTH */
	.wrapper { width: 950px; }

/* Container */
	#Container {
		margin-right: auto;
		margin-left: auto;
		text-align: left;
	}

/* Header */
	#Header { margin-bottom: 30px; }
	#Header .wrapper {
		position: relative;
	}
	#Header hgroup {
		background-color: #595653;
	}
	#Header hgroup #Logo {
		height: 60px;
	}
	#Header hgroup #Logo a {
		display: block;
		width: 261px;
		height: 60px;
		text-indent: -9999px;
		background-color: transparent;
		background-image: url(../imgs/header/logo-ltd.gif);
		background-repeat: no-repeat;
		background-position: left top;
		zoom: 1;
	}

/* hnav */
	#Header .hnav {
		position: absolute;
		right: 20px;
		width: 500px;
	}
	#Header #hNav { top: 13px; }
	#Header #hNavSub { top: 32px; }
	#Header .hnav li { float: right; }
	#Header .hnav li a {
		display: block;
		height: 14px;
		line-height: 0px;
		text-indent: -9999px;
		text-align: left;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left top;
	}
	#Header .hnav li a:hover { background-position: left -14px; }
	#Header .hnav .BRANDLIST a{ width: 114px; background-image: url(../imgs/header/hnav-brandlist.gif); }
	#Header .hnav .OLS a 			{ width: 238px; background-image: url(../imgs/header/hnav-ols.gif); }
	#Header .hnav .CART a 		{ width: 62px; background-image: url(../imgs/header/hnav-cart.gif); }
	#Header .hnav .ENGLISH a 	{ width: 65px; background-image: url(../imgs/header/hnav-english.gif); }
	#Header .hnav .CONTACT a 	{ width: 88px; background-image: url(../imgs/header/hnav-contact.gif); }
	#Header .hnav .INFO a 	{ width: 153px; background-image: url(../imgs/header/hnav-info.gif); }
	#Header .hnav .TWITTER a 	{ width: 25px; background-image: url(../imgs/header/hnav-twitter.gif); }
	#Header .hnav .FACEBOOK a 	{ width: 24px; background-image: url(../imgs/header/hnav-facebook.gif); }

/* Nav */
	#Header #Nav {
		background-color: #dfdfdf;
		zoom: 1;
	}
	#Header #Nav:after { content : ''; display : block; clear : both; }
	#Header #Nav li { float: left; }
	#Header #Nav li a {
		display: block;
		height: 35px;
		text-indent: -9999px;
		text-align: left;
		background-color: transparent;
		background-repeat: no-repeat;
		background-position: left top;
	}
	#Header #Nav li a:hover { background-position: left -35px; }
	#Header #Nav .NEWS a 		{ width: 119px; background-image: url(../imgs/header/nav-news.gif); }
	#Header #Nav .SHOPLIST a{ width: 118px; background-image: url(../imgs/header/nav-shoplist.gif); }
	#Header #Nav .BRAND a 	{ width: 118px; background-image: url(../imgs/header/nav-brand.gif); }
	#Header #Nav .IR a 			{ width: 118px; background-image: url(../imgs/header/nav-ir.gif); }
	#Header #Nav .CORP a 		{ width: 118px; background-image: url(../imgs/header/nav-corp.gif); }
	#Header #Nav .CSR a			{ width: 119px; background-image: url(../imgs/header/nav-csr.gif); }
	#Header #Nav .RECRUIT a	{ width: 119px; background-image: url(../imgs/header/nav-recruit.gif); }
	#Header #Nav .OLS a	{ width: 121px; background-image: url(../imgs/header/nav-ols.gif); }
/* Nav */
	#Header .breadcrumb {
		margin-top: 8px;
		clear: both;
		font-size: 77%;
		font-weight: bold;
	}

/* Footer */
	#Footer {
		clear: both;
		margin-top: 40px;
		font-family: Arial;
	}
	#Footer .pagetop {
		margin-bottom: 8px;
		text-align: right;
		padding-right:15px;
	}
	#Footer .pagetop a {
		font-size: 92%;
		padding-right: 20px;
		background-color: transparent;
		background-image: url(../imgs/base/blt-chevron-top-s.gif);
		background-repeat: no-repeat;
		background-position: right center;
	}

/* ArticleFooterNavArea */
	#ArticleFooterNavArea {
		padding: 20px 0 15px 20px;
		font-size: 85%;
		background-color: #c5c3b9;
	}
	#ArticleFooterNavArea ul {
		float: left;
		margin-right: 30px;
		width: auto;
	}
	#ArticleFooterNavArea ul ul {
		clear: both;
		float: none;
		padding-bottom: 3px;
	}
	#ArticleFooterNav02 .list {
		width: 500px;
	}
	#ArticleFooterNavArea #ArticleFooterNav02 .list {
		clear: both;
	}
	#ArticleFooterNavArea #ArticleFooterNav02 ul {
		clear: none;
		float: left;
		margin-right: 10px;
	}
	#ArticleFooterNavArea li {
		font-weight: bold;
	}
	#ArticleFooterNavArea li li {
		margin-left: 10px;
		font-weight: normal;
	}
	#ArticleFooterNavArea li a {
		color: #595653;
		line-height: 1.8;
	}

/* FooterCopyright */
	#FooterCopyright {
		display: block;
		border-top: 1px solid #535047;
		text-indent: -9999px;
		height: 29px;
		text-align: left;
		background-color: #c5c3b9;
		background-image: url(../imgs/footer/copyright.gif);
		background-repeat: no-repeat;
		background-position: right top;
	}

/* Article */
	#Article {}

/* ArticleMain */
	#ArticleMain {
		float: right;
		width: 680px;
	}

/* ArticleAside */
	#ArticleAside {
		float: left;
		width: 240px;
	}
	.asideNavList {
		border-bottom: 1px solid #d7d7d7;
	}
	.asideNavList,
	.asideNavList ul,
	.asideNavList li,
	.asideNavList li a {
		zoom: 1;
	}
	.asideNavList li {
		border-top: 1px solid #d7d7d7;
	}
	.asideNavList li a {
		display: block;
		padding: 8px 10px;
	}
	.asideNavList li.on a {
		font-weight: bold;
		text-decoration: none;
		color: #3d3d3d;
	}
	.asideNavList li.on li a {
		font-weight: normal;
		text-decoration: none;
		color: #1e1e5a;
	}
	.asideNavList li.on li a:hover {
		text-decoration: underline;
	}
	.asideNavList li li {
		margin-left: 20px;
		border-top: none;
		background-color: transparent;
		background-image: url(../imgs/base/dot-01.gif);
		background-repeat: repeat-x;
		background-position: right top;
		zoom: 1;
	}
	.asideNavList li li ul.month { padding-bottom: 8px; zoom: 1; }
	.asideNavList li li ul.month:after { content : ''; display : block; clear : both; }
	.asideNavList li li ul.month li {
		float: left;
		margin-right: 15px;
		margin-left: 0;
		padding: 0;
		width: 3.2em;
		text-align: right;
		background-image: none;
	}
	.asideNavList li li ul.month li a {
		padding: 0;
	}

/* pagenation */
	.pagenation {
		text-align: center;
	}
	.pagenation a,
	.pagenation strong {
		margin-right: 20px;
		margin-left: 20px;
	}
	.pagenation strong {
		font-weight: bold;
	}
	.pagenation a.prev {
		padding-left: 10px;
		background-image: url(/common/imgs/base/blt-page-prev.gif);
		background-repeat: no-repeat;
		background-position: left 50%;
	}
	.pagenation a.next {
		padding-right: 10px;
		background-image: url(/common/imgs/base/blt-page-next.gif);
		background-repeat: no-repeat;
		background-position: right 50%;
	}


/* brandList */
	#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 */
	.pdf a {
		padding: 2px 0 2px 20px;
		line-height: 18px;
		background-color: transparent;
		background-image: url(../imgs/icon/icon-pdf.gif);
		background-repeat: no-repeat;
		background-position: left top;
	}


/* ====================
  MODULES
  2014.12.05
 ==================== */

/* H2 */
.modH2 {
  line-height: 1;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #999999;
}

/* IMG OPACITY */
a:hover .modHoverImg{
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
}

/* TAB NAV */
.reTabNav .tabNav {
  background: url(/common/imgs/base/bg-tab.gif) repeat-x left bottom;
  height: 41px;
  width: 100%;
  position: relative;
}
.reTabNav .tabNav > li {
  display: inline;
}
.reTabNav .tabNav > li a {
  display: block;
  text-indent: -9999px;
  width: 170px;
  height: 41px;
  position: absolute;
  bottom: 0;
}
.reTabNav .tabNav > li a:hover, .reTabNav .tabNav > li a.on {
  background-position: left -41px !important;
}

/* SLIDER CONTROL */
.modSlider .control,
.modSlider .controlSp {
  width: 100%;
  height:18px;
  text-align: center;
}
.modSlider .control .btn,
.modSlider .controlSp .btn {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  *display: inline;
  cursor:pointer;
}
.modSlider .control .btn span,
.modSlider .controlSp .btn span {
  background: url(/imgs/index/bg-direction-nav.gif) no-repeat;
  display: block;
  text-indent: -999em;
  width: 6px;
  height: 10px;
}
.modSlider .control .btPrev {
  margin-right: 13px;
}
.modSlider .control .btNext {
  margin-left: 13px;
}
.modSlider .control .btNext span {
  background-position: 0 -10px;
}
.modSlider .control .disabled {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30);
  opacity: 0.3;
  cursor: default;
}
.modSlider .control .pager a {
  display: inline-block;
  vertical-align: middle;
  margin: 0 5px;
  zoom: 1;
  *display: inline;
  cursor:pointer;
}
.modSlider .control .pager a span {
  background: url(/imgs/index/bg-control-nav.png) no-repeat;
  display: block;
  text-indent: -999em;
  width: 8px;
  height: 9px;
}
.modSlider .control .pager a:hover span, .modSlider .control .pager a.selected span {
  background-position: 0 -9px;
}
.modSlider .control .pager a.selected {
  cursor: default;
}