@charset "utf-8";
/*
Theme Name: Real Estate
Theme URI: http://www.web-makati.com/
Description: Real Estate
Version: 0.1.4
Author: WEB MAKATI
Author URI: http://www.web-makati.com/
License: GNU General Public License
Tags: philippine, rial estate, Manila
*/
@import url("reset.css");
@import url("lightbox.css");
/*-------------------------------------
	基本スタイル　
-------------------------------------*/
body { background-color: #FFF;width:100%;margin:0px auto 0px auto;
       font-family:"メイリオ", Meiryo, "ヒラギノ丸ゴ ProN W3", "Hiragino Maru Gothic ProN", sans-serif;font-size: 14px;}
/*-------------------------------------
	画像リンク透過
-------------------------------------*/
a:hover img {opacity: 0.8;filter: alpha(opacity=80);}
/* ----------------------------------
              HEADER
---------------------------------- */
header { width:100%;text-align:center;margin:0px auto 0px auto;}
#TopinnerBox { border-top:3px #ff0066 solid;background-color:#eee;}
.site-description { font-size:10px;text-align:left;width:1000px; margin:0px auto 0px auto; padding:4px;}
#TopSiteTitleBox { text-align:left;width:1000px; margin:0px auto 0px auto;}
h1 { padding:20px 0px 20px 0px;float:left;}
#TopSiteTitleBox h2 { font-size:12px;padding:3px 0px 5px 0px;float:right;}
#TopSiteTitleBox h2 span { font-size:24px;padding:10px 0px 10px 0px;color:#ff0066}
/* ----------------------------------
              NAVI
---------------------------------- */
#navi { clear:both;width:100%;height:56px;margin-bottom:10px;
              border-bottom:3px #ff0066 solid;border-top:1px #ddd solid;
              background: #f8f8f8 url(/common/image/menu-bg.jpg) repeat-x left center;}
#NaviInnerBox { width:1000px;height:50px;margin:0px auto 10px auto;}
.link-title-top { float:left;display:block;font-weight:bold;font-size:12px;padding: 20px 0px 20px 0px;}
.link-title { float:left;display:block;font-weight:bold;font-size:12px;padding: 20px 0px 20px 0px;}
.link-title-top a { color:#000;height:49px;padding: 21px 15px 18px 15px;
                    border-left:1px #ddd solid;border-right:1px #ddd solid;}
.link-title a { color:#000;padding: 21px 15px 18px 15px;
                border-right:1px #ddd solid;}
.link-title-top a:hover { color:#3399ff;text-decoration:none;
                 background: #f8f8f8 url(/common/image/menu-bg-on.jpg) repeat-x left center;}
.link-title a:hover { color:#3399ff;text-decoration:none;
                background: #f8f8f8 url(/common/image/menu-bg-on.jpg) repeat-x left center;}
/* ----------------------------------
              SLIDER
---------------------------------- */
#slider{ clear:both;position:relative; top:0px; width:1000px; height:300px;margin:0px auto 0px auto; }
#slider img{ position:absolute; top:0px; left:0px;}
/* ----------------------------------
              Left-Con
---------------------------------- */
article { width:1000px;margin:10px auto 20px auto; font-size:12px;}

#Left-con { width:180px;float:left;}
#box { margin-bottom:10px;border:1px #ccc solid;}
.search-box { padding:10px 0px 10px 0px;}
#Left-con h3 { width:168px;padding:5px;
               background: #f6f6f6 url(/common/image/h2-bg.jpg) repeat-x left center;}
#Left-con h3 span { color:#000;font-size:14px;padding: 0px;}
#Left-con h3 a { color:#0000ff;font-weight:bold;}
#Left-con .date { color:#3333cc;padding:5px 0px 5px 0px;}
#Left-con .info-text { padding:5px 0px 5px 0px;}
#Left-con .screen-reader-text { display:none;}
#left-con span.post-date {display:block;width:100px;margin-left:50px;}
#left-con ul { margin:0px 0px 10px 0px; padding:5px 0px;}
#left-con li { margin:10px auto;text-align: center;}
#search-2 { margin:0px; padding:0px;border:1px #ddd solid;}
#search-2 input { margin:10px 0px 5px 5px;} 
/* ----------------------------------
              MAIN
---------------------------------- */
#center-con { width:807px;float:left;margin-left:10px;}
#topics-box { display:block;float:left;margin:20px 0px 0px 12px;padding:10px;height:270px;
              border:1px #ccc solid;border-radius:10px;
              background: url(/common/image/detail.png) no-repeat bottom right;}
#topics-box p { font-size:12px;line-height:1.8em; }
#topContents { margin:10px 0px 20px 40px;line-height:20px;}
#center-con h2 { color:#000;font-size:14px;padding: 4px 0px 4px 10px;border:1px #ddd solid;
     background: #f6f6f6 url(/common/image/h2-bg.jpg) repeat-x left center;}
#center-con .thumb {padding:5px 5px 5px 5px;}
#center-con h3 { margin:0px;}
#center-con h3 a { color:#cc0000;font-weight:bold;}
#center-con img { box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);border-radius: 10px;}
#center-con span.bottom-link {display:block;width:100px;height:44px;margin-left:50px;}

#main-con { width:800px;float:right;padding-bottom:20px;}
#main-con .blog-body { width:550px;padding:10px;float:left;}
#main-con .post-pic { width:200px;padding:5px;float:right;display:block;}
#main-con .post-pic img { margin:5px;padding:2px;box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.8);border-radius: 10px;} 

#post { padding:10px;}
#main-con h3 { font-weight:bold;font-size:14px;margin:10px 0px 10px 0px;}
#main-con .text {padding-left:10px;}
#main-con .text-left { float:left;}
#main-con .text-right { float:right;}
#main-con .text-left a { color:#0000ff;font-weight:bold;}
#main-con .text-right a { color:#0000ff;font-weight:bold;}
#main-con .pic-left { float:left;padding:0px;}
#main-con .pic-right { float:right;padding:0px}
#main-con .postdate { margin:10px 0px 10px 0px;}
#main-con p { margin:10px 0px 10px 0px;}
/* ----------------------------------
           Category Archive
---------------------------------- */
#category-archive { width:800px;}
#category-archive h3 { margin-left:30px;}
#category-archive .leftBox {float:left;width:200px;padding-left:60px;}
#category-archive .rightBox {float:left;line-height:25px;width:500px;}
/* ----------------------------------
           PAGE NAVI
---------------------------------- */
#page-navi { font-size:14px;margin:20px auto 30px auto;}
/* ----------------------------------
             COMPANY
---------------------------------- */
#company { clear:both;width:800px; }
.company-box-left { width:80px;float:left;padding:10px;margin-left:50px;line-height:2.8em;}
.company-box-left ul { width:100px;}
.company-box-right { width:600px;float:left;padding:10px;line-height:2.8em;}
.staff-pic { clear:both;float:left;margin-left:20px;padding:20px 10px 10px 0px;}
.conpany-contents h3 { clear:both; margin-left:100px;    }
/* ----------------------------------
             CONTACT
---------------------------------- */
#contact { width:800px;float:left;margin-left:10px;}
#contact h2 { font-size:14px;padding: 4px 0px 4px 10px;border:1px #ddd solid;
     background: #f6f6f6 url(/common/image/h2-bg.jpg) repeat-x left center;}
#wpcf7-f4-p125-o1 { padding:50px;}
.company-support {font-size:16px;color:#CC3333;line-height:1.5em;font-weight:bold;padding:10px 0px 10px 20px;margin:10px 20px 0px 20px;border-top:1px solid #99CCFF; border-bottom:1px solid #99CCFF;}
.contact-contents { margin-left:50px;line-height:2.8em; }
table.formTable{ width:700px;margin:0 auto;border-collapse:collapse;}
table.formTable td,table.formTable th{	border:1px solid #ccc;	padding:10px;}
table.formTable th{ width:30%;font-weight:normal;background:#efefef;text-align:left;}
.contact-confirm { margin:20px 0px 20px 100px;line-height:40px; }
.visa-point { width:460px;font-size:12px;padding:60px 20px 20px 340px;margin:20px 0px 0px 0px;line-height:22px;
         background:url(/common/image/philippine_visa_point.jpg);
         background-repeat:no-repeat;
         background-position:top left;}
/*-------------------------------------
	ページトップへ
-------------------------------------*/
p.pagetop { margin:10px 10px 10px 0px;text-align:right;}
/*-------------------------------------
	ページナンバー
-------------------------------------*/
#pageN { width: 500px;margin: 30px 0 20px 20px;}
/*-------------------------------------
	ブックマーク配置
-------------------------------------*/
.bookmark { margin-bottom: 20px;}
/*-------------------------------------
	アイキャッチ画像外枠
-------------------------------------*/
.topnew img { border: 1px solid #CCC;padding: 1px;}
.widget .spon img { border: none;margin-top: 5px;}
/*-------------------------------------
	テーブル
-------------------------------------*/
.post table { border: 1px solid #CCC;width: 525px;}
.post table th { color: #FFF;border-bottom: #e3e3e3 1px solid;	text-align: left;
	padding: 10px;	font-weight: normal;	background-color: #3187C6;}
.post table td {border-bottom: #e3e3e3 1px solid;text-align: left;padding: 10px;}
/* ----------------------------------
              FOOTER
---------------------------------- */
footer { width:100%;height:190px;text-align:center;font-size:12px;margin:0px auto 0px auto;
         background:#666666; }
#footer-wrapper {width:1000px;margin:0px auto 0px auto;background:#666666;}
#footer-left { width:400px;float:left;color:#ccc;text-align:left;padding:20px;line-height:30px;}
#footer-left a {color:#ccc;text-decoration:none;}
#footer-left a:hover { color:#ff0000;text-decoration:none;}
#footer-right { width:550px;float:right;color:#ccc;}

footer ul { font-size:12px;padding-top:10px;}
footer li  { color:#ccc;float:left;width:120px;text-align:center;list-style-type:none;}
footer li a:link { color:#ccc;display:block;width:180px;line-height:50px;text-decoration:none;}
footer li a:visited { color:#ccc;display:block;width:180px;line-height:50px;text-decoration:none;}
footer li a:hover { color:#ff0000;text-decoration:none;}
address { clear:both;color:#ccc;padding:30px 0px 30px 0px;margin:10px auto 0px auto;
             font-style:normal;font-size:14px;text-align:center;}
address a:link { color:#ccc;text-decoration:none;}
address a:visited { color:#ccc;text-decoration:none;}
address a:hover { color:#ff0000;text-decoration:none;}
.designed { font-size: 10px; color:#ccc;}
.designed a { color:#ccc;text-decoration: none; }
.designed a:hover{color:#ff0000;text-decoration: none;}
/* ----------------------------------
              COMMENT
---------------------------------- */
#comment { margin:10px 0px 10px 40px;}
#commentform textarea { width:300px;}
div#comments_box { margin-bottom:30px;}
.comment {
	margin: 0 20px 20px;
	padding: 10px;
	border: 1px solid #CCC;
	background-color: #FFF;
}

h3#comments {
	font-size: 14px;
	margin: 20px 0 10px 20px;
}

.comment p {
	margin-top: 10px;
}

#commentF {
	width: 540px;
	margin-left: 20px;
}

#commentF2col {
	width: 755px;
	margin-left: 20px;
}

#commentF h3 {
	margin: 0 5px 10px 0 ;
	padding:5px;
	border-style:solid;
	border-width:1px;
	border-color:#EEE #CCC #CCC #EEE;
	background: #F9F9F9; /* Old browsers */
	background: -moz-linear-gradient(top, #F9F9F9 0%, #EFEFEF 50%, #E8E8E8 51%, #EFEFEF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(50%,#EFEFEF), color-stop(51%,#E8E8E8), color-stop(100%,#EFEFEF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #F9F9F9 0%,#EFEFEF 50%,#E8E8E8 51%,#EFEFEF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #F9F9F9 0%,#EFEFEF 50%,#E8E8E8 51%,#EFEFEF 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #F9F9F9 0%,#EFEFEF 50%,#E8E8E8 51%,#EFEFEF 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#EFEFEF',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #F9F9F9 0%,#EFEFEF 50%,#E8E8E8 51%,#EFEFEF 100%); /* W3C */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#commentF h3 span{
	padding-left:10px;
	color:#333;
 	font-weight:bold;
	line-height:140%;
	border-left:solid 5px #0099FF;
	display:block;
}

#commentF2col h3 {
	margin: 0 5px 10px 0 ;
	padding:5px;
	border-style:solid;
	border-width:1px;
	border-color:#EEE #CCC #CCC #EEE;
	background: #F9F9F9; /* Old browsers */
	background: -moz-linear-gradient(top, #F9F9F9 0%, #EFEFEF 50%, #E8E8E8 51%, #EFEFEF 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F9F9F9), color-stop(50%,#EFEFEF), color-stop(51%,#E8E8E8), color-stop(100%,#EFEFEF)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #F9F9F9 0%,#EFEFEF 50%,#E8E8E8 51%,#EFEFEF 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #F9F9F9 0%,#EFEFEF 50%,#E8E8E8 51%,#EFEFEF 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #F9F9F9 0%,#EFEFEF 50%,#E8E8E8 51%,#EFEFEF 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F9F9F9', endColorstr='#EFEFEF',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #F9F9F9 0%,#EFEFEF 50%,#E8E8E8 51%,#EFEFEF 100%); /* W3C */
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#commentF2col h3 span{
	padding-left:10px;
	color:#333;
 	font-weight:bold;
	line-height:140%;
	border-left:solid 5px #87c2fb;
	display:block;
}

#commentF li {
	margin: 10px 20px;
}

#commentF2col li {
	margin: 10px 20px;
}

.bypostauthor {
	background-color: #EEE;
}

.commentmeta {
	font-size: small;
}

.commentmeta img {
	max-width: 32px;;
}

dl.commentform {
	margin: 0 0 10px 30px;
}

dl.commentform dt {
	color: #333;
	font-weight: normal;
}

dl.commentform dd {
	margin-bottom: 20px;
}

.submitbtn {
	margin: 10px 0 10px 40px;
}

.commentform input[type="text"],
.commentform textarea {
	padding: 5px;
	width: 80%;
	border: 1px solid #CCC;
}