@charset "utf-8";

/*	[イベントのトップページ]
----------------------------------------------------------------------
----------------------------------------------------------------------*/

/*	[コンテンツのボックス内の装飾]
-----------------------------------------------*/

#contents #main h3{
	margin-top: 40px;
}

#contents #main .box .boxconte .conte .floatL{
	width:130px;
}

#contents #main .box .boxconte .conte .floatR{
	width:500px;
}

#contents #main .box .boxconte .conte .floatR p.title{
	font-size:120%;
	margin:0;
	font-weight:bold;
}

#contents #main .box .boxconte .conte .floatR p{
	margin:5px 0 0;
	padding: 0;
}

#contents #main .box .boxconte .conte .floatR p.detail{
	margin: 0 0 10px 0;
	text-align:right;
}

/*マウスオーバー*/

#contents .box.hover{
	background: url(../../shared/img/bg_frame_top_on.jpg) no-repeat 0 0;
}

#contents .box.hover .boxconte{
	background: url(../../shared/img/bg_frame_bottom_on.jpg) no-repeat 0 100%;
}

#contents .box.hover .boxconte .conte{
	background: url(../../shared/img/bg_frame_conte_on.jpg) no-repeat 0 0;
}

/*	[フォームへのリンクエリア]
-----------------------------------------------*/

#contents #main .pageLink p.center.btn{
	margin-bottom:5px;
}


/*	[イベントの詳細ページ]
----------------------------------------------------------------------
----------------------------------------------------------------------*/

#contents #main .margin0{
	margin: 0;
}
#contents #main .marginTop{
	margin: 20px 0 0;
}
#contents #main .marginTop50{
	margin: 50px 0 0;
}

#contents #main .marginBottom,
#contents #main .block .marginBottom{
	margin: 0 0 20px;
}

/*	[詳細内のカラーボックス]
-----------------------------------------------*/


#contents #main .eventday{
	color: #0066CC;
}


/* テーブル */
#contents #main table{
	border: 1px #999999 solid;
	margin: 10px auto;
	border-collapse: collapse;
}
#contents #main th,
#contents #main td{
	padding: 5px;
	border-right: 1px #999999 solid;
	border-bottom: 1px #999999 solid;
}
#contents #main th{
	background: #D8F2F5;
	text-align: center;
}
#contents #main .last{
	border: none;
}



/*　リンク　*/

#contents #main .block p.special{
	margin:5px 0;
}

#contents #main .block p.special a:link, 
#contents #main .block p.special a:visited, 
#contents #main .block p.special a:hover, 
#contents #main .block p.special a:active{
	text-decoration:underline;
}


/*	[人物紹介ボックス・セミナー]
-----------------------------------------------*/

#contents #main .introduce{
	border:1px solid #67A9EB;
	padding:15px;
	text-align:center;
	margin:20px 0 20px;
}

/* clearfix scheme */
#contents #main .introduce{
	display: inline-block;
}
#contents #main .introduce:after{
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
	clear: both;
	line-height: 0;
}
/*MacIE \*/
* html #contents #main .introduce{
	height: 1em;
}
#contents #main .introduce{
	display: block;
}
/* initialization for clearfix */

#contents #main .introduce .architect{
	width:420px;
	margin:0 auto;
}

#contents #main .introduce .architect .floatR{
	width:260px;
	text-align:left;
}

#contents #main .introduce .architect .floatR dl dt{
	float:left;
	clear:left;
	padding:0 5px 0 0;
	width:4em;
}

#contents #main .introduce .architect .floatR dl dd{
	padding:0 0 3px 4em;
}

#contents #main .introduce .example{
	width:450px;
	text-align:left;
	margin:0 auto;
}

#contents #main .introduce .example ul li{
	float:left;
	margin-right:20px;
	_margin-right:15px;
/*	width:110px; */
}

#contents #main .introduce .formBox{
	background: #F7F7F7;
	text-align: center;
	padding: 5px;
	margin: 15px 0;
}

/*	[「建築家＋お客様の家　完成見学会」開催]
-----------------------------------------------*/
#contents #main .eventBox01,
#contents #main .eventBox03,
#contents #main .eventBox04{
	width: 500px;
	margin: 10px auto;
	text-align: left;
}
#contents #main .eventBox01 .floatL{
	float: left;
	width: 160px;
}
#contents #main .eventBox01 .floatR{
	float: right;
	width: 330px;
	text-align: left;
}


/*	[アルテカルチャー高松オープン記念イベント]
-----------------------------------------------*/
#contents #main .eventBox02 dd{
	padding-left: 80px;

}


/*	[第15回未来をのぞく住宅展]
-----------------------------------------------*/
#contents #main .eventBox03 ul{
	width: 250px;
}
#contents #main .eventBox03 li{
	padding-bottom: 10px;
}
#contents #main .eventBox03 li img{
	float: left;
	width: 70px;
	clear: both;
}
#contents #main .eventBox03 li p{
	float: right;
	width: 170px;
	padding-right: 5px;
	margin-top: 0;
}

/*	[第16回未来をのぞく住宅展]
-----------------------------------------------*/
#contents #main .eventBox04 li{
	padding-bottom: 10px;
}
#contents #main .eventBox04 li img{
	float: left;
	width: 70px;
	margin-right: 7px;
	clear: both;
}
#contents #main .eventBox04 li p{
	float: right;
	width: 410px;
	padding-right: 5px;
	margin-top: 0;
}

/*	[香川県木田郡三木町 M様邸]
-----------------------------------------------*/
#contents #main .eventMrgin{
	margin: 100px 20px 0 0;
}

/*	[「KITCHEN．Party in TAKAMATSU」建築家、キッチンを語る！ 開催]
-----------------------------------------------*/
#contents #main .eventBox05{
	width: 516px;
	margin: 0 auto;
}
#contents #main .eventBox05 .floatL{
	float: left;
	width: 112px;
}
#contents #main .eventBox05 .floatR{
	float: right;
	width: 390px;
}


/*	[「太陽光発電システムお客様ご説明会」開催]
-----------------------------------------------*/
#contents #main .eventBox06{
	width: 530px;
	margin: 0 auto;
}
#contents #main .eventBox06 table{
	background: #E9F4FE;
	border: 0;
	margin-bottom: 20px;
}
#contents #main .eventBox06 table th,
#contents #main .eventBox06 table td{
	padding: 3px 7px;
	text-align: left;
	vertical-align: top;
	border: 0;
}
#contents #main .eventBox06 table th{
	color: #0066FF;
	background: #E9F4FE;
}
#contents #main .eventBox06 table td.right{
	text-align: right;
}


/*	[「建築家＋お客様の家　見学会」開催]
-----------------------------------------------*/
#contents #main .eventBox07{
	width:450px;
	margin: 0 auto;
}
#contents #main .eventBox07 .floatL,
#contents #main .eventBox07 .floatR{
	width: 225px;
}


/*	[AROS　Deli　おいしい休日]
-----------------------------------------------*/
#contents #main .eventBox08{
	width:500px;
	margin: 20px auto;
	background: #FEF2C5;
	padding: 5px;
}
#contents #main .eventBox08 .leftBox,
#contents #main .eventBox08 .rightBox{
	width: 250px;
}
#contents #main .eventBox08 .rightBox{
	width: 200px;
	padding: 5px 15px;
	background: #FFFFFF;
}


/*	[AROS Life-labo　2つのワークショップ開催]
-----------------------------------------------*/
#contents #main .eventBox09.red{
	width: 520px;
	border: 2px #FF0000 solid;
	padding: 10px;
	margin: 20px auto;
}
#contents #main .eventBox09.green{
	width: 520px;
	border: 2px #006600 solid;
	padding: 10px;
	margin: 0 auto 20px auto;
}

/*	[辰巳 渚 講演会]
-----------------------------------------------*/
#contents #main dl.plofile01 dt{
	float: left;
}
#contents #main dl.plofile01 dd{
	padding-left: 350px;
}

/*	[「お客様の家」完成見学会のご案内]
-----------------------------------------------*/
#contents #main .introduce .eventBox10{
	width:450px;
	text-align:left;
	margin:0 auto;
}

#contents #main .introduce .eventBox10 ul li{
	margin-right:20px;
	width:225px;
}

#contents #main .introduce .eventBox10 .floatL{
	float:left;
	width:225px;
}

#contents #main .introduce .eventBox10 .floatR{
	float:right;
	width:225px;
}

/* 110112 久成文人氏プロデュース＜お客様の家＞完成見学会 */

#contents #main .eventBox11 ul li{
	width:500px;
}

#contents #main .eventBox11 li img{
	float: left;
	clear:both;
	width:200px;
}
#contents #main .eventBox11 li p{
	float: right;
	margin-right:5px;
}

/*	[イベント情報バックナンバーへ戻る]
-----------------------------------------------*/

#contents #main .eventtop{
	padding:0 0 0 20px;
	background:url(../../shared/img/icon_arrow06.gif) no-repeat 0 0.1em;
}


/*	[建築家紹介の施工例のサムネ付き複数バージョン]
-----------------------------------------------*/
.thumb-works-box{
	clear:both;
}

.thumb-works-box p{
	float:left;
}

.thumb-works-box div{
	float:right;
	width:225px;
}

.thumb-works-box div p{
	float:none;
}


/*	[建築家による　リフォームプラン相談会]
-----------------------------------------------*/
.thumb-works-box div .list-01{
	float:left;
}

.thumb-works-box div .list-01,
.thumb-works-box div .list-02{
	width:110px;
}

.thumb-works-box div .list-02{
	float:right;
}

/*	[第19回未来をのぞく住宅展＜高松スタジオ＞]
-----------------------------------------------*/

#contents #main .eventBox12{
	width: 650px;
	text-align: left;
	margin: 0 auto 10px;
}
#contents #main .eventBox12 li img{
	float: left;
	width: 70px;
	margin-right: 10px;
	clear: both;
}

#contents #main .eventBox12 li p{
	float: right;
	width: 555px;
	padding-right: 5px;
	margin-top: 0;
}

/*	[建築家 谷ノ口義弘氏プロデュース＜お客様の家＞完成見学会]
-----------------------------------------------*/
#contents #main .introduce.eventBox13 .architect{
	width:545px;
}

#contents #main .introduce.eventBox13 .architect .floatR{
	width: 365px;
}

#contents #main .introduce.eventBox13 .example {
	width:545px;
}
#contents #main .introduce.eventBox13 .example .thumb-works-box div {
	width:320px;
}

/* clearfix scheme */
div,
li{
	display: inline-block;
}
div:after,
li:after{
	height: 0;
	visibility: hidden;
	display: block;
	content: ".";
	clear: both;
	line-height: 0;
}
/*MacIE \*/
* html div,
* html li{
	height: 1em;
}
div,
li{
	display: block;
}
/* initialization for clearfix */