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


/* ASJ TOP
-------------------------------------------------------
-------------------------------------------------------*/

/*----- h3スタイル色違い(色ふと文字) -----*/

h3.title3{
	color:#B70000;
	margin:40px 0 10px;
	font-size:120%;
	font-weight:bold;
}

h3.title3.mt0{
	margin: 0 0 10px;
}

h4.melit{
	margin: 20px 0 0;
}

/*----- ASJ top contents-----*/

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


/* ボックス -----------------------*/

#contents #main .asjBox{
	background:url(../../company/img/bg_title2_flame.jpg) repeat-y 0 0;
	margin-bottom:15px;
	padding:0;
}

#contents #main .asjBox h3.title2{
	background:url(../img/bg_title2.jpg) no-repeat 0 0;
	padding:10px 10px;
	height:15px;
}

#contents #main .asjBox.topBox .inner{
	background:url(../../company/img/bg_title2_bottom.jpg) no-repeat 0 100%;
	padding:10px 20px;
}

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


/* ボックス（大）
-------------------------------------------------------*/

#contents #main .topBox .inner .floatR{
	width:530px;
}

#contents #main .topBox .inner .floatR ul.link-list li{
	float:left;
	width:258px;
	margin-right:10px;
	margin-bottom:10px;
	padding:0;
	background:url(../../company/img/bg_btn_company_top.jpg) no-repeat 0 0;
}

#contents #main .topBox .inner .floatR ul.link-list li.hover{
	background:url(../../company/img/bg_btn_company_top.jpg) no-repeat 100% 0;
}

#contents #main .topBox .inner .floatR ul.link-list li.lastChild{
	margin-right:0;
}

#contents #main .topBox .inner .floatR ul.link-list li span{
	display:block;
	padding:8px 10px 15px 37px;
	background:url(../../company/img/bg_btn_company_bottom.jpg) no-repeat 0 100%;
}

#contents #main .topBox .inner .floatR ul.link-list li.hover span{
	background:url(../../company/img/bg_btn_company_bottom.jpg) no-repeat 100% 100%;
}

#contents #main .topBox .inner .floatR ul.link-list li.long span{
	padding:3px 40px 8px 35px;
	text-align:right
}


/*  -------------------------*/

#contents #main .contentsBox{
	margin-top:15px;
}

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

#contents #main .contentsBox .contentsLinkBox{
	background:url(../../company/img/bg_title3_frame.jpg) repeat-y 0 0;
	width:344px;
}

#contents #main .contentsBox .contentsLinkBox h3.title3{
	background:url(../img/bg_title3.jpg) no-repeat 0 0;
	padding:10px 10px;
	height:16px;
	margin:0;
	font-size:100%;
	color:#333333;
}

#contents #main .contentsBox .contentsLinkBox.hover h3.title3{
	background:url(../img/bg_title3.jpg) no-repeat 100% 0;
}

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

#contents #main .contentsBox .contentsLinkBox .inner{
	background:url(../../company/img/bg_title3_bottom.jpg) no-repeat 0 100%;
	padding:0 13px 10px;
}


/* 強調枠線
------------------------------------------------------- */

#contents #main .clear .frame_red{
	width:330px;
	margin-right:6px;
	margin-bottom:15px;
	background:url(../../shared/img/img_table.jpg) no-repeat 0 0;
	padding:10px;
}

#contents #main .clear .frame_red h4{
	margin:5px 0 15px;
	font-size:120%;
	font-weight:bold;
}



/* 強調枠線
------------------------------------------------------- */
#contents #main .melitBox{
	width: 340px;
}

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



/* ASJ 建築家のご紹介
-------------------------------------------------------
-------------------------------------------------------*/
#contents #main .architectList li{
	margin:0 20px 20px 0;
	width:190px;
	height:100px;
	float:left;
	border:1px solid #379ECD;
	padding:5px 15px;
}

#contents #main .architectList.outside li{
	height:110px;
}

#contents #main .architectList.outside li.over{
	height:130px;
}

#contents #main .architectList li.hover{
	background:#E2F2FF;
}

#contents #main .architectList li.lastChild{
	margin-right:0;
}

#contents #main .architectList li .floatR{
	width:110px;
}

#contents #main .architectList li .floatR p.link{
	background:url(../../shared/img/icon_arrow05.gif) no-repeat 0 0.2em;
	padding-left:25px;
	margin-bottom:5px;
	font-size:120%;
	font-weight:bold;
}

#contents #main .architectList li .floatR p.cap{
	margin-top:0;
}


/* ASJ 個人ページ
-------------------------------------------------------
-------------------------------------------------------*/

#contents #main .architectFrame{
	background:url(../img/bg_frame.gif) no-repeat 0 0;
	margin-top:15px;
	padding:0;
}

#contents #main .architectFrame .bottom{
	padding:40px 30px;
	background:url(../img/bg_frame_bottom.gif) no-repeat 0 100%;
}

#contents #main .architectFrame .floatL{
	width:380px;
}

#contents #main .architectFrame .floatL h2{
	color:#2369D3;
	font-size:180%;
	font-weight:bold;
}

#contents #main .architectFrame .floatL p.cap{
	margin-left:5px;
}

#contents #main .architectFrame .floatL dl{
	margin:0 0 20px;
}

#contents #main .architectFrame .floatL dl dt{
	float:left;
	clear:left;
	width:6em;
	padding:5px 5px 0 5px;
	color:#2369D3;
	font-size:87%;
}

#contents #main .architectFrame .floatL dl dd{
	padding:5px 0 5px 7em;
	border-bottom:1px dashed #7D7D7D;
}

#contents #main .architectFrame .floatR p{
	margin-top:0;
	margin-bottom:20px;
	border:1px solid #CCCCCC;
	padding:5px;
	width:200px;
	height:200px;
}


/* プランニングの流れ
-------------------------------------------------------
-------------------------------------------------------*/

#contents #main p.redArea{
	background:#FFE7E7;
	padding:5px;
	width:550px;
	margin-left:144px;
}

#contents #main .flowFlame{
	background:url(../img/bg_flow_frame.jpg) no-repeat 0 0;
	padding:0;
	margin:15px 0 0;
}

#contents #main .flowFlame .bottom{
	background:url(../img/bg_flow_frame_bottom.jpg) no-repeat 0 100%;
	padding:15px;
	margin:0;
}

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

#contents #main .flowFlame .bottom h3{
	background:#E2E2E2;
	padding:5px;
	margin:0 10px 5px 0;
}

#contents #main .flowFlame .bottom .img-r{
	margin-right:15px;
}


/* ASJ TVバナー
-------------------------------------------------------
-------------------------------------------------------*/
#contents #main .asjTv{
	position: relative;
	margin: 10px 0 15px;
}
#contents #main .asjTv .btn01{
	position: absolute;
	top: 55px;
	left: 510px;
}
#contents #main .asjTv .btn02{
	position: absolute;
	top: 10px;
	left: 378px;
}

/* ASJ 建築家による リフォームプラン相談
-------------------------------------------------------
-------------------------------------------------------*/

#contents #main .decoration,
#contents #main .decoration-2clm {
	margin-bottom:15px;
}

#contents #main .decoration {
	border:1px solid #67A9EB;
	padding:9px 0 9px 0;
}

#contents #main .decoration-2clm {
	background:url(../img/bg_decoration-2clm.gif) no-repeat 20px 100%;
}

#contents #main .decoration-2clm .grid-6 {
	border-top:1px solid #67A9EB;
	padding:9px 0 9px 0;
}

#contents #main .decoration .floatL,
#contents #main .decoration-2clm .floatL{
	width:100px;
	margin:0;
	padding-left:9px;
}

#contents #main .decoration .floatR,
#contents #main .decoration-2clm .floatR{
	width:200px;
	margin:0;
	padding-right:9px;
}

#contents #main .architect-name {
	font-size:120%;
	font-weight:bold;
	margin-top:5px;
}