@charset "shift_jis";
/*----------------------------------------
Name: layout.css
Date Created:2010/02/10 [t.sato]
Last Updated:2010/03/16 [t.sato]
----------------------------------------*/
html {
	background:#5883CA;
}
#wrapper {
	background:url(../img/common/body_bg.jpg) center 0 no-repeat;
}
#wrapper .inner {
	background:url(../img/common/wrapper_bg_02.png) 0 0 repeat-y;
}
#wrapper #wrapper_layout {
	background:url(../img/common/body_bg_footer.png) center bottom repeat-x;
}

#wrapper .inner,
#header,
.contents {
 margin: 0 auto;
 width: 960px;
}
#footer .inner{
 margin: 0 auto;
 width: 900px;
 background:#FFF;
}

.contents {
	background:url(../img/common/wrapper_bg_01.jpg) 0 -188px no-repeat;
}
.contents .cntInnerA {
	margin:0 50px;
	/zoom :1; 
}
.contents .cntInnerB {
	margin:0 30px 0 50px;
	/zoom :1;
}
.contents .cntInnerB:after,
.contents .cntInnerA:after {
	content:'';
	display:block;
	clear:both;
	height:0;
}

#footer{
	clear:both;
}


/* H1
----------------------------------------*/
h1.pageName {
	background:#01256B;
	height:18px;
}
h1.pageName span {
	display:block;
	margin:0 auto;
	width:900px;
	color:#FFF;
}

/* header
----------------------------------------*/
#header {
	background:url(../img/common/wrapper_bg_01.jpg) 0 0 no-repeat;
	height:189px;
}
#header .siteName {
	float:left;
	width:230px;
	padding-top:35px;
	padding-bottom:10px;
	text-align:right;
}

#header .discription {
	float:right;
	padding:35px 0 0 0;
}
#header .discription .shopJapan,
#header .discription .copy {
	margin-right:65px;
	text-align:right;
	font-size:10px;
}
#header .discription .shopJapan img {
	vertical-align: middle;
}
#header .discription .faq {
	padding:10px 65px 0 0;
	text-align:right;
}
#header .discription .henpin {
	width:88px;
}
#header .discription .koukan {
	width:82px;
}

/* globalNavi
----------------------------------------*/
#globalNavi {
	background:url(../img/common/globalnavi_bg.gif) 0 0 repeat-x;
	margin:0 30px;
	padding:0 10px;
	
}
#globalNavi ul li{
	float:left;
	text-indent:-9999px;
}
#globalNavi ul li a {
	display:block;
	height:60px;
}
#globalNavi ul li.globalNavi01 a {width:210px; background:url(../img/common/globalnavi_01.gif) 0 0 no-repeat;}
#globalNavi ul li.globalNavi02 a {width:210px; background:url(../img/common/globalnavi_02.gif) 0 0 no-repeat;}
#globalNavi ul li.globalNavi03 a {width:153px; background:url(../img/common/globalnavi_03.gif) 0 0 no-repeat;}
#globalNavi ul li.globalNavi04 a {width:153px; background:url(../img/common/globalnavi_04.gif) 0 0 no-repeat;}
#globalNavi ul li.globalNavi05 a {width:153px; background:url(../img/common/globalnavi_05.gif) 0 0 no-repeat;}

#globalNavi ul li a:hover {
	background-position:0 -60px;
}


#premium #globalNavi ul li.globalNavi01 a {width:210px; background:url(../img/common/globalnavi_01.gif) 0 -60px no-repeat;}
#comfort #globalNavi ul li.globalNavi02 a {width:210px; background:url(../img/common/globalnavi_02.gif) 0 -60px no-repeat;}
#pillow #globalNavi ul li.globalNavi03 a {width:153px; background:url(../img/common/globalnavi_03.gif) 0 -60px no-repeat;}
#cover #globalNavi ul li.globalNavi04 a {width:153px; background:url(../img/common/globalnavi_04.gif) 0 -60px no-repeat;}
#other #globalNavi ul li.globalNavi05 a {width:153px; background:url(../img/common/globalnavi_05.gif) 0 -60px no-repeat;}




/* footer
----------------------------------------*/
#footer {
	border-top:1px solid #FFF;
	background:#FFF;
}

/*footerNavi*/
#footerNavi {
	background:#01256B;
	margin-bottom:30px;
}

#footerNavi ul,
#footerMap,
#signature .inner {
	margin:0 auto;
	width:900px;
}
#footerNavi ul li {
	float:left;
	height:50px;
}
#footerNavi ul li a,
#footerNavi ul li span {
	text-indent:-9999px;
	display:block;
	height:50px;
	overflow: hidden;
}

#footerNavi ul li.footNavi01 a, #footerNavi ul li.footNavi01 span {background:url(../img/common/footernavi_01.gif) 0 0 no-repeat; width:130px;}
#footerNavi ul li.footNavi02 a, #footerNavi ul li.footNavi02 span {background:url(../img/common/footernavi_02.gif) 0 0 no-repeat; width:129px;}
#footerNavi ul li.footNavi03 a, #footerNavi ul li.footNavi03 span {background:url(../img/common/footernavi_03.gif) 0 0 no-repeat; width:129px;}
#footerNavi ul li.footNavi04 a, #footerNavi ul li.footNavi04 span {background:url(../img/common/footernavi_04.gif) 0 0 no-repeat; width:129px;}
#footerNavi ul li.footNavi05 a, #footerNavi ul li.footNavi05 span {background:url(../img/common/footernavi_05.gif) 0 0 no-repeat; width:128px;}
#footerNavi ul li.footNavi06 a, #footerNavi ul li.footNavi06 span {background:url(../img/common/footernavi_06.gif) 0 0 no-repeat; width:128px;}
#footerNavi ul li.footNavi07 a, #footerNavi ul li.footNavi07 span {background:url(../img/common/footernavi_07.gif) 0 0 no-repeat; width:127px;}

#footerNavi ul li a:hover {
	background-position:0 -50px !important;
}
#footerNavi ul li span {
	background-position:0 -100px !important;
}


#footerMap {
	padding-bottom:25px;
}

#footerMap ul.block01 { width:225px;float:left; }
#footerMap ul.block02 { width:210px;float:left; }
#footerMap ul.block03 { width:255px;float:left; }
#footerMap ul.block04 { width:210px;float:left; }

#footerMap ul li {
	margin-bottom:10px;
}
#footerMap ul li a,
#footerMap ul li span {
	padding-left:10px;
	background:url(../img/common/arrow_01.gif) left 3px no-repeat;
}
#footerMap ul li span {
	color:#999;
}

#footerMap ul ul {
	margin-top:5px;
}
#footerMap ul.block02 li,
#footerMap ul ul li {
	margin-bottom:2px;
}
#footerMap ul.block02 a,
#footerMap ul.block02 span,
#footerMap ul ul li a {
	background:none;
	padding:0;
}

#footerMap ul.block02 li.arrow  {
	
	width: inherit;
    height: inherit;
    margin: 10px 0;
    float: none;
	
	margin: 10px 0;
}

#footerMap ul.block02 li.arrow a {
	padding-left:10px;
	background:url(../img/common/arrow_01.gif) left 3px no-repeat;
}

#guarantee{
	margin:0px auto 15px;
	text-align:center;
}
#guarantee p{
	font-size:10px;
	text-align:right;
	width:880px;
	margin:0 auto;
}
#signature {
	border-top:2px solid #6BAEE8;
	padding:10px;
	background:#FFF;
}
#signature .logo {
	float:left;
	width:580px;
}
#signature .logo .logo {
	float:left;
	width:110px;
}
#signature .logo .trsp_logo {
	float:left;
	width:110px;
}
#signature .logo .copyrignt {
	float:left;
	width:470px;
}
#signature .logo .group {
	clear: both;
	padding-top: 0.5em;
}
#signature .copyrignt {
	padding-top:28px;
	font-size:10px;
	color:#666;
}
#signature .jdma {
	float:right;
	width:320px;
	margin-top: 7px;
}

#signature .jdma img {
	margin-left:10px;
	vertical-align:middle;
}