@charset "UTF-8";



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

contents.css

コンテンツエリア全体、各パーツ用　ボディ、リンク色の再設定もここで

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




/* タイトル指定
-------------------------------------------------------------------------------------------------------- */

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


/* リスト指定
-------------------------------------------------------------------------------------------------------- */


/* 通常ナンバリングリスト
----------------------------- */
.list_number li {
	margin:        0px 0px 5px 25px;
	padding:       0px;
	list-style:    decimal outside;
	line-hight:    150%;
}


/* 通常リスト
----------------------------- */
.list_disc li {
	margin:        0px 0px 5px 17px;
	padding:       0px;
	list-style:    disc outside;
	line-hight:    150%;
}


/* 定義リスト 下マージン有り
----------------------------- */
.list_div dt {
	font-weight:   bold;
}
.list_div dd {
	margin:        0px 0px 10px 0px;
}
.list_div dd.last {
	margin:        0px 0px 0px 0px;
}


/* リスト 下マージン
----------------------------- */

.list_b10 li {margin-bottom: 10px;}
.list_b20 li {margin-bottom: 20px;}

.list_b10 li ol li,
.list_b20 li ol li,
.list_b10 li ul li,
.list_b20 li ul li {margin-bottom: 0px;}





/* ボックスエリア指定
-------------------------------------------------------------------------------------------------------- */


/* グレーライン ボックス
----------------------------- */
.box_line_gray {
	padding:        10px;
	border:         solid 1px #DDDDDD;
}


/* グレーライン 背景グレー　ボックス
----------------------------- */
.box_line_gray_bgray {
	padding:        10px;
	border:         solid 1px #DDDDDD;
	background:     #EEEEEE;
}


/* グレーライン 背景ホワイト　ボックス
----------------------------- */
.box_line_gray_bwhite {
	padding:        10px;
	border:         solid 1px #DDDDDD;
	background:     #FFFFFF;
}


/* 背景ホワイト　ボックス
----------------------------- */
.box_white {
	padding:        10px;
	background:     #FFFFFF;
	zoom:           1;
}


/* 背景薄いグレー　ボックス
----------------------------- */
.box_lightgray {
	padding:        10px;
	background:     #EEEEEE;
}





/* ライン指定
-------------------------------------------------------------------------------------------------------- */


/* グレーソリッドライン
----------------------------- */
.line_gray {
	border-bottom: solid 1px #CCCCCC;
}


/* ドットライン
----------------------------- */
.line_dot_blue {
	background:    url(../../utility/img/line_dot_blue.gif) repeat-x;
	height:        1px;
}





/* 各コンテンツ指定
-------------------------------------------------------------------------------------------------------- */

/* Topページ指定
-------------------------------------------------------------------------------------------------------- */
#Top_main {
}






/* instagramページ指定(old)
-------------------------------------------------------------------------------------------------------- */
#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;
 }





 header #header_content ul#sns_instagram li img {
 	width /***/:auto; /* IE8のみ */
max-width: 100%;
height: auto;
vertical-align:bottom;
}
.mark{display:inline-block;margin-right:30px;}
.mark_insta {display:inline-block; margin-right:30px;}
.shop{display:inline-block;position: relative;top:-30px;}
.modal_close{ 
  position: absolute;
  top: 12px;
  right: 12px;
  display: block; 
  width: 14px;
  height: 14px; 
  background: url(../../img/sns/modal_close.png);
  z-index: 2;
}





/* Shopページ指定
-------------------------------------------------------------------------------------------------------- 
#shop {
  width:800px;
  margin-bottom:30px;
}

#shop ul li{
  overflow: hidden;
  zoom:1;
}

#shop.photo {
  width:500px;
  margin-right:30px;
  float:left;
}

#shop.text {
  width:270px;
  float:right;
}

#shop h1 {
  display: inline;
  vertical-align: middle;
}

#shop.sns {
  display:inline-block;
  vertical-align: middle;
  width:30px;
  height: auto;
}

#membership {
  width:800px;
  margin-bottom:30px;
}






#shop_futako {
	width:		800px;
	padding:		0 0 10px 0;
	overflow:	hidden;
	zoom:		1;
}

#shop_futako ul{
	width:		380px;
	margin:		0 auto;
	float:		left;
}

#shop_futako ul:first-child{
	margin-right:		40px;
}

#shop_mapF {
	margin:			60px auto;
	width:			561px;
	text-align:center;
}

#shop_kitahama {
	width:		800px;
	padding-bottom:		30px;
}

#shop_kitahama ul {
	overflow:	hidden;
	zoom:		1;
	margin:		0 auto;
}

#shop_kitahama li{
float:			left;
}


#shop_kitahama li.shop {
	width:			500px;
	margin-right:			30px;
}

#shop_kitahama li.text {
	width:			270px;
}

#shop_kitahama li.googleMap {
	width:			270px;
	margin-top:		10px;
}

#membership_card {
	width:		800px;
	overflow:	hidden;
	zoom:_1;
}

#shop_sns{
	width:800px;
}

#shop_sns ul{
	width:530px;
	overflow:	hidden;
	zoom:_1;
	margin:30px auto;
}

#shop_sns li img {
	width:30px;
}

#shop_sns li{
	float:	left;
	margin-right:10px;
	text-align:center;
}



#shop_sns li:first-child {margin-right:30px;}

#shop_sns li:last-child {margin-right:0px;}

#shop_sns li.text {
	position: relative;top:5px;
	
		}
*/



/* Made to orderページ指定
-------------------------------------------------------------------------------------------------------- */
.order_main {
	width:			800px;
	margin:			0 auto;
	margin-bottom:	20px;
	text-align:		center;	
}

.made_to_order {
	width:			800px;
	position: 		relative;
	overflow:		hidden;
	zoom:			1;			
}

.order_box {
	float:		left;
	left:		50%;
	position:	relative;	
}

.order_note {
	width:				340px;
	height:				500px;
	float:				left;
	left:				-50%;
	position:			relative;
	background-color:	#EDEDEF;
	margin-top:			30px;
	padding:			0px 10px;
}

.order_note p {
	background-image:url("../../made_to_order/img/dot.gif");
	line-height: 	25px;
	text-align:		left;
	margin-top: 	20px; 
}

.contact_bt {
	width:	290px;
	margin:	20px auto;
}


/* ウェアオーダーアイテムページ
----------------------------- */
.order_item_main {
	margin-bottom:	20px;
	text-align:		center;	
}

.order_item_wear {
	padding:		0;
	overflow:		hidden;
	zoom:			1;			
}
	
.order_item_wear li {
	width: 			185px;
	float:			left;
	margin-bottom:	20px;
}

.order_item_wear02 {
	display: grid;
	gap: 20px;
  	grid-template-columns: repeat(4, 185px);
}



/* ウェアオーダーアイテムポップページ
----------------------------- */
#order_item_pop {
	width:				620px;
	overflow:			hidden;
	zoom:				1;
	margin:				30px auto;		
}

#order_item_pop .text {
	width:			620px;
	text-align:		left;			
}

#order_item_pop .photo {
	width:				620px;
	overflow:			hidden;
	zoom:				1;
	padding:			20px 0px;	
}

#order_item_pop li {
	width:	200px;
	float:	left;	
}

#order_item_pop .close {
	width:			620px;
	text-align:		right;
}



/* インテリアオーダーアイテムページ
----------------------------- */
.order_item_main {
	margin-bottom:	20px;
}

.order_item_interior {
	width:			710px;
	margin:			0 auto;
	padding:		0;
	overflow:		hidden;
	zoom:			1;			
}
.r40{
	margin-right:	40px;
}
.r70 {
	margin-right:	70px;
}

.order_item_interior li {
	width: 			320px;
	float:			left;
	margin-bottom:	20px;
}

.boxLine {
	width:770px;
	margin: 30px auto;
	padding:1em;border-top:1px solid #674F29;
	border-bottom:1px solid #674F29;
	border-left:1px solid #674F29;
	border-right:1px solid #674F29;
	text-align:	left;
	overflow:hidden;
	_zoom:1;
}




/* Itemsページ指定
-------------------------------------------------------------------------------------------------------- */
.items ul {
	width:			800px;
	height:			250px;
	overflow:		hidden;
	zoom:			1;
	margin-bottom:	20px;	
}

.items li {
	float:		left;
	width:		185px;
	height:		250px;
}



/* Items/商品ページ指定
------------------------------------------ */
.items_detail_img {
	float:	left;
	width:	340px;
}

.items_detail_img li {
	margin-bottom:	10px;
}

.items_detail_text {
	width:			420px;
	float:			left;
	margin-left:	40px;		
}

.items_detail_text h2 {
	margin-bottom:	10px;
}

.items_detail_text-line {
	border-bottom:	1px solid #B08B07;
	padding-bottom: 15px;
}

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


/* Curtainページ指定
-------------------------------------------------------------------------------------------------------- */
.curtain_main {
	margin:		0 auto;	
	text-align:	center;
	margin-bottom:	45px;	
}

.curtain_box {
	margin:			10px auto;
	width:			658px;
	padding:		20px;
	border-top:		1px solid #936160;
	border-bottom:	1px solid #936160;
	border-left:	1px solid #936160;
	border-right:	1px solid #936160;
	overflow:		hidden;
	zoom:			1;
}

.curtain_how-to-order {
	width:		800px;
	text-align:	left;
}

.curtain_how-to-order ul {
	overflow:hidden;
	zoom:1;
	margin:		0 auto;
	padding:	0px;
	width:		675px;
}

.curtain_how-to-order li{
	width:		135px;
	float:		left;
}

.curtain_fabric {
	width:		800px;
	overflow:	hidden;
	zoom:		1;
}

.curtain_fabric ul{
	margin:		0px;
	padding:	0px;
}

.curtain_fabric li{
	width:				220px;
	float:				left;
	back-ground-color:	#EDEDEF;
}

.curtain_fabric li p{
	width:				190px;
	height:				190px;
	margin:				0px;
	padding:			15px;
	background-color:	#EDEDEF;
}


/* カーテン・シェードページ指定
-------------------------------------------------------------------------------------------------------- */
#curtain_shade {
	width:800px;
	margin: 0 auto;
	overflow:hidden;
	zoom:1;
}


.curtain_shade{
    margin:		0 auto;	
	text-align:	center;
	margin-bottom:	45px;	
}




.contents {
	margin:		0 auto;	
	text-align:	center;
	margin-bottom:	80px;
	overflow:	hidden;
	zoom:		1;
}



.contents ul{
	margin:		0px;
	padding:	0px;
}



.linen_fablic_contents{
	width:239px;
	height:25px;
	display:block;
	margin-left:	280px;
}

.linen_fablic_contents:hover{
    background-position:right top;
}



.curtain_view_contents{
	width:239px;
	height:25px;
	display:block;
	background:url(../../curtain/img01/curtain_view_contents.gif);
	margin-left:	280px;
}

.curtain_view_contents:hover{
    background-position:right top;
}



.summer_winter_contents{
	width:239px;
	height:25px;
	display:block;
	background:url(../../curtain/img01/summer_winter_contents.gif);
	margin-left:	280px;
}

.summer_winter_contents:hover{
    background-position:right top;
}



.curtain_style_contents{
	width:239px;
	height:25px;
	display:block;
	background:url(../../curtain/img01/curtain_style_contents.gif);
	margin-left:	280px;
}

.curtain_style_contents:hover{
    background-position:right top;
}



.curtain_order_contents{
	width:239px;
	height:25px;
	display:block;
	background:url(../../curtain/img01/curtain_order_contents.gif);
	margin-left:	280px;
}

.curtain_order_contents:hover{
    background-position:right top;
}



.curtain_first_contents{
	width:239px;
	height:25px;
	display:block;
	background:url(../../curtain/img01/curtain_first_contents.gif);
	margin-left:	280px;
}

.curtain_first_contents:hover{
    background-position:right top;
}







.linen_fablic{
  width: 800px;
  margin: 0 auto;  
  list-style-type: none;
  margin-bottom:	40px;
}


.linen_fablic_01{
    width:600px;
    top: auto;
	left: 0;
	right:auto;
	padding-top: 0;
	padding-bottom: 0;
}


.linen_fablic_02{
   padding-left: 600px;
   padding-right: 0;
   margin-top: -100px;
   margin-bottom: 0; 
}




.curtain_view_01 {
	width:		800px;
	overflow:	hidden;
	zoom:		1;
	margin-bottom:	20px;
}

.curtain_view_01 ul{
	margin:		0px;
	padding:	0px;
}

.curtain_view_01 li{
	width:				250px;
	float:				left;
}




.curtain_view_02 {
	width:		800px;
	overflow:	hidden;
	zoom:		1;
}

.curtain_view_02 ul{
	margin:		0px;
	padding:	0px;
}

.curtain_view_02 li{
	width:				385px;
	float:				left;
}



.summer_winter{
margin-top:	30px;
margin-bottom:	30px;
}


.curtain_style{
margin-top:	30px;
margin-bottom:	30px;
}







.curtain_order {
	width:		800px;
	text-align:	left;
}

.curtain_order ul {
	overflow:hidden;
	zoom:1;
	margin:		0 auto;
	padding:	0px;
	width:		675px;
}

.curtain_order li{
	width:		135px;
	float:		left;
}



.curtain_first{
margin-top:	30px;
margin-bottom:	70px;
}




input[type="checkbox"].ExpandCheckBox {
  display: none;
  cursor:pointer;
}
 
input[type="checkbox"].ExpandCheckBox + div.panel {
  display: none;
}
 
input[type="checkbox"].ExpandCheckBox:checked + div.panel {
  display: block;
}


.yubi { 
cursor:pointer;
cursor:hand;
} 


.gray{
color: #8E8876;
}



.last {
	margin:			0 auto;
	width:			600px;
	overflow:		hidden;
	zoom:			1;
}


/* みちくさMAPページ指定
-------------------------------------------------------------------------------------------------------- */
#michikusaMAP {
width:800px;
text-align: center;
line-height:  2;
color:#000;
overflow: hidden;
zoom:1;
background:url(../../michikusaMap/img/michikusaMapBG.jpg) no-repeat center top;
padding-top: 30px;
}


.MAP {
margin: 20px auto;
}


/* Storiesページ指定
-------------------------------------------------------------------------------------------------------- */
#stories {
	width:		800px;
	overflow:	hidden;
	zoom:		1;
}

.story {
	width:		460px;
	overflow:	hidden;
	zoom:		1;
}

.stories_archives {
	width:		700px;
	margin:		0 auto;
}

.stories_archives li {
	width:		700px;
	text-align:	left;
	padding:	8px 0;
}


/* アバウトリネンページ指定
------------------------------------------ */
#aboutlinen_tab {
	width:	720px;
	height:	30px;
	margin: 0 auto;
	padding:	0px;
	overflow:hidden;
	_zoom:1;	
}

#aboutlinen_tab li {
	width: 180px;
	height:	30px;
	float:	left;
}

.aboutlinen_main {
	margin:			0 auto;
	margin:	50px 0px 30px 0px;
	text-align:		left;	
}

p.textbox {
	width:		780px;
	padding:	10px;
	text-align:	left;
	background-color:#F1E2D1;
}

.aboutlinen_freeboxLine {
	margin-bottom:15px;
	padding:1em;
	border-top:1px solid #663333;
	border-bottom:1px solid #663333;
	border-left:1px solid #663333;
	border-right:1px solid #663333;
	text-align:	left;
	overflow:hidden;
	_zoom:1;
}


ul {
  margin: 0;
  padding: 0;
}

li {
  list-style: none;
}


#aboutlinen_pre-next {
	width: 780px;
	height:	30px;
	margin: 0 auto;
	padding:	0px;
	overflow:	hidden;
	_zoom: 1;
	padding:1em;		
}

#aboutlinen_pre-next .pre {
	float:	left;
	width:	300px;
	height:	30px;
}

#aboutlinen_pre-next .next {
	float:	right;
	text-align:	right;
	width:	300px;
	height:	30px;
}




/* 本棚部屋からページ指定
------------------------------------------ */
#hondanabeya {
	width:		600px;
	margin:		0 auto;
	color:		#512828;
}

#hondanabeya a:link {
	color:            #512828;
	text-decoration:  none;
}

#hondanabeya a:visited {
	color:            #512828;
	text-decoration:  none;
}

#hondanabeya a:hover {
	color:            #512828;
	text-decoration:  underline;
}


.bookfloat_two-img {
	width:		450px;
	margin:		0 auto;
	overflow:	hidden;
	zoom:		1;
}

.hondanabeya_profile {
	width:		600px;
	margin:		20px auto;
	overflow:	hidden;
	zoom:		1;
}


/* 工場見学ページ指定
------------------------------------------ */
#milltour {
	width:		600px;
	margin:		0 auto;
	color:		#333333;
}

#milltour h1 {
	color:		#666666;
}

#milltour .line {
	text-align:	center;
}

#milltour a:link {
	color:            #666666;
	text-decoration:  none;
}

#milltour a:visited {
	color:            #666666;
	text-decoration:  none;
}

#milltour a:hover {
	color:            #666666;
	text-decoration:  underline;
}


/* リビングルームページ指定
------------------------------------------ */
#livingroom {
	width:		800px;

}

.back {
	background-image: url(../../stories/livingroom/img/bg02.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position:	bottom center;
}




/* 子供アートの部屋ページ指定
------------------------------------------ */
.livingroom02 {
	width:		650px;
	margin:		0 auto;
}


.bg {
	margin : auto;
}