@charset "UTF-8";
/*														
　物件詳細用css

														*/

#contents_ .guide {
padding:10px 65px 0 65px!important;
}

/*=会員表示=*/
#contents_  .guide span.member {
left:auto;
float:none;
display:block;
position:absolute;
right:5px;
top:10px;
background-image:none;
width:auto;
}
#contents_ h1,
#contents_ h2,
#contents_ h4{font-size:16px;border-color:#CCC;border-style:solid;border-width:1px 0;margin:1px 0 14px;padding:6px;text-align:center;
background-image: -webkit-gradient(linear, left top, left bottom, from(#DDD), color-stop(1, #EEE));}
/*=予告物件用注釈=*/
#contents_ h1 span,
#contents_ hs span,
#contents_ h4 span {font-size:80%;display:inline-block;background-color:#FF0000;color:#FFF;font-weight:bold;padding:4px 4px 2px 4px;margin:0 2px 0 0;}
#contents_ #prop_notice_msg {width:90%;margin:10px auto;padding:10px;font-size:12px;background-color:#FFEEEE;text-align:left;}
#contents_ #prop_notice_msg span {display:inline;font-size:110%;font-weight:bold;}
/*
動画リンク 190422 ADDbyY
*/
#container_ .movie{text-align:center;margin-top:10px;}
#container_ .movie a{font-size:14px;line-height:14px;color:#666;font-weight:700;text-decoration:none;display:inline-block;border:1px solid #666;padding:9px 10px 7px;background-image:-webkit-gradient(linear,left top,left bottom,from(#ddd),color-stop(0.9,#EFEFEF));border-radius:5px;-webkit-tap-highlight-color: #FFFFCC;}

#contents_ #open{text-align:left!important;font-size:14px;color:#333;background-color:#FEE;margin:10px;padding:10px;}
#contents_ #open span {display:inline-block}
#contents_ #open span.ttl {display:block;font-weight:bold;}

/*=============================================================
#contents_ .panorama
THETAパノラマビュー
=============================================================*/
#contents_ .panorama{text-align:center;}
#contents_ .panorama .block_title{margin-bottom:0;}
#contents_ .panorama .panorama_box{width:100%;height:375px;margin:0 auto;}
#contents_ .panorama .ricoh-theta-tour-image{}
#contents_ .panorama .ricoh-theta-tour-image > span{display:none;}
#contents_ .panorama .ricoh-theta-tour-image > iframe{width:100%;height:375px;border:none;}
#contents_ .panorama h2.block_title{text-align:left!important;}
#contents_ .panorama .att{font-size:12px;line-height:130%;text-align:left;margin:5px 10px 10px;}
#contents_ .panorama .att span{display:block;text-indent:-1em;padding-left:12px;}


/*=============================================================
#contents_ .staff_comment
スタッフコメント
=============================================================*/
#contents_ .staff_comment{background-color:#EDF9F9;margin:10px 5px 10px 5px;padding:10px 15px 10px 10px;}
#contents_ .staff_comment {  zoom:1;}/*=clearfix　IE5.5-IE7=*/
#contents_ .staff_comment:after {content:".";display:block;height:0;clear:both;visibility:hidden;}/*=clearfix modern browser=*/

#contents_ .staff_comment .photo {width:80px;min-height:60px;text-align:center;background-color:666;} 
#contents_ .staff_comment .photo img {border: 1px solid #AAA;margin:0 0 5px 0;}

#contents_ .staff_comment .comment,
#contents_ .staff_comment .comment2{background-repeat:no-repeat;background-color:#FFF;
position:relative;text-align:left;
background-image:url(/lib/images/asp_sp/detail/staff_comment_title.png);margin:0 0 0 0;padding:10px;
-webkit-border-radius: 10px;-moz-border-radius: 10px;border-radius:10px;border:2px solid #597FB4;}
#contents_ .staff_comment .comment {background-position:100px 10px;}
#contents_ .staff_comment .comment2{background-position:6px 6px;}

#contents_ .staff_comment .name {position:absolute;color:#666;font-size:15px;font-weight:bold;text-align: left;line-height: 20px;top:0;left:0;padding:44px 0 0 102px;}
#contents_ .staff_comment.no_photo .comment{margin:0;padding-right: 10px;padding-left: 10px;}
#contents_ .staff_comment p{font-size:13px;font-weight:700;color:#333;border-color:#597FB4;border-style:dotted;border-width:1px 0 0;margin:0;padding:5px 0 0; clear:both;}

#contents_ .staff_comment .comment2 .name {position:relative;color:#666;font-size:14px;font-weight:bold;text-align: right;line-height: 24px;top:0;left:0;padding:0 0 0 150px;height:24px;}


/*=#contents_ .staff_comment .comment img{position: absolute;left: -14px;top: 15px;}=*/

/*=2012.04.18==========
デフォルト仕様
※custom.cssの変更が完了次第削除可能
=*/
.staff_comment,
.staff_comment .comment p img {background-color:#FF0000;}
.staff_comment .comment p{border-color:#FF0000;}
/*==デフォルト仕様ここまで========*/
#comment{background-color:#FFF8F4;border:2px solid #F90;color:#444;font-size:16px;margin:10px 5px;padding:5px 10px;border-radius:4px;background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF8E0), color-stop(1, #FFF));text-align:left;white-space:pre-wrap;
word-break:break-all;}


/*=============================================================
#contents_ #asp_youtube
Youtube埋め込み
=============================================================*/
#contents_ #asp_youtube{padding:0 0 10px;}
#contents_ #asp_youtube iframe{border:none;}


#outline ul,
#outline ol,
#outline_detail ul{overflow:hidden;margin:0 12px 15px;padding:0;}
#outline ol {border:2px solid #999;background-color:#F1F1F1;}
#outline ul,
#outline_detail ul {border:1px solid #ccc;}
#outline li,
#outline_detail ul li{list-style-type:none;text-align:left;border-bottom-width:1px;border-bottom-style:dotted;border-bottom-color:#b7b6b4;font-size:12px;line-height:130%;}
#outline ol li {padding:4px 5px 4px 4.5em;}
#outline ul li,
#outline_detail ul li{padding:4px 5px 4px 6.5em;}
#outline ul li:last-child,
#outline ol li:last-child,
#outline_detail ul li:last-child {border-bottom: medium none;}

/*=項目毎=*/
#outline li.price em{font-size:14px;font-weight:700;font-style:normal;color:#FF0000;}
#outline li span,
#outline_detail li span{text-align:left;margin-right:5px;margin-bottom:0;font-size:12px;font-weight:400;color:#333;padding-left:.2em;display:inline-block;padding-top:0px;padding-bottom:0px;border-color:#D1DBE9;border-style:solid;border-width:0 0 0 4px;}
#outline ol li span {width:4.0em;margin-left:-4.0em;background-color:#FFF;}
#outline ul li span,
#outline_detail ul li span {width:5.0em;margin-left:-6.0em;background-color:#F9F9F9;}
#outline li a.btn{color:#666;font-size:11px;line-height:14px;display:inline-block;text-decoration:none;border:1px solid #666;padding:2px 4px;background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), color-stop(0.9, #EFEFEF));border-radius:5px;-webkit-tap-highlight-color: #FFFFCC;}





/*==================================================
.detail_navi
「メールでお問い合せ」「ストックに追加」
=*/
.detail_navi ul{text-align:center;margin:10px 0;padding:0;}
.detail_navi ul li{list-style-type:none;display:inline-block;}
.detail_navi ul .btn1,
.detail_navi ul .btn2 {width:48%;}
.detail_navi ul li a{color:#FFF;font-size:14px;line-height:14px;font-weight:700;display:block;text-decoration:none;padding:10px 0;text-shadow: rgba(0, 0, 0, 0.6) 0 1px 0;border-radius:10px;}
.detail_navi ul .btn1 a {border: 1px solid #FF3300;background-image: -webkit-gradient(linear, left top, left bottom, from(#FF6600), color-stop(0.9, #FFB27F));-webkit-tap-highlight-color: #FFFFCC;}
.detail_navi ul .btn2 a {border: 1px solid #3366FF;background-image: -webkit-gradient(linear, left top, left bottom, from(#6699FF), color-stop(0.9, #99CCFF));-webkit-tap-highlight-color: #FFFFCC;}
/*==================================================
#trader_info 
業者情報
=*/
#trader_info{text-align:center;}
#trader_info dl{background-color:#ddd;color:#444;font-size:14px;margin:10px 5px;padding:5px 10px;border-radius:4px;}
#trader_info dt{font-size:14px;font-weight:700;text-indent:0;margin:0;padding:0;}
#trader_info dd{background-color:#fff;margin:0 5px 5px;padding:5px;border-radius:4px;}
#trader_info dd .tel {display:block;text-align:center;}
#trader_info dd .tel a{width:80%;display:block;text-align:center;border:1px solid #C00;color:#FFF;font-weight:700;font-size:18px;text-decoration:none;letter-spacing:.1em;margin:5px auto;padding:5px;text-shadow: rgba(0, 0, 0, 0.6) 0 1px 0;border-radius:6px;background-image: -webkit-gradient(linear, left top, left bottom, from(#FF3333), color-stop(0.9, #FF9999));}
#trader_info dd .tel a span {font-weight:normal;font-size:14px;}

/*==================================================
#change_cond
似た条件の物件を探す
==================================================*/
#change_cond{background-color:#F1f1f1;text-align:center;margin:10px 0;padding:10px 5px;}
#change_cond p a{width:80%;}
#change_cond dl{color:#444;margin:0;padding:0;}
#change_cond dt{font-size:16px;font-weight:700;}
#change_cond dd{display:block;margin:0;}
#change_cond dd a{font-size:13px;display:inline-block;text-align:center;background-image:none;height:20px;padding:4px;}







/*==================================================
#slider ol
コントロール部分
=*/
#photo #slider {position: relative;background-color:#eee;overflow:hidden;}
#photo #slider ul{margin:0;padding:0;display:block;position:relative;top:0;left:0;background-color:#ccc;}
#photo #slider ul {zoom:1;}
#photo #slider ul:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
#photo #slider ul li{list-style-type:none;vertical-align:middle;margin:0 auto;text-align:center;padding:0;float:left;width:100%;}
#photo #slider ul li div {width:300px;margin:15px auto 10px auto;padding:10px 0;position: relative;border: 1px solid #999;background-color:#FFF;text-align:center;}
#photo #slider p {font-size:12px;line-height:140%;text-align:left;color:#666;padding:5px 10px;margin:0;}
#photo #slider ul li img {border: 1px solid #CCC;margin:auto;}
#photo #slider ul li span{display:block;font-size:10px;font-weight:700;line-height:120%;text-align:center;color:#333;background-color:#CCC;position:absolute;left:4px;top:4px;width:5em;border-color:#666;border-style:solid;border-width:0 1px 1px 0;padding:3px 0;}

#photo #slider ul li a {
display:block;
margin:0 auto;
width:280px;
height:210px;
}
#photo #slider ul li a img {
width:auto;
height:auto;
max-width:100%;
max-height:100%;
}

/*==========
#slider ol
コントロール部分
=*/
#photo #slider ol{maargin:0;padding:0;position:absolute;left:0;top:0;width:100%;z-index:1000;}
#photo #slider ol li{maargin:0;list-style-type:none;height:120px;width:30px;position:absolute;padding:0;}
#photo #slider ol li:hover{cursor :pointer}
#photo #slider ol .btn_prev {top:40px;left:1px;}
#photo #slider ol .btn_next {top:40px;right:1px;}
#photo #slider ol li a{display:block;width:100%;height:120px;opacity:0.75;}
#photo #slider ol .btn_prev a{	background-image: url(/lib/images/asp_sp/detail/btn_prev.png);}
#photo #slider ol .btn_next a{	background-image: url(/lib/images/asp_sp/detail/btn_next.png);}
#photo #slider ol li span {display:none;}	


/*=物件無し表示=*/
#none {
width:100%;
text-align:center;
padding:25px 0 50px;
font-size:14px;
font-weight:bold;
line-height:140%;
}
#none span{
display:block;
font-size:18px;
color:#FF0000;
line-height:140%;
margin:10px 0;
}



#asp_detail_child .box{margin-top:0;margin-bottom:0;text-align:left;position:relative;width:100%;padding:0;}
#asp_detail_child .box label{display:block;font-size:14px;line-height:20px;padding-top:10px;padding-bottom:10px;text-indent:5px;}
#asp_detail_child .box label input{width:20px;height:20px;vertical-align:top;position:relative;z-index:200;margin:0 4px 0 0;top:-2px;}
#asp_detail_child .box a{display:block;text-decoration:none;background-image:url(/smartp/common_images/arrow_right.png);background-position:right center;background-repeat:no-repeat;background-color:#F1F1F1;overflow:hidden;position:relative;border-color:#999;border-style:solid;border-width:1px 0 0;padding:6px 25px 8px 4px;-webkit-tap-highlight-color: #FFFFCC;}
#asp_detail_child .box a span {display:block;color:#666;line-height:140%;margin:0;} 
#asp_detail_child .box ul{position:absolute;width:100%;z-index:100;margin:0;padding:0;}
/*==.state==================
.kind_new     => 新築
.land_no_cond => 条件なし売地
.new          => NEW(新着)
.alr_look     => 今日見た
=*/

#asp_detail_child .box .state li span{display:block;font-weight:700;width:160px;height:22px;line-height:22px;text-align:center;text-indent:5px;position:absolute;top:0;right:-40px;border-style:solid;border-width:1px 0;font-size:12px;
-webkit-transform: translate(0,10px) rotate(45deg);transform: translate(0,10px) rotate(45deg);
}
#asp_detail_child .box .state li.kind_new span,
#asp_detail_child .box .state li.land_no_cond span {top:0;right:-4px;}
#asp_detail_child .box .state li.new span {font-size:14px;color:#FF0000;border-color:#FC3;background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFCC), color-stop(1, #FFFFDD));}
#asp_detail_child .box .state li.alr_look span {color:#33CC99;border-color:#33CC99;background-image: -webkit-gradient(linear, left top, left bottom, from(#99E5CC), color-stop(1, #CCF2E5));}
#asp_detail_child .box .state li.kind_new span {color:#FF6666;border-color:#FF0000;background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9999), color-stop(1, #FFCCCC));letter-spacing: 0.5em;text-indent: 0.5em;} 
#asp_detail_child .box .state li.land_no_cond span {color:#996600;border-color:#996600;background-image: -webkit-gradient(linear, left top, left bottom, from(#CCB27F), color-stop(1, #EBE0CC));} 
#asp_detail_child .box .state li {position:absolute;top:-4px;right:0;height:44px;overflow:hidden;width:100%;}
#asp_detail_child .box .state li span{display:block;font-weight:700;width:160px;height:22px;line-height:22px;text-align:center;text-indent:5px;position:absolute;border-style:solid;border-width:1px 0;font-size:10px;-webkit-transform: translate(0,10px) rotate(45deg);transform: translate(0,10px) rotate(45deg);}

#asp_detail_child .box .state li.kind_bb11 span,
#asp_detail_child .box .state li.kind_bb12 span,
#asp_detail_child .box .state li.kind_bb21 span,
#asp_detail_child .box .state li.kind_bb22 span,
#asp_detail_child .box .state li.kind_bb3 span,
#asp_detail_child .box .state li.kind_bb4 span,
#asp_detail_child .box .state li.kind_ct_new span {top:0;right:-40px;}

#asp_detail_child .box .state li.kind_bb11 span   {color:#FF4D7F;border-color:#FF4D7F;background-image: -webkit-gradient(linear, left top, left bottom, from(#FF7A9F), color-stop(1, #FFDBE5));}
#asp_detail_child .box .state li.kind_bb12 span   {color:#0066FF;border-color:#0066FF;background-image: -webkit-gradient(linear, left top, left bottom, from(#88B2EE), color-stop(1, #E0F1FF));}
#asp_detail_child .box .state li.kind_bb21 span   {color:#4DB300;border-color:#4DB300;background-image: -webkit-gradient(linear, left top, left bottom, from(#7AC640), color-stop(1, #DBF0CC));}
#asp_detail_child .box .state li.kind_bb22 span   {color:#4DB300;border-color:#4DB300;background-image: -webkit-gradient(linear, left top, left bottom, from(#7AC640), color-stop(1, #DBF0CC));}
#asp_detail_child .box .state li.kind_bb3 span    {color:#FF9900;border-color:#FF9900;background-image: -webkit-gradient(linear, left top, left bottom, from(#EDBF67), color-stop(1, #FFF1CE));}
#asp_detail_child .box .state li.kind_bb4 span    {color:#666;border-color:#666;background-image: -webkit-gradient(linear, left top, left bottom, from(#CCCCCC), color-stop(1, #EEE));}
#asp_detail_child .box .state li.kind_ct_new span {color:#FF6600;border-color:#FF6600;background-image: -webkit-gradient(linear, left top, left bottom, from(#FFB27F), color-stop(1, #FFE8CC));}

#asp_detail_child .box .state li.new span,
#asp_detail_child .box .state li.alr_look span,
#asp_detail_child .box .state li.land_no_cond span {top:0;right:-4px;}

#asp_detail_child .box .state li.new span      {font-size:12px;color:#FF0000;border-color:#FC3;background-image: -webkit-gradient(linear, left top, left bottom, from(#FFFFCC), color-stop(1, #FFFFDD));}
#asp_detail_child .box .state li.alr_look span {color:#6699FF;border-color:#6699FF;background-image: -webkit-gradient(linear, left top, left bottom, from(#CCFFFF), color-stop(1, #eeFFFF));}
#asp_detail_child .box .state li.land_no_cond span {color:#996600;border-color:#996600;background-image: -webkit-gradient(linear, left top, left bottom, from(#CCB27F), color-stop(1, #EBE0CC));} 
/*
#asp_detail_child .box .state li.kind_new span {color:#FF6666;border-color:#FF0000;background-image: -webkit-gradient(linear, left top, left bottom, from(#FF9999), color-stop(1, #FFCCCC));letter-spacing: 0.5em;text-indent: 0.5em;} 
#asp_detail_child .box .state li.land_no_cond span {color:#996600;border-color:#996600;background-image: -webkit-gradient(linear, left top, left bottom, from(#CCB27F), color-stop(1, #EBE0CC));} 
*/
/*====================
.oprn  => 現地販売会
.recom => オススメ
=*/
#asp_detail_child .box li.open,
#asp_detail_child .box li.prop,
#asp_detail_child .box li.recom{position:relative;top:6px;margin:0;}
#asp_detail_child .box li.open span,
#asp_detail_child .box li.prop span,
#asp_detail_child .box li.recom span{font-size:12px;text-align:center;line-height:12px;font-weight:700;position:absolute;display:block;width:70px;top:0;right:10px;color:#FFF;padding:2px;}
#asp_detail_child .box li.open span  {background-image: -webkit-gradient(linear, left top, left bottom, from(#0066FF), color-stop(1, #599BFF));}
#asp_detail_child .box li.prop span {background-image: -webkit-gradient(linear, left top, left bottom, from(#FF0000), color-stop(1, #FF6666));}
#asp_detail_child .box li.recom span {background-image: -webkit-gradient(linear, left top, left bottom, from(#FF6600), color-stop(1, #FF9933));}
/*==売買・asp(売買・賃貸)物件一覧==*/
#asp_detail_child .box a span.photo {width:100px;float:left;text-align:center;padding:0px 0 2px 0 ;}
#asp_detail_child .box a span.area1,
#asp_detail_child .box a span.area2 {font-size:12px;}
#asp_detail_child .box a span.plan {font-size:12px;}
#asp_detail_child .box a .price {font-size:12px;color:#FF0000!important;}
#asp_detail_child .box a .price em{font-size:14px;font-weight:700;font-style:normal;}
#asp_detail_child .box a .access{font-size:12px;clear:both;}
#asp_detail_child .box a .access span.access_span {display:inline-block!important;}
#asp_detail_child .box a .comment{font-size:12px;background-color:#FFF;border:1px dashed #ccc;margin:2px 0 0;padding:4px 6px 6px;}
/*==home's物件賃貸一覧==*/
#asp_detail_child .box a .ct_price {font-size:12px;color:#FF0000!important;}
#asp_detail_child .box a .ct_price em{font-size:14px;font-weight:700;font-style:normal;}
#asp_detail_child .box a .ct_price2 {font-size:12px;}
#asp_detail_child .box a .ct_kind{font-size:12px;}

#asp_detail_child .box a .ct_plan,
#asp_detail_child .box a .ct_area {width:49%;font-size:12px;float:left;}
#asp_detail_child .box a .ct_plan {clear:left;}
/*#asp_detail_child .box a .ct_built {width:49%;font-size:12px;float:left;}*/
#asp_detail_child .box a .ct_built {clear:both;font-size:12px;}
#asp_detail_child .box a .ct_structure {clear:both;font-size:12px;}
#asp_detail_child .box a .ct_access {clear:both;font-size:12px;}