@charset "utf-8";


/* Layout
------------------------------------------------*/
body{background:#2f1902 url(../img/top/mainbg02.gif) 0 0 repeat-x;}

#back{
background:url(../img/top/mainimg01.jpg) 0 0 no-repeat;
width:100%;
position: relative;
height: 100%;
min-height: 100%;
overflow-x:hidden;
}


body > #back{
height:auto;
}

#wrapper{
text-align:left;
width:1350px;
height:100%;
background:url(../img/top/mainbg01.png) 0 0 no-repeat;
text-align:left;
}




#contents{
width:1000px;
}

#footcontents{
padding:0 20px;
width:960px;
}


/* head
------------------------------------------------*/

#contents h1{
padding:20px;
height:60px;
width:1000px;
}


/* contents area
------------------------------------------------*/
.leftarea{
float:left;
margin:0 0 20px 20px;
width:380px;
display:inline;
height:460px;
}
.naviarea{
float:left;
width:590px;
height:260px;
}
.sbnaviarea{
float:left;
width:590px;
}

/* おすすめ
------------------------------------------------*/

h2.osusumeTitle{
margin-left:105px;
padding:0 0 10px 0;
}

h2.newsTitle{
margin-left:10px;
padding:0 0 10px 0;
}


.osusume{
width:290px;
font-size:10px;
line-height:1.4em;
padding:0 0 30px 0;
}
.osusumebg:hover{
width:290px;
margin:0;
padding:0;
background:#1f0f01;
}

.osusume h3{
line-height:1.3em;
margin:0 0 3px 0;
}

.osusume h3 .ostxt01{
line-height:1.3em;
padding-bottom:3px;
}
.osusume h3 .ostxt02{
color:#b21c23;
font-size:12px;
font-weight:bold;
}
.osusume h3 .ostxt02 a{
color:#b21c23;
font-size:12px;
font-weight:bold;
}
.osusume h3 .ostxt03{
color:#b21c23;
}
.osusume h3 .ostxt03 a{
color:#b21c23;
}

.osusume h3{
line-height:1.2em;
margin:0 0 5px 0;
}

.osusume .ph{
float:left;
width:70px;
height:70px;
}

.osusume .btn{
padding:12px 0 0 0;
width:260px;
text-align:right;
}
.osme01{margin-left:90px;}
.osme02{margin-left:45px;}


/* what's new
------------------------------------------------*/
h2.newsTitle{
margin-left:10px;
padding:0 0 10px 0;
}

.news{
width:270px;
height:95px;
font-size:10px;
line-height:1.4em;
padding:0 0 30px 0;
overflow:auto;
position: relative;
}

#mycustomscroll {
	/* Typical fixed height and fixed width example */
width:240px;
height:95px;
margin:0 0 30px 0;
padding-right:10px;
overflow: auto;
	/* IE overflow fix, position must be relative or absolute*/
position: relative;
font-size:10px;
line-height:1.4em;
}
#mycustomscroll p{
padding-bottom:10px;
}

.news p{
margin:0 0 5px 0;
}
#mycustomscroll p a{
text-decoration:underline;
}


/* naviarea area
------------------------------------------------*/
.naviarea li.navi01 {margin:0 0 10px 20px;}
.naviarea li.navi02 {margin:0 0 10px -10px;position:relative;}
.naviarea li.navi03 {margin:0 0 10px -40px;position:relative;}


/* subnavi area
------------------------------------------------*/
.sbnaviarea .sbnavileft{
width:280px;
float:left;
margin:20px 0 0 0;
}

.sbnaviarea .sbnavileft img{
margin-left:-72px;
}

.sbnaviarea .sbnaviright{
width:310px;
float:left;
text-align:right;
}

.sbnaviarea .sbnaviright li.sbnavi01 {margin:0 10px 5px 0;}
.sbnaviarea .sbnaviright li.sbnavi02 {margin:0 48px 10px 0;}
.sbnaviarea .sbnaviright li.sbnavi03 {margin:0 57px 10px 0;}

/*footcotents
------------------------------------------------*/

/*sitenavi*/
#sitenavi{float:left;width:600px;}

#sitenavi ul{margin-bottom:10px;}
#sitenavi li{
color:#A2A195;
list-style:disc;
list-style-position:outside;
font-size:0.9em;
margin:0 0 3px 0;
padding:1px;
}
#sitenavi li.tit{
list-style:none;
margin:0 0 3px 0;
}

#sitenavi li a{
color:#A2A195;
text-decoration:none;
padding:2px;
}
#sitenavi li a:hover{background-color:#290c0e;color:#cccccc;}

#sitenavi li.tit a{color:#cccccc;text-decoration:none;padding:2px;}
#sitenavi li.tit a:hover{background:none;}


#sitenavi ul.sitenv01{margin-left:0px;}
#sitenavi ul.sitenv02{margin-left:65px;}
#sitenavi ul.sitenv03{margin-left:96px;}
#sitenavi ul.sitenv04{margin-left:135px;}
#sitenavi ul.sitenv05{margin-left:195px;}

#sitenavi ul li.sv01{margin-left:25px;}
#sitenavi ul li.sv02{margin-left:34px;}
#sitenavi ul li.sv03{margin-left:43px;}
#sitenavi ul li.sv04{margin-left:52px;}
#sitenavi ul li.sv05{margin-left:59px;}
#sitenavi ul li.sv06{margin-left:66px;}
#sitenavi ul li.sv07{margin-left:73px;}
#sitenavi ul li.sv08{margin-left:80px;}

#sitenavi ul.blogarea{
margin-left:190px;
background:url(../img/blogbg.gif) 0 0 no-repeat;
padding:6px 11px;
}
#sitenavi ul.blogarea li{
color:#A2A195;
list-style:none;
margin:0 0 0 0;
padding:0;
}

#sitenavi ul.blogarea li a{color:#cccccc;text-decoration:none;padding:0px;}
#sitenavi ul.blogarea li a:hover{background:none;}
#sitenavi ul.blogarea li.blog01{margin-left:0;}
#sitenavi ul.blogarea li.blog02{margin-left:10px;}
#sitenavi ul.blogarea li.blog03{margin-left:22px;}
#sitenavi ul.blogarea li.blog04{margin-left:32px;}

/*shopinfo*/
#shopinfo{float:left;width:360px;}
#shopinfo .shoptitle{
width:480px;
margin:40px 0 20px -280px;
position:relative;
}

#shopinfo .shoptitle h2{
float:left;
width:115px;
padding: 10px 0 0 0;
line-height:35px;
}
#shopinfo .shoptitle p{
float:left;
width:365px;
font-size:0.9em;
line-height:1.4em;
}

#shopinfo ul.shoptxt{
width:417px;
margin:0px 0 20px -230px;
position:relative;
}
#shopinfo ul.shoptxt .shopTxtBox{
float:left;
width:397px;
background:#180d01;
padding:5px 10px;
}

#shopinfo ul.shoptxt p{
float:left;
width:307px;
padding:0 10px 0 0;
line-height:1.2em;
}
#shopinfo ul.shoptxt ul.shopbtn{
float:left;
width:80px;
}
#shopinfo ul.shoptxt ul.shopbtn li{
font-size:0;
line-height:0;
margin:0;
padding-bottom:2px;
}
#shopinfo ul.shoptxt p .number{
font-size:1.2em;
line-height:1.4em;
}
#shopinfo ul.shoptxt p .postnumber{
width:80px;
height:30px;
display:block;
float:left;
}

#shopinfo ul.shoptxt p img{
float:right;
padding-left:10px;
}

#shopinfo ul.shoptxt li h3{margin-bottom:5px;}

#shopinfo ul.shoptxt li{margin-bottom:20px;}

#shopinfo ul.shoptxt li.shop01{margin-left:15px;}
#shopinfo ul.shoptxt li.shop02{margin-left:65px;}
#shopinfo ul.shoptxt li.shop03{margin-left:115px;}
#shopinfo ul.shoptxt li.shop04{margin-left:165px;}

/*copy*/
#copy{
clear:both;
width:980px;
text-align:right;
padding:10px 0;
}



/*****************
20110530 roombook
*****************/

div.shop02_roombook {
	background:url(../img/bn_roombook2_on.png) no-repeat;
	width:455px;
	height:85px;
	position:relative;
}
div.shop02_roombook a {
	display:block;
	position:absolute;
	outline:0;
	overflow:hidden;
	text-indent:-9999px;	
}
div.shop02_roombook a span {
	position:relative;
	z-index:-1;
}
div.shop02_roombook a.shop02_roombook_a01 {
	background:url(../img/bn_roombook2.png) no-repeat;
	width:455px;
	height:51px;
}
div.shop02_roombook a.shop02_roombook_a02 {
	background:url(../img/bn_roombook2.png) -116px -59px no-repeat;
	top:59px;
	left:116px;
	width:75px;
	height:18px;
}
div.shop02_roombook a.shop02_roombook_a03 {
	background:url(../img/bn_roombook2.png) -195px -59px no-repeat;
	top:59px;
	left:195px;
	width:75px;
	height:18px;
}
div.shop02_roombook a.shop02_roombook_a04 {
	background:url(../img/bn_roombook2.png) -276px -59px no-repeat;
	top:59px;
	left:276px;
	width:75px;
	height:18px;
}
div.shop02_roombook a.shop02_roombook_a05 {
	background:url(../img/bn_roombook2.png) -357px -59px no-repeat;
	top:59px;
	left:357px;
	width:75px;
	height:18px;
}
div.shop02_roombook a:hover {
	background:none;
}

/*
div.shop02_roombook {
	background:url(../img/bn_roombook_on.png) no-repeat;
	width:455px;
	height:85px;
	position:relative;
}
div.shop02_roombook a {
	display:block;
	position:absolute;
	outline:0;
	overflow:hidden;
	text-indent:-9999px;	
}
div.shop02_roombook a span {
	position:relative;
	z-index:-1;
}
div.shop02_roombook a.shop02_roombook_a01 {
	background:url(../img/bn_roombook.png) no-repeat;
	width:455px;
	height:51px;
}
div.shop02_roombook a.shop02_roombook_a02 {
	background:url(../img/bn_roombook.png) -161px -61px no-repeat;
	top:61px;
	left:161px;
	width:77px;
	height:17px;
}
div.shop02_roombook a.shop02_roombook_a03 {
	background:url(../img/bn_roombook.png) -249px -61px no-repeat;
	top:61px;
	left:249px;
	width:77px;
	height:17px;
}
div.shop02_roombook a.shop02_roombook_a04 {
	background:url(../img/bn_roombook.png) -337px -61px no-repeat;
	top:61px;
	left:337px;
	width:77px;
	height:17px;
}
div.shop02_roombook a:hover {
	background:none;
}
*/
