/* 共通
----------------------------------------------*/
#contents h3 {
	width: 676px;
	display: block;
	font-size: 123.1%;
	font-weight: bold;
	padding: 10px;
	border: 2px solid #FF796A;
	color: #FFF;
	background-image: url(../img/page_title.png);
}
#side_navi {
	width: 240px;
	margin-bottom: 20px;
	float: left;
	background-image: url(../../event/img/side_navi_head.png);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 10px;
	color: #666;
}
#side_navi ul li a:hover{
	color: #FF6558;
	background-image: url(../../event/img/side_navi_icon.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	background-color: #FFF7F7;
}

.side_navi_nowpoint{
	color: #FF6558;
	background-image: url(../../event/img/side_navi_icon.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	background-color: #FFF7F7;
	display: block;
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dashed #CCC;
	text-decoration: none;
	padding-left: 20px;
}
#category_title h2{
	height: 100px;
	width: 960px;
	margin-bottom: 10px;
	clear: both;
	background-image: url(../../event/img/title.jpg);
	text-indent: -9999px;
}
#contents #page_title {
	background-color: #FF8476;
	width: 700px;
	margin-bottom: 10px;
}
#contents h4 {
	color: #FE7869;
	display: block;
	width: 680px;
	border-top: 1px solid #FF8476;
	border-right: 1px solid #FF8476;
	border-bottom: 1px solid #FF8476;
	border-left: 4px solid #FF8476;
	font-size: 108%;
	margin-bottom: 10px;
	font-weight: bold;
	background-color: #FFEDEC;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 10px;
}
#contents h5 {
	font-weight: bold;
	color: #FF8476;
}

/* 今後のイベント情報
----------------------------------------------*/
#announcement{
	border: 5px solid #FF8476;
	padding: 20px;
	text-align: center;
	background: url(../../event/img/event/img_bg_announcement.jpg) no-repeat 0px 65px;
}
#announcement .tit{
	margin-bottom: 10px;
}
#announcement .eventname{
	font-size: 180%;
	font-weight: bold;
	color: #66CC66;
}
#announcement .eventname em{
	font-size: 80%;
	font-weight: bold;
}
#announcement .eventtext{
	font-size: 110%;
	margin-bottom: 10px;
}
#announcement .eventdate{
	font-size: 110%;
	font-weight: bold;
	line-height: 1.2;
	color: #993300;
	background: #FFFFCC;
	padding: 7px 5px 5px;
	margin-bottom: 10px;
}



/* font
----------------------------------------------*/
.font_orange {
	color: #EF9269;
}
.font_choco {
	color: #633;
}

.font_perple {
	color: #C9AEE3;
}
.font_blue {
	color: #78C2EF;
}
.font_yellow {
	color: #FF0;
}
.font_green {
	color: #A3CC84;
}
.font_pink {
	color: #E8426D;
}
.margin_b15 {
	margin-bottom: 15px;
}
.font_pinkB {
	color: #D6256D;
	font-size: 120%;
	font-weight: bold;
}
.font_greenB {
	color: #1A6823;
	font-size: 120%;
	font-weight: bold;
}


/* 花と緑の教室
----------------------------------------------*/
#tab_spa1{
	border-collapse:separate;
	border-spacing:1px;
}
.hana_bor{
	border-bottom: 1px dashed #65A800;
}


/* これまでのWEBコンテストページ
----------------------------------------------*/

#event_contest {
}
#event_contest .list_box {
	width: 700px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
}
#event_contest .list_box a img{
	margin-right: 10px;
	float: left;
}


/* ショルーム＆ショップニュース
----------------------------------------------*/
#event_ss {
}
#event_ss .event_img_right {
	float: right;
	margin-left: 10px;
	font-size: 77%;
	text-align: right;
}
#event_ss .ss_event {
	width: 700px;
}
#event_ss .ss_event  .text{
	width: 480px;
	float: left;
}
#event_ss .ss_cate  {
	color: #999;
	font-size: 85%;
	float: none;
	display: block;
}
#event_ss .ss_name {
	color: #FF7D6E;
	margin-bottom: 5px;
	display: block;
	background-image: url(../../event/img/side_navi_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
	float: left;
	clear: both;
	width: 390px;
}
#event_ss .ss_event_title {
	font-weight: bold;
	color: #FF7D6E;
	font-size: 123.1%;
	display: block;
	clear: both;
}
#event_ss .ss_event_title_small {
	font-weight: bold;
	color: #FF7D6E;
	display: block;
	clear: both;
	font-size: 108%;
}
#event_ss .ss_floor {
	color: #FFF;
	background-color: #FE9589;
	display: block;
	float: right;
	width: 5em;
	text-align: center;
	font-size: 85%;
	padding-right: 2px;
	padding-left: 2px;
}
#event_ss .ss_event_day {
	font-weight: bold;
	color: #84756F;
	margin-bottom: 5px;
	display: block;
	clear: both;
}
#event_ss .ss_event_openday {
	font-weight: bold;
	color: #ff7a03;
	display: block;
	clear: both;
}
#event_ss .floortitle {
	color: #FF7D6E;
	background-color: #FFF9F8;
	margin-bottom: 10px;
	border-left-width: 4px;
	border-left-style: solid;
	border-left-color: #FF7D6E;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #FF7D6E;
	border-right-color: #FF7D6E;
	border-bottom-color: #FF7D6E;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 5px;
	width: 535px;
}
#event_ss .text .copy {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
	clear: both;
}

#event_ss .ss_event_img  {
	float: right;
	width: 200px;
	text-align: right;
	margin-left: 10px;
	font-size: 93%;
}
#event_ss .event_in_hdc_title {
	width: 690px;
	font-weight: bold;
	color: #FFF;
	background-color: #756D68;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
	text-align: center;
}
#event_ss .event_in_hdc {
	padding: 10px;
	width: 670px;
	border-right-width: 5px;
	border-bottom-width: 5px;
	border-left-width: 5px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #7DC5FF;
	border-bottom-color: #7DC5FF;
	border-left-color: #7DC5FF;
}
#event_ss .confort {
	padding: 10px;
	width: 676px;
	border: 2px solid #D9E7D1;
}
#event_ss .event_in_hdc .event_in_hdc_box .text_490 {
	width: 470px;
}
#event_ss .confort .confort_event .text {
	width: 520px;
}
#event_ss .confort .sr {
	width: 676px;
	background-color: #FFF;
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dashed #CCC;
}

#event_ss .confort .sr .text {
	width: 490px;
	float: left;
}
#event_ss .conf_sub_img   {
	float: right;
	text-align: right;
	margin-left: 10px;
	font-size: 85%;
}
#event_ss .confort .sr .conf_ss_name{
	color: #993;
	display: block;
	font-size: 116%;
	font-weight: bold;
}
#event_ss .ecopoint {
	background-image: url(../../event/img/event_ss/ecopoint_back.jpg);
	padding: 15px;
	width: 670px;
}
#event_ss .ecopoint .ss_event {
	width: 670px;
}
#event_ss .ecopoint .ss_event .text {
	width: 450px;
}
#event_ss .ecopoint .ss_cate {
	color: #333;
}
#event_ss .ecopoint .ss_event .text .ss_event_title  {
	color: #1F7A25;
}
#event_ss .ecopoint .ss_event .text .ss_floor  {
	background-color: #1F7A25;
}
#event_ss .ecopoint .ss_event .text .ss_name      {
	width: 300px;
}
#event_ss .ecopoint hr {
	margin-top: 10px;
	margin-bottom: 10px;
	border-bottom-style: none;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #666;
}

/* HDCイベント情報
----------------------------------------------*/
.event_img_left   {
	float: left;
	font-size: 77%;
	text-align: left;
	margin-right: 10px;
}
.text_right   {
	float: right;
}
.ls_list_back {
	width: 90px;
	background-image: url(../../hdclibrary/img_old/lifeseminar_list_back.gif);
	background-repeat: no-repeat;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 6px;
	padding-bottom: 6px;
}
#event {
}
#event .shopname  {
	color: #F93;
	font-size: 116%;
	font-weight: bold;
	margin-bottom: 10px;
}
#event .title {
	font-weight: bold;
	color: #3C783F;
	font-size: 123.1%;
}
#event .titleBox p {
	display: table-cell;  
	vertical-align: middle;  
	margin: 0;  
}
/*for IE6 */  
* html .titleBox p {  
	display: inline;  
	zoom: 1;  
}   
/*for IE7 */  
*:first-child+html .titleBox p {  
	display: inline;  
	zoom: 1;  
}  
#event .subtitle {
	font-weight: bold;
	color: #3C783F;
}
#event .subtitle02 {
	font-weight: bold;
	color: #598e0d;
}
#event .time {
	font-size: 105%;
	font-weight: bold;
	color: #703924;
}
.yoyaku_text {
	font-size: 120%;
	font-weight: bold;
}
#event .txt  {
	width: 420px;
	float: left;
}
#event .box01 {
	width: 700px;
	margin-bottom: 10px;
	clear: both;
}
#event .box01 .com {
	color: #FFF;
	background-color: #F69705;
	float: left;
	background-image: url(../../event/img/event/caption.png);
	background-repeat: no-repeat;
	background-position: right center;
	width: 470px;
	background-attachment: scroll;
	padding-right: 15px;
	padding-left: 5px;
}
#event .box01 .caption {
	display: block;
	text-align: right;
}

#event .box02 {
	width: 700px;
	padding-bottom: 10px;
	clear: both;
}
#event .box02 .com {
	color: #FFF;
	background-color: #F69705;
	float: left;
	background-image: url(../../event/img/event/caption02.png);
	background-repeat: no-repeat;
	background-position: left center;
	width: 470px;
	background-attachment: scroll;
	padding-right: 5px;
	padding-left: 15px;
}
#event .box02 .caption {
	display: block;
	font-size: 93%;
}
#event .boxR {
	float: right;
	margin-left: 10px;
}
#event .boxL {
	float: left;
	width: 460px;
}

#event .boxR02 {
	float: right;
	width: 460px;		

}
#event .boxL02 {
	float: left;
	margin-right: 10px;
}
#event .r_img  {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
#event .l_img {
	float: left;
	margin-right: 10px;
}
#event .day  {
	clear: both;
	font-weight: bold;
}
#event .s_title  {
	clear: both;
	font-weight: bold;
	font-size: 110%;	
}
#event .marche {
	width: 630px;
	padding-right: 35px;
	padding-left: 35px;
	background: #fffcdb repeat-y;
}
#event .marche .title {
	font-weight: bold;
	color: #CE3D29;
	font-size: 123.1%;
}
#event .marche .event_line {
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #a15254;
	margin-top: 15px;
	margin-bottom: 15px;
	clear: both;
}
#event .marche .event_line2  {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #a15254;
	margin-top: 15px;
	margin-bottom: 15px;
	clear: both;
}
#event .seminar {
	width: 630px;
	padding-right: 35px;
	padding-left: 35px;
	background-image: url(../../event/img/event/bg_02.jpg);
	background-repeat: repeat-y;
}
#event .seminar .event_line {
	border-top-width: 2px;
	border-top-style: dashed;
	border-top-color: #3C783F;
	margin-top: 15px;
	margin-bottom: 15px;
	clear: both;
}
#event .seminar .event_line2  {
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #3C783F;
	margin-top: 15px;
	margin-bottom: 15px;
	clear: both;
}

/* イベント情報　2011年12月
----------------------------------------------*/
#event #infobg{
	background: #1f2c5c;
	width: 700px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#event #infobg #info{
	background: #ffffff;
	width: 680px;
	margin-left: 10px;
	margin-bottom: 10px;
	clear: both;
}
#event #infobg #info #left{
	width: 400px;
	float: left;
	margin-left: 10px;
}
#event #infobg #info #right{
	width: 234px;
	float: right;
	margin-right: 10px;
}
#event #infobg #info #leftb{
	width: 271px;
	float: left;
	margin-left: 10px;
}
#event #infobg #info #rightb{
	width: 336px;
	float: right;
	margin-right: 10px;
}
#event #infobg #info .hdl{
	margin-bottom: 10px;
}
#event #infobg #info #presenta{
	width: 125px;
	float: left;
	margin-left: 10px;
}
#event #infobg #info #presentb{
	width: 315px;
	float: left;
	margin-left: 10px;
}
#event #infobg #info #presentc{
	width: 200px;
	float: left;
	margin-left: 10px;
}

/* イベント情報　2012年01月
----------------------------------------------*/
#event .tit{
	margin-bottom: 20px;
}
#event #shinshun .hdl{
	margin-bottom: 15px;
}
#event #shinshun .day{
	margin-bottom: 10px;
}
#event #shinshun .sti{
	margin-bottom: 5px;
	font-size: 110%;
	font-weight: bold;
	color: #68bb3c;
}
#event #shinshun #box{
	clear: both;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 2px dashed #b7aa00;
}
#event #shinshun #box.end{
	margin-bottom: 10px;
	padding-bottom: 0px;
	border-bottom: none;
}
#event #shinshun #box #left{
	float: left;
	width: 350px;
}
#event #shinshun #box #right{
	float: right;
	width: 340px;
}
#event #shinshun #box #left2{
	float: left;
	width: 493px;
}
#event #shinshun #box #right2{
	float: right;
	width: 197px;
}
#event #shinshun #box .yoyaku{
	background: #fffccd url(../../event/img/event_1201/img_yoyaku.jpg) no-repeat 10px center;
	padding: 10px 10px 10px 65px;
	clear: both;
}
#event #shinshun #box .yoyaku strong{
	font-size: 110%;
	font-weight: bold;
	color: #ab2025;
}
#event #sawori{
	border: 3px solid #c490bf;
	padding: 17px;
}
#box1left{
	float: left;
	width: 440px;
}
#box1right{
	float: right;
	width: 206px;
}
#box2left{
	float: left;
	width: 325px;
	margin-bottom: 15px;
}
#box2right{
	float: right;
	width: 325px;
	margin-bottom: 15px;
}

/* イベント情報　2012年02月
----------------------------------------------*/
#event #oishifesta #boxm #shop{
	padding-bottom: 10px;
	border-bottom: 1px dashed #666666;
	margin-bottom: 10px;
}
#event #oishifesta #boxm #shop.none{
	padding-bottom: 0px;
	border-bottom: none;
	margin-bottom: 0px;}
#event #oishifesta #boxm #shopimg{
	float: left;
	width: 130px;
	margin-right: 10px;
}
#event #oishifesta #boxm #shoptxt{
	float: left;
	width: 510px;
}
#event #oishifesta #boxm #shoptxt .floor{
	font-size: 80%;
	font-weight: bold;
	color: #FFFFFF;
	background: #FF9900;
	padding: 3px;
	float: right;
	width: 4em;
	text-align: center;
}
#event #oishifesta #boxm #shoptxt .area{
	font-size: 80%;
	color: #000000;
}
#event #oishifesta #boxm #shoptxt .shop{
	font-size: 120%;
	line-height: 1.5;
	font-weight: bold;
	color: #FF9900;
	margin-bottom: 3px;
}
#event #oishifesta #boxm #shoptxt .shopinfo{
	line-height: 1.5;
	margin-bottom: 5px;
}
#event #oishifesta #boxm #shoptxt .menu{
	font-size: 80%;
	color: #669933;
	font-weight: bold;
}

#event #oishifesta #gentei{
	clear: both;
	background: #f9d1d4;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
#event #oishifesta #gentei strong{
	color: #659F31;
}
#event #oishifesta #gentei .genteiinfo{
	padding: 0px 20px;
}
#event #oishifesta #gentei #shop{
	padding-bottom: 10px;
	border-bottom: 1px dashed #666666;
	margin-bottom: 10px;
}
#event #oishifesta #gentei #shop.none{
	padding-bottom: 0px;
	border-bottom: none;
	margin-bottom: 0px;}
#event #oishifesta #gentei #shopimg{
	float: left;
	width: 130px;
	margin-right: 10px;
}
#event #oishifesta #gentei #shoptxt{
	float: left;
	width: 510px;
}
#event #oishifesta #gentei #shoptxt .floor{
	font-size: 80%;
	font-weight: bold;
	color: #FFFFFF;
	background: #FF9900;
	padding: 3px;
	float: right;
	width: 4em;
	text-align: center;
}
#event #oishifesta #gentei #shoptxt .area{
	font-size: 80%;
	color: #000000;
}
#event #oishifesta #gentei #shoptxt .shop{
	font-size: 120%;
	line-height: 1.5;
	font-weight: bold;
	color: #FF9900;
	margin-bottom: 3px;
}
#event #oishifesta #gentei #shoptxt .shopinfo{
	line-height: 1.5;
	margin-bottom: 5px;
}
#event #oishifesta #gentei #shoptxt .menu{
	font-size: 120%;
	color: #669933;
	font-weight: bold;
}
#event #oishifesta #gentei #shop{}
#event #oishifesta #gentei #shopimg{}
#shoptxt{}
#event #oishifesta #boxl{
	background: url(../../event/img/event_1202/img_bg.jpg) repeat-y left top;
	padding-bottom: 10px;
	margin-bottom: 10px;
	clear: both;
}
#event #oishifesta #boxl.shop{
	margin-bottom: 0px;
}
#event #oishifesta #boxm{
	padding: 15px;
	width: 650px;
	background: #FFFFFF;
	margin-top: 10px;
	margin-left: 10px;
}
#event #oishifesta #boxm.workshop{
	padding: 10px;
	width: 660px;
}
#event #oishifesta #boxm #text{
	width: 440px;
	float: left;
}
#event #oishifesta #boxm #text.shuzou{
	width: 255px;
}
#event #oishifesta #boxm .tit{
	margin-bottom: 10px;
}
#event #oishifesta #boxm .point{
	color: #EE7700;
}
#event #oishifesta #boxm .img{
	float: right;
}
#event #oishifesta #boxm .senl{
	float: left;
	width: 50px;
}
#event #oishifesta #boxm .senr{
	float: right;
	width: 600px;
	font-size: 85%;
}
#event #oishifesta #boxm #work{
	float: left;
	width: 210px;
	margin-right: 10px;
}
#event #oishifesta #boxm #work.none{
	margin-right: 0px;
}
#event #oishifesta #boxm .bg{
	background: #FFF3C3;
	padding: 10px;
	margin-top: 10px;
}
#event #oishifesta #boxm.otsumamib{
	background: #FFFFFF url(../../event/img/event_1202/img_otsumami.jpg) no-repeat 10px 10px;
	height: 110px;
	vertical-align: middle;
}
#event #oishifesta #boxm .otmml{
	float: left;
	width: 130px;
}
#event #oishifesta #boxm .otmmr{
	padding-left: 130px;
}

#event #oishifesta #chusen{
	clear: both;
	margin-bottom: 30px;
}
#event #oishifesta #chusen li{
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}
#event #oishifesta #sub{
	margin-bottom: 30px;
}
#event #oishifesta #sub .tit{
	margin-bottom: 10px;
}
#event #oishifesta .notice{
	padding: 10px;
	border: 2px solid #c4ccf7;
}

/* ショールームニュース特別枠
----------------------------------------------*/
#C-01 #wrapper #contents .info {
	width: 696px;
	border: 2px solid #039;
}
#C-01 #wrapper #contents .info h5 {
	color: #FFF;
	background-color: #039;
	padding-left: 8px;
}
#C-01 #wrapper #contents #event_ss #interior_fair .ss_event02 .text .ss_floor02 {
	color: #FFF;
	background-color: #E07DBC;
	display: block;
	float: right;
	width: 5em;
	text-align: center;
	font-size: 85%;
	padding-right: 2px;
	padding-left: 2px;
}
#C-01 #wrapper #contents .info h6 {
	font-weight: bold;
	color: #039;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 8px;
}
#C-01 #wrapper #contents .info p {
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}
#C-01 #contents #event_ss #interior_fair {
	background: url(../../event/img/event_ss/bg_midle.png) repeat-y left top;
	padding-right: 35px;
	padding-left: 35px;
}
#C-01 #contents #event_ss #interior_fair .ss_event02 .text .ss_name02 {
	color: #FF7D6E;
	margin-bottom: 5px;
	display: block;
	background-image: url(../../event/img/side_navi_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
	float: left;
	clear: both;
	width: 320px;
}
#C-01 #contents #event_ss #interior_fair .ss_event02 {
	width: 676px;
}
#C-01 #contents #event_ss #interior_fair .ss_event02 .text {
	float: left;
	width: 410px;
}
#C-01 #wrapper #contents #event_ss .confort .ss_event .text_02 {
	width: 436px;
	float: left;
}
#C-01 #wrapper #contents #event_ss .confort .ss_event .text_02 .copy {
	display: block;
	margin-top: 5px;
	margin-bottom: 5px;
	text-align: left;
	clear: both;
}
#event_ss .ss_name_02 {
	color: #FF7D6E;
	margin-bottom: 5px;
	display: block;
	background-image: url(../../event/img/side_navi_icon.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 16px;
	float: left;
	clear: both;
	width: 360px;
}
#C-01 #wrapper #contents #event_ss .confort02 .line02 {
	width: 676px;
	margin-bottom: 15px;
	text-align: right;
	border-bottom: 2px dotted #DFDFDF;
	padding-bottom: 5px;
	clear: both;
	margin-top: 5px;
}
#event_ss .confort02 {
	padding: 10px;
	width: 672px;
	border: 4px solid #91d27a;
}
#event_ss .ss_event02 {
	width: 676px;
}
#event_ss .ss_event02 .text {
	width: 480px;
	float: left;
}
#event_ss .ss_event_img02 {
	float: right;
	width: 170px;
	text-align: right;
	margin-left: 10px;
	font-size: 93%;
}
#event_ss .spbg{
	background: #FFFFCC;
	padding: 15px;
}
#event_ss .ss_event_title2 {
	font-weight: bold;
	color: #000099;
	font-size: 123.1%;
	display: block;
	clear: both;
}
#event_ss .spbg .text2{
	width: 450px;
	float: left;
}
