/*
notes
when you upload this file to server, please change the path to img of "background" at...
"#main"
*/

/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

body {
    line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section { 
display:block;
}

nav ul {
    list-style:none;
}

blockquote, q {
    quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}

a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}

/* change colours to suit your needs */
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

/* change colours to suit your needs */
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}

del {
    text-decoration: line-through;
}

abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}

table {
    border-collapse:collapse;
    border-spacing:0;
}

/* change border colour to suit your needs */
hr {
    display:block;
    height:1px;
    border:0;   
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select {
    vertical-align:middle;
}

/*----cmn style----*/
body{
font-family: "qMmpS Pro W3","Hiragino Kaku Gothic Pro","CI","Meiryo",verdana,Osaka,"lr oSVbN","MS PGothic",Sans-Serif;
font-size:0.75em;;
line-height:1.5em;
color:#955d00;
background:url('../img/cmn/bg.jpg') 50% 0px;
margin:0px;
}

.clr{
overflow:hidden;
zoom:1;
}

.img_r{
float:right;
margin-left:10px;
}

.img_l{
float:left;
margin-right:10px;
}

.l1{
width:320px;
float:left;
}

.r1{
width:320px;
float:right;
}

.l2{
width:660px;
float:left;
}

.r2{
width:660px;
float:right;
}

.mt30{
margin-top:30px;
}

.mt20{
margin-top:20px;
}

.mt10{
margin-top:10px;
}

.mt5{
margin-top:5px;
}

.in{
padding:0px 20px;
}

li img,h1 img,h2 img,h3 img,h4 img,img{
vertical-align:bottom;
}

#item_menu{
list-style-type:none;
}

#item_menu li{
margin-top:20px;
}

#ttl{
background-color:rgba(255,255,255,0.5);
margin-top:30px;
width:100%;
height:200px;
text-align:center;
}

.bt{
background:url('../img/cmn/line.png') no-repeat top;
margin-top:20px;
padding-top:20px;
}

.bt2{
background:url('../img/cmn/line.png') no-repeat top;
margin-top:40px;
padding-top:40px;
}

#gotop{
position:fixed;
bottom:150px;
right:0px;
background-color:rgb(255,255,255);
background-color:rgba(255,255,255,0.8);
border-radius:5px 0px 0px 5px;
}

#gotop a{
display:block;
padding:20px;
color:#5a3d1b;
text-decoration:none;
}

.large{
font-size:120%;
line-height:1.5em;
}

.large2{
font-size:140%;
line-height:1.5em;
}

.box{
background-color:#f7de8b;
padding:10px;
color:#c26600;
font-size:130%;
line-height:1.5em;
text-align:center;
}

.box2{
border:1px solid #955d00;
border-radius:5px ;
padding:9px;
}

.st{
font-size:130%;
color:#5a3d1b;
border-bottom:1px solid #955d00;
padding-bottom:5px;
margin-bottom:5px;
}

.whiteness{
background-color:#fff;
padding:20px;
}

.brownbox{
background-color:#421;
padding:20px;
}

/*--------dl-----*/
.dl1 dt{
color:#c26000;
font-size:18px;
border-bottom:1px solid #c26000;
margin:20px 0px 10px 0px;
padding-bottom:10px;
}

.dl1 dt:first-child{
margin-top:0px;
}

.dl2{
overflow:hidden;
zoom;1;
}

.dl2 dt{
width:43%;
float:left;
clear:both;
margin-top:20px;
border-top:1px solid #e51;
border-bottom:1px solid #e51;
text-align:center;
color:#e51;
font-weight:bold;
font-size:16px;
}

.dl2 dt span{display:block;}

.dl2 dd{
width:55%;
float:right;
margin-top:20px;
}


/*----ol----*/
ol li{
list-style-position:inside;
}

/*-----header----*/
header{
text-align:center;
}

h1{
background:url('../img/cmn/h1_bg.png') repeat-x bottom;
width:100%;
text-align:right;
color:#fff;
padding:3px 0px 8px 0px;
font-weight:normal;
}

header p{
width:1000px;
margin:10px auto;
}

header nav{
width:1000px;
height:40px;
margin:0px auto;
position:relative;
}

header nav li{
width:210px;
height:40px;
position:absolute;
top:0px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
}

header nav li a{
width:210px;
height:40px;
display:block;
}

#nav1{
left:0px;
width:160px;
}

#nav1 a{
width:160px;
background:url('../img/cmn/menu.png') no-repeat 0px 0px;
}

#nav1 a:hover,#nav1 a.s{
background:url('../img/cmn/menu.png') no-repeat 0px -40px;
}

#nav2{
left:160px;
}

#nav2 a{
background:url('../img/cmn/menu.png') no-repeat -160px 0px;
}

#nav2 a:hover,#nav2 a.s{
background:url('../img/cmn/menu.png') no-repeat -160px -40px;
}

#nav3{
left:370px;
}

#nav3 a{
background:url('../img/cmn/menu.png') no-repeat -370px 0px;
}

#nav3 a:hover,#nav3 a.s{
background:url('../img/cmn/menu.png') no-repeat -370px -40px;
}

#nav4{
left:580px;
}

#nav4 a{
background:url('../img/cmn/menu.png') no-repeat -580px 0px;
}

#nav4 a:hover,#nav4 a.s{
background:url('../img/cmn/menu.png') no-repeat -580px -40px;
}

#nav5{
left:790px;
}

#nav5 a{
background:url('../img/cmn/menu.png') no-repeat -790px 0px;
}

#nav5 a:hover,#nav5 a.s{
background:url('../img/cmn/menu.png') no-repeat -790px -40px;
}

#subnav{
width:1000px;
height:0px;
position:relative;
margin:0px auto;
text-align:left;
}

#subnav div{
position:absolute;
top:0px;
width:210px;
z-index:100;
display:none;box-shadow:1px 1px 5px rgba(0,0,0,0.5);
border-radius:0px 0px 5px 5px;
}

#subnav ul{
list-style-type:none;
}

#subnav_item{
left:370px;
}

#subnav_shop{
right:0px;
}

#subnav li{
border-top:1px dotted #c6965f;
}

#subnav li a{
background:url('../img/cmn/submenu.png') no-repeat right 50%;
background-color:rgb(255,255,255);
background-color:rgba(255,255,255,0.8);
display:block;
padding:10px;
color:#5a3d1b;
text-decoration:none;
}

#subnav li a:hover{
background:url('../img/cmn/submenu2.png') no-repeat right 50%;
background-color:rgb(194,102,0);
background-color:rgba(194,102,0,0.8);
color:#fff;
}

#subnav_item li:last-child a,#subnav_shop li:last-child a{
border-radius:0px 0px 5px 5px;
}


/*----footer----*/
footer{
width:100%;
font-size:90%;
}

footer p{
width:1000px;
margin:0px auto;
padding:10px 0px;
}

#fnav{
background-color:#ead8c4;
}

#fnav span{
color:#c26600;
}

#fnav a{
color:#5a3d1b;
text-decoration:none;
}

#fnav a:hover{
text-decoration:underline;
}

#copy{
background-color:#dec1a1;
color:#fff;
}

/*----page----*/
section{
width:1000px;
margin:30px auto;
}

/*----index.html----*/
#index_img{
width:100%;
height:390px;
margin-top:30px;
position:relative;
}

#index_imgbox{
width:1000px;
height:350px;
margin:0px auto;
overflow:hidden;
position:relative;
}

#index_img ul{
list-style-type:none;
}

#index_imgbox li{
position:absolute;
top:0px;
left:1000px;
z-index:1;
}

#index_imgnav{
width:100%;
height:30px;
position:absolute;
top:360px;
background-color:rgba(255,255,255,0.5);
text-align:center;
}

#index_imgnav li{
width:10px;
height:10px;
display:inline-block;
*display: inline;
*zoom: 1;
margin:10px 5px;
cursor:pointer;
background:url('../img/index/img_nav.png') no-repeat -40px 0px;
}

#index_imgpre{
width:20px;
height:40px;
background:url('../img/index/img_nav.png') no-repeat 0px 0px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
position:absolute;
top:155px;
left:0px;
z-index:2;
cursor:pointer;
}

#index_imgnext{
width:20px;
height:40px;
background:url('../img/index/img_nav.png') no-repeat -20px 0px;
text-indent:100%;
white-space:nowrap;
overflow:hidden;
position:absolute;
top:155px;
right:0px;
z-index:2;
cursor:pointer;
}

#index_news{
overflow:hidden;
zoom:1;
}

#index_news dt,#index_news dd{
border-top:1px dotted #c6965f;
padding-top:10px;
margin-top:10px;
}

#index_news dt.f,#index_news dd.f{
border-top:0px;
margin-top:0px;
}

#index_news dt{
width:125px;
float:left;
clear:both;
color:#728349;
padding-left:15px;
background:url('../img/index/news_icon.png') no-repeat 0px 12px;
}

#index_news dd{
width:480px;
float:right;
}

/*----promise.html----*/
#promise_lead{
padding-left:280px;
min-height:230px;
height: auto !important;
height: 230px;
background:url('../img/promise/promise_img.png') no-repeat 20px 0px;
}

/*----item_pillow.html---*/
#pillow_custom{
min-height:200px;
height: auto !important;
height: 200px;
position:relative;
}

#pillow_custom h3{
position:absolute;
top:0px;
left:0px;
}

#pillow_custom p{
padding:125px 0px 0px 285px;
}

/*----item_down.html---*/
#down_real{
background:url('../img/item/down_real_bg.png') no-repeat bottom right;
background-color:#fff;
padding:20px 20px 200px 20px;
}

#down_real p{
padding-right:200px;
}

/*----sleep.html----*/
dl.qa dt{
margin:10px 0px;
font-size:110%;
font-weight:bold;
}

/*----shop_haco.html----*/
#haco_img{
list-style-type:none;
overflow:hidden;
zoom:1;
}

#haco_img li{
margin-top:30px;
width:220px;
text-align:center;
float:left;
}

.haco_box{
background-color:#955d00;
color:#fff;
margin-top:10px;
padding:10px 50px;
}