@charset "utf-8";

/* ---SUMMARY---
* Site Name: アートクラフト
* Description: works/
* Version: 20090623
------*/

/*** 共通
----------------------------------------- */
/*--他例へリンク--*/
.w_link{
padding-right:1px;
line-height:1.0;
}

.w_link li{
float:right;
margin-left:2px;
padding-bottom:5px;
}

/*--ページ遷移--*/
.w_page{
background:url(../../img/bg/line01.gif) repeat-x 0 0;
padding:15px 0 5px 0;
margin-top:15px;
}

.w_page li{
float:right;
width:4.5em;
height:1.7em;
margin-left:10px;
background-color:#efefef;
text-align:center;
}

li.page_guide{
background-color:#fff;
color:#666;
font-size:10px;
padding-top:5px;
}

.w_page li a:link{
display:block;
width:4.5em;
}

.w_page li span{
font-weight:bold;
}

/*--サムネイルエリア--*/
.w_thumb{
background:url(../../img/bg/line01.gif) repeat-x 0 0;
padding:30px 0 0 0;
text-align:center;
line-height:1.0;
}

.w_thumb_bottom{
background:url(../../img/bg/line01.gif) repeat-x 0 0;
width:100%;
height:8px;
margin-bottom:15px;
}


/*** 外観
----------------------------------------- */
/*--サムネイル追加設定--*/
#w_thumb_gai{
width:690px;
text-align:center;
}

/*背景*/
#w_thumb_gai li{
background:url(../../../works/gaikan/img/bg_gai.jpg) no-repeat 0 0;
width:168px;
height:169px;
float:left;
margin:0 2px 10px 2px;
}

#w_thumb_gai li.new{
background:url(../../../works/gaikan/img/bg_gai_new.jpg) no-repeat 0 0;
}

/*写真*/
#w_thumb_gai li img{
display:block;
margin:25px auto 0 auto;
border:1px solid #fff;
}

/*番号*/
#w_thumb_gai li span{
display:block;
font-size:10px;
font-family:Georgia;
color:#765b34;
position:relative;
top:6px;
left:0;
}


/*** 内装
----------------------------------------- */
/*--サムネイル追加設定--*/
#w_thumb_nai{
width:690px;
text-align:center;
}

/*背景*/
#w_thumb_nai li{
float:left;
margin:0 3px 8px 2px;
width:130px;
height:127px;
background:url(../../../works/img/bg_nai_y.jpg) no-repeat 0 0;
}

#w_thumb_nai li.new{
background:url(../../../works/img/bg_nai_y_new.jpg) no-repeat 0 0;
}

#w_thumb_nai li.tate{
background:url(../../../works/img/bg_nai_t.jpg) no-repeat 0 0;
}

#w_thumb_nai li.tate_new{
background:url(../../../works/img/bg_nai_t_new.jpg) no-repeat 0 0;
}

/*写真*/
#w_thumb_nai li img{
display:block;
margin:34px auto 0 auto;
border:4px solid #fff;
}

#w_thumb_nai li.tate img{
margin:22px auto 0 auto;
}

#w_thumb_nai li.tate_new img{
margin:22px auto 0 auto;
}

/*番号*/
#w_thumb_nai li span{
display:block;
font-size:10px;
font-family:Georgia;
color:#765b34;
position:relative;
top:-87px;
left:43px;
}

#w_thumb_nai li.tate span{
position:relative;
top:-12px;
left:-44px;
}

#w_thumb_nai li.tate_new span{
position:relative;
top:-12px;
left:-44px;
}


/*** 外構・庭
----------------------------------------- */
/*--サムネイル追加設定--*/
#w_thumb_ex{
width:690px;
text-align:center;
}

/*背景*/
#w_thumb_ex li{
background:url(../../../works/exterior/img/bg_ex.jpg) no-repeat 0 0;
width:160px;
height:157px;
float:left;
margin:0 4px 10px 6px;
}

#w_thumb_ex li.new{
background:url(../../../works/exterior/img/bg_ex_new.jpg) no-repeat 0 0;
}

/*番号*/
#w_thumb_ex li span{
display:block;
font-size:10px;
font-family:Georgia;
color:#765b34;
padding-top:2px;
}

/*写真*/
#w_thumb_ex li img{
display:block;
margin:12px auto 0 auto;
border:4px solid #fff;
}


/*** インタビュー
----------------------------------------- */
/*--アンカー--*/
#interview_jump{
width:100%;
padding-bottom:10px;
}

#interview_jump li{
float:right;
font-size:smaller;
margin-left:1em;
background:url(../../img/icon/i03.gif) no-repeat 0 2px;
padding-left:14px;
}

/*--インタビュー--*/
.interview_body{
padding:30px 0 0 0;
background:url(../../img/bg/line01.gif) repeat-x 0 0;
}

/*写真*/
.i_ph{
margin:5px;
}

.interview_body .f_l{
margin-left:0;
}

.interview_body .f_r{
margin-right:0;
}

/*見出し*/
.interview_body h4{
padding-bottom:15px;
}

/*テキスト*/
.interview_body p{
background:url(../../img/bg/line02.gif) repeat-x 0 100%;
padding-bottom:15px;
margin-right:5px;
margin-left:5px;
}

.thx{
background:url(../../../works/interview/img/thx.gif) no-repeat 100% 0;
width:288px;
height:65px;
float:right;
margin:0 0 15px 0;
}

/*スペック*/
.i_ta{
clear:both;
width:100%;
}

.i_ta th{
width:120px;
}

/*** 施工例システム化
----------------------------------------- */
/*--タブ--*/
.works_tab{
background:url(../../../works/img/bg01.gif) repeat-x 0 100%;
line-height:0;
padding-bottom:4px;
margin-bottom:5px;
}

.works_tab li{
display:inline;
}

/*--件数・ページ--*/
/*ページ*/
.pagination{
border-top:1px dashed #ad9d85;
border-bottom:1px dashed #ad9d85;
padding:25px 0;
margin-bottom:30px;
text-align:center;
}

.page_li a{
text-decoration:none;
}

.page_li li{
border:1px solid #c8bdae;
background:#f8f6ec;
display:inline;
padding:6px 0;
margin:0 2px;
}

.page_li li.cur{
background:#47371f;
color:#fff;
font-weight:bold;
}

.page_li li span{
padding:0 10px;
}

/*件数*/
.total_top{
text-align:right;
}

.total_btm{
float:left;
margin:0;
}

.total_btm span,
.total_top span{
color:#ab5b3c;
font-weight:bold;
font-size:larger;
padding:0 2px;
}

/*--物件一覧--*/
.house_list_wrap{
line-height:1.0;
width:690px;
}

.house_list li{
background:url(../../../works/img/bg_house.gif) no-repeat 50% 0;
width:172px;
height:217px;
float:left;
margin-bottom:25px;
}

.house_list li.new{
background:url(../../../works/img/bg_house_new.gif) no-repeat 50% 0;
}

.house_list li img{
display:block;
margin:5px auto 9px auto;
}

.house_list .phid{
display:block;
text-align:right;
padding:3px 10px 0 0;
font-size:10px;
font-family:Georgia;
color:#765b34;
}

.house_list .name{
font-weight:bold;
display:block;
text-align:center;
color:#333;
margin:0 0 7px 0;
font-size:12px;
}

.house_list .subtitle{
display:block;
text-align:center;
color:#666;
padding:0 14px 12px 14px;
font-size:10px;
background:url(../../../works/img/bg_house_btm.gif) no-repeat 50% 100%;
}

/*--Sサムネ--*/
.parts_list{
line-height:1.0;
width:690px;
margin-bottom:30px;
}

.parts_list li{
background:url(../../../works/img/bg_ph.gif) no-repeat 50% 0;
width:134px;
height:135px;
float:left;
margin-bottom:20px;
}

.parts_list li.new{
background:url(../../../works/img/bg_ph_new.gif) no-repeat 50% 0;
}

.parts_list li img{
display:block;
margin:0 auto 9px auto;
}

.parts_list .phid{
display:block;
text-align:center;
font-size:10px;
font-family:Georgia;
color:#765b34;
}

.parts_list .stid{
display:block;
font-size:10px;
font-family:Georgia;
color:#765b34;
margin:18px 0 8px 10px;
}

/*--物件詳細--*/
.house_title{
background:url(../../../works/img/bg_h.gif) repeat-x 0 0;
padding:13px 0 15px 15px;
font-size:14px;
font-weight:normal;
margin:15px 0 20px 0;
}

.house_title span{
font-weight:bold;
font-size:16px;
padding-right:0.5em;
}

.main_ph{
float:left;
margin:0 30px 25px 0;
width:400px;
height:300px;
text-align:center;
}

.house_data{
float:right;
width:260px;
}

/*--物件データ--*/
.house_data table{
border:1px solid #ad9d85;
border-top:none;
width:100%;
margin:0 0 10px 0;
border-collapse:collapse;
}

.house_data th{
border:1px solid #ad9d85;
text-align:left;
background:#e6e1da;
padding:5px 0 5px 10px;
}

.house_data td{
border:1px solid #ad9d85;
padding:5px 0 5px 10px;
}

/*--こだわりポイント--*/
.point{
border:1px solid #99ba5f;
border-top:none;
padding:10px;
margin-bottom:20px;
}

.point li{
list-style:disc;
list-style-position:outside;
margin-left:15px;
}

/*--紹介--*/
.house_text{
clear:both;
margin:20px auto 30px auto;
width:100%;
background:#faf5e3;
}

.house_text h4{
margin-bottom:10px;
}

.house_text p{
padding:0 30px 20px 30px;
margin:0;
}

/*--部分別のナビ--*/
.parts_nav{
width:690px;
margin-bottom:20px;
font-family:Verdana;
}

.parts_nav li{
width:25%;
float:left;
background:url(../../../works/img/i01.gif) no-repeat 0 50%;
padding:2px 0;
margin:5px 0;
}

* html .parts_nav li{/*IE6以下*/
width:20%;
}

.parts_nav li.cur{
background:url(../../../works/img/i02.gif) no-repeat 0 50%;
}

.parts_nav li span{
margin-left:27px;
}

/*--end of this file--*/