@charset "utf-8";


/* COMMON SETTINGS
----------------------------------------------------------------- */

body{
	color:#3B3B3B;
}

a{
	color:#3F3F3F;
	text-decoration:none;
}

a:hover{
	color:#6F6F6F;
}

p{
	font-size:0.8em;
}

.red{
	color:#9A001D;
}

.strong{
	font-weight:bold;
}

.caption{
	font-size:smaller;
}

.asterisk{
	color:#9A001D;
	font-size:1.4em;
}


/* LAYOUT
----------------------------------------------------------------- */
header{
	margin:10px auto;
	width:1000px;
	height:30px;
}

header:after{ /* CLEARFIX */
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

nav.global{
	margin:0 auto 30px;
	width:1000px;
}

.toppage nav.global{
	margin:0 auto;
	width:1000px;
}


nav.global:after{ /* CLEARFIX */
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.container{
	width:100%;
}


.container:after,
.content:after{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

.content.onecol{
	margin:0 auto;
	width:1000px;
}

footer{
	width:100%;
}

footer nav{
	width:100%;
	border-top:1px solid #C9C9C9;
}

footer nav > ul{
	margin:0 auto;
	padding:1em 0;
	width:1000px;
}


/* HEADER
----------------------------------------------------------------- */

header h1{
	float:left;
	padding-top:1.8em;
	width:250px;
	font-size:0.6em;
	color:#828282;
}


header > ul{
	float:right;
	width:750px;
	text-align:right;
	letter-spacing:-0.4em;
}

header ul li{
	display:inline-block;
	*display:inline;
	*zoom:1;
	letter-spacing:normal;
	vertical-align:middle;
}

header ul li ul{
	font-size:0.7em;
}

header ul li.language li{
	margin:0 0 0 15px;
}

header ul li a{
	color:#595757;
	text-decoration:none;
}

header ul li a:hover{
	text-decoration:underline;
}


/* GLOBAL NAVIGATION
----------------------------------------------------------------- */
nav.global ul{
	position:relative;
	height:40px;
	text-align:right;
	font-size:0.1em;
	letter-spacing:-0.4em;
}

nav.global ul li{
	margin:18px 0 0 40px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	letter-spacing:normal;
	vertical-align:top;
}

nav.global ul li.logo{
	margin:0;
	position:absolute;
	top:0;
	left:0;
}



/* TAB NAVIGATION
----------------------------------------------------------------- */

.tabNav__title{
	color: #C8C8C8;
}

.tabNav__current{
	color: #9A001D;
}

nav.tabNav{
	padding: 24px 0;
	position:relative;
	border-top:1px solid #C8C8C8;
	border-bottom:1px solid #C8C8C8;
}

nav.tabNav ul.parent{
	margin:0 auto;
	width:1000px;
	letter-spacing:-0.4em;
	font-size: 0.8em;
	text-align: center;
}

nav.tabNav ul.parent > li{
	margin:0 45px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	letter-spacing:normal;
}

nav.tabNav ul.parent.parent--child{
	text-align: left;
}

nav.tabNav  ul.parent.parent--child > li{
	margin: 0 0 0 120px;
	float: left;
	letter-spacing:normal;
}

nav.tabNav ul.parent::after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

nav.tabNav ul.parent.parent--child > li:first-child{
	margin:0;
}

nav.tabNav ul.child{
	margin:0 auto;
}

nav.tabNav ul.child li{
	margin:10px 0;
	letter-spacing:normal;
}

nav.tabNav ul.child li a:hover{
	color: #9A001D;
}

/* MAINTITLEAREA
----------------------------------------------------------------- */
.titleWrapper{
	margin:0 auto;
}

.titleWrapper h1.maintitle{
	margin:0 auto;
	padding:45px 0 40px;
	width:990px;
	line-height:100%;
	border-bottom:5px solid #9A001D;
}



/* EDITABLEAREA
----------------------------------------------------------------- */
.editableArea:after{
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

* html .editableArea             { zoom: 1; } /* IE6 */
*:first-child+html .editableArea { zoom: 1; } /* IE7 */


.editableArea h2{
	font-size:1.3em;
}


.editableArea h3{
	font-size:1.1em;
}

.editableArea h2 img{
	margin-right:10px;
	display:lnline;
	vertical-align:bottom;
}

.editableArea ul{
	margin:1em 0 2em;
}

.editableArea ul li{
	margin:0.2em 0;
	font-size:0.8em;
}

figcaption{
	font-size:0.7em;
	line-height:120%;
}


/* LIST STYLE
----------------------------------------------------------------- */
ul.checkList li{
	display:block;
	cursor:pointer;
	padding:0 0 0 25px;
	background:url(../img/icon/icnSearchChild.png) no-repeat left 0;
}

ul.checkList li:hover{
	display:block;
	text-decoration:none;
	color:#9A001D;
	background:url(../img/icon/icnSearchChildOn.png) no-repeat left 0;
}

ul.checkList li.current{
	background:url(../img/icon/icnSearchChildOn.png) no-repeat left 0;
}



/* BUTTONS
----------------------------------------------------------------- */

.buttonContainer{
	text-align:center;
}

.buttonContainer .button,
.buttonContainer .buttonArea,
.buttonContainer .buttonB,
.buttonContainer .buttonBArea{
	display:inline-block;
	*display:inline;
	*zoom:1;
	line-height:100%;
	font-size:1em;
}

/* RED BUTTON */
.button a,
.buttonArea span{
	display:block;
	height:45px;
	color:#FFF;
	cursor:pointer;
	text-align:center;
	line-height:46px;
	background:#9A001D;
}

.button a{
	position:relative;
}

.button a:hover,
.buttonArea span:hover{
	background:#AE334A;
	text-decoration:none;
}

/* RED BUTTON DISABLE */
.button.disable a,
.buttonArea.disable span{
	cursor:auto;
	opacity: 0.3;
}


/* RED BUTTON - SMALL */
.button.small a,
.buttonArea.small span{
	height:20px;
	line-height:21px;
	font-size:0.85em;
}


/* GRAY BUTTON */
.buttonB a,
.buttonBArea span{
	/*padding-top:3px;*/
	display:block;
	height:45px;
	color:#FFF;
	cursor:pointer;
	text-align:center;
	background:#999;
	line-height:46px;
}

.buttonB a:hover,
.buttonBArea span:hover{
	background:#ADADAD;
	text-decoration:none;
}


/* BUTTON ICON STYLE */
.button a:before,
.buttonArea span:before{
	margin-right:0.2em;
}

/* SEARCH */
.button.search a:before,
.buttonArea span.search:before{
	margin-left:-35px;
	position:absolute;
	top:5px;
	content:url(../img/icon/icnSearch.png);
}

/* PROFILE */
.button.profile a:before,
.buttonArea span.profile:before{
	margin-left:-35px;
	position:absolute;
	top:5px;
	content:url(../img/icon/icnCustomerWhite.png);
}


/* SEARCH SMALL */
.button.small.search a:before,
.buttonArea.small span.search:before{
	margin-left:-18px;
	position:absolute;
	top:2px;
	content:url(../img/icon/icnSearch-s.png);
}

/* CHECK */
.button.check a:before,
.buttonArea span.check:before{
	margin-left:-35px;
	position:absolute;
	top:5px;
	content:url(../img/icon/icnCheck.png);
}

/* CART */
.button.addcart a:before,
.buttonArea span.addcart:before{
	margin-left:-25px;
	position:absolute;
	top:5px;
	content:url(../img/icon/icnCartHeader.png);
}

/* ROCKET */
.button.rocket a:before,
.buttonArea span.rocket:before{
	margin-left:-25px;
	position:absolute;
	top:4px;
	content:url(../img/icon/icnRocket.png);
}

/* DOOR */
.button.door a:before,
.buttonArea span.door:before{
	margin-left:-30px;
	position:absolute;
	top:6px;
	content:url(../img/icon/icnDoor.png);
}



/* FORM STYLE
----------------------------------------------------------------- */

.inputWrapper{
	margin:15px 0;
	border-top:1px solid #C8C8C8;
}

.inputWrapper:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html .inputWrapper             { zoom: 1; } /* IE6 */
*:first-child+html .inputWrapper { zoom: 1; } /* IE7 */

.inputContent{
	float:right;
	width:650px;
	border-top:1px solid #C8C8C8;
}

.inputContent h3,
.inputContent .inner{
	float:left;
}

.inputContent h3{
	padding-top:12px;
	width:170px;
}

.inputContent .inner{
	width:480px;
}

.inputContent .inner .wrapper{
	padding:9px 0;
	border-top:1px solid #C8C8C8;
	letter-spacing:-0.4em;
}

.inputContent .inner .wrapper.agree{
	padding:0 0 9px;
	line-height:100%;
}

.inputContent .inner .wrapper.err{
	background:#F7D8DE;
}

.inputContent .inner .wrapper:first-child,
.inputContent .inner .wrapper.agree{
	border-top:none;
}

.inputContent .inner .wrapper.agree .field{
	font-size:1.2em;
	font-weight:bold;
}


.inputContent .inner h4,
.inputContent .inner p,
.inputContent .inner .field{
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
	letter-spacing:normal;
}

.inputContent .inner h4{
	width:120px;
	line-height:180%;
	font-size:0.8em;
}

.inputContent .inner .field{
	padding-left:20px;
	position:relative;
	width:335px;
	letter-spacing:-0.4em;
}

.inputContent .inner .agree .field{
	padding:0;
}

.inputContent .inner .field *{
	letter-spacing:normal;
}

.inputContent .inner .field span,
.inputContent .inner .field label,
.inputContent .inner .field input,
.inputContent .inner .field p{
	display:inline-block;
	*display:inline;
	*zoom:1;
}

.field label{
	font-size:0.8em;
}

.field span.asterisk{
	position:absolute;
	left:-3px;
}

.field span.separator{
	margin:0 5px;
}

.field input[type="text"],
.field input[type="password"]{
	padding:0.2em;
	border:none;
	background:#EEF0F0;
}

.field input[type="text"]:focus,
.field input[type="password"]:focus{
	background:#E8E8E8;
}

.field input.wide{
	width:335px;
	height:22px;
}

.field input.postal1{
	width:80px;
	height:22px;
}

.field input.postal2{
	margin-left:0;
	width:100px;
	height:22px;
}

.field textarea{
	padding:10px;
	width:437px;
	height:120px;
	border:1px solid #C8C8C8;
	font-size:0.8em;
}

.field textarea.middle{
	width:335px;
}

.inputContent .inner .privacy{
	padding:10px;
	width:460px;
	height:200px;
	overflow:auto;
	border:1px solid #C8C8C8;
}

.inputContent .inner .privacy .wrapper{
	border-bottom:none;
}

.inputContent .inner .privacy h4{
	margin:1em 0 0;
	width:auto;
	font-size:1em;
}

.inputContent .inner .privacy h4,
.inputContent .inner .privacy p{
	display:block;
}

.inputContent .inner .privacy ul{
	margin-bottom:1em;
}

.inputContent .inner .privacy ul li{
	list-style:disc;
	padding-left:1em;
	text-indent:-1em;
	letter-spacing:normal;
	list-style-position: inside;
}

.inputContent .inner .privacy address{
	letter-spacing:normal;
	font-size:0.8em;
}


.inputWrapper .left{
	margin:1em 0;
	float:left;
	width:340px;
}

.inputWrapper .comfirm{
	padding:10px;
	width:230px;
	background:#FFFAE1;
}

.inputWrapper .comfirm .button{
	margin:1em 0;
}

.inputWrapper .login{
	padding:18px 25px 25px;
	width:217px;
	background:#DBDBDB;
}

.inputWrapper .login h3,
.inputWrapper .logout h3{
	margin:0 0 1em;
	padding:0;
}

.inputWrapper .login input[type="checkbox"]{
	margin-top:-2px;
	display:inline-block;
	*display:inline;
	*zoom:1;
	vertical-align:middle;
}

.inputWrapper .logout h3{
	font-size:1.4em;
}

.inputWrapper .login h3 img{
	display:inline;
	margin-right:0.5em;
	vertical-align:bottom;
}

.inputWrapper .login p{
	margin:0.5em 0 1em;
}

.inputWrapper .login .checkbox{
	margin-bottom:0.2em;
}

.inputWrapper .logout .leave{
	padding:0.5em 0 0.5em 1.5em;
	background:url(../img/icon/icnLogout.png) no-repeat left 0.5em;
}

.inputWrapper .login input[type="text"],
.inputWrapper .login input[type="password"]{
	width:98%;
	padding:1%;
	border:none;
	background:#FFF;
}


/* FOOTER
----------------------------------------------------------------- */

footer.global .totop{
	margin:0 auto;
	width:1000px;
	text-align:right;
}

footer.global .totop img{
	margin:100px 0 20px;
}

footer.global nav.main > ul:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}

* html footer.global nav.main > ul             { zoom: 1; } /* IE6 */
*:first-child+html footer.global nav.main > ul { zoom: 1; } /* IE7 */


footer.global nav.main > ul > li{
	float:left;
	margin-left:45px;
	font-size:0.9em;
	line-height:0.5;
}

footer.global nav.main ul li:first-child{
	margin-left:0;
}

footer.global nav.main ul.child{
	margin-top:10px;
	font-size:0.8em;
	line-height:1.5;
}

footer.global nav.main ul.child li{
	margin:0.5em 0;
}

footer.global nav.main ul.child a:hover{
	color:#6A6565;
}

footer.global nav.utility ul{
	text-align:center;
}

footer.global nav.utility ul li{
	margin:0 1em;
	display:inline;
}

footer.global .copyright {
	font-size:0.72em;
	margin: 0.5em 0 2em;
	text-align: center;
}

/* contactArea
----------------------------------------------------------------- */

.contactArea{
	margin-top:100px;
	margin-bottom:-70px;
	background-color:#f5f5f5;
}

.contactArea article{
	margin:0 auto;
	width:990px;
	position:relative;
}

.contactArea article h3{
	margin-top:30px;
	padding-bottom:5px;
	height:100px;
	font-size:1.2em;
	border-bottom:1px solid #C9C9C9;
}

.contactArea article .mail h3{
	line-height:160px;
}

.contactArea article h3 span.caps{
	margin-top:1em;
	display:block;
	font-size:0.7em;
	line-height:1.4;
}

.contactArea article h3 span.time{
	font-size:1.2em;
}

.contactArea article h4{
	margin:20px 0 11px 0;
	font-size:1.05em;
}

.contactArea article p{
	margin-bottom:30px;
	font-size:1.5em;
}

.contactArea article .tel{
	width:575px;
	margin:0 55px 0 0;
	display:inline-block;
	vertical-align:top;
}

.contactArea article .tel p{
	display:inline-block;
}

.contactArea article .mail{
	width:351px;
	margin:0;
	display:inline-block;
	vertical-align:top;
}