@charset "utf-8";

/* -----------------------------------------------
 * style.css
 * LastUpdate : 15/07/15
----------------------------------------------- */
.box {
	margin-bottom: 30px;
}

h3.midashi {
	padding: 8px 0 8px 15px;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	background: #00b9ef;
}

/* ---------------------------------------------------------------------------------------------

　   検索結果一覧

--------------------------------------------------------------------------------------------- */
.areaTitle {
	position: relative;
}
.list h3 {
	font-size: 24px;
    font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
    margin-bottom: 20px;
}
.list .sort {
	position: absolute;
	right: 0;
	top: 0;
}
.list .sort li {
	float: left;
	margin-right: 5px;
}
.list .sort li a {
	display: block;
	font-size: 12px;
	background: #1EB9EE;
	padding: 5px 10px;
}
.list .sort li a:before {
	content: url(../img/sort-icon.png);
	margin-right: 5px;
}
.list .sort li:last-child {
	margin-right: 0;
}
.list article span.image {
	display: block;
	width: 120px;
	height: 120px;
	margin-right: 10px;
	overflow: hidden;
	position: relative;
}
.list article span.image img {
	width: 200%;
	position: absolute;
	top: -100%;
	bottom: -100%;
	margin: auto;
}
.list .textArea {
	width: 360px;
}
.list .cam_bannerList {
	width: 177px;
}
.list .cam_bannerList li {
	margin-bottom: 5px;
}
.list article {
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 10px;
}
.list article:hover {
	background: #FFFCD7;
}

.bukken_info li {
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
	font-size: 12px;
}
.bukken_info li:before {
	content: "■";
}
.list .textArea h4 {
	font-size: 18px;
    font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
    margin-bottom: 10px;
}
.list h4.cam:before {
	content: url(../img/cam_icon.png);
	vertical-align: middle;
	margin-right: 3px;
}
.areaList {
	margin-bottom: 20px;
}
.areaList li {
	float: left;
	width: 132px;
	margin-right: 10px;
	margin-bottom: 10px;
}
.areaList li:nth-child(5n) {
	margin-right: 0;
}
.areaList li a {
	display: block;
	text-align: center;
	padding: 10px 5px;
	background: #BFC932;
}
.areaList li.active a {
	background: #009735;
	color: #fff;
}

/* ---------------------------------------------------------------------------------------------

　   物件詳細

--------------------------------------------------------------------------------------------- */
.datail .camList li {
	float: left;
	width: 167.5px;
	margin-right: 10px;
}
.datail .camList li img {
	width: 167.5px;
}
.datail .camList li:last-child {
	margin-right: 0;
}

.datail h3 {
	color: #001675;
	font-size: 16px;
	margin-bottom: 10px;
}
.datail article {
	margin-bottom: 30px;
}
.datail article table th {
	background: #D8F5F3;
	padding: 20px 0 !important;
	padding-left: 20px !important;
	font-weight: bold;
	width: 200px;
	text-align: left;
}

.datail article table th,.datail article table td {
	padding: 5px 10px;
	vertical-align: middle;
	border: 1px solid #888;
}
.datail article table td.price {
	width: 90px;
	text-align: right;
}
.datail .info {
	width: 340px;
}
.datail .map {
	width: 340px;
}
.datail .map iframe {
	width: 100%;
	height: 250px;
}
.datail table {
	width: 100%;
}
.datail .info table th,.datail .info table td {
	border-bottom: 1px dotted #ccc;
	padding: 5px;
	vertical-align: middle;
	background:none;
	border-top: none;
	border-left: none;
	border-right: none;
}
.datail .info table th {
	width: 100px;
}

.datail article table.cam_price th {
	padding-left: 0 !important;
	text-align: center !important;
}

.cam_price tr td {
	padding: 5px !important;
	text-align: right;
	vertical-align: inherit !important;
}

.cam_price tr td.wd {
	text-align: left;
	padding: 10px !important;
	width: 390px !important;
}

.cam_price tr td.yellow {
	background-color: #FFFFAC;
}

.cam_price tr td a {
	display: block;
	padding: 5px;
	text-align: center;
}

.cam_price tr td a img {
	margin-bottom: 5px;
}

.datail input[type="text"],textarea {
	display: inline-block !important;
}

.syousai table tr th {
	padding: 0 !important;
}

.da_icon li {
	float: left;
	margin-right: 20px;
}

.da_icon li:last-child {
	margin-right: 0;
}

.es_btn {
	width: 700px;
}

.es_btn a {
	display: block;
	text-align: center;
}

.es_btn a img {
	width: 350px;
	margin: 0 auto;
}

.es_mini a {
	display: block;
	text-align: center;
}

.es_mini a img {
	width: 153px;
}

.movie_btn a {
	display: block;
	margin-top: 20px;
	margin-left: 106px;
}

.movie_btn a img {
	width: 300px;
}

.cam_box {
	margin-bottom: 30px;
}

.cam_box p img {
	width: 180px;
}

.banner_pr table {
	width: 700px;
	margin-bottom: 10px;
}

.datail article .cam_box table th {
	width: auto;
	padding: 0 !important;
	margin: 0 !important;
	font-size: 11px;
	white-space: nowrap;
}

.datail article .cam_box table td {
	font-size: 11px;
	margin: 0 !important;
	background-color: #FFFFAC;
}
.banner_pr td.banner_img  {
	padding:5px;
	background-color: #fff !important;
}
.banner_pr td.banner_img img {
	width: 180px;
}



/* ---------------------------------------------------------------------------------------------

　   会社概要

--------------------------------------------------------------------------------------------- */
.company table {
	width: 100%;
	margin-bottom: 50px;
	border: #000 solid 1px;
}

.company table tr {
	border: #000 solid 1px;
}

.company table tr th {
	font-size: 14px;
	font-weight: bold;
	background-color: #D8F5F3;
	padding: 20px;
}

.company table tr td {
	padding: 20px;
}



/* ここから追記 */
.company p iframe {
	margin-bottom: 30px !important;
}
/*
.tel_banner a img:hover {
	background-image: url(../img/tel_hover.jpg);
	background-repeat: no-repeat;
	z-index: 999999;
}*/
/* ここまで追記 */



/* ---------------------------------------------------------------------------------------------

　   お問い合わせ_contact.html

--------------------------------------------------------------------------------------------- */
.red_text {
	color: #e60012;
	font-weight: bold;
}

.must {
	display: inline-block;
	background: #e60012;
	color: #fff;
	font-size: 11px;
	padding: 2px 5px;
	margin-left: 8px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

.contact article {
	margin-bottom: 30px;
}

.contact table {
	width: 100%;
}

.contact tr {
	border: #000 solid 1px;
}

.contact tr:last-child {
	border: none;
}

.contact input[type="text"],textarea {
	display: inline-block !important;
}

.contact table th {
	width: 35%;
	padding: 15px;
	font-size: 14px;
	font-weight: bold;
	vertical-align: middle;
	background-color: #D8F5F3;
}

.contact table td {
	padding: 15px;
}

#submit_btn {
	text-align: center;
	border: none !important;
	padding-top: 15px !important;
}

#submit_btn input {
    padding: 15px 40px;
    font-size: 16px;
    font-weight: bold;
    letter-spacing: 0.5em;
    color: #fff;
    background-color: #00B9EF;
    border-style: none;
    text-align: center;
    border-radius: 6px; /* CSS3草案 */ 
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */ 
	-moz-border-radius: 6px; /* Firefox用 */ 
}


/* ---------------------------------------------------------------------------------------------

　   プライバシーポリシー_privacy.html

--------------------------------------------------------------------------------------------- */
.privacy .camList p {
	margin-top: 10px;
	margin-bottom: 30px;
}

.privacy ul {
	margin-bottom: 30px;
}

.privacy ul li h3 {
	font-weight: bold;
	margin-bottom: 10px;
}


/* ---------------------------------------------------------------------------------------------

　   資料請求_pamphlet_form.html　　　※お問い合わせページと共通のクラス(.contact)を使用　

--------------------------------------------------------------------------------------------- */
.pamphlet p.wd100 {
	width: 100%;
}

.pamphlet p.wd100 img {
	width: 100%;
	margin-bottom: 20px;
}


.pamphlet h2 {
	font-size: 18.5px;
}

.pamphlet table tr td ul li {
	margin-bottom: 15px;
}

.pamphlet table tr td ul li:last-child {
	margin: 0;
}

.pamphlet table tr td ul li span {
	margin-right: 20px;
}


/* ---------------------------------------------------------------------------------------------

　   メールマガジン_mail_magazine.html

--------------------------------------------------------------------------------------------- */
.magazine p img {
	width: 100%;
}

/* ---------------------------------------------------------------------------------------------

　   お申込みの流れ

--------------------------------------------------------------------------------------------- */
.flow h3.midashi {
	padding-left: 0;
	border-top: 1px solid #00b9ef;
	border-right: 1px solid #00b9ef;
	border-left: 1px solid #00b9ef;
}
	.flow h3.midashi span {
		padding: 8px;
		color: #00b9ef;
		background: #d8f5f3;
	}

.flow p {
	margin-bottom: 10px;
}

.flow .box {
	line-height: 1.5;
	margin-bottom: 10px;
	padding: 15px;
	border: 1px solid #00b9ef;
}


/* ---------------------------------------------------------------------------------------------

　   お支払方法

--------------------------------------------------------------------------------------------- */
.payment img.posL {
	margin-right: 15px;
}

.payment .box {
	line-height: 1.5;
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid #00b9ef;
}


/* ---------------------------------------------------------------------------------------------

　   よくあるご質問

--------------------------------------------------------------------------------------------- */
.faq h3.midashi {
	padding: 8px 35px 8px 30px;
	background: url('../img/faq/bg.png') #00b9ef no-repeat 0% 50%;
}
.faq .camList p {
	margin-bottom: 30px;
}

.faq .box {
	line-height: 1.5;
	margin-top: -20px;
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid #00b9ef;
}

.faq .displayNone {
	display: none;
}
.faq .accordion {
	margin: 0 0 10px;
}
.faq .switch {
	cursor:pointer;
	margin-bottom: 20px;
	font-weight: bold;
}

.faq dt {
	margin-top: 15px;
}
.faq dt:first-child {
	margin-top: 0;
}
.faq dd {
	margin-top: 10px;
	padding-left: 3em;
}


/* ---------------------------------------------------------------------------------------------

　   お客様の声

--------------------------------------------------------------------------------------------- */
.voice .camList p {
	margin-bottom: 20px;
}

.voice .box {
	line-height: 1.5;
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid #00b9ef;
}
	.voice h3.midashi {
		padding: 8px 0 8px 10px;
	}
		.voice h3.midashi a:link {
			color: #fff;
		}
	.voice .box .posR {
		width: 530px;
	}
	.voice .box p {
		line-height: 1.6;
		margin-top: 1em;
	}
	.voice .box p.toDetail {
		margin-top: 1em;
		padding: 8px 15px 8px 0;
		text-align: right;
		background: #d8f5f3;
	}
		.voice .box p.toDetail img {
			vertical-align: middle;
			margin-right: 6px;
		}


/* ---------------------------------------------------------------------------------------------

　   女性に選ばれる理由とは

--------------------------------------------------------------------------------------------- */
.woman .box {
	line-height: 1.5;
	margin-bottom: 20px;
	padding: 15px;
	background: url('../img/woman/bg.png') no-repeat top left;
}
.woman .inner_box {
	margin: 110px 0 0 200px;
}
.woman .inner_box dt {
	margin-bottom: 10px;
	padding: 8px 0 8px 14px;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	background: #00b9ef;
}
.woman .inner_box dd {
	margin-bottom: 20px;
}
	.woman .inner_box dd p {
		width: 300px;
		margin-left: 5px;
	}
.woman .example {
	margin-bottom: 20px;
}
.woman .example p {
	margin-top: 20px;
}
.woman .example h3 {
	margin-bottom: 10px;
	padding: 8px 0 8px 15px;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	background: #00b9ef;
}
.woman .example .camList li {
	float: left;
	width: 167.5px;
	margin-right: 10px;
}
.woman .example .camList li img {
	width: 167.5px;
}
.woman .example .camList li:last-child {
	margin-right: 0;
}

#recom article {
	background: #F2F2F3;
	width: 340px;
	float: left;
	margin-right: 0;
	margin-bottom: 20px;
	padding-bottom: 10px;
}
#recom article:nth-child(2n) {
	margin-right: 20px;
}
#recom article h3 {
	font-size: 24px;
    font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
    background: url(../img/ribbon.png) no-repeat left center;
    padding: 15px 10px 15px 45px;
    letter-spacing: -2px;
}
#recom article h3 a {
	color: #B68D0B;
}
#recom article span.image {
	display: block;
	position: relative;
	width: 340px;
	height: 110px;
	margin-bottom: 5px;
}
#recom article span.image .campaign_ribbon {
	position: absolute;
	left: 0;
	top: 0;
}
#recom article .textArea {
	padding: 0 10px;
}
#recom article .condition li{
	float: left;
	background: #E8D5AA;
	border-radius: 5px;
	margin-bottom: 5px;
	width: 49%;
	text-align: center;
	padding: 5px 0;
	margin-right: 2%;
	font-size: 11px;
}
#recom article .condition li:nth-child(2n) {
	margin-right: 0;
}
#recom article .adress {
	margin-bottom: 5px;
}
#recom article .bukken_info li {
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
	font-size: 12px;
}
#recom article .bukken_info li:before {
	content: "■";
}
#recom p {
	position: relative;
	margin: 5px 0 0 0;
}
#recom p.taR {
	margin: 0;
}
#recom p span.more {
	position: absolute;
	right: 0;
	top: -5px;
}

#ex_list article span.image {
	display: block;
	width: 120px;
	height: 120px;
	margin-right: 10px;
	overflow: hidden;
	position: relative;
}
#ex_list article span.image img {
	width: 200%;
	position: absolute;
	top: -100%;
	bottom: -100%;
	margin: auto;
}
#ex_list .textArea {
	width: 320px;
}
#ex_list .cam_bannerList {
	width: 177px;
}
#ex_list .cam_bannerList li {
	margin-bottom: 5px;
}
#ex_list article {
	border: 1px solid #ccc;
	padding: 10px;
	margin-bottom: 10px;
}

#ex_list .bukken_info li {
	float: left;
	margin-bottom: 5px;
	margin-right: 5px;
	font-size: 12px;
}
#ex_list .bukken_info li:before {
	content: "■";
}
#ex_list .textArea h4 {
	font-size: 18px;
    font-family: "ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","ＭＳ Ｐ明朝","MS PMincho",serif;
    margin-bottom: 10px;
}
#ex_list h4.cam:before {
	content: url(../img/cam_icon.png);
	vertical-align: middle;
	margin-right: 3px;
}
.woman .slider-pro {
	margin-bottom: 20px;
}


/* ---------------------------------------------------------------------------------------------

　   新着情報

--------------------------------------------------------------------------------------------- */
.news_detail dt,
.news_detail dd {
	float: left;
	padding: 10px 0;
	border-bottom: 1px dotted #cfa825;
}
.news_detail dt {
	width: 100px;
}
	.news_detail dt:before {
		content: "●";
	}
.news_detail dd {
	width: 600px;
}
.news_detail div {
	line-height: 1.8;
	padding: 20px;
}
	.news_detail div.maintext {
		border-bottom: 1px dotted #cfa825;
	}
.news_detail p.list {
	padding: 8px 16px;
	color: #fff;
	background: #00b9ef;
}


/* ---------------------------------------------------------------------------------------------

　   スタッフブログ

--------------------------------------------------------------------------------------------- */
.blog .kazari02 {
	margin-bottom: 30px;
	padding: 15px;
	border: 1px solid #00b9ef;
}
.blog .kazari02 h4 {
	margin-bottom: 10px;
	padding: 6px 12px;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	background: #00b9ef;
}
	.blog .kazari02 h4 a:visited,
	.blog .kazari02 h4 a:link {
		color: #fff;
	}
.blog .kazari02 .bloglastUpDate {
	margin-bottom: 5px;
	color: #00b9ef;
	font-size: 90%;
}
.blog .kazari02 div {
	line-height: 1.6;
}
.blog div.prepost {
	padding: 20px;
}
.blog .kazari02 div p {
	margin-top: 1em;
}
.blog p.list {
	padding: 8px 16px;
	color: #fff;
	background: #00b9ef;
}
.blog .blog_comment {
	padding: 15px;
	border: 1px solid #00b9ef;
}

.blog .blog_comment h3 {
	margin-bottom: 20px;
	padding: 6px 12px;
	color: #fff;
	font-weight: bold;
	font-size: 120%;
	background: #00b9ef;
}
.blog .blog_comment table {
	width: 100%;
}
.blog .blog_comment th {
	vertical-align: top;
	padding: 6px 12px 6px 0;
}
.blog .blog_comment td {
	padding: 6px 12px 6px 0;
}
.blog .blog_comment textarea {
	padding:5px;
	border: 1px solid #aaa;
	margin:0!important;
	display: block;
    border-radius:  5px;
    -webkit-border-radius: 5px ;
    -moz-border-radius:  5px ;
	font-size:108%;
	-moz-box-shadow: inset 1px 1px 3px #deded5;
	-webkit-box-shadow: inset 1px 1px 3px #deded5;
	box-shadow: inset 1px 1px 3px #deded5;
	behavior: url("./css/PIE.htc");
}


/* ---------------------------------------------------------------------------------------------

　   お得な理由

--------------------------------------------------------------------------------------------- */
.otoku h3 {
	margin-bottom: 20px;
	color: #00b9ef;
	font-weight: bold;
}
	.otoku h3 span {
		font-size: 300%;
	}
.otoku table.price_comp {
	width: 100%;
	margin-bottom: 40px;
}
.otoku table.price_comp td,
.otoku table.price_comp th {
	vertical-align: middle;
	padding: 12px 10px;
	border: 1px solid #888;
	text-align: center;
}
.otoku table.price_comp th {
	background: #eee;
}
.otoku table.price_comp td.fee {
	background: #d8f5f3;
}
	.otoku table.price_comp td.fee span {
		font-size: 90%;
	}
.otoku table.price_comp td.fee2 {
	color: #ff0084;
	font-weight: bold;
	font-size: 120%;
}
	.otoku table.price_comp td.fee2 span {
		color: #000;
		font-weight: normal;
		font-size: 80%;
	}
	.otoku table.price_comp td.fee2 img {
		vertical-align: middle;
	}
.otoku h4 {
	margin-bottom: 20px;
	padding-bottom: 8px;
	border-bottom: 3px double #00b9ef;
	color: #00b9ef;
	font-size: 160%;
}
	.otoku h4 span {
		font-weight: bold;
	}
		.otoku h4 span.ex {
			margin-right: 5px;
			padding: 5px 7px;
			color: #fff;
			border-radius: 30px !important;        /* CSS3草案 */  
			-webkit-border-radius: 30px !important;    /* Safari,Google Chrome用 */  
			-moz-border-radius: 30px !important;   /* Firefox用 */ 
			background-color: #00b9ef;
		}
.otoku .one_wk {
	margin-bottom: 20px;
}
.otoku .one_wk .posR,
.otoku .one_wk .posL {
	width: 340px;
	text-align: center;
}
.otoku .one_wk h5.keiyaku,
.otoku .one_wk h5.keiyaku2 {
	width: 240px;
	margin: 0 auto;
	text-align: center;
	padding: 10px 0;
	color: #fff;
	font-size: 160%;
	border-radius: 8px !important;        /* CSS3草案 */  
	-webkit-border-radius: 8px !important;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 8px !important;   /* Firefox用 */ 
}
	.otoku .one_wk h5.keiyaku {
		background-color: #00b9ef;
	}
	.otoku .one_wk h5.keiyaku2 {
		background-color: #e70082;
	}
.otoku .one_wk .sankaku,
.otoku .one_wk .sankaku2 {
	line-height: 0.5;
	font-size: 180%;
}
.otoku .one_wk .sankaku {
	color: #00b9ef;
}
.otoku .one_wk .sankaku2 {
	color: #e70082;
}
.otoku table.price_comp2 {
	width: 100%;
	margin-bottom: 10px;
}
.otoku table.price_comp2 td {
	vertical-align: middle;
	padding: 5px 10px;
	border: 1px solid #888;
}
	.otoku table.price_comp2 td.invis {
		height: 2px;
		padding: 0;
		border: none;
	}
	.otoku table.price_comp2 td.gray {
		background-color: #eee;
	}
	.otoku table.price_comp2 td.toku {
		color: #f00;
	}
	.otoku table.price_comp2 td.tall {
		padding: 20px 10px;
	}
.otoku .one_wk h6 {
	text-align: center;
	padding: 10px 0;
	border: 1px solid #00b9ef;
	color: #00b9ef;
	font-size: 120%;
	background: #d8f5f3;
}
	.otoku .one_wk h6 span {
		font-size: 140%;
	}
.otoku .one_wk .sankaku3 {
	vertical-align: bottom;
	line-height: 0.6;
	color: #00b9ef;
	font-size: 180%;
}


/* ---------------------------------------------------------------------------------------------

　   お見積もり

--------------------------------------------------------------------------------------------- */
.estimate table th span {
	font-weight: normal;
	font-size: 90%;
}
.estimate table li {
	margin-bottom: 12px;
}
	.estimate table li span {
		font-size: 90%;
	}
.estimate table dt {
	margin-bottom: 4px;
}
.estimate table dd {
	margin-bottom: 12px;
	font-size: 85%;
}
.estimate table p.mb20 {
	color: #f00;
	font-weight: bold;
	font-size: 120%;
}
.estimate input[type="submit"] {
	margin-bottom: 10px;
}


/* ---------------------------------------------------------------------------------------------

　   サイトマップ

--------------------------------------------------------------------------------------------- */
.sitemap dl {
	margin-bottom: 40px;
	padding: 20px 30px 0;
}
.sitemap dt {
	margin-bottom: 25px;
	padding-left: 30px;
	border-bottom: 1px dotted #d7ba76;
	font-size: 120%;
	background: url('../img/mark_small.png') no-repeat left 50%;
}
	.sitemap dt.casc {
		margin-bottom: 10px;
	}
.sitemap dd {
	margin-bottom: 15px;
	padding-left: 30px;
	font-size: 110%;
}
	.sitemap dd:before {
		content: "● ";
	}
	.sitemap dd.last {
		margin-bottom: 25px;
	}