@charset "UTF-8";

/*======================================================================================================================
========================================================================================================================

frame.css

全体フレーム・ヘッダー・フッター用

========================================================================================================================
======================================================================================================================*/


/* フレーム全体
-------------------------------------------------------------------------------------------------------- */
body {
		margin:			0px 0px 0px 0px;
		padding:  		0px 0px 0px 0px;
		text-align:		center;
		overflow-x: 	hidden;				
}

body.top {
		margin:			0px 0px 0px 0px;
		padding:  		0px 0px 0px 0px;
		text-align:		center;
		background-color:	#E3D2CD;				
}

#wrapper {
		padding:        0px 0px 100px 0px;		
		width:			1000px;
		margin:			0px auto;
		text-align:		left;
		clear:			both;
		overflow:       auto;
		
}


/* TOP
-------------------------------------------------------------------------------------------------------- */
#Top_wrapper {
		padding:        	0px 0px 10px 0px;		
		width:				1000px;
		margin:				30px auto;
		text-align:			left;
		clear:				both;
		overflow:      		auto;
		background-color:	#EDEDEF;	
		
}


/* TOPヘッダー
----------------------------- */
#Top_header {
	width:		960px;
	margin:		0 auto;
	overflow:	hidden;
	zoom:		1;
}

/* TOP ヘッダーロゴ
----------------------------- */
#Top_header h1 {
	width:		174px;
	float:		left;
	text-align:	left;
	font-size:     1px;
	line-height:   0;
}


/* TOPユーティリティナビ
----------------------------- */
#Top_h_u_navi {
	width:			786px;
	float:			right;
	text-align:		right;
	line-height:	0;
}

#Top_h_u_navi li {
	float:			right;
	text-align:		right;
	line-height:	0;
}


/* TOPグローバルナビエリア
----------------------------- */
#Top_gn {
	width:          745px;
	float:			left;
	margin-left:	20px;
	overflow:		hidden;
	zoom:			1;
}

#Top_gn li {
	font-size:     1px;
	line-height:   0;
	margin:			0 10px 10px 0;	
}

#Top_gn li img{
	border:         0 none;
	vertical-align:	bottom;
}


/* TOP
----------------------------- */
#Top_link {
    width:			215px;
	float:			left;
	margin-right:	20px;
		
}

#Top_link h1 {
	font-size:     1px;
	line-height:   0;
	margin-bottom:	5px;		
}

#Top_link li {
	font-size:     1px;
	line-height:   0;
	border-bottom:1px solid #D9D9D9;	
}

#Top_link li img{
	border:         0 none;
	vertical-align:	bottom;
}



/* ヘッダー
-------------------------------------------------------------------------------------------------------- */
#header {
		width:			1000px;
		height:			130px;
		text-align:		left;
		overflow:	hidden;
		zoom:		1;
}

/* ヘッダーロゴ
----------------------------- */
#h_logo {
	float: 			left;
	margin:			60px 0px 0px 34px;
}


/* ユーティリティナビ
----------------------------- */
#h_u_navi {
	float:         right;
    margin:        70px 0 0 0;

		
}

#h_u_navi li {
	float:         right;
	margin:        0 0 0 20px;
	font-size:     ;
	line-height:   0;
	
}

#h_u_navi li:first-child {
	margin-left:10px;
}

#h_u_navi li img{
	border:         0 none;
}

#h_u_navi li.sns img{
	width:30px;
	height:30px;
}

/* instagramページ指定
--------------------------------------------------------------------*/
#lean_overlay{
  position: fixed; z-index:100; 
  top: 0px;
  left: 0px;
  height: 100%;
  width: 100%;
  background: #000;
  display: none;
}
#sns_instagram{
  background: none repeat scroll 0 0 #FFFFFF;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.7);
  display: none;
  padding: 30px;
  width: 480px;
 }
#sns_instagram li img {
width:100px;
}
#sns_instagram li.mark{display:inline-block;margin-right:30px;}
#sns_instagram li.shop{display:inline-block;}
#sns_instagram .modal_close{ 
  position: absolute;
  top: 12px;
  right: 20px;
  display: block;
  width: 30px;
  height: 30px; 
background:url('../../img/sns/modal_close.png');
  z-index: 2;
}










/* コンテンツエリア （#contents #main #sub）
-------------------------------------------------------------------------------------------------------- */


/* グローバルナビエリア
----------------------------- */
#gn {
	width:          200px;
	float:          left;		
}
#gn li.contents {
    margin:         0 0 28px;
	padding:        0px;
    line-height:    0;		
}

#gn li.bn {
    margin:         0 0 14px;
	padding:        0px;
    line-height:    0;		
}

#gn li img {
	line-height:    0;
	border:         0 none;
}


/* メインエリア
----------------------------- */
#main {
	margin:         0px;
	padding:        0px 0px 75px 0px;
	width:          800px;
	float:          left;
	text-align:		left;
		
}


/* コンテンツエリア
----------------------------- */
#contents {
	margin:		0px;
	padding:	0px;
	width:		800px;
}



/* TOP フッター
-------------------------------------------------------------------------------------------------------- */
footer {
	width:          100%;
	margin:			0px;
	padding:		0px;
	overflow:	hidden;
	zoom:		1;
}



/* フッター
-------------------------------------------------------------------------------------------------------- */
footer {
	width:          100%;
	text-align:     right; 
	margin:			0px;
	padding:		0px;
	overflow:	hidden;
	zoom:		1;
}

/* ページトップエリア / コピーライト
----------------------------- */
.pagetop {
	margin:            0px;
	padding:           20px 0px;
		
}

.Top_copyright {
	margin:            0px;
	padding:           5px 0px 0px 0px;
		
}

.copyright {
	margin:            0px;
	padding:           5px 0px 0px 0px;
		
}