@charset "shift_JIS";

/****** CONTENTS ***************************************

	1: body and base setting
	2: link setting
	3: layout
	4: common parts
	5: side navi
	6: module

*******************************************************/

/****** 1: body and base setting **********************/

body{
	text-align:center;/* box centering */
	font: normal 75% 'ＭＳ Ｐゴシック',sans-serif;
	margin: 0px;
	padding: 0px;
	color:#151515;
	}

/* general params
--------------------*/
h1, h2, h3, h4, h5, h6,
div, p, pre, ul, ol, dl, dt, dd,
address, form, blockquote{
	margin: 0;
	padding: 0;
	line-height: 1.5;/* base line height */
	text-align: left;
	display: block;
	}


hr{
	display : none;
	}

img {
	border: none;
	vertical-align: bottom;
	}

li {
	list-style: none;
	}

/* acronyms and abbreviations styles 
-------------------------------------*/
acronym,abbr{
	cursor:help;
	border-bottom: dotted 1px;
	}

/****** 2: link setting *******************************/
a:link		{ color:#404040; text-decoration:underline; }
a:visited	{ color:#404040; text-decoration:underline; }
a:hover	{ color:#E6679C; text-decoration:underline; }
a:active	{ color:#E6679C; text-decoration:underline; }

#topic_path a:link	{ color: #993333; text-decoration:none; }
#topic_path a:visited	{ color: #5398a6; text-decoration:none; }
#topic_path a:hover	{ color: #ff2000; text-decoration:underline; }
#topic_path a:active	{ color: #ff2000; text-decoration:underline; }

#hello_set a:link	{ color: #80B404; text-decoration:none; font-weight: bold; }
#hello_set a:visited	{ color: #80B404; text-decoration:none; font-weight: bold; }
#hello_set a:hover	{ color: #A3E505; text-decoration:underline; font-weight: bold; }
#hello_set a:active	{ color: #A3E505; text-decoration:underline; font-weight: bold; }

#together_set a:link	{ color: #FF6B5E; text-decoration:none; font-weight: bold; }
#together_set a:visited	{ color: #FF6B5E; text-decoration:none; font-weight: bold; }
#together_set a:hover	{ color: #FF9B5E; text-decoration:underline; font-weight: bold; }
#together_set a:active	{ color: #FF9B5E; text-decoration:underline; font-weight: bold; }

/****** 3: layout ************************************/

#wrapper{
	text-align:center;
	}

#content{
	width:920px;
	margin:0 auto;
	padding:0 0 5px 0;
	text-align:left;
	}

html*#content{
	padding:0 0 5px 0;
	//padding:0 0 0px 0;
	}

#main_contents {
	width: 920px;
	margin: 0 auto;
}


/* グローバルナビ */

#globalNavi {
	height: 46px;
	background: url(../img/gn_bg.jpg) repeat-x;
	margin-bottom: 12px;
}

#globalNavi li {
	float: left;
	height: 46px;
	padding-right: 1px;
	background: url(../img/gn_li_bg.jpg) right top;
}


#globalNavi li a.top,
#globalNavi li a.blog,
#globalNavi li a.interior,
#globalNavi li a.report {
	display: block;
	height: 46px;
}

#globalNavi li a.top {
	width: 214px;
	background:url(../img/btn_top_o.jpg) 0 0 no-repeat;
}

#globalNavi li a.blog {
	width: 99px;
	background:url(../img/btn_blog_o.jpg) 0 0 no-repeat;
}

#globalNavi li a.interior {
	width: 160px;
	background:url(../img/btn_interior_o.jpg) 0 0 no-repeat;
}

#globalNavi li a.report {
	width: 120px;
	background:url(../img/btn_report_o.jpg) 0 0 no-repeat;
}

#globalNavi li a.top:hover,
#globalNavi li a.blog:hover,
#globalNavi li a.interior:hover,
#globalNavi li a.report:hover {
	background-color:#FFFFFF;
}

#globalNavi li a.top:hover img,
#globalNavi li a.blog:hover img,
#globalNavi li a.interior:hover img,
#globalNavi li a.report:hover img {
	visibility:hidden;
}

/*トップページメイン画像*/

#main_img_area {
	width: 918px;
	height: 358px;
	border: 1px solid #A5A1A1;
	background: #FFFFFF url(../img/main_bg.jpg) no-repeat;
	margin-bottom: 15px;
}

#main_img_area #main_box {
	float: right;
	width:249px;
}

#main_img_area #main_box h1 {
	margin: 26px 0 0 77px;
}
#main_img_area #main_box p.catch {
	margin: 33px 0 0 35px;
}

#main_img_area #main_box p.client {
	margin-top:110px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}


/* キャッチ＆バナーエリア */

#lead {
	width:920px;
	margin-bottom: 20px;
}

#lead #box_left {
	width:650px;
	float:left;
}

#lead #box_right {
	width:250px;
	float:right;
}



#lead #leadSentence,
#primary #leadSentence {
	margin-bottom:20px;
}

#primary{
	float: left;
	width: 650px;
	font-size:100%;
	margin-bottom: 15px;
}

/* Hello!編 */

#hello {
	float: left;
	width: 315px;
}

#hello #hello_set {
	width: 315px;
	margin: 0;
	padding:15px 0 15px 0;
	border-bottom: 1px solid #91C219;
}

#hello .thumbnail {
	width: 96px;
	float: left;
}

#hello .name {
	color: #80B404;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 1.2;

}

/* together編 */

#together {
	float: right;
	width: 315px;
}

#together #together_set {
	width: 315px;
	margin: 0;
	padding:15px 0 15px 0;
	border-bottom: 1px solid #FF8B80;
}

#together .thumbnail {
	width: 96px;
	float: left;
}

#together .name {
	color: #FF6B5E;
	font-weight: bold;
	margin-bottom: 5px;
	line-height: 1.2;

}


#secondary {
	float:right;
	width:250px;
	font-size:100%;
}

#secondary #news,
#secondary #member,
#secondary #shop {
 width:248px;
 border: 1px solid #A5A1A1;
 margin-bottom: 20px;
}

/* what's New */

#secondary #news dl.date {
	width: 230px;
	margin: 5px 0 15px 9px;
 }

 
dl.date dt {
	margin: 0;
	padding: 5px 0 5px 0;
	font-weight: bold;
}
dl.date dd  { 
	margin-bottom:7px;
	padding: 0 5px 9px 0;
	border-bottom: 1px solid #ccc;
 }

dl.date dd.last{ 
	margin-bottom:7px;
	padding: 0 0 9px 0;
	border-bottom: none;
 }


/* ブログ一覧 */
 
#secondary #member .blog_set,
#secondary #member .blog_set_last {
	width: 230px;
	margin: 0 0 0 9px;
	padding:7px 0 15px 0;
}

#secondary #member .blog_set {
	border-bottom: 1px solid #ccc;
}
#secondary #member .thumbnail {
	width: 50px;
	float: left;
}
#secondary #member .name {
	font-weight: bold;
}

/* インテリア */

#interior_main_area {
	width: 920px;
	margin-bottom: 15px;
}

#interior_main_area h1 {
	margin-bottom: 16px;
}

#primary .interior_lead,
#primary .interior_l,
#primary .interior_r{
	width: 650px;
	margin-bottom: 30px;
}

#primary .interior_lead {
	padding-bottom: 30px;
	border-bottom: 1px #ccc dashed;
}

#primary .interior_lead .text_set {
width: 417px;
float: left;
margin-top: 10px;
}

#primary .interior_l .text_set {
width: 309px;
float: right;
margin-top: 10px;
}

#primary .interior_r .text_set {
width: 309px;
float: left;
margin-top: 10px;
}

#primary .interior_lead h2,
#primary .interior_l h2,
#primary .interior_r h2 {
	margin-bottom: 20px;
}

#primary .interior_lead p.photo {
	float: right;
	padding-left: 20px;
}

#primary .interior_l p.photo {
	float: left;
	padding-right: 20px;
}

#primary .interior_r p.photo {
	float: right;
	padding-left: 20px;
}

/* shop data */

#secondary #shop #shop_data,
#secondary #shop #link_area {
	margin:15px 9px 30px 9px;
}

#secondary #shop #link_area .link {
	margin:15px 0 0 10px;
	list-style:none;
	}
	
.link li {
	background:url(../interior/img/link_list.gif) left 5px no-repeat;
	padding-left:17px;
	margin-top:10px;
	}
	
/* カラー別リンクリスト */

#primary .coordinate {
	margin-top: 40px;
}

#primary #color_link {
	float: left;
	width: 65px;
	margin-top: 20px;
}

#primary #color_link img {
	margin-right: 20px;
}


#color_link ul{
	width: 650px;
	height:65px;
	margin-bottom:25px;

	}

#color_link li{
	float:left;
	background:url(../interior/img/btn_back.gif) no-repeat;
	width:315px;
	height:65px;
	}
	
/* IE6,7用ハック */
#color_link li{
	/ background:url(../interior/img/btn_back.gif) no-repeat 0 1px;
	}
	
	
#color_link li a{
	width:315px;
	height:65px;
	display:block;
	padding:4px 0 0 4px;
	text-decoration: none;
		}
		
#color_link li a:hover{
	background:url(../interior/img/btn_back_over.gif) no-repeat;
	}

/* IE6,7用ハック */	
#color_link li a:hover{
	/ background:url(../interior/img/btn_back_over.gif) no-repeat 0 1px;
	}
	
#color_link li a span,
#color_link li a:hover span {
	text-decoration: underline;
}

#go_top {
	clear: both;
	margin: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 30px;
	padding-bottom: 10px;
	border-top: 1px #ccc dashed;
}	


/****** 4: common parts *************************************/

#topic_path{
	margin:7px 0 20px 0;
	font-size:80%;
	}

.bt_bnlist{
	padding:10px;
	text-align:right;
	}

.tc{ text-align:center;}
.tr{ text-align:right;}

a.cssover{
	display:block;
	}

a.cssover:link		{ border:1px solid #7a533a;}
a.cssover:visited	{ border:1px solid #7a533a;}
a.cssover:hover		{ border:1px solid #9bd01a;}
a.cssover:active	{ border:1px solid #9bd01a;}




/****** 7: etc *************************************/
.line {
	text-decoration: line-through;
}


/* clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.CenterAdjust {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

/* 20100209 */
.CenterAdjust_line {
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
	border-top: 1px #ccc dashed;
	border-bottom: 1px #ccc dashed;
}

.RightAdjust { text-align: right; }

#close {
  width: 680px;
	height: 56px;
	background: #F6CADD;
	border-top: 1px solid #FFFFFF;
}

#close_btn a {
	float:right;
	width: 90px;
	background:url(../interior/img/btn_close_o.gif) 0 0 no-repeat;
}

#close_btn a:hover {
	background-color:#F6CADD;
}

#close_btn a:hover img {
	visibility:hidden;
}

.line {
	text-decoration: line-through;
}





/****** 2.12追加 インテリアTOP *************************************/


#interior_head {
	width: 918px;
	height: 358px;
	border: 1px solid #A5A1A1;
	background:url(../interior/img/index_head.jpg) no-repeat #FFFFFF;
	margin-bottom: 15px;
	clear:left;
}

#interior_head #interior_box {
	float: right;
	width:249px;
	text-align:center;
}

#interior_head #interior_box h2{
	margin: 32px 0 0 42px;
	}
	
#interior_head #interior_box p.catch {
	margin: 60px 0 0 40px;
}
	
#interior_left {
	width:650px;
	float:left
	}	
	
#interior_left h3{
	border-bottom: 1px #ccc dashed;
	padding-bottom:10px;
	margin-bottom:15px;
	}
	
#interior_left h3 img{
	border:0;
	hieght:30px;
	}
	
#interior_left ul{
	margin:0 0 15px 25px;
	height:145px;
	clear:left;
	}

#interior_left li{
	float:left;
	background:url(../interior/img/index_menuback.gif) no-repeat;
	width:184px;
	height:145px;
	margin-right:20px;
	_margin-right:15px;
	}
	
#interior_left li a{
	width:184px;
	height:145px;
	display:block;
	padding:5px 0 0 7px;
		}
	
#interior_left li a:hover{
	background:url(../interior/img/index_menuback_over.gif) no-repeat;
	}


/****** 2.23追加 イベントページ *************************************/

#primary .event_l,
#primary .event_r {
	width: 650px;
	margin-bottom: 30px;
}


#primary .event_l .text_set {
width: 330px;
float: right;
margin-top: 10px;
}

#primary .event_r .text_set {
width: 330px;
float: left;
margin-top: 10px;
}

#primary .event_l p.photo {
	float: left;
}

#primary .event_r p.photo {
	float: right;
}


p.photo img.shadow {
	background: url(../blog/img/shadow_bg.gif) no-repeat;
	padding: 8px 8px 22px 8px;
}