/* CSS Document */

hr {
    margin: 15px 0px 13px;
	border-width: 1px 0px 0px 0px;
    border-style: solid;
    border-color: #AAAAAA;
    height: 1px;
}
hr.side01 {
    margin: 10px 0px;
	
	/* IE6、IE7用 */
	>margin: 5px 0px;
}
hr.side02 {
    margin: 10px 0px;
	
	/* IE6、IE7用 */
	>margin: 5px 0px;
}
hr.side03 {
    margin: 10px 0px 0px 0px;
	
	/* IE6、IE7用 */
	>margin: 1px 0px 0px 0px;
}

div#showroom-main {
	width: 940px;
	padding-top: 4px;
}
div#showroom-main table {
	width: 420px;
	margin: 125px 0px 0px 15px;
}
div#showroom-main th {
	width: 68px;
	height: 1em;
	vertical-align: center;
}
div#showroom-main td {
	width: 344px;
	padding-left: 8px;
	vertical-align: top;
}
div.slideshow {
	width: 493px;
	float: right;
}
div#showroom-main p.indent {
	width: 331px;
	padding-left: 1em;
}

div#info {
	width: 940px;
	padding-top: 2px;
	
	/* IE6、IE7用 */
	>padding-top: 4px;
	/* IE8用 */
	padding-top /*\**/: 4px\9;
	clear: both;
}

/*----------------------------------------------------------------------
サイド
-----------------------------------------------------------------------*/
div#side {
	width: 217px;
	margin-top: 32px;
	color: #333333;
	line-height: 15px;
	text-align: center;
	float: right;
}

div#side div.new-products {
/*
position: relative;
*/
    overflow-y: scroll;
    overflow-x: hidden;
    border: none;
    line-height: 1.2em;
	margin-left: 3px;
	border: 1px solid #aaa;
}
div#side div.new-products {
    width: 209px;
	height: 264px;
}
div#side div.new-products::-webkit-scrollbar {
    background: transparent;
    height: 7px;
    overflow: visible;
    width: 13px;
}
div#side div.new-products::-webkit-scrollbar-thumb {
    border-left: none;
    background-color: rgba(0, 0, 0, 0.2);
}
div#side div.new-products::-webkit-scrollbar-corner {
    background: transparent;
}

div#side p {
	width: 185px;
	margin: 0 auto;
	text-align: left;
	font-size: 85%;
}

ul#TB-Cafe {
	width: 185px;
	margin: 1em 0px 1em 3em;
}
ul#TB-Cafe li {
	width: 185px;
	text-align: left;
}

div#side ul#banner li {
	position: relative;
	margin-top: 9px;
	list-style: none;
	display: block;
}
div#side ul#banner li.mailletter {
	width: 185px;
	height: 246px;
	margin: 0px auto;
	overflow: hidden;
}
div#side ul#banner li.mailletter a img {
	position: relative;
	top: 0px;
	left: 0px;
}
div#side ul#banner li.mailletter a:hover img {
	top: -247px;
}

/*----------------------------------------------------------------------
ショールームからのお知らせ
-----------------------------------------------------------------------*/
div#topics {
	width: 570px;
	margin: 9px 0px 0px 19px;
	padding: 1em 38px 1em 35px;
	background-color: #F2F1EF;
	float: left;
}
div#topics h4 {
	margin-top: 1em;
	/* IE7対策 */
	font-size: 100%;
	line-height: 20px;
	color: #333333;
}
div#topics div.topics-image {
	width: 185px;
	margin-left: 20px;
	float: right;
}

/*----------------------------------------------------------------------
イベント
-----------------------------------------------------------------------*/
div.event {
	width: 802px;
	margin-left: 2px;
}

/*----------------------------------------------------------------------
サロンビジネスのサポートツール
-----------------------------------------------------------------------*/
div#support {
	width: 556px;
	padding-left: 58px;
	
	/* IE6、IE7用 */
	>margin-bottom: 30px;
}
div#support ul#support {
	width: 556px;
	display: block;
}
div#support ul#support li {
	width: 272px;
	height: 157px;
	margin-left: 6px;
	list-style: none;
	float: left;
}
div#support ul#support li.reserve {
	width: 550px;
	height: 102px;
	padding-top: 33px;
	
	/* IE6、IE7用 */
	>height: 74px;
}
div#support p.soudan {
	padding: 0px 14px 3px 6px;
	font-size: 93%;
}
div#support p.raijyou {
	margin-bottom: 2px;
	padding-left: 6px;
	font-size: 85%;
	line-height: 14px;
}

/*----------------------------------------------------------------------
h2
-----------------------------------------------------------------------*/
h2.topics {
	margin-left: 39px;
	padding-top: 35px;
	
}
h2.function {
	padding-top: 46px;
	clear: left;
	
	/* IE6、IE7用 */
	>padding-top: 23px;
}
h2.event {
	padding: 42px 0px 9px 0px;
	clear: left;
}

/*----------------------------------------------------------------------
h3
-----------------------------------------------------------------------*/
h3.new-products {
	margin: 0px 0px 9px 43px;
	text-align: left;
}

h3.display, h3.support {
	margin: 25px 0px 8px 39px;
}
h3.support {
	margin-top: 33px;
	padding-bottom: 4px;
	
	/* IE6、IE7用 */
	>padding-top: 3px;
	/* IE8用 */
	margin-top /*\**/: 24px\9;
}
h3.support02 {
	padding-bottom: 4px;
}

h3.course {
	margin: 0px 0px 8px 39px;
	padding-top: 23px;
	clear: left;
}

p.display, p.course {
	margin-left: 63px;
	font-size: 100%;
	line-height: 20px;
	color: #333333;
}

div#topics p.indent {
	width: 540px;
	margin-left: 1em;
}

/*----------------------------------------------------------------------
代々木、大阪用
-----------------------------------------------------------------------*/
div#course {
    width: 600px;
	padding: 5px 11px 0px 63px;
	font-size: 100%;
	line-height: 21px;
	color: #333333;
}
div#course div.text {
    width: 290px;
	float: right;
}
div#course div.text dt {
    width: 1em;
	display: block;
	float: left;
}
div#course div.text dd {
    width: 276px;
	display: block;
	float: left;
}

table.course {
	border-collapse: collapse;
	border-top: 1px solid #999;
	border-left: 1px solid #999;
	line-height: 20px;
}
table.course th, table.course td {
	padding: 0px 6px;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	font-weight: normal;
	text-align: center;
}

ul#display {
	padding: 5px 0px 35px 69px;
}
ul#display li {
	width: 187px;
	height: 44px;
	margin-right: 26px;
	overflow: hidden;
	position: relative;
	list-style: none;
	float: left;
}
ul#display li a img {
	position: relative;
	top: 0px;
	left: 0px;
}
ul#display li a:hover img {
	left: -214px;
}
/* IE7 バグ回避 */
*:first-child+html ul#display li a:hover img {
    float: left;
}

/*----------------------------------------------------------------------
ご来場予約ボタン
-----------------------------------------------------------------------*/
ul#reserve-button01 {
	margin: 36px 0px 0px 20px;
}
ul#reserve-button01 li {
	width: 187px;
	height: 44px;
	overflow: hidden;
	position: relative;
	list-style: none;
	float: left;
	margin-right: 26px;
}
ul#reserve-button01 li.coupon {
	height: 66px;
	margin-left: 26px;
}
ul#reserve-button01 li a img {
	position: relative;
	top: 0px;
	left: 0px;
}
ul#reserve-button01 li a:hover img {
	left: -214px;
}
/* IE7 バグ回避 */
*:first-child+html ul#reserve-button01 li a:hover img {
    float: left;
}

ul#reserve-button03 {
	margin: 0px 0px 0px 20px;
}
ul#reserve-button03 li {
	width: 187px;
	height: 44px;
	overflow: hidden;
	position: relative;
	list-style: none;
	float: left;
	margin-right: 26px;
}
ul#reserve-button03 li.coupon {
	height: 66px;
	margin-left: 26px;
}
ul#reserve-button03 li a img {
	position: relative;
	top: 0px;
	left: 0px;
}
ul#reserve-button03 li a:hover img {
	left: -214px;
}
/* IE7 バグ回避 */
*:first-child+html ul#reserve-button03 li a:hover img {
    float: left;
}


p.reserve-button02 {
	width: 187px;
	height: 44px;
	margin: 8px 0px 0px 20px;
	overflow: hidden;
	position: relative;
}
p.reserve-button02 a img {
	position: relative;
	top: 0px;
	left: 0px;
}
p.reserve-button02 a:hover img {
	left: -214px;
}
/* IE7 バグ回避 */
*:first-child+html p.reserve-button02 a:hover img {
    float: left;
}