@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% 'メイリオ',Meiryo, sans-serif;
	margin: 0px;
	padding: 0px;
	color:#404040;
	}

/* 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;
	}

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

/****** 2: link setting *******************************/

a:link	{ color: #836e54; text-decoration:none; }
a:visited	{ color: #ac9e8d; text-decoration:none; }
a:hover	{ color: #ff7700; text-decoration:underline; }
a:active	{ color: #ff7700; 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; }




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

/************ 各ページ共通 ************/

#wrapper{
	text-align:center;
	}

#content{
	width:922px;
	margin:0 auto;
	text-align:left;
	}

/* コンテンツ メイン */

#main {
	float: left;
	width: 680px;
	padding: 20px 19px 15px 10px;
	border-right:#ac9e8d dashed 1px;
	/* background-color:#CCC; 一時停止 */
}



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

#side {
	float: right;
	width: 180px;
	padding: 20px 12px 20px 20px;
}


/* インデックス　margin-bottom:50 */

#side #index {
	width:180px;
	margin:0 0 50px 0;
}

#side #index ul {
	width:180px;
	}

#side #index li {
	padding:10px 0 10px 0;
	background: url(../img/line_d_680.gif) repeat-x scroll left bottom transparent;
}

#side .next {
	padding:10px 0 0 0;
	text-align:right;
	font-weight:bold;
}

/* インデックス　margin-bottom:0 */

#side #index_m0 {
	width:180px;
	margin:0 0 10px 0;
}

#side #index_m0 ul {
	width:180px;
	}

#side #index_m0 li {
	padding:10px 0 10px;
	background: url(../img/line_d_680.gif) repeat-x scroll left bottom transparent;
}




/* 見出し */

#h2_title {
	width:895px;
	height:59px;
	padding:0 0 15px 25px;
	border-bottom:#ac9e8d dashed 1px;
}

#h2_title .copy {
	color:#836e54;
	padding:12px 0 0 0;
}

#h2_title .logo_column {
	width:209px; /*h1画像の幅を指定*/
	height:59px; /*h1画像の高さを指定*/
	background:url(../img/h2_column.jpg) no-repeat top left ; /*h1の画像読み込み*/
	text-indent:-9999px; /*テキストを飛ばす*/
	float:left;
	margin:0 20px 0 0;	
}

#h2_title .logo_showroom {
	width:318px; 
	height:59px; 
	background:url(../img/h2_showroom.jpg) no-repeat top left ;
	text-indent:-9999px; 
	float:left;
	margin:0 20px 0 0;	
}

#h2_title .logo_event {
	width:232px; 
	height:59px; 
	background:url(../img/h2_event.jpg) no-repeat top left ;
	text-indent:-9999px; 
	float:left;
	margin:0 20px 0 0;	
}

#h2_title .logo_news {
	width:232px; 
	height:59px; 
	background:url(../img/h2_news.jpg) no-repeat top left ;
	text-indent:-9999px; 
	float:left;
	margin:0 20px 0 0;	
}

#h2_title .logo_sr_diary a {
	display:block;
	width:318px; 
	height:59px; 
	background:url(../img/h2_sr_diary.jpg) no-repeat top left ;
	text-indent:-9999px; 
	overflow:hidden;
	float:left;
	margin:0 20px 0 0;	
}

#h2_title .logo_sr_diary a:hover {
    background:url(../img/h2_sr_diary.jpg) no-repeat top left ; 
   }

#h2_title .logo_casestudy {
	width:232px; 
	height:59px; 
	background:url(../img/h2_casestudy.jpg) no-repeat top left ; 
	text-indent:-9999px; 
	float:left;
	margin:0 20px 0 0;	
}
   
#h2_title .logo_casestudy a {
	display:block;
	width:232px; 
	height:59px; 
	background:url(../img/h2_casestudy.jpg) no-repeat top left ; 
	text-indent:-9999px; 
	overflow:hidden;
	float:left;
	margin:0 20px 0 0;	
}

#h2_title .logo_casestudy a:hover {
    background:url(../img/h2_casestudy.jpg) no-repeat top left ; 
   }


#h2_title .logo_tips {
	width:262px; 
	height:59px; 
	background:url(../img/h2_tips.jpg) no-repeat top left ; 
	text-indent:-9999px; 
	float:left;
	margin:0 20px 0 0;	
}
  
   
   

/* SNS */

#sns {
	height:21px;
	padding:10px 0 10px;
	text-align:right;
	}
/*	background: url(../img/line_d_680.gif) repeat-x scroll left bottom transparent;*/
	
	
#sns ul.right {
	float:right;
}

#sns li {
	float: left;
	height: 21px;
}

#sns li.share {
	margin:0 11px 0 0;
}

#sns li.mixi {
	padding:0 11px 0 0;
}


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

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

.white {
	color:#FFF;
}


.goto_top {
	font-size:x-small;
	margin-top:10px;
	text-align:right;
	}
.goto_top a {
	color:#404040;
	text-decoration:none;
	font-weight:bold;
	text-align:right;
	}
.goto_top a:hover {
	color:#404040;
	text-decoration:underline;
	}

/****** 7: etc *************************************/

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

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
}

.text_120 {
	font-size:120%;
}