@charset "UTF-8";

/*基本設定
---------------------------------------------------------- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
	margin: 0; 
	padding: 0; 
} 


h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
}

body {
	color: #534118;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
	line-height: 1.6;
	font-style: normal;
	font-weight: normal;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	background:#fff url(../img/common/bg_body.gif) 0 0 repeat-x;
	position:relative;
}

body{font-size:75%\9;}
body:not(:target){font-size:75%¥9;}

img {
	border: 0;
	vertical-align:top;
}


strong {
	font-weight: bold;
}

a:link, a:visited {
	color: #534118;
	text-decoration: none;
}

a:hover, a:active {
	color:;
	text-decoration: underline;
}

li {list-style-type: none;}

a:visited {
  color: #0000ff;
  text-decoration: none;
}

/*header
---------------------------------------------------------- */
#header {
	width: 100%;
	min-width: 1000px;
}

#header #header_inner {
	width: 980px;
	margin:0 auto;
	padding: 20px 0 13px;
	position: relative;
	background:url(../img/common/bg_header.jpg) right 4px no-repeat;
}

#header_inner .tel {
	position: absolute;
	top: 24px;
	right: 25px;
}

#header_inner .header_btn {
	position: absolute;
	top: 32px;
	right: 295px;
}

#header_inner .header_btn li {
	float: left;
	margin-left: 10px;
}

/*gnav
---------------------------------------------------------- */

#gnav {
	width: 100%;
	min-width: 1000px;
	background: url(../img/common/bg_gnav.jpg) left top repeat-x;
	border-bottom:4px solid #e9e0ae;
}

#gnav .gnav_inner {
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}

.gnav_inner li.menu {
	display: table-cell;
	margin: 0;
	padding: 0;
	position: relative;
}

.gnav_inner li.menu:hover .dropdown01,
.gnav_inner li.menu:hover .dropdown02,
.gnav_inner li.menu:hover .dropdown03,
.gnav_inner li.menu:hover .dropdown04,
.gnav_inner li.menu:hover .dropdown05,
.gnav_inner li.menu:hover .dropdown06 {
	display: block;
}

.gnav_inner .dropdown01,
.gnav_inner .dropdown02,
.gnav_inner .dropdown03,
.gnav_inner .dropdown04,
.gnav_inner .dropdown05,
.gnav_inner .dropdown06 {
	display: none;
	background:url(../img/common/bg_dropdown_middle.png) 0 0 repeat-y;
	z-index: 200;
	padding: 0;
	position:absolute;
	width:179px;
	top: 67px;
	left:0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	min-height: 0px;
}

.gnav_inner .dropdown01 .dropdown_box,
.gnav_inner .dropdown02 .dropdown_box,
.gnav_inner .dropdown03 .dropdown_box,
.gnav_inner .dropdown04 .dropdown_box,
.gnav_inner .dropdown05 .dropdown_box,
.gnav_inner .dropdown06 .dropdown_box {
	position:relative;
	top:-12px;
	background:url(../img/common/bg_dropdown_top.png) 0 top no-repeat;
}

.gnav_inner .dropdown01 ul,
.gnav_inner .dropdown02 ul,
.gnav_inner .dropdown03 ul,
.gnav_inner .dropdown04 ul,
.gnav_inner .dropdown05 ul,
.gnav_inner .dropdown06 ul {
	padding-bottom:5px;
	padding-top:20px;
	margin-bottom:-12px;
	background:url(../img/common/bg_dropdown_bottom.png) 0 bottom no-repeat;
}

.gnav_inner ul li.menu ul li {
	font-weight: bold;
	border-bottom: #bad389 dotted 1px;
	padding-bottom:5px;
	margin:0 10px 5px;
}

.gnav_inner ul li.menu ul li.last {
	border: none;
	margin-bottom:0;
}

.gnav_inner ul li.menu ul li a {
	display: block;
	padding: 8px 5px 8px 10px;
	color:#fff;
}

.gnav_inner ul li.menu ul li a span {
	display:block;
	padding-right:10px;
	background: url(../img/common/icon_link_yellowgreen.png) right center no-repeat;
}

.gnav_inner ul li.menu ul li a:hover {
	color: #772121;
	text-decoration: none;
	background: url(../img/common/bg_dropdown_select.png) 0 0 repeat;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.gnav_inner ul li.menu ul li a:hover span {
	background: url(../img/common/icon_link_green.png) right center no-repeat;
}


/*container
---------------------------------------------------------- */

#container {
	width: 100%;
	min-width: 1000px;
}

#container #container_inner {
	width: 980px;
	margin: 0 auto 30px;
}

#container_inner .container_side {
	float: left;
	width: 235px;
}

.container_side .bnr_area {
	margin-bottom:20px;
}

.container_side .bnr_area li {
	margin-bottom: 7px;
}

.container_side .lineup_area {
	margin-bottom:25px;
}

.container_side .lineup_block {
	background:url(../img/common/bg_side_lineup.png) 0 0 repeat-y;
}

.container_side .lineup_block ul {
	background:url(../img/common/bg_side_lineup_bottom.png) 0 bottom no-repeat;
	padding:15px;
}

.container_side .lineup_block ul li {
	background: url(../img/common/bg_side_lineup_link.png) 0 0 repeat;
	margin-bottom:5px;
	padding:8px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	cursor:pointer;
}

.container_side .lineup_block ul li img {
	display: inline-block;
	vertical-align: middle;
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
	margin-right:10px;
}

.container_side .lineup_block ul li span {
	display:block;
	background: url(../img/common/arrow_side_lineup.png) right center no-repeat;
}

.container_side .lineup_block ul li a {
	display: inline-block;
	vertical-align: middle;
	width:120px; /* 幅の指定がない場合、改行が必要な幅を超えるとカラム落ちします。 */
	*zoom: 1; /* for IE6-7 */
	*display: inline; /* for IE6-7 */
	font-weight:bold;
}

#container_inner .container_main {
	float: right;
	width: 716px;
}



/*title
---------------------------------------------------------- */
.ttl01 {
	background:url(../img/common/bg_sttl01_middle.png) 0 0 repeat-y;
}

.ttl01_02 {
	background:url(../img/common/bg_sttl01_top.png) 0 0 no-repeat;
}

.ttl01_02 h2,
.ttl01_02 h3 {
	background:url(../img/common/bg_sttl01_bottom.png) 0 bottom no-repeat;
	padding:10px 20px;
	font-size: 150%;
	margin:0 0 20px;
}

.ttl01_02 h3 {
	margin:0 0 12px;
}


/*icon
---------------------------------------------------------- */
.icon_blank {
	background: url(../img/common/icon_blank.png) right 0.2em no-repeat;
	padding-right:24px;
}


/*right_nav
---------------------------------------------------------- */
.right_nav {
	position:absolute;
	top:340px;
	right:0;
	text-align:right;
}

.right_nav p {
	margin-bottom:20px;
}


/*footer
---------------------------------------------------------- */
#footer_wrap {
	background: url(../img/common/bg_footer.png) 0 0 repeat-x;
	width: 100%;
	min-width: 1000px;
}

#footer {
	width: 100%;
	min-width: 980px;
	margin: 0 auto;
	background: url(../img/common/bg_footer_image.png) center 0 no-repeat;
	clear:both;
}

#footer #footer_inner {
	width: 980px;
	margin: 0 auto;
	padding: 552px 0 0;
}

#footer_inner .footer_link_block {
	background: url(../img/common/bg_footer_boad.png) 0 28px no-repeat;
}

#footer_inner .footer_link_block h3 {
	margin:0 auto;
	text-align:center;
}

#footer_inner .footer_link_block ul {
	margin:14px 10px 0 11px;
}

#footer_inner .footer_link_block ul li {
	float:left;
	margin:0 0 18px 10px;
}

#footer_inner .footer_link_block ul li {
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	box-shadow:rgba(184, 136, 13, 0.2) 0px 0px 3px 2px;
	-webkit-box-shadow:rgba(184, 136, 13, 0.2) 0px 0px 3px 2px;
	-moz-box-shadow:rgba(184, 136, 13, 0.2) 0px 0px 3px 2px;
}

#footer_inner .footer_bottom_block {
	padding:20px 0 15px;
}

#footer_inner .footer_bottom_block ul {
	border-left:1px dotted #fff;
	float:left;
	padding-left:10px;
}

#footer_inner .footer_bottom_block ul li {
	float:left;
	border-right:1px dotted #fff;
	padding-right:10px;
	margin-right:10px;
}

#footer_inner .footer_bottom_block ul li a {
	color: #fff;
}

#footer .copyright {
	float:right;
	width:50%;
	text-align:right;
	color: #fff;
	font-size: 93%;
}

#footer .copyright address {
	font-style: normal;
	font-family:"DIN Next LT Pro";
}

/*calendar_area
---------------------------------------------------------- */

.calendar_area {
	margin: 0 0 30px;
	font-size: 90%;
}

.calendar_area p.memo {
	text-align: center;
	margin-top: 6px;
	text-indent:-8px;
}

.calendar_area p.memo img {
	margin:0 2px 0 10px;
}


/*float
---------------------------------------------------------- */

.clear {
	clear: both;
}

.float_l {
	float: left;
}

.float_r {
	float: right;
}

.img_float_l {
	float: left;
	margin:0 15px 10px 0;
}

.img_float_r {
	float: right;
	margin:0 0 10px 15px;
}

.align_c {
	text-align: center;
}

.align_r {
	text-align: right;
}

/*font-size
---------------------------------------------------------- */

.font10 {font-size: 77%;}
.font11 {font-size: 85%;}
.font14 {font-size: 108%;}
.font15 {font-size: 116%;}
.font16 {font-size: 123.1%;}
.font17 {font-size: 131%;}
.font18 {font-size: 138.5%;}
.font19 {font-size: 146.5%;}
.font20 {font-size: 153.9%;}
.font21 {font-size: 161.6%;}
.font22 {font-size: 167%;}
.font23 {font-size: 174%;}
.font24 {font-size: 182%;}
.font25 {font-size: 189%;}
.font26 {font-size: 197%;}


/*font-color
---------------------------------------------------------- */

.font_red {
	color:#cd4015;
}


/*font-weight
---------------------------------------------------------- */

.font_bold {
	font-weight:bold;
}


/*margin
---------------------------------------------------------- */


/*top*/

.mt05{ margin-top: 5px !important;}
.mt10{ margin-top: 10px !important;}
.mt15{ margin-top: 15px !important;}
.mt20{ margin-top: 20px !important;}
.mt25{ margin-top: 25px !important;}
.mt30{ margin-top: 30px !important;}


/*bottom*/
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom: 10px !important;}
.mb15 { margin-bottom: 15px !important;}
.mb20 { margin-bottom: 20px !important;}
.mb25 { margin-bottom: 25px !important;}
.mb30 { margin-bottom: 30px !important;}
.mb35 { margin-bottom: 35px !important;}
.mb40 { margin-bottom: 40px !important;}


/*right*/
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right: 10px !important;}
.mr15 { margin-right: 15px !important;}
.mr20 { margin-right: 20px !important;}
.mr25 { margin-right: 25px !important;}
.mr30 { margin-right: 30px !important;}
.mr35 { margin-right: 35px !important;}
.mr40 { margin-right: 40px !important;}


/*left*/
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left: 10px !important;}
.ml15 { margin-left: 15px !important;}
.ml20 { margin-left: 20px !important;}
.ml25 { margin-left: 25px !important;}
.ml30 { margin-left: 30px !important;}
.ml35 { margin-left: 35px !important;}
.ml40 { margin-left: 40px !important;}




/*clearfix
---------------------------------------------------------- */

.clearfix:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

.clearfix {
	display: inline-block;
	min-height: 1%;
}

/*¥*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* */

.monde{
	width:700px;
	height:875px;
	background-image:url(../img/shohin/monde_offer.jpg);
	background-size:cover;
}
.monde img{
	margin-top:280px;
	margin-left:100px;
	margin-right:auto;
}


.cashless{
	width:715px;
	height:374px;
	background-image:url("http://www.stella-s.com/cashless/img/cashless_01.png");
	background-size:cover;
}