@charset "utf-8";

/* -------------------------------------------------------------------------------------------
  common
------------------------------------------------------------------------------------------- */

body{margin:0; padding:0; background:url(../img/body_bg.jpg) 0 0 repeat-x; font-size:12px; color:#333; letter-spacing:0.05em; line-height:150%}
h1 , h2 , h3 , h4 , h5 , h6 , p , a , ul , li , hr , br , address , dl , dt , dd , input , textarea , form{margin:0; padding:0; font-size:12px}
li{list-style:none}
img{border:0}

.font10{font-size:10px}
.mb20{margin-bottom:20px}
.mb15{margin-bottom:15px}
.mb10{margin-bottom:10px}

/* layout --------------------------------------------------------------------------------- */

#Container{background:url(../img/container_bg.jpg) 0 0 no-repeat; padding:0 7px; width:940px; margin:0 auto}
#Container:after{content:""; height:0; clear:both; visibility:hidden; display:none}
#Header{width:940px; margin:0 auto}
#Header h1{float:left}
#Header h1 a{background:url(../img/logo.png) 0 0 no-repeat; width:237px; height:50px; text-indent:-9999px; display:block; overflow:hidden; margin:18px 0 0 10px}
#Header div{text-align:right; float:right; width:240px; overflow:hidden; padding:0 10px 0 0}
#Header form{padding:15px 0 0; width:240px; overflow:hidden}
#Header form input.query{background:url(../img/icon_search.gif) 5px 5px no-repeat #fff; width:10px; height:10px; width:158px; height:11px; overflow:hidden; padding:5px 0 5px 20px; margin:0 5px 0 0; font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","Verdana","Helvetica","Arial","ＭＳ Ｐゴシック",sans-serif; font-size:11px; line-height:100%}
#Header form input.submit{background:url(../img/btn_search.png) no-repeat; width:53px; height:21px; padding:0; margin:0; border:none; text-indent:-9999em;}
#Header form img{float:right; margin:2px 0 0}
#Header form div{margin:0; padding:0;}
#Header ul{clear:right; padding:12px 0 0 65px; display:block; width:171px}
#Header li{float:left}
#Header li a{width:81px; height:11px; text-indent:9999px; display:block; overflow:hidden}
#Header li#Hmenu01 a{background:url(../img/header_menu1.png) 0 0 no-repeat; margin-right:9px}
#Header li#Hmenu02 a{background:url(../img/header_menu2.png) 0 0 no-repeat}

#Gmenu{width:920px; height:70px; margin:10px 10px 0; display:inline-block; overflow:hidden}
#Gmenu:after{content:""; height:0; clear:both; visibility:hidden; display:none}
#Gmenu li{float:left}
#Gmenu li a{height:36px; text-indent:-9999px; display:block; overflow:hidden}
#Gmenu #Gmenu01 a{background:url(../img/gmenu.jpg) 0 0 no-repeat; width:103px}
#Gmenu #Gmenu02 a{background:url(../img/gmenu.jpg) -103px 0 no-repeat; width:114px}
#Gmenu #Gmenu03 a{background:url(../img/gmenu.jpg) -217px 0 no-repeat; width:131px}
#Gmenu #Gmenu04 a{background:url(../img/gmenu.jpg) -348px 0 no-repeat; width:143px}
#Gmenu #Gmenu05 a{background:url(../img/gmenu.jpg) -491px 0 no-repeat; width:138px}
#Gmenu #Gmenu06 a{background:url(../img/gmenu.jpg) -629px 0 no-repeat; width:151px}
#Gmenu #Gmenu07 a{background:url(../img/gmenu.jpg) -780px 0 no-repeat; width:140px}
#Gmenu #Gmenu01 a:hover {background:url(../img/gmenu.jpg) 0 -36px no-repeat}
#Gmenu #Gmenu02 a:hover{background:url(../img/gmenu.jpg) -103px -36px no-repeat}
#Gmenu #Gmenu03 a:hover{background:url(../img/gmenu.jpg) -217px -36px no-repeat}
#Gmenu #Gmenu04 a:hover{background:url(../img/gmenu.jpg) -348px -36px no-repeat}
#Gmenu #Gmenu05 a:hover{background:url(../img/gmenu.jpg) -491px -36px no-repeat}
#Gmenu #Gmenu06 a:hover{background:url(../img/gmenu.jpg) -629px -36px no-repeat}
#Gmenu #Gmenu07 a:hover{background:url(../img/gmenu.jpg) -780px -36px no-repeat}
#Gmenu #Gmenu04 ul#Smenu{display:block; position:absolute; margin:1px 0 0 -348px; width:920px; height:22px; overflow:hidden}
#Gmenu #Gmenu04 ul#Smenu li{float:left}
#Gmenu #Gmenu04 ul#Smenu a{height:22px; text-indent:-9999px; display:block; overflow:hidden}
#Gmenu #Gmenu04 ul#Smenu li#Smenu01 a{background:url(../img/smenu.gif) 0 0 no-repeat; width:76px}
#Gmenu #Gmenu04 ul#Smenu li#Smenu02 a{background:url(../img/smenu.gif) -76px 0 no-repeat; width:128px}
#Gmenu #Gmenu04 ul#Smenu li#Smenu03 a{background:url(../img/smenu.gif) -204px 0 no-repeat; width:139px}
#Gmenu #Gmenu04 ul#Smenu li#Smenu04 a{background:url(../img/smenu.gif) -343px 0 no-repeat; width:138px}
#Gmenu #Gmenu04 ul#Smenu li#Smenu05 a{background:url(../img/smenu.gif) -481px 0 no-repeat; width:116px}
#Gmenu #Gmenu04 ul#Smenu li#Smenu06 a{background:url(../img/smenu.gif) -597px 0 no-repeat; width:74px}
#Gmenu #Gmenu04 ul#Smenu li#Smenu07 a{background:url(../img/smenu.gif) -671px 0 no-repeat; width:74px}
#Gmenu #Gmenu04 ul#Smenu li#Smenu08 a{background:url(../img/smenu.gif) -745px 0 no-repeat; width:175px}
#Gmenu #Gmenu04 ul#Smenu li#Smenu01 a:hover{background:url(../img/smenu.gif) 0 -22px no-repeat}
#Gmenu #Gmenu04 ul#Smenu li#Smenu02 a:hover{background:url(../img/smenu.gif) -76px -22px no-repeat}
#Gmenu #Gmenu04 ul#Smenu li#Smenu03 a:hover{background:url(../img/smenu.gif) -204px -22px no-repeat}
#Gmenu #Gmenu04 ul#Smenu li#Smenu04 a:hover{background:url(../img/smenu.gif) -343px -22px no-repeat}
#Gmenu #Gmenu04 ul#Smenu li#Smenu05 a:hover{background:url(../img/smenu.gif) -481px -22px no-repeat}
#Gmenu #Gmenu04 ul#Smenu li#Smenu06 a:hover{background:url(../img/smenu.gif) -597px -22px no-repeat}
#Gmenu #Gmenu04 ul#Smenu li#Smenu07 a:hover{background:url(../img/smenu.gif) -671px -22px no-repeat}
#Gmenu #Gmenu04 ul#Smenu li#Smenu08 a:hover{background:url(../img/smenu.gif) -745px -22px no-repeat}

body.page-home #Gmenu #Gmenu01 a {background:url(../img/gmenu.jpg) 0 -36px no-repeat}
body.page-event #Gmenu #Gmenu02 a {background:url(../img/gmenu.jpg) -103px -36px no-repeat}
body.page-handbill #Gmenu #Gmenu03 a {background:url(../img/gmenu.jpg) -217px -36px no-repeat}
body.page-shop #Gmenu #Gmenu04 a {background:url(../img/gmenu.jpg) -348px -36px no-repeat}
body#page-ladys #Gmenu #Gmenu04 ul#Smenu li#Smenu01 a {background:url(../img/smenu.gif) 0 -22px no-repeat}
body#page-ladys-mens #Gmenu #Gmenu04 ul#Smenu li#Smenu02 a {background:url(../img/smenu.gif) -76px -22px no-repeat}
body#page-kids-family #Gmenu #Gmenu04 ul#Smenu li#Smenu03 a {background:url(../img/smenu.gif) -204px -22px no-repeat}
body#page-goods #Gmenu #Gmenu04 ul#Smenu li#Smenu04 a {background:url(../img/smenu.gif) -343px -22px no-repeat}
body#page-life #Gmenu #Gmenu04 ul#Smenu li#Smenu05 a {background:url(../img/smenu.gif) -481px -22px no-repeat}
body#page-gourmet #Gmenu #Gmenu04 ul#Smenu li#Smenu06 a {background:url(../img/smenu.gif) -597px -22px no-repeat}
body#page-food #Gmenu #Gmenu04 ul#Smenu li#Smenu07 a {background:url(../img/smenu.gif) -671px -22px no-repeat}
body#page-service #Gmenu #Gmenu04 ul#Smenu li#Smenu08 a {background:url(../img/smenu.gif) -745px -22px no-repeat}
body.page-floor #Gmenu #Gmenu05 a {background:url(../img/gmenu.jpg) -491px -36px no-repeat}
body.page-access #Gmenu #Gmenu06 a {background:url(../img/gmenu.jpg) -629px -36px no-repeat}
body.page-mail #Gmenu #Gmenu07 a {background:url(../img/gmenu.jpg) -780px -36px no-repeat}

#Contents{width:920px; margin:10px 10px 20px; display:inline-block}
#Contents:after{content:""; height:0; clear:both; visibility:hidden; display:none}
#Contents div.waku{background:url(../../img/block_bg.jpg) 0 0 no-repeat; width:699px; margin-bottom:20px}

#Footer{background:url(../img/footer_bg.jpg) 0 0 repeat-x; clear:both}
#Footer div{background:url(../img/footer_bg2.jpg) 0 0 no-repeat; width:940px; margin:0 auto; padding:13px 10px 40px}
#Footer #Fmenu{display:block; padding-left:10px}
#Footer #Fmenu li{float:left; padding-right:10px}
#Footer #Fmenu li a{height:12px; text-indent:-9999px; display:block; overflow:hidden}
#Footer #Fmenu01{background:url(../img/fmenu.gif) 0 0 no-repeat; width:102px}
#Footer #Fmenu02{background:url(../img/fmenu.gif) -112px 0 no-repeat; width:81px}
#Footer #Fmenu03{background:url(../img/fmenu.gif) -203px 0 no-repeat; width:145px}
#Footer address{width:1px; height:1px; text-indent:-9999px; display:block; overflow:hidden}


/* top --------------------------------------------------------------------------------- */


body#first #Header{width:940px; margin:0 auto; position:absolute}
body#first #Gmenu{width:920px; height:70px; margin:0 10px; display:inline-block; overflow:hidden}
div#Flash{z-index:0}
body#first #Contents{width:920px; margin:0 10px; display:inline-block}
#Contents #TopLeft{width:699px; float:left}
/*#Contents #TopLeft ul#news{padding:0 7px; height:150px; overflow:auto}*/
#Contents #TopLeft ul#news{
	padding:0 7px;
	height:550px;
	overflow:auto
}
#Contents #TopLeft ul#news li{padding:10px 8px 8px; background:url(../img/line.gif) bottom repeat-x}
#Contents #TopLeft ul#news li.bg{background-color:#F0ECE4}
#Contents #TopLeft ul#news li a{color:#333333}

#Contents #TopLeft div#month2{width:677px; margin:2px; padding:8px; display:inline-block; background:url(../../img/bg_month.jpg) 0 0 repeat-x} 
#Contents #TopLeft div#month2:after{content:""; height:0; clear:both; visibility:hidden; display:none}
#Contents #TopLeft div#month2 h4{padding:5px 0 10px}
#Contents #TopLeft div#month2 p{padding:0 0 10px 3px}
#Contents #TopLeft div#month2 img#monthImg{float:right; margin-left:10px}*/

#Contents #TopLeft div#month{width:695px; height: 188px; margin:2px; padding:0; display:inline-block; background:url(../../img/bg_pickup.jpg) 0 0 repeat-x; position: relative;}
#Contents #TopLeft div#month:after{content:""; height:0; clear:both; visibility:hidden; display:none}
#Contents #TopLeft div#month h4{position: absolute; left: 16px; top: 3px;}
#Contents #TopLeft div#month p{position: absolute; left:522px; top:130px; margin:0; padding:0;}
#Contents #TopLeft div#month img#monthImg{position:absolute; left:15px; top:72px;}
#Contents #TopLeft div#month ul{position:absolute; left:26px; top:171px; width:648px; margin:0; padding:0;}
#Contents #TopLeft div#month ul li{width:100px; margin:0 0 10px; padding:0 0 0 18px; background:url(../../img/pickupshop_icon.gif) no-repeat left center;float:left;}
#Contents #TopLeft div#month ul li a{color:#333;}

#Contents #TopLeft div#guide{width:679px; margin:10px; background:url(../../img/bg_guide.jpg) top right no-repeat; display:inline-block}
#Contents #TopLeft div#guide:after{content:""; height:0; clear:both; visibility:hidden; display:none}
#Contents #TopLeft div#guide img#guideImg{float:left}
#Contents #TopLeft div#guide ul{float:left; display:block; width:320px; padding-left:10px}
#Contents #TopLeft div#guide li{padding:2px 0 8px 70px; width:240px; display:block}
#Contents #TopLeft div#guide li#address{background:url(../../img/icon_address.gif) 0 0 no-repeat}
#Contents #TopLeft div#guide li#time{background:url(../../img/icon_time.gif) 0 0 no-repeat}
#Contents #TopLeft div#guide li#parking{background:url(../../img/icon_parking.gif) 0 0 no-repeat}
#Contents #TopRight{width:210px; float:right}
#Contents #TopRight ul{margin-top:10px;}

#topBana{display:inline-block}
#topBana:after{content:""; height:0; clear:both; visibility:hidden; display:none}
#topBana li{float:left}

/* バナーが1つの場合 */
#topBana a{width:940px; height:156px; display:block; text-indent:-9999px; overflow:hidden}
#topBana #topBana01 a{background:url(../../img/top_bana2.jpg) 0 0 no-repeat}

/*バナーが2つの場合
#topBana a{width:470px; height:156px; display:block; text-indent:-9999px; overflow:hidden}
#topBana #topBana01 a{background:url(../../img/top_bana.jpg) 0 0 no-repeat}
#topBana #topBana02 a{background:url(../../img/top_bana.jpg) -470px 0 no-repeat}
*/


/* second --------------------------------------------------------------------------------- */
h2{width:920px; height:130px; margin:0 auto}
p#bread{background:#F0F0F0; padding:5px; font-size:10px; color:#666; line-height:100%; display:block; margin-bottom:10px}
p#bread a{color:#666; text-decoration:none; line-height:100%; font-size:10px}
p#bread a#home{background:url(../img/icon_home.gif) 0 0 no-repeat; width:10px; height:10px; text-indent:-9999px; display:block; overflow:hidden; float:left; margin-top:-1px}
#Contents #Left{width:210px; float:left}
#Contents #Right{width:699px; float:right}
#Contents div.waku div.box{width:677px; padding:10px; display:inline-block}
#Contents div.waku div.box .topBanner{margin-bottom:15px}
#Contents div.waku div.box:after{content:""; height:0; clear:both; visibility:hidden; display:none}
.hyo{border-collapse:collapse}
.hyo th{background:#EFF3F8; border:solid 1px #ccc; font-weight:normal; text-align:left; vertical-align:top}
.hyo td{background:#fff; border:solid 1px #ccc; vertical-align:top}
.hyo h6{background:#00376F; color:#fff; padding:5px; line-height:100%; margin-bottom:10px}
.hyo strong{color:#00376F; display:block; padding-bottom:5px}
.hyo p{padding-bottom:15px}


/* ローラアシュレイFair ここから --------------------------------------------------------------------------------- */
#fair {width: 680px; clear:both;}
#fair .left {width: 142px; float:left;}
#fair .right{width: 525px; float:right;}
#fair .cap{ margin:10px 0 5px 0; float:left; font-size:10px; line-height:15px;}
/* ローラアシュレイFair ここまで --------------------------------------------------------------------------------- */
.info {width: 680px; margin: 10px auto 0;}
.info.first {margin-top: 15px;}
.info .text {width: 370px;}
.info .image {width: 300px;}
.right-image .text {float: left;}
.right-image .image {float: right;}
.left-image .text {float: right;}
.left-image .image {float: left;}
.left-image .text h5{margin-top:1.8em}
.left-image .text h5 strong{font-size:1.2em}
.info .text p {margin-top: 1em; line-height:1.9em;}
.info .text p.first {margin-top: 0;}


.separator {
	background: url(../../shop/img/separator.jpg) no-repeat;
	width: 680px;
	height: 17px;
	padding: 0;
	margin: 10px 0 0;
}

.separator hr {
	display: none;
}

.pr {
	width: 655px;
	height: 305px;
	background: url(../../shop/img/back.gif) no-repeat;
	padding: 13px 10px 0 15px;
	margin: 15px 0 0;
	position: relative;
	background-image: url(../../shop/img/back.gif);
}

.pr .text p {
	margin-top: 1em;
	line-height:1.8em;
}

.pr .text {
	width: 355px;
}
.pr .image {
	width: 292px;
}

.pr .text table {
	width: 355px;
	position: absolute;
	bottom: 39px;
	left: 17px;
}

.pr .text table td {
	padding: 7px 0 11px 56px;
	height: 24px;
	display: block;
	line-height: 24px;
}
.pr .text table tr.url2 td {
	padding: 11px 0 15px 56px;
	height: 40px;
	line-height: 20px;
}
.pr .text table td,
.pr .text table td a {
	color: white;
	font-size: 12px;
	text-decoration: none;
}

.pr .text table tr.tel td {
	background: url(../../shop/img/fig-tel.png) no-repeat;
}

.pr .text table tr.fax td {
	background: url(../../shop/img/fig-fax.png) no-repeat;
}

.pr .text table tr.url td {
	background: url(../../shop/img/fig-url.png) no-repeat;
}

.pr .text table tr.url2 td {
	background: url(../../shop/img/fig-url2.png) no-repeat;
}

.intro {
	margin-top: 16px;
}

.button {
	width: 680px;
	margin: 40px auto 0;
	text-align: right;
}
.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.clearfix { display: inline-block; }
.clearfix { display: block; }
/* \*//*/
.clearfix { overflow: hidden; }
/* */

#Contents div.waku table a{
color:#ffffff}





.pr2 .text2 {
	width: 650px;
}

.pr2 .text2 table {
	width: 355px;
	position: absolute;
	bottom: 17px;
	left: 17px;
}

.pr2 .text2 table td {
	padding: 7px 0 11px 56px;
	height: 24px;
	display: block;
	line-height: 24px;
}
.pr2 .text2 table tr.url2 td {
	padding: 11px 0 15px 56px;
	height: 40px;
	line-height: 20px;
}
.pr2 .text2 table td,
.pr2 .text2 table td a {
	color: white;
	font-size: 12px;
	text-decoration: none;
}

.pr2 .text2 table tr.tel td {
	background: url(../../shop/img/fig-tel.png) no-repeat;
}

.pr2 .text2 table tr.fax td {
	background: url(../../shop/img/fig-fax.png) no-repeat;
}

.pr2 .text2 table tr.url td {
	background: url(../../shop/img/fig-url.png) no-repeat;
}

.pr2 .text2 table tr.url2 td {
	background: url(../../shop/img/fig-url2.png) no-repeat;
}


.pr2 {
	width: 655px;
	height: 193px;
	background: url(../../shop/img/back2.gif) no-repeat;
	padding: 13px 10px 0 15px;
	margin: 15px 0 0;
	position: relative;
	background-image: url(../../shop/img/back.gif);
}






.pr3 .text3 {
	width: 650px;
}

.pr3 .text3 table {
	width: 355px;
	position: absolute;
	bottom: 19px;
	left: 13px;
}

.pr3 .text3 table td {
	padding: 7px 0 11px 56px;
	height: 24px;
	display: block;
	line-height: 24px;
}
.pr3 .text3 table tr.url2 td {
	padding: 11px 0 15px 56px;
	height: 40px;
	line-height: 20px;
}
.pr3 .text3 table td,
.pr3 .text3 table td a {
	color: white;
	font-size: 12px;
	text-decoration: none;
}

.pr3 .text3 table tr.tel td {
	background: url(../../shop/img/fig-tel.png) no-repeat;
}

.pr3 .text3 table tr.fax td {
	background: url(../../shop/img/fig-fax.png) no-repeat;
}

.pr3 .text3 table tr.url td {
	background: url(../../shop/img/fig-url.png) no-repeat;
}

.pr3 .text3 table tr.url2 td {
	background: url(../../shop/img/fig-url2.png) no-repeat;
}


.pr3 {
	width: 655px;
	height: 142px;
	background: url(../../shop/img/back3.jpg) no-repeat;
	padding: 13px 10px 0 15px;
	margin: 15px 0 0;
	position: relative;
	background-image: url(../../shop/img/back3.jpg);
}


.pr4 {
	width: 655px;
	height: 355px;
	background: url(../../shop/img/back4.jpg) no-repeat;
	padding: 13px 10px 0 15px;
	margin: 15px 0 0;
	position: relative;
	background-image: url(../../shop/img/back4.jpg);
}

.pr4 .text p {
	margin-top: 1em;
	line-height:1.8em;
}

.pr4 .text {
	width: 355px;
}
.pr4 .image {
	width: 292px;
	float:right;
}

.pr4 .text table {
	width: 355px;
	position: absolute;
	bottom: 39px;
	left: 17px;
}

.pr4 .text table td {
	padding: 7px 0 11px 56px;
	height: 24px;
	display: block;
	line-height: 24px;
}
.pr4 .text table tr.url2 td {
	padding: 11px 0 15px 56px;
	height: 40px;
	line-height: 20px;
}
.pr4 .text table td,
.pr4 .text table td a {
	color: white;
	font-size: 12px;
	text-decoration: none;
}

.pr4 .text table tr.tel td {
	background: url(../../shop/img/fig-tel.png) no-repeat;
}

.pr4 .text table tr.fax td {
	background: url(../../shop/img/fig-fax.png) no-repeat;
}

.pr4 .text table tr.url td {
	background: url(../../shop/img/fig-url.png) no-repeat;
}

.pr4 .text table tr.url2 td {
	background: url(../../shop/img/fig-url2.png) no-repeat;
}
