@charset "utf-8";
/* CSS Document */

a{color: #00b4e3;}
a:hover{text-decoration:underline}

div.head {
width: 960px;
height: 520px;
background: url(/images/pickup/kuupillow/bg_head.jpg) 0 0 no-repeat;
padding-top: 300px;
}
div.head>h1,div.head>p { display: none;}

#sect01 {
width: 960px;
height: 520px;
background: url(/images/pickup/kuupillow/bg_sect01.jpg) 0 0 no-repeat;
}
#sect02 h2 {
width: 710px;
height: 30px;
margin: 30px auto 50px;
background: url(/images/pickup/kuupillow/hl_sect02.png) 0 0 no-repeat;
}
#sect02 div.bx-intro {
width: 770px;
margin: 0 auto 50px;
}
#sect02 dl[class^="intro"] {
width: 510px;
float: right;
background:  url(/images/pickup/kuupillow/pic_ico_sect02.gif) no-repeat;
}
#sect02 dl.intro01 {
height: 152px;
background-position:340px 0;
margin-bottom: 30px;
}
#sect02 dl.intro02 {
height: 145px;
background-position:340px -178px;
margin-bottom: 30px;
}
#sect02 dl.intro03 {
height: 181px;
background-position:340px -355px;
}

#sect02 dl dt[class^="hl"] {
display: block;
width: 510px;
background:  url(/images/pickup/kuupillow/hl_intro01_sect02.gif) no-repeat;
}

#sect02 dl dt.hl01 {
margin-bottom: 17px;
height: 67px;
background-position:0 0;
}
#sect02 dl dt.hl02 {
margin-bottom: 14px;
height: 68px;
background-position: 0 -68px;
}
#sect02 dl dt.hl03 {
margin-bottom: 20px;
height: 66px;
background-position: 0 -135px;
}
#sect02 dl dd {
line-height: 24px;
font-size: 14px;
letter-spacing:1px;
}

#sect02 .size {
width:245px;
height:540px;
background: url(/images/pickup/kuupillow/pic_pillow_size.jpg) 0 0 no-repeat;
}

#sect02 .bx-safety {
margin: 0 10px;
width: 459px;
height: 140px;
}
#sect02 .bx-safety h3[class^="safety-"]{
width: 402px;
height: 46px;
margin: 20px auto 16px;
background: url(/images/pickup/kuupillow/hl_intro02_sect02.gif) no-repeat;
}
#sect02 .bx-safety h3.safety-l{
background-position:0 0;
}
#sect02 .bx-safety h3.safety-r{
background-position:0 -47px;
}
#sect02 .bx-safety p {
width: 402px;
margin: 0 auto 30px;
letter-spacing: 1px;
line-height:1.5;
}
#sect03{
padding-top: 73px;
margin: 30px auto 40px;
width:940px;
height:450px;
position:relative;
background: url(/images/pickup/kuupillow/bg_sect03.png) left bottom no-repeat;
}
#sect03 h1{
margin: 37px 0 30px 40px;
}

#sect03 div.pake-box {
margin-left: 40px;
padding:15px 0 0 340px;
height: 270px;
background: url(/images/pickup/kuupillow/pic_pake.png) 0 0 no-repeat;
}

.buy-kuupillow {
display: block;
width: 234px;
height:52px;
margin-top: 20px;
background: url(/images/pickup/kuupillow/bt_buy.png) left top no-repeat;
}
.buy-kuupillow a {
display: block;
width: 234px;
height:52px;
margin-top: 20px;
position:relative;
z-index:1;
background: url(/images/pickup/kuupillow/bt_buy.png) left top no-repeat;
}

.buy-kuupillow a:hover {
background-position: left bottom;
}

.illust {
width: 305px;
height: 530px;
padding-right: 95px;
background: url(/images/pickup/kuupillow/pic_illust.png) right bottom no-repeat;
position:absolute;
bottom:0;
right:20px;
}

.bd-l {
width: 940px;
height: 1px;
margin: 15px auto;
background: url(/images/pickup/kuupillow/line_dot.gif);
}
.bd-l-v {
width: 1px;
height: 140px;
background: url(/images/pickup/kuupillow/line_dot.gif);
}

hr {display: none;}
.white{color: #fff;}
.brown{color: #572700}