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


/* ========================================
	* 初期設定 - 基本設定 -
======================================== */

body {
	background: #FFF;
	width:100%;
	height: 100%;
	margin: 10px 0 0;
	padding: 0;
	color: #333;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 12px;
	line-height: 1.6;
}



/* ========================================
	* 初期設定 - テキスト -
======================================== */

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	padding: 0;
}

strong {
	font-weight: bold;
}

em {
	font-style: normal;
	font-weight: normal;
}

p {
	margin: 0;
	padding: 0;
}



/* ========================================
	* 初期設定 - リンク -
======================================== */

a {
	color: #333;
	text-decoration: none;
}

a:hover {
	color: #999;
}

a:hover img{  
	filter: alpha(opacity=80);
  -ms-filter: alpha(opacity=80);
  opacity: 0.8;
}

/* ========================================
	* 初期設定 - 箇条 -
======================================== */

ul,ol {
		margin: 0;
		padding: 0;
		list-style-type: none;
}

dl {
	margin: 0;
	padding: 0;
}

dl dt,dl dd {
		margin: 0;
		padding: 0;
}


/* ========================================
	* 初期設定 - 画像 -
======================================== */

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


/* ========================================
	* 初期設定 - フォーム -
======================================== */

form,input{
	margin:0;
	padding:0;
}

/* ========================================
	* 初期設定 - テーブル -
======================================== */

table,td,th{
	font-weight:normal;
	border-collapse:collapse;
	margin:0;
	padding:0;
}


/* ========================================
	* 初期設定 - Clerafix -
======================================== */

/* CSS HACK: IE5.5 - IE7 */
.cf {
	zoom: 1;
	min-height: 1px;
}

/* CSS HACK: Modern Browser */
.cf:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0; /* CSS HACK: Safari */
	font-size: 0; /* CSS HACK: Firefox3 */
	visibility: hidden;
}

.cl {
	display: inline-block;
}

/* Hides from IE-mac \ */

* html .cl {
	height: 1%;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.cl {
	display: block;
}

/* End hide from IE-mac */


/* ========================================
	* ヘッダー
======================================== */

#header{
	width:1000px;
	height:74px;
	margin:0 auto;
	position:relative;
}

#header h1{
	position:absolute;
	top:0;
	left:25px;
	height: 74px;
	width: 74px;
}

#header ul li{
	float:left;
}#header ul li a{
	display:block;
	text-indent:-9999px;
}

#header ul#navi{
	float:right;
}#header ul#navi li{
	padding:8px 25px 0 0;
}#header ul#navi li a{
	background-position:left top;
	height:12px;
	overflow:hidden;
}#header ul#navi li.navHome a{
	background: url(../images/navi_btn_home.gif) no-repeat;
	width:41px;
}#header ul#navi li.navInfo a{
	background: url(../images/navi_btn_info.gif) no-repeat;
	width:95px;
}#header ul#navi li.navInq a{
	background: url(../images/navi_btn_inquiry.gif) no-repeat;
	width:74px;
}#header ul#navi li.navSitemap a{
	background: url(../images/navi_btn_sitemap.gif) no-repeat;
	width:68px;
}#header ul#navi li a:hover{
	background-position:left -13px;
}

#header ul#lang{
	float:right;
}#header ul#lang li{
	padding:2px 10px 0 0;
}#header ul#lang li a{
	background-position:left top;
	width:50px;
	height:24px;
}#header ul#lang li.langJa a{
	background: url(../images/lang_btn_japanese.gif) no-repeat;
}#header ul#lang li.langEn a{
	background: url(../images/lang_btn_english.gif) no-repeat;
}#header ul#lang li.langKo a{
	background: url(../images/lang_btn_korean.gif) no-repeat;
}#header ul#lang li.langkan a{
	background: url(../images/lang_btn_chinese01.gif) no-repeat;
}#header ul#lang li.langhan a{
	background: url(../images/lang_btn_chinese02.gif) no-repeat;
}
#header ul#lang li a:hover{
	background-position:left bottom;
}

#header ul#foreign {
	float:right; 
}#header ul#foreign li { 
	padding:2px 10px 0 0;
	float:right; 
}#header ul#foreign li a{ 
	background:url(../images/lang_btn_foreign.gif) no-repeat;
	background-position:left top;
	width:130px;
	height:24px;
}#header ul#foreign li a:hover{
	background-position:left bottom;
}


#header ul#gnavi{
	position:absolute;
	bottom:1px;
	right:0;
	background:url(../images/gnavi_btn_end.gif) no-repeat right 30px;
	padding:30px 20px 0 0;
}#header ul#gnavi li{
}#header ul#gnavi li a{
	background-position:right top;
	height:19px;
	padding:0;
}#header ul#gnavi li.gnavNewarrival a{
	background: url(../images/gnavi_btn_newarrival.gif) no-repeat;
	width:120px;
}#header ul#gnavi li.gnavEvent a{
	background: url(../images/gnavi_btn_event.gif) no-repeat;
	width:138px;
}#header ul#gnavi li.gnavShopnews a{
	background: url(../images/gnavi_btn_shopnews.gif) no-repeat;
	width:128px;
}#header ul#gnavi li.gnavSearch a{
	background: url(../images/gnavi_btn_search.gif) no-repeat;
	width:104px;
}#header ul#gnavi li.gnavFloor a{
	background: url(../images/gnavi_btn_floor.gif) no-repeat;
	width:114px;
}#header ul#gnavi li.gnavAccess a{
	background: url(../images/gnavi_btn_access.gif) no-repeat;
	width:86px;
}#header ul#gnavi li.gnavPointcard a{
	background: url(../images/gnavi_btn_pointcard.gif) no-repeat;
	width:118px;
}#newarrival #header ul#gnavi li.gnavNewarrival a,
#event #header ul#gnavi li.gnavEvent a,
#shopnews #header ul#gnavi li.gnavShopnews a,
#search #header ul#gnavi li.gnavSearch a,
#floor #header ul#gnavi li.gnavFloor a,
#access #header ul#gnavi li.gnavAccess a,
#pointcard #header ul#gnavi li.gnavPointcard a,
#header ul#gnavi li a:hover{
	background-position:left -19px;
}


/* ========================================
	* コンテンツ
======================================== */

#wrap{
	width:1000px;
	margin:0 auto;
	padding:17px 0 0;
}

#contents{
	float:left;
	width:775px;
}

#side{
	font-size:10px;
	float:right;
	width:216px;
}

.catCaf{
	color:#f77d00;
}.catSav{
	color:#5A9EDB;
}.catFas{
	color:#EE2E4B;
}.catLif{
	color:#56974B;
}.catCos{
	color:#9C629E;
}


/* ========================================
	* メインコンテンツ
======================================== */
#contents h2{
	position:relative;
	height:68px;
	margin:0 9px 6px 0;
	background:#0057b6;
}

#contents #pankuzu{
	font-size:10px;
	line-height:1.0;
	margin:10px 0 20px;
}#contents #pankuzu li{
	float:left;
}#contents #pankuzu li a{
	display:block;
	background:url(../images/ico_arrowR_gray.gif) no-repeat right 1px;
	padding:0 10px 0 0;
	margin:0 5px 0 0;
}#contents #pankuzu li a:hover{
	color:#ff376e;
}

/* ========================================
	*ページ送り
======================================== */

#contents ul.pagenavi{
	clear:both;
	font-size:12px;
	text-align: center;
	line-height:1.0;
	margin: 0 0 10px;
	padding: 30px 10px 0;
}

#contents ul.pagenavi li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

#contents ul.pagenavi li a {
	font-family:Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: inline-block;
	background: #FFFFFF;
	border:1px dotted #A6A6A6;
	width:22px;
	height:17px;
	margin-bottom: 5px;
	padding: 5px 0 0;
}#contents ul.pagenavi li.on a,
#contents ul.pagenavi li a:hover {
	color: #FFFFFF;
	background: #A6A6A6;
}

#contents ul.pagenavi li.prev a{
	background: url(../images/ico_arrowL_gray.gif) no-repeat center center;
}#contents ul.pagenavi li.next a{
	background: url(../images/ico_arrowR_gray.gif) no-repeat center center;
}#contents ul.pagenavi li.prev a:hover{
	background: #A6A6A6 url(../images/ico_arrowL_white.gif) no-repeat center center;
}#contents ul.pagenavi li.next a:hover{
	background: #A6A6A6 url(../images/ico_arrowR_white.gif) no-repeat center center;
}

/* ========================================
	* サイドコンテンツ
======================================== */

#side h3{
	margin: 0 0 5px;
}

/****営業時間****/

#side #sideInfo{
	background: #ff376e;
	padding: 5px;
	margin:0 0 20px;
}
#side #sideInfo .openhours{
	background:#FFF;
	padding:14px 7px 10px 9px;
}
#side #sideInfo .openhours img{
	padding:0 0 11px;
}
#side #sideInfo .openhours p{
	font-size:11px;
	letter-spacing:1px;
	text-indent:-15px;
	border-top:1px dotted #b9b9b9;
	margin:5px 0;
	padding:5px 0 0 15px;
}
/****年末年始****/
#side #sideInfo .openhours .nenmatu2 p{
	font-size:14px;
	color:#ff376e;
	font-weight:bold;
	border:none;
	padding-top:0px;
	margin-top:0px;
	border-bottom:1px dotted #ff8daf;
	letter-spacing:0px;
}
#side #sideInfo .openhours .nenmatu2{
	border:none;
	padding-top:0px;
	margin-top:0px;
}
#side #sideInfo .openhours .nenmatu2 table td{
	padding:2px 0px 2px 0px;
}
#side #sideInfo .openhours .nenmatu2 table{
	margin-bottom:10px;
}
/****アクセス****/
#side #sideAccess{
	margin:0 0 20px;
}
/****お店を探す****/
#side #sideSearch{
	margin:0 0 20px;
}

#side #sideSearch ul.searchBtn li{
	margin:0 0 1px;
}

#side #sideSearch form{
	border:3px solid #ff376e;
	padding:2px;
}#side #sideSearch form input{
	vertical-align:top;
	border:none;
	width:100%;
	height:20px;
}

#side #sideSearch .keyword{
	float:left;
	width:150px;
}#side #sideSearch .keyword input{
	background-color:#FFF;
	padding:2px;
	height:16px;
	color:#999;
}
#side #sideSearch .keyword input.textFocus{
	color:#333;
}

#side #sideSearch .btn{
	float:right;
	width:50px;
}

/****イベントカレンダー****/

#side #sideEvent{
	margin:0 0 20px;
}

#side #sideEvent .sideCalender{
	text-align:right;
	border:1px solid #ff376e;
	padding:10px;
}

#side #sideEvent .sideCalender table{
	font-size:10px;
	border:1px dotted #a8a49b;
	width:192px;
	margin:8px 0 5px;
	line-height:1.0;
}#side #sideEvent .sideCalender table td,
#side #sideEvent .sideCalender table th{
	text-align:center;
	vertical-align:middle;
	border:1px dotted #a8a49b;
	height:20px;
}#side #sideEvent .sideCalender table th{
	height:14px;
}

#side #sideEvent .sideCalender table td a{
	color:#333333;
	text-align:center;
	text-decoration:underline;
	display:block;
	width:26px;
	padding:5px 0;
}#side #sideEvent .sideCalender table .holiday,
#side #sideEvent .sideCalender table .holiday a{
	color:#b33220;
}#side #sideEvent .sideCalender table td.today{
	color:#FFFFFF;
	background:#009fd8;
}#side #sideEvent .sideCalender table td.today a{
	color:#FFFFFF;
}#side #sideEvent .sideCalender table td a:hover{
	text-decoration: none;
}

#side #sideEvent .sideCalender table .caption td{
	border:none;
}

/****Facebook****/

#side #sideFacebook{
	margin:0 0 20px;
}

/****バナー****/

#side #sideBnr li{
	margin:0 0 5px;
}

/****リンク****/

#side #sideLink{
	border:1px solid #a6a6a6;
	margin-bottom:10px;
}

#side #sideLink li{
	border-top:1px dotted #a6a6a6;
	height:30px;
	overflow:hidden;
}#side #sideLink li a{
	text-indent:-9999px;
	display:block;
	background: no-repeat left center;
	padding:8px 0;
}
#side #sideLink li.sidelinkCre{
	border:none;
}
#side #sideLink li.sidelinkAcc{
	border:none;
}
#side #sideLink li.sidelinkRec a{
	background-image:url(../images/sidelink_btn_recruit.gif);
}#side #sideLink li.sidelinkMinapita a{
	background-image:url(../images/sidelink_btn_minapita.gif);
}#side #sideLink li.sidelinkCre a{
	background-image:url(../images/sidelink_btn_credit.gif);
}#side #sideLink li.sidelinkAcc a{
	background-image:url(../images/sidelink_btn_access.gif);
}

#side #sideLink li a:hover{
	background-position:-214px center;
}

/****SNS****/

#side #sideSns{
	padding-bottom:10px;
}

/*ChromeとOperaのみだけに適用されるCSSハック*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
#side #sideSns .snsh3{
	margin-bottom:-10px;
}

}

#side #sideSns ul.sideSns_img{
}
#side #sideSns ul.sideSns_img li{
  display: inline-block;
  padding:0px 3px 5px 3px;
}

/****MobileLink****/

#side #sideMobile{
	margin:10px 6px 15px 3px;
}


#side #sideMobile .text{
	padding:10px;
	margin:10px 6px 15px 3px;
}

#side .sideMobileLink{
	float:left;
}

#side .sideMobileLink ul{
	padding:10px;
	margin:10px 1px 15px 3px;
}

/* ========================================
	* サイドコンテンツ
	　年末年始など、特別営業時間などに利用
======================================== */

/****150509 不発弾****/

#side #sideInfo150509{
	font-size:11px;
	width:205px;
	background: #ffffff;
	padding: 0px;
	margin:0 0 15px;
	border:solid 5px #ff0033;
}

#side #sideInfo150509 h3{
	border:solid 5px #ff0033;
	margin-bottom:5px;
}
#side #sideInfo150509 p{
	margin:10px;
}

#side #sideInfo150509 h3 img{
	padding-left:0px;
}

/****なんこめカレンダーリンク用****/
#side #sideInfo .openhours a.nankome_calender{
	text-decoration: underline;
}

/****営業時間****/


#side #sideInfo .openhours table { 
	margin-left:0px;
}

#side #sideInfo .openhours table td{ 
	vertical-align: top; 
	line-height:1.2; 
	padding:0px 0;
}

#side #sideInfo .openhours table span,
#side #sideEvent .sideCalender table.spday span{ 
	display:block; 
	width:3em;
	background-color:#ff89a9; 
	color:#FFF; 
	padding:0px;
}

/****年末年始営業店舗一覧へのリンクボタン****/

#side #sideInfo .openhours span.openList,
#side #sideEvent .sideCalender span.openList {
	background-color: #ff3471; 
	display: block;
	text-align: center;
	margin: 2px 0;
	line-height:1.2;
}

#side #sideInfo .openhours span.openList a,
#side #sideEvent .sideCalender span.openList a{
	display: block;
	color: #FFF;
	padding: 2px;
}

#side #sideInfo .openhours span.openList a:hover,
#side #sideEvent .sideCalender span.openList a:hover {
	background-color:#ff89a9; 
}



/****イベントカレンダー****/
#side #sideEvent .sideCalender table.spday { 
	border:none;
	margin:0px;
}

#side #sideEvent .sideCalender table.spday th { 
	border:none;
	height:auto;
}

#side #sideEvent .sideCalender table.spday td { 
	border:none;
	text-align:left;
	vertical-align:top;
	padding:2px 0;
	height:auto; 
}

#side #sideEvent .sideCalender p {
	text-align:left;
}


/* ========================================
	* フッター
======================================== */

#pagetop{ 
	position:relative;	
	width:302px;
	margin:100px auto 10px;
	padding:0 0 0 673px;
}

#pagetop p { 
	position:absolute; 
	bottom:20px; 
	left:0px; 
	font-size:10px;	
}

#pagetop a{
	display:block;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/pagetop_btn.gif) no-repeat left top;
	width:77px;
	height:10px;
}#pagetop a:hover{
	background-position:left -10px;
}

#footer{
	border-top:1px solid #b9b9b9;
	border-bottom:1px solid #b9b9b9;
	padding:20px 0;
}

#footer a:hover{
	color:#ff376e;
}

#footer .cf{
	width:975px;
	margin:0 auto;
}

#footer ul.fnavi{
	font-size:10px;
	float:left;
	padding-right:65px;
}#footer ul.fnavi li{
	background:url(../images/ico_arrowR_pink.gif) no-repeat left center;
	padding:0px 0 4px 10px;
}

#footer ul.fbnr{
	font-size:10px;
	width:140px;
	float:right;
}#footer ul.fbnr li{
	padding:4px 0; 
	text-align:center;
}

#copyright{
	font-size:10px;
	text-align:center;
	margin:10px 0;
}

#footer .splink {
	background: none repeat scroll 0 0 #EBEBEB;
	font-size: 25px;
	margin: 20px auto 0px auto;
	padding: 10px 0;
	text-align: center;
	width: 95%;
}
#footer .splink a {
	text-decoration:underline;
}


/* ========================================
	* 縮小後フッター
======================================== */


#footer2{
	border-top:1px solid #b9b9b9;
	border-bottom:1px solid #b9b9b9;
	padding:20px 0;
}

#footer2 a:hover{
	color:#ff376e;
}

#footer2 .cf{
	width:975px;
	margin:0 auto;
}

#footer2 ul.fnavi{
	font-size:10px;
	float:right;
	padding-top:10px;
	padding-right:20px;
}#footer2 ul.fnavi li{
	background:url(../images/ico_arrowR_pink.gif) no-repeat left center;
	padding:4px 0 4px 10px;
}

#footer2 ul.fbnr{
	font-size:10px;
	width:140px;
	float:right;
}#footer2 ul.fbnr li{
	padding:4px 0; 
	text-align:center;
}

#copyright{
	font-size:10px;
	text-align:center;
	margin:10px 0;
}

#footer2 .splink {
	background: none repeat scroll 0 0 #EBEBEB;
	font-size: 25px;
	margin: 20px auto 0px auto;
	padding: 10px 0;
	text-align: center;
	width: 95%;
}
#footer2 .splink a {
	text-decoration:underline;
}



/* ========================================
	*　ボトムリンク3
======================================== */
#contents .btmLink3 {
	padding: 20px 0 0;
}

#contents .btmLink3 ul {
	width: 756px;
	margin: 0 5px;
}
#contents .btmLink3 ul li {
	width: 252px;
	float: left;
}
#contents .btmLink3 .btm_l{
	text-align: left;
}
#contents .btmLink3 .btm_c{
	text-align: center;
}
#contents .btmLink3 .btm_r{
	text-align: right;
}