@charset "utf-8";

/* ========================= */
/*  Architect, Common        */
/* ========================= */

#architect_tac h1,
#architect_pp h1,
#architect_qanda h1,
#architect_detail h1{
    font-size: 22px;
	background:url(../images/architect/common/line_655.gif) bottom no-repeat;
	padding:15px 0px 10px 5px;
}
#architect_pp{
	background:url(../images/architect/common/line_655.gif) bottom no-repeat;
	padding:0px 0px 10px 0px;
}
#architect_tac .rules_block p,
#architect_pp .rules_block p {
	margin:4px 0px 6px;
	text-indent: 0px;
}
#architect_qanda h2{
    font-size: 12px;
	color:#eeeeee;
	background:#9C918B;
	padding:3px 0px 3px 10px;
	margin:10px 0px;
}
#architect_qanda div.question{
    font-size: 14px;
    padding:10px 0px 0px 40px;
	margin:0px 0px 6px;
	height:40px;
	text-indent: 0px;
	background:url(../images/architect/question_q.gif) left top no-repeat;
	border-bottom:#9C918B dashed 1px;
}
#architect_qanda div.answer{
    padding:0px 0px 10px 40px;
	margin:0px 0px 6px;
	text-indent: 0px;
	background:url(../images/architect/question_a.gif) left top no-repeat;
	border-bottom:#9C918B solid 1px;
}
/*********** Architect list page ***********/
#architect_list,
#architect_alphabetical,
#architect_monthly{
	color:#333333;
	border-bottom:#9C918B dotted 2px;
}
#architect_list h1{
    font-size: 18px;
	color:#333333;
	font-weight:normal;
	background:url(../images/architect/interview_icon.gif) bottom left no-repeat;
	margin:30px 0px 0px;
	padding:0px 0px 0px 90px;
}
#architect_list p.intro{
	margin:0px;
	padding:10px 0px;
	color:#333333;
}
#architect_monthly h1,
#architect_alphabetical h1{
	background:url(../images/architect/list_arrow.gif) bottom left no-repeat;
	margin:5px;
	padding:0px 0px 0px 20px;
	color:#454E55;
    font-size:25px;
	font-weight:normal;
}
#architect_monthly ul{
    list-style:none;
	margin:0px 0px 0px 5px;
	padding:0px;
}
#architect_monthly li{
	margin:0px;
	padding:10px 0px;
	float:left;
	text-align:left;
	font-size:10px;
	width:130px;
}
div.alphabeticalbox p{
	margin:0px 0px 15px 10px;
	padding:0px;
	width:150px;
	float:left;
}
div.alphabeticalbox span{
	margin:4px 0px 0px;
	padding:1px 10px;
	color:#FFFFFF;
	background:#666666;
	line-height:2;
}

/*********** Architect detail page ***********/
#architect_detail{
	color:#333333;
}
#architect_detail h1{
	background:url(../images/architect/common/line_655.gif) bottom no-repeat;
	padding:10px 0px 3px 5px;
}
#architect_detail div.date_btn{
text-align:right;
}
#architect_detail h2{
    font-size: 25px;
	color:#333333;
	font-weight:normal;
	padding:0px 0px 5px;
}
#architect_detail h3{
    font-size: 18px;
	color:#333333;
	font-weight:normal;
	background:url(../images/architect/interview_icon.gif) bottom left no-repeat;
	margin:30px 0px 0px;
	padding:0px 0px 0px 90px;
}
#architect_detail p.intro{
	margin:0px;
	padding:8px 0px;
}
#architect_detail p.writer{
	margin:0px;
	padding:8px 0px;
	text-align:right;
}
#architect_detail p.main_photo{
	margin:0px;
	padding:0px;
	text-align:center;
}
#architect_detail p.capture{
	font-size:10px;
	margin:0px;
	padding:3px 0px;
	text-align:right;
}
#architect_detail p.query{
	margin:0px;
	padding:15px 0px 5px;
	font-weight:bold;
}
#architect_detail ul{
    list-style:none;
	margin:0px 20px;
	padding:0px;
}
#architect_detail li{
	margin:0px;
	padding:15px 6px 5px;
	float:left;
	text-align:left;
}

div.architect_detail_pbox{
	margin:20px 0px;
	padding:15px 6px;
	border-top:2px dotted #666666;
	border-bottom:2px dotted #666666;
}
div.architect_detail_pbox p.profile_name{
	margin:0px 0px 5px;
	padding:0px 0px 0px 70px;
	background:url(../images/architect/profile_icon.gif) bottom left no-repeat;
	font-size:14px;
	color:#333333;
}
div.architect_detail_pbox p.profile_read{
	margin:0px;
	padding:0px;
}
div.architect_detail_pbox p.profile_read img{
	margin:0px;
	padding:0px 0px 0px 10px;
	float:right;
	vertical-align:top;
}
/*********** Architect area page ***********/
#architect_area{
	color:#333333;
}
#architect_area h1{
    font-size:25px;
	background:url(../images/architect/common/line_655.gif) bottom no-repeat;
	padding:10px 0px 3px 5px;
}
#architect_area img{
    float: left;
    margin: 10px;
	width:350px;
    display: block;
}
#architect_area p{
    float: left;
    display: block;
    margin: 30px 0px 0px;
	width:260px;
}
#architect_area span{
    display: block;
    color:#FF3300;
    font-size:25px;
    margin:10px 0px;
}

/*********** comp_category ***********/
#comp_category h1{
    font-weight:normal;
    font-size:25px;
	/* border-bottom:1px solid; */
	padding:10px 0px 10px 35px;
	margin:0 0 10px 0;
    background: url("../images/common/title_house.gif") no-repeat scroll left center transparent;
    color: #454E55;
    display: block;
    width: 650px;
}
#comp_category h2{
    font-weight:normal;
    font-size:1.2em;
    line-height: 1.3em;
	margin-bottom:5px;
}
#comp_category div.mainbox{
    float: left;
    display: block;
    margin:0px 6px 0px;
	padding:0px;
	width:650px;
}
#comp_category div.catebox{
    display: block;
    margin:20px 6px 0 6px;
	width:650px;
}
div.catebox h3{
	font-size:25px;
    font-weight:normal;
	padding-bottom:3px;
	margin-bottom:5px;
	border-bottom:1px dotted;
}
ul.cate li{
	border-left: 1px solid #CCCCCC;
    display: inline;
    line-height: 1.3px;
    padding: 2px 8px;
}
ul.cate li:first-child {
    border-left: medium none;
}
/*********** Architect sitemap page ***********/
#architect_sitemap{
	color:#333333;
	border-bottom:#666666 1px solid;
}
#architect_sitemap h1{
    font-weight:normal;
    font-size:25px;
	border-bottom:1px solid;
	padding:10px 0px 10px 5px;
	margin:0 0 10px 0;
}
#architect_sitemap div.sitemap_box{
    float: left;
    display: block;
    margin:0px 6px 0px;
	padding:0px;
	width:310px;
}
#architect_sitemap div.sitemap_box h2,
#architect_sitemap div.sitemap_box h2.second{
    margin:0px;
	padding:5px 0px 2px 18px;
    font-weight:normal;
    font-size:16px;
	border-bottom:#666 1px dotted;
	background:url(../images/architect/sitemap_arrow.gif) top left no-repeat;
}
#architect_sitemap div.sitemap_box h2.second{
	border-top:#666666 1px solid;
}
#architect_sitemap div.sitemap_box ul{
    margin:0px 3px 10px;
	padding:0px;
    font-weight:normal;
}
#architect_sitemap div.sitemap_box li{
    margin:0px;
	padding:2px 0px;
    font-weight:normal;
}

/*********** Architect Know-how page ***********/
#architect_knowhow{
	color:#333333;
}
#architect_knowhow h1{
    font-weight:normal;
    font-size:25px;
	background:url(../images/architect/common/line_655.gif) bottom no-repeat;
	padding:10px 0px 3px 5px;
	margin:10px 0px 0px;
}
div.architect_knowhow_btn{
	margin:10px 10px 0px 0px;
	padding:0px;
	border:1px solid #999999;
	background:url(../images/architect/knowhow_01.gif) 0 0 no-repeat;
	width:350px;
	height:300px;
	float:left;
}
div.architect_knowhow_btn a{
	margin:245px 0px 0px 157px;
	padding:35px 0px 0px;
	width:170px;
	height:0;
	overflow:hidden;
	display:block;
}
div.architect_knowhow_btn a:hover{
	background:url(../images/architect/knowhow_01_on.gif) 0 0 no-repeat;
}
div.architect_knowhow_btn02,
div.architect_knowhow_btn03{
	margin:10px 0px 0px;
	padding:0px;
	border:1px solid #999999;
	width:290px;
	height:145px;
	float:left;
}
div.architect_knowhow_btn02{
	background:url(../images/architect/knowhow_02.gif) 0 0 no-repeat;
}
div.architect_knowhow_btn03{
	background:url(../images/architect/knowhow_03.gif) 0 0 no-repeat;
}

div.architect_knowhow_btn02 a,
div.architect_knowhow_btn03 a{
	margin:102px 0px 0px 112px;
	padding:35px 0px 0px;
	width:170px;
	height:0;
	overflow:hidden;
	display:block;
}
div.architect_knowhow_btn02 a:hover{
	background:url(../images/architect/knowhow_02_on.gif) 0 0 no-repeat;
}
div.architect_knowhow_btn03 a:hover{
	background:url(../images/architect/knowhow_03_on.gif) 0 0 no-repeat;
}
div.useful_articles{
	margin:10px 0px 0px;
	padding:0px 0px 0px 25px;
	width:300px;
	float:left;
	background:url(../images/architect/knowhow_arrow.gif) 0 0 no-repeat;
	display:block;
}



div.useful_articles2{
	margin:10px 0px 0px;
	padding:0px 0px 0px 25px;
	width:300px;
	float:left;
	background:url(../images/architect/new_arrow.gif) 0 0 no-repeat;
	display:block;
}



#architect_knowhow ul{
	margin:0px 5px;
	padding:0px;
	width:315px;
	float:left;
	display:block;
}
#architect_knowhow li span{
	margin:3px 5px 0px 3px;
	padding:1px 4px;
	background:#666666;
	color:#FFFFFF;
}
#architect_knowhow li{
	margin:0px;
	padding:3px 0px;
}

#architect_knowhow h2{
	padding:5px 2px 2px;
    font-size:14px;
	font-weight:normal;
	border-bottom:1px dotted #999999;
}


/* ======================================= */
/*  Architect, Search Button Common        */
/* ======================================= */

#architect_detail div.btn,
#architect_list_btn{
    padding:0px;
	margin:0px auto;
	width:420px;
}
#architect_area_btn{
    padding:0px;
	margin:0px auto;
	width:200px;
}

#architect_detail div.btn ul,
#architect_list_btn ul,
#architect_area_btn ul{
    padding:0px;
	margin:0px;
}
#architect_detail li.gotodata,
#architect_detail li.consult,
#architect_list_btn li.architect_Search,
#architect_list_btn li.casework,
#architect_area_btn li.architect_Search{
	float:left;
	margin:0px;
	padding:15px 5px 5px;
}
#architect_detail li.gotodata a,
#architect_detail li.consult a,
#architect_list_btn li.architect_Search a,
#architect_list_btn li.casework a,
#architect_area_btn li.architect_Search a{
	width:200px;
	height:0;
	overflow:hidden;
	display:block;
	padding-top:35px;
}
#architect_detail li.gotodata a{
	background:url(../images/architect/gotodata_btn.gif) no-repeat 0 0;
}
#architect_detail li.gotodata a:hover{
	background:url(../images/architect/gotodata_btn_on.gif) no-repeat 0 0;
}
#architect_detail li.consult a{
	background:url(../images/architect/consult_btn.gif) no-repeat 0 0;
}
#architect_detail li.consult a:hover{
	background:url(../images/architect/consult_btn_on.gif) no-repeat 0 0;
}
#architect_list_btn li.architect_Search a,
#architect_area_btn li.architect_Search a{
	background:url(../images/architect/architect_Search_btn.gif) no-repeat 0 0;
}
#architect_list_btn li.architect_Search a:hover,
#architect_area_btn li.architect_Search a:hover{
	background:url(../images/architect/architect_Search_btn_on.gif) no-repeat 0 0;
}
#architect_list_btn li.casework a{
	background:url(../images/architect/casework_btn.gif) no-repeat 0 0;
}
#architect_list_btn li.casework a:hover{
	background:url(../images/architect/casework_btn_on.gif) no-repeat 0 0;
}

div.side_box_top {
	background: url(../images/architect/common/side_back_bg_top.gif) top left no-repeat;
	margin:0;
	padding:10px 0px 0px;
	display:block;
}
div.side_box_btm{
	background: url(../images/architect/common/side_back_bg_btm.gif) bottom no-repeat;
	margin:0;
	padding:0px 0px 10px;
	display:block;
}
div.side_box_center{
	width: 255px;
	background: url(../images/architect/common/side_back_bg_center.gif) bottom repeat-y;
	margin:0px 0 35px;
	padding:0px;
	display:block;
}
div.side_box_text{
	padding-left: 5px;
	font-size: 10px;
	line-height: 14px;
}

#architect_sitemap div.sitemap_box .li_indent4 { margin-left:3.5em}
#architect_sitemap div.sitemap_box .text_indent4 { margin-left:3.5em; text-indent: -3.5em; }