@charset "utf-8";
/* CSS Document */

/**********************/
/*生活向上生活サロンとは*/
/**********************/
#lead{
	margin:10px 40px 25px 40px;
}

#point{
	margin-bottom:30px;
}

#point dt{
	padding-top:5px;
}

#point dd{
	padding:5px 0 5px 40px;
	border-bottom:#CCCCCC 1px dotted;
}


#tab{
	margin-bottom:15px;
	clear:right;
}

#event, #toi, #access{
	margin-bottom:30px;
}

#event h2{
	margin-bottom:5px;
}

#toi h2, #access h2{
	margin-bottom:15px;
}

#event h3{
	width:623px;
	min-height:40px;
	padding:5px 5px 5px 50px;
	margin-bottom:10px;
	background:url(../../salon/images/h3_bg01.gif) left bottom no-repeat;
	color:#FF3300;
	font-weight:bold;
	font-size:1.2em;
}

#event h3 span{
	font-weight:normal;
	font-size:0.8em;
}


#event .item h3{
	width:305px;
	min-height:0;
	padding:10px 10px 5px 10px;
	background:url(../../salon/images/h3_bg02.gif) left bottom repeat-x;
}

#event .item td p{
	font-size:0.8em;
}

#event td, #fragment-2 td, fragment-3 td{
	vertical-align:top;
}

div.sche h4{
	padding-top:3px;
	margin-top:15px;
	border-top:#6da302 1px solid;
	color:#6da302;
	font-weight:bold;
	font-size:0.8em;
}

div.sche p{
	font-size:0.8em;
}

div.item{
	width:330px;
	margin-bottom:10px;
}

p.btn01{
	text-align:right;
	padding-bottom:10px;
}

p.btn02{
	text-align:right;
	padding-top:5px;
	margin-top:15px;
	border-top:#CCCCCC 1px dotted;
}

/**********************/
/*イベントスケジュール*/
/**********************/

/*今月の開催イベント*/
.event{
	margin-bottom:20px;
	width:278px;
	border:#B9DDFB 1px solid;
	background:url(../../salon/images/bg_h4.gif) left top repeat-x;
	}
	
.event h4{
	margin:3px;
}

.event li{
	border-top:#B9DDFB 1px dotted;
	padding:3px 18px;
	background:url(../images/parts_more02.gif) 5px 8px no-repeat;
}

.event li img{
	margin-left:3px;
}

h3#sch{
	margin:30px 0 10px 0;
	border:#87D883 1px solid;
	background-color:#E4FECB;
	background-image:none;
	color:#59B359;
}

h3#sch span{
	font-size:1.2em;
	color:#59B359;
}


/*イベントカレンダー*/
#calender{
	width:544px;
	padding:10px;
	border:#E2E2E2 3px solid
}

#calender table{
	width:100%;
	border-spacing:0;
}

#calender td{
	padding:3px 0;
	border-top:#666666 1px dotted;
	vertical-align:top;
}

#calender td.date{
	width:60px;
}

#calender td.time{
	width:90px;
}

#calender td.sat{
	color:#0099FF;
}

#calender td.sun, #calender td.hol{
	color:#FF3366;
}

#calender tr.lastChild td{
	border-bottom:#666666 1px dotted;
}

#calender tr.odd{
	background-color:#FFFFFF;
}

#calender tr.even{
	background-color:#E4FECB;
}

/**********************/
/*　　イベント詳細　　*/
/**********************/


#salon_list table.info th{
	background-color:#E4FECB;
}

#salon_list table.info td.date{
	text-align:center;
	background-color:#f0ECE9;
}

.ph img{
	float:left;
	margin-right:15px;
}

.ph p{
	margin-left:185px;
}

.ph .event_detail{
	margin-left:185px;
	margin-bottom:10px;
	padding:8px;
	border:#87D883 1px solid;
	background-color:#E4FECB;
}

.no_ph p{
	margin-left:0;
	width:300px;
	float:left;
	margin-right:15px;
}

.no_ph .event_detail{
	width:220px;
	margin-bottom:10px;
	padding:8px;
	border:#87D883 1px solid;
	background-color:#E4FECB;
	float:right;
}

.reserve{
	clear:both;
}


/*情報テーブル*/
table.info{
	margin-bottom:10px;
	border-top:#CCCCCC 1px solid;
	border-left:#CCCCCC 1px solid;
}

table.info th, table.info td{
	padding:3px 5px;
	border-right:#CCCCCC 1px solid;
	border-bottom:#CCCCCC 1px solid;
	vertical-align:top;
}

table.info th{
	text-align:left;
	font-weight:bold;
}

table.info td.icon{
	width:420px;
}

table.info td.icon img{
	margin-left:2px;
}

table.info td.code{
	width:120px;
	background-color:#f4f4f4;
}


table.info dl{
	margin:5px 0;
}

table.info dt{
	margin:0;
	padding:0;
	line-height:1.3em;
	width:6em;
	text-align:center;
}

table.info dd{
	position:relative; 
	top:-1.3em;
	left:6em;
	width:80%;
	margin:0;
	padding:0 0 0 1em;
	line-height:1.3em;
	z-index:1;
}


/*
table.info dt{
	clear:left;
	float:left;
	width:60px;
	padding:2px 4px;
	margin-bottom:5px;
	text-align:center;
	font-size:0.9em;
}

table.info dd{
	margin-left:80px;
	margin-bottom:5px;
	padding-top:3px;
}
*/

table.info dd strong{
	color:#0066FF;
}

table.info div.detail{
	clear:left;
	padding:3px 0 0 0;
	margin:0;
	border-top:#CCCCCC 1px dotted;
	text-align:right;
}


/**********************/
/*　　会員登録案内　　*/
/**********************/

#registInfo{
	margin-top:30px;
	padding:10px;
	border:#4EA4EC 3px solid;
}