/*
Theme Name: ECO-HOUSE
Theme URI: http://wordpress.org/
*/

/* トップページ オススメ紹介 */
#top_example { list-style:none; width:560px; margin-left:15px; }
#top_example .example { height:280px; width:180px; float:left; margin:2px; }
#top_example ul { list-style:none; }

/* カテゴリ一覧 */
#header_category { padding:10px; margin:0px 0px 10px 0px; background-color:#FFF5E3; letter-spacing:-1px; }
#header_category { text-indent:0px; text-align:left; font-size:11px; font-weight:bold; color:#F27300; line-height:150%; }
#header_category a { color:#777777; font-weight:normal; }
#header_category a.bold { color:#555555; font-weight:bold; }

/* カテゴリコメント */
.page_report { margin:10px; font-size:12px; }

/* 物件 */
#article {  }
#article .article_area .main_content { text-indent:8px; padding:10px 0px; margin:0px 10px; font-size:12px; color:#333; }
#article .article_area .main_content:first-letter { font-size:20px; }
#article .article_area .main_photo { padding:10px 0px; }
#article .article_area .main_photo img { padding:3px; border:1px solid #999; -ms-interpolation-mode: bicubic; }
#article .article_area .main_photo.tate img { width:380px; }
#article .article_area .main_photo.yoko img { width:570px; }
#article ul.inquiry { float:right; width:210px; margin:10px 20px 0px 0px; list-style:none; }
#article ul.inquiry img { cursor:pointer; }
#article .article_data { width:310px; height:214px; margin:0px 0px 10px 10px; background:url("../images/bki_data.jpg") no-repeat; }
#article .article_data div { padding-top:10px; }
#article .article_data dl { width:265px; height:145px; padding-top:10px; margin-left:20px; font-size:11px; line-height:125%; overflow:auto; }
#article .article_data dl dt { float:left; width:60px; text-align:center; }
#article .article_data dl dd { margin-left:60px; }
#article .layout_area .before { text-align:center; float:left; color:#FF8826; font-weight:bold; font-size:12px; width:220px; display:block; }
#article .layout_area .before img { width:220px; -ms-interpolation-mode: bicubic; }
#article .layout_area .after  { text-align:center; float:right; color:#FF8826; font-weight:bold; font-size:12px; width:330px; display:block; }
#article .layout_area .after  img { width:330px; -ms-interpolation-mode: bicubic; }
#article .layout_area .comment { clear:both; color:#333; font-size:12px; }
#article .pers_area {  }
#article .pers_area ul { list-style:none; margin-left:20px; }
#article .pers_area ul li { margin:0px 10px; float:left; margin:10px; }
#article .pers_area ul li img { width:240px; }
#article .pers_area .comment { clear:both; color:#333; font-size:12px; }
.cost_area { width:545px; _width:555px; border:5px double #B8BAB7; }
.cost_area ul { margin:10px ; width:530px; _width:540px; list-style:none; }
.cost_area ul li { float:left; margin:2px; height:23px; padding-top:7px; display:block; }
.cost_area ul li { font-size:14px; color:#333; background:#fef; border-bottom:1px dashed #D6C1CA; }
.cost_area ul li.title { width:180px; text-align:left; text-indent:10px;overflow:hidden; }
.cost_area ul li.cost  { width: 75px; text-align:center; }
.cost_area ul li.total { width:330px; text-align:center; background:#fff; border:1px solid #fff; }
.cost_area ul li.estimat { float:none; width:530px; text-align:left; background:#fff; border:1px solid #fff; }
.cost_area ul li.clear  { clear:both; margin:0px; padding:0px; height:5px; overflow:hidden; }

.h2_title div { float:right; margin:0px 5px; }

/* 物件＋部位共通 */
.ttl_tape { clear:both; margin:10px 0px 5px 0px; background:url("../images/ttl_tape.gif") no-repeat; }
.ttl_tape { padding-top:13px; text-indent:10px; height:25px; font-weight:bold; color:#333; font-size:16px; }
.ttl_tape a { color:#333; font-size:16px; }
.ttl_tape span { font-size:12px; font-weight:normal; }
.thumbnail_area { margin:10px; }
.thumbnail_area ul { list-style:none; }
.thumbnail_area ul li { float:left; margin:5px; height:80px; width:80px; border:1px solid #fff; }
.thumbnail_area ul li.on { border:1px solid #c00; }
.part_area { clear:both; margin:0px 5px; }
.part_area .main_photo { float:right; margin:0px 0px 5px 10px; }
.part_area .main_photo img { width:300px; padding:3px; border:1px solid #999; -ms-interpolation-mode: bicubic; }
.part_area .sub_photo { width:200px; margin:5px 0px 10px 15px; border:1px solid #999; }
.part_area .sub_photo img { padding-top:5px; margin:0px 5px; width:190px; -ms-interpolation-mode: bicubic; }
.part_area .report { font-size:12px; }
/*
#article .part_area .link { font-size:14px; text-align:right; list-style:none; }
#part .part_area .link  { font-size:12px; list-style:none; }
#part .part_area .link li { height:50px; }
#part .part_area .link li.caption { height:40px; float:left; width:350px; padding-top:10px; color:#666; }
*/
#article .part_area .ico_link { list-style:none; }
#article .part_area .ico_link li { float:right; }
#part .part_area .ico_link { list-style:none; }
#part .part_area .ico_link li { float:right; }
#part .part_area .caption { margin:10px; color:#666; font-size:12px; }

.kodawari_area { clear:both; margin:10px 20px; padding:5px 0px; border:1px dashed #FFAAD1; color:#E73D93; font-size:12px; line-height:150%; }
.kodawari_area .title { margin:0px 10px; }
.kodawari_area .photo img { margin:0px 10px; width:150px; height:auto; -ms-interpolation-mode: bicubic; }
.kodawari_area .report { list-style:none; width:500px; margin:0px 0px 10px 20px; }
.kodawari_area .report li { padding:10px 0px; clear:both; }
.kodawari_area .clear { width:450px; }
.mame_area { clear:both; margin:10px 20px; padding:5px 0px; border:1px dashed #5771FF; color:#5771FF; font-size:12px; line-height:150%; }
.mame_area .title { margin:0px 20px; }
.mame_area .report { clear:both; margin:5px 20px; }
.halfway_area { background:#E7FFCE; padding:10px 0px; }
.halfway_area .photo { list-style:none; margin:10px 0px 10px 20px; }
.halfway_area .photo li { float:left; margin-left:20px; }
.halfway_area .photo li img { width:150px; }
.halfway_area .report { clear:both; margin:0px 20px 10px 20px; font-size:12px; color:#333; line-height:150%; }
.person_area { clear:both; width:510px; height:152px; margin:0px auto; background:url("../images/bki_person.jpg") no-repeat; }
.person_area ul { list-style:none; padding-top:10px; margin-left:20px; width:480px; height:140px; }
.person_area li { float:left; margin-right:10px; font-size:10px; text-align:center; color:#3E3DB9; }
.person_area li img { width:85px; -ms-interpolation-mode: bicubic; }
.person_area li.report { float:none; text-align:left; font-size:11px; padding:10px 0px; line-height:125%; height:110px; overflow:auto; }
.customer_area_photo { width:560px; height:364px; margin:0px 0px 10px 10px; background:url("../images/bki_voice_photo.gif") no-repeat; text-align:left; position:static; }
.customer_area_photo .name { padding-top:60px; margin-left:100px; color:#666; font-size:14px; text-align:left; }
.customer_area_photo .report { padding-top:5px; margin-left:40px; width:300px; color:#5771FF; line-height:29px; font-size:14px; text-indent:16px; height:250px; overflow:auto; }
.customer_area_photo .photo { float:right; padding-right:30px; padding-top:100px; }
.customer_area_photo .photo img { height:auto; -ms-interpolation-mode: bicubic; }
.customer_area_photo .photo.yoko img { width:160px; }
.customer_area_photo .photo.tate { width:160px; text-align:center; }
.customer_area_photo .photo.tate img { height:115px; }
.customer_area_memo { width:560px; height:364px; margin:0px 0px 10px 10px; background:url("../images/bki_voice_memo.gif") no-repeat; text-align:left; }
.customer_area_memo .name { padding-top:60px; margin-left:100px; color:#666; font-size:14px; text-align:left; }
.customer_area_memo .report { padding-top:5px; margin-left:40px; width:490px; color:#5771FF; line-height:29px; font-size:14px; text-indent:16px; height:250px; overflow:auto; }
.reform_data { clear:both; width:560px; height:161px; margin:20px auto 5px auto; background:url("../images/bki_reform_data.gif") no-repeat; }
.reform_data dl { width:265px; height:145px; padding-top:10px; margin-left:20px; font-size:11px; line-height:125%; overflow:auto; position:static; }
.reform_data dl dt { float:left; width:60px; text-align:center; }
.reform_data dl dd { margin-left:60px; }
.reform_data .photo { top:-165px; left:300px; position:relative; }
.partlist_area { margin:0px auto; padding:10px 0px; width:565px; }
.partlist_area ul { list-style:none; }
.partlist_area ul li{ width:180px; border:1px dashed #ccc; float:left; overflow:hidden; display:block; margin:2px; }
.partlist_area ul li .photo { float:left; }
.partlist_area ul li .content { margin:0px; height:50px; overflow:hidden; font-size:10px; line-height:15px; }
.partlist_area ul li .content a { font-size:12px; text-decoration:underline; height:15px; overflow:hidden; left:0px; }
.partlist_area .clear { clear:both; }

/* フリー部分 */
.free_area { margin:10px 0px 10px 20px; width:535px; }
.free_area ul { list-style:none; font-size:12px; }
.free_area ul li.normal { margin:5px; clear:both; }
.free_area ul li.left   { margin:5px 5px 5px 0px!important; float:left; }
.free_area ul li.right  { margin:5px 0px 5px 5px!important; float:right; }
.free_area ul li.clear  { margin:0px; padding:0px; height:1px; overflow:hidden; }
.free_area ul li.normal img { margin:0px auto; -ms-interpolation-mode: bicubic; }
.free_area ul li.normal.tate { text-align:center; }
.free_area ul li.normal.tate img { width:300px; margin:0px auto; }
.free_area ul li.normal.yoko img { width:510px; }
.free_area ul li.left   img { width:250px; -ms-interpolation-mode: bicubic; }
.free_area ul li.right  img { width:250px; -ms-interpolation-mode: bicubic; }

div.inquiry { width:504px; margin:5px auto; }
div.inquiry .alignright { margin-right:50px; margin:10px; }
div.inquiry .alignleft  { margin-left:50px;  margin:10px; }
div.inquiry .clear { clear:both; margin-right:10px; text-align:right; }

/* こだわりエリア */
.kodawari { margin:10px; padding:10px; font-size:12px; background-color:#eeeeee; }

/* 詳細へのリンク */
.articles_list_link { margin:10px 10px 2px; text-align:right;}
.articles_list_link a { color:#227bb5; font-size:10px; }

/* 新しくした設備 */
.post #new_part { margin:5px 40px; font-size:13px; }

/* 問い合わせボタン */
#inquirybtn_area { width:520px; margin:5px auto; }
#inquirybtn_area div { margin:5px auto; }