@charset "utf-8";
/* CSS Document */

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

	Font-size Adjustment
	
	10px = 0.625em	|	18px = 1.125em	|	32px = 2em
	11px = 0.688em	|	20px = 1.25em	|	36px = 2.250em
	12px = 0.75em	|	24px = 1.5em	|	42px = 2.625em
	13px = 0.813em	|	28px = 1.75em	|
	14px = 0.875em	|	30px = 1.875em	|
	15px = 0.94em	|	16px = 1em		|

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

/* =Reset default browser CSS.
---------------------------------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, sub, tt, var, dl, dt, dd, ul, li, fieldset, form,  legend, table.table, caption {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

/* widthにpadding・borderを含める */
* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box;}

ul, ul li {list-style: none;}
ol {margin:1em 0;}

ul.normal_list {margin:0 0 0 20px;}
ul.normal_list li {list-style-type:disc;}

table.table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, nav, hgroup, menu, section {display: block;}

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


/* =共通部分
---------------------------------------------------------------------------------------- */

body {
	color:#333;
	background:url(../img/bg.jpg) #fff;
	font-size:14px;
	font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	/* [disabled]line-height:1.6; */
	-webkit-text-size-adjust: none;
}


/* リンク指定 */
a {text-decoration:none; color: #00C; -webkit-transition: 0.1s ease-in-out;  -moz-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; }
a:hover { color: #33C;}

a img{ -webkit-transition: 0.1s ease-in-out;  -moz-transition: 0.1s ease-in-out; -o-transition: 0.1s ease-in-out; transition: 0.1s ease-in-out; border:0px none;
		-webkit-backface-visibility: hidden; backface-visibility: hidden;/* ズレ解消 */ }
a:hover img{opacity:0.7; filter:alpha(opacity=70); -ms-filter: “alpha( opacity=70 )”; }

a.opty70:hover {display: block; opacity:0.7; filter:alpha(opacity=70); -ms-filter: “alpha( opacity=70 )”; }



/* PCスマホ表示変換 */
.pc0 {}
@media only screen and (min-width: 951px) {
	.pc0 {display:none; visibility:hidden;}
}
@media print {
	.pc0 {display:none; visibility:hidden;}
}
.mobile0 {}
.sp0 {}
@media only screen and (max-width: 950px) {
	.mobile0 {display:none; visibility:hidden;}
}
@media only screen and (max-width: 640px) {
	.sp0 {display:none; visibility:hidden;}
}

img.imgmaxH100 {max-height:100%;}
img.imgmaxW100 {max-width:100%;}
img.border { border:1px solid #999;}

/* メインコンテナ */
.wrapper {position:relative; width:1000px; margin:0 auto;}
@media only screen and (max-width: 950px) {
	.wrapper {	position:relative;	width:100%;	padding:0 2%;	margin:0;}
}
.bg_white {background:#fff; width:100%;}
.mtop20 {margin-top:20px;}
.mtop10 {margin-top:10px;}
.mbtm20 {margin-bottom:20px;}

.pad20 {padding-top:20px;}
.pad30 {padding-top:30px;}

/* ㎡ */
sup, sub {font-size:0.7em; height: 0; line-height: 1; vertical-align: baseline; _vertical-align: bottom; position: relative; } sup { bottom: 1ex; } sub { top: .5ex; }


/* ボタン */

a.bt200 {display: block; float:right; width:200px; background:#09f; color:#fff; padding:10px 0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:0 0 0 12px; text-align:center;}
a.bt200R {display: block; float:left; width:200px; background:#09f; color: #fff; padding:10px 0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:0 0 8px 12px; text-align:center;}
a.bt180R {display: block; float:left; width:180px; background:#09f; color: #fff; padding:10px 0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:0 0 8px 12px; text-align:center;}
.bt_white {display: block; border:1px solid #ccc; float:left; background:#fff; margin:5px 10px 12px 0; padding:6px 0 2px 0; width:200px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; text-align:center;}

a.bt25L {display: block; float:left; width:24%; background:#89b800; color:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:0 0.5% 8px 0.5%; padding:10px 0; text-align:center;}
@media only screen and (max-width: 640px) {
	a.bt25L {display: block; float:left; width:48%; background:#89b800; color:#fff; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:0 1% 10px 1%; padding:10px 0; text-align:center;}
}



/* .ヘッダー
---------------------------------------------------------------------------------------- */


/* =トップヘッダー */
.top_head {width:100%; height:400px; background-image:url(../img/top_main.jpg); background-repeat:no-repeat; background-position:center top; -moz-background-size:auto 100%; background-size:auto 100%; box-shadow: 0 5px 5px rgba(0,0,0,0.2); }
.top_head2 {width:100%; height:400px; background-image:url(../img/top_main2.jpg); background-repeat:no-repeat; background-position:center top; -moz-background-size:auto 100%; background-size:auto 100%; box-shadow: 0 5px 5px rgba(0,0,0,0.2); }
@media only screen and (max-width: 640px) {
	.top_head {height:300px;}
}
@media only screen and (max-width: 480px) {
	.top_head {height:240px;}
}

/* =一般ページヘッダー */
.page_head {width:100%; background:#09f; background-image:url(../img/top_main.jpg); background-repeat:no-repeat; background-position:center top; background-size: cover;}


.top_logo_box {max-width:1000px; width:100%; margin:0 auto; padding-top:10px;}
.top_logo {max-width:40%; float:left;}
.top_tel {max-width:24%; float:right;}
.top_txt {width:100%; text-align:center; margin:2em 0 0 0;}
@media only screen and (max-width: 640px) {
	.top_logo {width:60%; max-width:100%;}
	.top_tel {width:37%; max-width:60%; margin:0 1% 0 2%;}
	.top_txt {width:50%; text-align:center; margin:10px 25% 0 25%;}
}
@media only screen and (max-width: 480px) {
	.top_head {height:240px;}
}

/* =メニュー
---------------------------------------------------------------------------------------- */





/* =見出し
---------------------------------------------------------------------------------------- */

h2 {position:relative; background:#09f; color:#fff; font-size:20px; padding:3px 0 4px 10px; margin:0 0 12px 0; border-left:10px solid #039; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}



h3.line2 {border-left:15px double #09f; color:#039; font-size:16px; font-weight:bold; line-height:100%; padding:0 0 0 6px;}
h3.under_line2{ font-family: "Times New Roman", YuMincho, "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif; font-size:20px; color:#039; margin:0 0 20px 0; border-bottom:double 3px #09f;}
h3.normal {position:relative; background:#09f; color:#fff; font-size:20px; padding:6px; margin:0 0 12px 0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-family: "Times New Roman", YuMincho, "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;}

h4 {font-size:16px; font-weight:bold; margin:1.5em 0 0.3em 0}

/* =font
---------------------------------------------------------------------------------------- */
.float-right {float: right; margin-left:10px;}
.float-left {float: left; margin-right:10px;}

.mincho_ll {font-size:28px; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;}
.mincho_l {font-size:18px; font-family: "Times New Roman", "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, serif;}
.textR{	text-align:right;}
.textR a{background:#eee; margin:0 2px; padding:5px 8px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; border:solid 1px #ccc;}
.textC{	text-align:center;}

.f_red { color:#f00;}
.f_blue { color:#03c;}
.f_blue { color:#03c;}

.f_sdw_green {color:#fff; text-shadow:1px 0 5px #083, 1px 1px 5px #083, 0 1px 5px #083, -1px 1px 5px #083, -1px 0 5px #083, -1px -1px 5px #083, 0 -1px 5px #083, 1px -1px 5px #083;}

.font_ll { font-size:38px;}
.font_2l { font-size:1.5em;}
.font_l { font-size:1.25em;}
.font_sm { font-size:0.9em;}
.font_s { font-size:10px;}
.f_nai  { font-size:10px; color:#fff; background:#89b800; font-family:"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif; padding:2px;}
.mo_s {}
@media only screen and (max-width: 640px) {
	.mo_s {font-size:0.85em;}
	.font_sm { font-size:11px;}
}



/* =枠
---------------------------------------------------------------------------------------- */
.box100 {width:100%; margin:0 0 20px 0; padding:10px; border:1px solid #ccc; background:#fff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.box100under {width:100%; margin:0 0 20px 0; padding:10px 1%; border:1px solid #ccc; background:#fff; border-bottom-left-radius:6px; border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:8px; -webkit-border-bottom-right-radius:8px; -moz-border-radius-bottomleft:8px; -moz-border-radius-bottomright:8px;}


.box2 {width:66%; margin:0 0 20px 2%; float: left;}
.box1st {width:32%; margin:0 0 20px 0; float: left;}
.box1 {width:32%; margin:0 0 18px 0; float: left;}

.box64_6 {width:60%; margin:0 0 20px 0; float: left;}
.box64_4 {width:38%; margin:0 0 20px 2%; float: left;}

@media only screen and (max-width: 640px) {
	.box2 {width:100%; margin:0 0 20px 0; float: left;}
	.box1st, .box64_6, .box64_4 {width:100%; margin:0 0 20px 0; float: left;}
	.box1 {width:48%; margin:0 1% 20px 1%; float: left;}
}



@media only screen and (max-width: 640px) {
	.box2 {width:100%; margin:0 0 20px 0; float: left;}
	.box1st {width:100%; margin:0 0 20px 0; float: left;}
	.box1 {width:48%; margin:0 1% 20px 1%; float: left;}
}

.main_box {width:78%; margin:1.5em 0 20px 0; float: right;}
.side_box {width:20%; margin:0 0 20px 0; float: left;}
@media only screen and (max-width: 950px) {
	.main_box, .side_box {width:100%; margin:0 0 20px 0; float: none;}
}	


.box3  {width:100%;}
.box3 li {width:31%; margin:0 1.1%;  float: left;}
@media only screen and (max-width: 950px) {
	.box3 li {width:100%; margin:0 0 20px 0; float: none;}
}

ul.sp_box3  {width:100%; padding:1em 0;}
ul.sp_box3 li {width:33.3%; float: left; text-align:center;}

.pc_only  {}
@media only screen and (max-width: 950px) {
	.pc_only  {display:none; visibility:hidden;}
}

.box_side {width:100%; margin:0 0 18px 0; float: left;}
@media only screen and (max-width: 950px) {
	.box_side {width:48%; margin:0 1% 20px 1%; float: left;}
}

.box50, .box50n {width:48%; margin:0 1% 18px 1%; float: left;}
.box50l {width:49%; margin:0 1% 18px 0; float: left;}
.box50r {width:49%; margin:0 0 18px 1%; float: right;}
@media only screen and (max-width: 640px) {
	.box50l, .box50r, .box50n {width:100%; margin:0 0 18px 0; float: none;}
}

.box_gray {background-color: #f2f2f0; border:solid 3px #ddd; padding:10px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}



/* =トップページ
---------------------------------------------------------------------------------------- */

/* =メインアイコン　トップページ */

.top_mmenu { margin:25px 0 20px 0;}
.top_mmenu li {width:18.8%; margin-left:1.5%; background:#f5f5f5; float:left;}
.top_mmenu li:first-child {margin-left:0;}
.top_mmenu li a { display:block; border:3px solid #afa690; padding:10px; color:#827c6c;}
.top_mmenu li a:hover { border:3px solid #ddd8cd; color:#afa690;}
.top_mmenu li img { vertical-align:middle; max-width:100%;}
@media only screen and (max-width: 640px) {
	.top_mmenu {display:none; visibility:hidden; height:0;}
}

/* =おすすめ物件 */
.top_topics {background:#FFF; margin:6px 0.5%; width:24%; float:left; border:solid 2px #ccc; border-radius: 5px;  -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.top_topics a{	display:block; color: #333;}
.top_topics a:hover{background: #f5f5f5; opacity:0.7; filter:alpha(opacity=70); -ms-filter: “alpha( opacity=70 )”; }

img.Sphoto { max-width:120px; max-height:90px; padding:4px; border:1px #ccc solid; margin-bottom:5px;}
.gaiyo{ width:100%; height: 24px; line-height:24px; overflow:hidden; padding: 0; margin: 0; border-bottom:1px #ccc dotted;}
.gaiyo2{ width:100%; height: 24px; line-height:24px; overflow:hidden; padding: 0; margin: 0; border-bottom:1px #ccc dotted; font-size:14px;}
@media only screen and (min-width: 481px) and (max-width: 600px) {
	.top_topics {margin:8px 1% 10px 1%; width:31.3%;}
}
@media only screen and (max-width: 480px) {
	.top_topics {margin:8px 2% 10px 2%; width:46%;}
	img.Sphoto { padding:5px 0; border:none;}
}

/* =TOP更新日 */
.top_data {width:100%; background:#fff; border:2px solid #ddd; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; padding:12px 8px;}
.reset_date {margin:0 10px; float:left;}
@media only screen and (max-width: 640px) {
	.reset_date {margin-right:0; float:none;}
}


/* =下部会社案内 */
.foot_coop {width:100%; background:#fff; border:2px solid #ddd; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; padding:8px; margin-bottom:20px; font-size:0.9em; line-height:1.4;}
.foot_coop_img { float:left; width:480px;}
.foot_coop_s { font-size:0.8em;}
.mini_map { margin:0 6px;}
@media only screen and (max-width: 800px) {
	.foot_coop_img {float:none; width:100%; overflow:hidden;}
}
@media only screen and (max-width: 500px) {
	.mini_parking {display:none; visibility:hidden;}
}





/* =管理画面
---------------------------------------------------------------------------------------- */
.kanri_title { width:100%; color:#fff; font-size:24px; text-align:center; clear:both; margin-bottom:25px;}
.kanri_title a {display: block; width:100%; color:#fff; background:#C00; text-align:center; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
@media only screen and (max-width: 640px) {
	.kanri_title {font-size:16px;}
}

a.kanribt {display: block; float:left; width:280px; background:#09f; color: #fff; padding:20px; margin:20px; text-align:center; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-size:24px;}


/* =賃貸検索画面
---------------------------------------------------------------------------------------- */
h3.icn_h { background:#c36; color:#fff; padding:5px;
border-top-left-radius:6px; border-top-right-radius:6px; -webkit-border-top-left-radius:6px; -webkit-border-top-right-radius:6px; -moz-border-radius-topleft:6px; -moz-border-radius-topright:6px; }
.icn_box { background:#ccc; color:#333; padding:5px 5px 10px 5px;
border-bottom-left-radius:6px; border-bottom-right-radius:6px; -webkit-border-bottom-left-radius:6px; -webkit-border-bottom-right-radius:6px; -moz-border-radius-bottomleft:6px; -moz-border-radius-bottomright:6px; }

.icn_box img  { max-width: 50%; float:right;}
@media only screen and (max-width: 640px) {
	.icn_box img  { max-width: 100%; float:right;}
}


.feature,			.ft_top { margin-top:-1em;}
.feature ul,		.ft_top ul {}
.feature li a,		.ft_top li a {width:23%; float:left; margin:0 1% 20px 1%; background:#5997d2; border: 8px #5997d2 solid; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
.feature li a.bai, 	.ft_top li a.bai {background:#d26b59; border: 8px #d26b59 solid;}
.feature li h3,		.ft_top li h3 {color:#ff9; text-align:center; font-size:1.4em;}
.feature li div,	.ft_top li div {color:#fff; text-align:center; font-size:1em;}
.feature li img,	.ft_top li img {width:96%; margin:5px 2%; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px;}
@media only screen and (max-width: 950px) {
	.ft_top li a {width:32%; margin:0 9% 15px 9%;}
}

@media only screen and (max-width: 640px) {
	.ft_top li a {width:48%; margin:0 1% 15px 1%;}
	.feature li a {width:48%; margin:0 1% 15px 1%;}
}


/* =売買検索画面
---------------------------------------------------------------------------------------- */

/* =学区検索タブ切り替え */
.top_tab  {overflow:hidden; background:url(../img/bn_toptab.png) repeat-x bottom;}
.top_tab li {width:24%; padding:15px 0; text-align:center; float:left; cursor:pointer; font-size:1.2em; line-height:1.5; background:#bbb; border-top: solid 2px #999; border-right: solid 2px #999; border-left: solid 2px #999; border-top-left-radius:8px; border-top-right-radius:8px; -webkit-border-top-right-radius:8px; -webkit-border-top-right-radius:8px; -moz-border-top-right-radius:8px; -moz-border-top-right-radius:8px; }
.top_tab li.select {background:#e3e3e3;}
.top_tab li a  {color:#333; display:block; }
.top_tab li:hover  {background:#ddd;}

#contentt {background:#e3e3e3; padding:20px 10px; border-right: solid 2px #999; border-left: solid 2px #999; border-bottom: solid 2px #999; border-bottom-left-radius:8px; border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; -webkit-border-bottom-right-radius:8px; -moz-border-bottom-right-radius:8px; -moz-border-bottom-right-radius:8px;}
@media only screen and (max-width: 640px) {	.top_tab li {width:31%;}} /* レスポンシブタブ 3枠まで*/
/* レスポンシブタブ 4枠以上になったら使う
 @media only screen and (max-width: 640px) {	.top_tab li{ font-size:1em; width:46%; border: solid 2px #999; margin:0 2% 5px 2%; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}} */


/* =学区検索 */
.ifr{border:0; width:100%; margin:0; padding:0; height:30px;}

.school {float:left; width: 23.6%; margin:5px 0.7%; background: #ddd;}
.school li{width:100%; padding:3px 0;}
.school li img {width:100%;}
.school li a{ background: #fff; border: 1px #ccc solid; margin:4px 0; padding: 4px; display:block; color:#333;}
@media only screen and (min-width: 586px) and (max-width: 767px) {
	.school {float:left; width: 31.3%; margin:5px 1%;}
	.school li img {display:none; visibility:hidden;}
}
@media only screen and (max-width: 585px) {
	.school {float:left; width: 48%; margin:5px 1%;}
}
.hide {display:none;}


/* =サイド地域から選ぶ */
.school_side {font-size:0.9em;}
.school_side li{ float:left; width:170px; margin:3px;  border:1px solid #999; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-size:0.9em;}
@media only screen and (max-width: 950px) {
	.school_side li {width:150px; margin:3px;}
}

/* =物件検索4枠 */
.kensaku4 {background:#e3e3e3; padding:20px 10px; border: solid 2px #999; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.kensaku4 li { float:left; width: 23.6%; margin:5px 0.7%; }
@media only screen and (min-width: 586px) and (max-width: 767px) {
	.kensaku4 li {float:left; width: 31.3%; margin:5px 1%;}
}
@media only screen and (max-width: 585px) {
	.kensaku4 li {float:left; width: 48%; margin:5px 1%;}
}


/* =物件一覧
---------------------------------------------------------------------------------------- */

div.Buk_list, div.Buj_list, div.Bue_list {width:100%; background:#fff; margin-bottom:25px;	position:relative; border:1px solid #ccc; padding:10px;	 border-top:none; moz-border-radius: 0px 0px 6px 6px / 0px 0px 6px 6px;
-webkit-border-radius: 0px 0px 6px 6px / 0px 0px 6px 6px;	-o-border-radius: 0px 0px 6px 6px / 0px 0px 6px 6px;	-ms-border-radius: 0px 0px 6px 6px / 0px 0px 6px 6px;}
div.Buk_list:hover, div.Buk_list:active, div.Buj_list:hover, div.Buj_list:active {background:#f0f0f0;}
div.Buj_list {margin-bottom:0;}
a.bt_edit {display: block; float:left; width:150px; background:#999; color: #fff; padding:2px 0; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; margin:5px 5px 30px 5px; text-align:center;}
.Buk_list a, .Buj_list a  {
	display:block;
	position:absolute;
	left:0;top:0;
	width: 100%;
	height: 100%;
	background/*\**/:#fff;/*IE7 8のハック*/
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	opacity:.0; /* 透明に */ 
}

.baibai_all {width:310px; margin:0 5px 15px 5px; float:left;}


h4.blue  {padding:5px; background: #5997d2; color:#FFF; font-size:1em; line-height:120%; border:1px solid #89b800 border-bottom:none; font-weight:normal; 
-moz-border-radius: 6px 6px 0px 0px / 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px / 6px 6px 0px 0px; -o-border-radius: 6px 6px 0px 0px / 6px 6px 0px 0px; -ms-border-radius: 6px 6px 0px 0px / 6px 6px 0px 0px;}
h4.red {padding:5px; background: #d26b59; color:#FFF; font-size:1em; line-height:120%; border:1px solid #eab72d; border-bottom:none; font-weight:normal; 
-moz-border-radius: 6px 6px 0px 0px / 6px 6px 0px 0px; -webkit-border-radius: 6px 6px 0px 0px / 6px 6px 0px 0px; -o-border-radius: 6px 6px 0px 0px / 6px 6px 0px 0px; -ms-border-radius: 6px 6px 0px 0px / 6px 6px 0px 0px;}

.listgaikan { display: inline; overflow: hidden; float:left; margin:5px 10px 5px 0; width: 130px; height: 100px; text-align: center; border: 1px #ccc solid; background:#fff;}
.listmadori { display: inline; overflow: hidden; float:left; margin:5px 10px 5px 0; width: 100px; height: 100px; text-align: center; border: 1px #ccc solid; background:#fff;}
.listgaikan img{ max-width: 120px; max-height: 90px; padding-top:5px;}
.listmadori img{ max-width: 90px; max-height: 90px; padding-top:5px;}

.listText{ margin-left: 260px;}
.listText li.list_harf{width: 50%; float:left;}
@media only screen and (max-width: 640px) {
	.listText{ width: 100%; margin-left: 0; clear: both;}
	.listText li.list_harf{width: 100%; float:none;}
}
.listText li{ border-bottom: 1px #ccc solid; padding:5px 0 3px 0;}
.listText .chapter { width: 50px; float:left; font-size:12px;}
.listText .numbers { float:right; font-size:12px; color:#777;}

/* 済マーク */ 
.ico_sumi{position:absolute; top:0; left:20%; bottom:0; margin:auto; z-index:100;}
.txt_sumi{float:left; position:relative;}
.txt_sumi .txt_sumi_img {position:absolute; top:0; left:0; bottom:0; margin:auto; z-index:99;}


/* サイド検索 */ 
.bke_serach label, .s_label {width:160px; display:block; float:left; padding:0.2em 0;}
.bke_serach label.sc_madori {width:120px; display:block; float:left; padding:0.2em 0;}
.bke_serach label.ss_madori {width:50%; display:block; float:left; padding:0.2em 0;}
@media only screen and (max-width: 950px) {
	.bke_serach label.ss_madori, .bke_serach label.sc_madori  {width:100px; padding:0.5em 0;}
}
@media only screen and (max-width: 640px) {
	.bke_serach label, .s_label  {padding:0.5em 0;}
}


/* サイドボタン */ 
a.bkl_bt, a.bklt_bt, a.bklts_bt {display: block; float:left; width:170px; line-height:30px; background:#def; color:#333; padding:0 0 0 0.5em; margin:3px; border:1px solid #999; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
a.bkl_bt:hover, a.bklt_bt:hover, a.bklts_bt:hover {display: block; opacity:0.7; filter:alpha(opacity=70); -ms-filter: “alpha( opacity=70 )”; }
a.bklt_bt {width:150px; margin:5px;}
a.bklts_bt {width:150px; margin:5px; background:#eee;}
@media only screen and (max-width: 950px) {
	a.bkl_bt {width:150px; margin:3px;}
}
a.member_bt {display: block; width:100%; background:#d26b59; color:#fff; text-align:center; padding:10px 0; margin:3px 3px 15px 3px; border:1px solid #999; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; font-size:1.2em;}


/* メンバー専用物件表示 */ 
.list_icon { height:18px; vertical-align:bottom;}


/* =物件詳細
-------------------------------------------------------------- */

/* =上部見出し */
.gray_box { position:relative; background:#fff; border:2px solid #ccc; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; margin:0 0 20px 0; padding:10px;}
.gray_box img.hyoji{ position:absolute; max-width:100%; z-index:100; top:0; bottom:0; left:0; right:0; margin: auto;}
.box_harf { width: 44%;  margin:0 3%; float:left;}
.box_full { width: 94%;  margin:0 3%; float:left;}
@media only screen and (max-width: 640px) {
	.box_harf, .box_full { width: 100%;  float:none;}
}
.box_harf li, .box_full li{ border-bottom: 1px #ccc solid; padding:5px 0 3px 0; font-size:16px; line-height:28px;}
.box_harf .chapterS, .box_full .chapterS { width: 90px; height:30px; float:left; font-size:12px;  line-height:28px;}

/* =画像テーブル */
.bukken_img {width: 100%; background:#fff; border:1px solid #ccc; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.gaimod_img {width:70%; float:left;}
.parmod_img {width:90%; margin:0 auto;}
table.t_img {width: 100%; border-collapse: separate; border-spacing: 9px; margin: 0; table-layout:fixed;}

td.gaikan {width: 50%; border: 1px #aaa solid; border-width:1px; background: #fff; text-align:center; vertical-align:middle;}
td.madori {width: 50%; border: 1px #aaa solid; border-width:1px; background: #fff; text-align:center; vertical-align:middle;}
td.gaikan img, td.madori img { max-height:360px;}


td.b_gaikan {width: 35%; border: 1px #aaa solid; border-width:1px; background: #fff; text-align:center; vertical-align:middle;}
td.b_madori {width: 35%; border: 1px #aaa solid; border-width:1px; background: #fff; text-align:center; vertical-align:middle;}
td.b_kukaku {width: 30%; border: 1px #aaa solid; border-width:1px; background: #fff; text-align:center; vertical-align:middle;}


@media only screen and (max-width: 800px) {
	.gaimod_img, .parmod_img {width:100%;}
}

.naikans {width: 100%; padding:9px 0;}
.naikans li {width: 15%; margin:0 0.8%; float:left; text-align:center; overflow:hidden;}
.naikans li img {max-height:110px;}
@media only screen and (max-width: 800px) {
	.naikans li {width: 31%; margin:0 1%;}
	.naikans li img {max-height:100px;}
}


/* =概要テーブル */
table.t_gaiyo {width: 100%; border: 1px #aaa solid; border-collapse: collapse; border-spacing: 0; margin: 0 0 20px 0;}
table.t_gaiyo th {width: 15%; padding:8px 5px; border: #aaa solid; border-width: 0 0 1px 1px; background: #eee; text-align: left;}
table.t_gaiyo td {width: 35%; border: 1px #aaa solid; border-width: 0 0 1px 1px; padding:8px 5px; background: #fff;}

@media only screen and (max-width:640px){
    table.t_gaiyo th, table.t_gaiyo td {width:100%; display: block;}
}

/* =コメント */
.bkn_come {margin:20px 0 0 0; width:100%; background:#fff; border: 5px #09f solid; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}
.bkn_come h3 {color:#ffc; font-size:1.4em; background:#09f;}
.bkn_come div {margin:10px; font-size:1.2em;}
.bkn_come div br {line-height:0.5em;}

/* =google MAP */
#map_canvas2 { width:100%; height:340px; border: 3px #ccc solid; }
.mapyes {}
.mapno {display:none; visibility:hidden;}

.k_mapyes {display:none; visibility:hidden;}
.k_mapno {}

/* =売買済表示 */
.b_sumi0, .b_sumi2, .b_sumi3 {display:none; visibility:hidden;}
.b_sumi1 {}


/* =動画 */
.moviemo { width:100%; }
.movien  {display:none; visibility:hidden;}
.mo_box {width: 100%; background:#eee; text-align:center; padding:12px;}

.youtube { position: relative; width: 100%; padding-top: 56.25%;}
.youtube iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }


/* =メンバー専用サイトボタン */
.mno {display:none; visibility:hidden;}
.mbt {margin:15px 0;}
.mbt li {margin:0 20px 0 0; width:240px; float:left;}

.img1 { border:solid 2px #fff}
.img2 { border:solid 2px #f00;}

/* =LINEでお問い合わせ */
ul.LINE_QR { width:100%; border:3px solid #ccc; background:#fff;}
ul.LINE_QR li { float:left; text-align:center; width:50%; padding:10px;}
ul.LINE_QR li img {max-width:100%;}
@media only screen and (max-width: 640px) {
	ul.LINE_QR li {width:100%; padding:10px;}
}



/* =その他ページ
-------------------------------------------------------------- */
/* =リンク集 */
.bt_link {display: block; border:1px solid #ccc; float:left; background:#eee; margin:5px 1% 12px 1%; padding:10px 0 6px 0; width:23%; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; text-align:center;}
@media only screen and (min-width: 641px) and (max-width: 950px) {
	.bt_link {width:31.7%; margin:5px 0.8%;}
}
@media only screen and (max-width: 640px) {
	.bt_link {width:48%; margin:5px 1%;}
}

/* .Q&A */
.qa  {border: 3px solid #CCC; background:#fff; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px; padding:10px; margin-bottom:24px;}
.qa_q { background:url(../img/bg_q.gif) no-repeat left top; padding:10px 0 5px 50px; line-height:30px; font-size:18px; font-weight:bold; border-bottom: #ea596e 1px dotted;}
.qa_a { background:url(../img/bg_a.gif) no-repeat left top; padding:5px 0 0 50px;}


/* .不動産購入 */
.konyu01 { background-color:#bdd4fe; background-image:url(../sou/img/01_ko02.png); background-repeat:no-repeat; background-position:bottom right; background-size: contain; padding:1.5em 1em; font-size:1.2em; font-weight:bold;}
.konyu01 img {width:23%; float:left; margin:0 2% 0 0; display:block;}
@media only screen and (max-width: 480px) {
	.boder_left img {width:90%; margin:0 10% 0 0;}
}

/* .2枠カテゴリ * その他コンテンツ（4枠） */
.box2li {margin:0 0 0 -3%;}
.box2li ul li {position:relative; width:47%; float:left; margin:0 0 2em 3%; padding:1em; border:1px solid #ccc; background:#ff9; -webkit-border-radius:8px; -moz-border-radius:8px; border-radius:8px;}
.box2li ul li a{display:block;}
.box2li ul li a:hover img {  -webkit-transform: scale(1.2); -moz-transform: scale(1.2); -o-transform: scale(1.2); -ms-transform: scale(1.2); transform: scale(1.2);}
@media only screen and (max-width: 800px) {
	.box2li {margin:0;}
	.box2li ul li { width:100%; float:left; margin:0 0 2em 0;}
}



/* .〇×アイコン */

.xxx { display: inline-block; width: 40px; height: 40px; position: relative;}
.xxx span::before,
.xxx span::after { display: block; content: ""; position: absolute; top: 50%; left: 50%; width: 84%; height: 16%; margin: -8% 0 0 -42%; background: #2196F3;}
.xxx span::before { transform: rotate(-45deg);}
.xxx span::after { transform: rotate(45deg);}

.ooo { display: inline-block; width: 40px; height: 40px; font-size: 40px; position: relative;}
.ooo span { position: absolute; display: block; top: 50%; left: 50%; width: 84%; height: 84%; margin: -42% 0 0 -42%; border-radius: 50%; border: .16em solid #E91E63;}

/* =LINEコラム配信
-------------------------------------------------------------- */
/* .タイトル */
ul.line_title {width:auto; max-width:100%; margin:1em 0;}
ul.line_title li {width:50%; float:left; text-align:center; line-height:0;}
ul.line_title li img {max-width:100%;}
@media only screen and (max-width: 640px) {
	ul.line_title li {width:100%;}
}

/* .表紙・目次 */
ul.line_column_list {}
ul.line_column_list li {width:23%; margin:1em 1%; float:left;}
ul.line_column_list li a {color:#333;}
ul.line_column_list li img {max-width:100%;}
ul.line_column_list li.next {color:#666;}
ul.line_column_list li.next img {-webkit-filter: grayscale(100%);-moz-filter: grayscale(100%);-ms-filter: grayscale(100%);-o-filter: grayscale(100%);filter: grayscale(100%);}
ul.line_column_list li p.data { text-align:right; font-size:0.9em;}

@media only screen and (max-width: 940px) {
	ul.line_column_list li {width:31.3%;}
}
@media only screen and (max-width: 540px) {
	ul.line_column_list li {width:48%;}
}
/*
@media only screen and (max-width: 540px) {
	ul.line_column_list li {width:98%; margin:1em 1%; padding-bottom:1em; float:left; border-bottom:1px solid #666;}
	ul.line_column_list li img {max-width:30%; float:left; margin-right:1%;}
	ul.line_column_list li p {margin-top:1em;}
}
 */

img.colimg {max-width:50%; float:right; margin:0.5em 0 0.5em 1em;}
img.colicon {max-width:150px; width:30%; float:left; margin:1.5em 1em 0.5em 0;}
img.coliconB {max-width:200px; width:45%; float:left; margin:1.5em 1em 0.5em 0;}
img.coliconC {max-width:300px; width:45%; float:left; margin:1.5em 1em 0.5em 0;}
@media only screen and (max-width: 540px) {
	img.colimg {max-width:100%; float:none; margin:0.5em 0;}
}


/* テーブル　標準
-------------------------------------------------------------- */
table.t_list, table.t_list_no_less {width: 100%; border: 1px #aaa solid; border-collapse: collapse; border-spacing: 0; margin: 0 0 20px 0;}
table.t_list_w0 { border: 1px #aaa solid; border-collapse: collapse; border-spacing: 0; margin: 0 0 20px 0;}

table.t_list th, table.t_list_w0 th, table.t_list_no_less th { padding:5px; border:1px  #aaa solid; border-width: 0 0 1px 1px; background: #eee; text-align: left;}
table.t_list td, table.t_list_w0 td, table.t_list_no_less td { border: 1px #aaa solid; border-width: 0 0 1px 1px; padding:5px; background: #fff;}

table.t_list td.tdC {text-align: center; }
table.t_list td.tdvTop {vertical-align: top; }

@media only screen and (max-width:640px){
    table.t_list th, table.t_list_w0 th, table.t_list td, table.t_list_w0 td  {width:100%; display: block;}
}


/* テーブル　アンダーライン
-------------------------------------------------------------- */
table.t_underline { border: 1px #fff dotted; border-top: 1px #aaa dotted;  border-collapse: collapse; border-spacing: 0;}
table.t_underline100 {width:100%; border: 1px #fff dotted; border-top: 1px #aaa dotted; border-collapse: collapse; border-spacing: 0;}
table.t_underline th, table.t_underline100 th { border:1px #aaa dotted; border-width: 0 0 1px 0; padding:8px 3px; vertical-align:top; text-align: left;}
table.t_underline td, table.t_underline100 td { border:1px #aaa dotted; border-width: 0 0 1px 0; padding:8px 3px;}

@media only screen and (max-width:800px){
    table.t_underline100 th, table.t_underline100 td {width:100%; display: block;}
}
@media only screen and (max-width:640px){
    table.t_underline th, table.t_underline td {width:100%; display: block;}
}


/* テーブル　デザイン0
-------------------------------------------------------------- */
table.t_parking0 { width:auto; margin: 0; padding: 0;   border: none; border-collapse: collapse; border-spacing: 0;}
table.t_parking0 td { padding: 0; margin: 0; border: none; text-align: left; border-collapse: collapse; border-spacing: 0;}
table.t_parking0 th { padding: 0; margin: 0; border: none; text-align: left; border-collapse: collapse; border-spacing: 0; font-weight:100; background:#fff;}

table.t_design0 { margin: 0; padding: 0;   border: none;}
table.t_design0 th { padding: 0; margin: 0; border: none; text-align: left; vertical-align: top; font-weight:nomal;}
table.t_design0 td { padding: 0; margin: 0; border: none; text-align: left;}

@media only screen and (max-width:640px){
    table.t_design0 th, table.t_design0 td {width:100%; display: block;}
}

/* テーブル　デザイン0X20px
-------------------------------------------------------------- */
table.t_design0x { margin: 0; padding: 0;   border: none;}
table.t_design0x th { padding: 0; margin: 0; border: none; text-align: left; vertical-align: top; font-weight:nomal;}
table.t_design0x td { padding: 0; margin: 0; border: none; text-align: left;}


/* テーブル　埋め込み
---------------------------------------------------------------------------------------- */
.t_charge {width: 100%; border: 1px #aaa solid; border-collapse: collapse; border-spacing: 0; margin: 0 0 20px 0;}
.t_charge td,.t_charge th {border:#aaa solid; border-width: 0 0 1px 1px; padding:3px; vertical-align:top; }
.t_charge thead th{border:#aaa solid; border-width: 0 0 1px 1px; background: #eee; text-align: left; }

.t_charge td.tbW, .t_charge th.tbW {background: #fff;}
.t_charge td.tbC, .t_charge th.tbC {background: #ffd;}

.t_charge tbody td.tdb1, .t_charge tbody th.tdb1  { background: #fff;}
.t_charge tbody td.tdb2, .t_charge tbody th.tdb2  { background: #ddd;}

@media only screen and (max-width:420px){
	.t_charge{display: block;	}
		.t_charge thead{display: none;		}
		.t_charge tbody{display: block;		}
			.t_charge tbody tr{display: block;	margin-bottom: 1.5em;}
			.t_charge tbody th, .t_charge tbody td{display: list-item;	border: none; }
			.t_charge tbody th{padding: 5px; list-style-type: none; }
			.t_charge tbody td{margin-left: 20px; padding: 0;}
			.t_charge tbody th.tbW, .t_charge th.tbC {background: #eab72d; coor:#fff;}
			.t_charge tbody td.tbW, .t_charge td.tbC {background: #fff;}
}


/* メールフォーム
-------------------------------------------------------------- */
/* Form styles */
div.form-container { padding: 5px 2% 15px 2%; background-color: #fff; border: #bbb 1px solid; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;}

div.form-container form p { margin: 0; }
div.form-container form fieldset { margin: 10px 0; padding: 10px; border: #bbb 1px solid;  background-color: #f0f0f0; }
div.form-container form legend { font-weight: bold; color: #666; }
div.form-container form fieldset div { padding: 0.25em 0; }
div.form-container label, 
div.form-container span.label { width: 20%; display: block; float: left; text-align: right; position: relative; padding:5px 1% 5px 0; margin: 3px 0;}
div.form-container input:focus,
div.form-container textarea:focus {	background-color: #FFC; border-color: #FC6; }
div.form-container div.controlset label, 
div.form-container div.controlset input { display: inline; float: none; }
div.form-container div.controlset div { margin-left: 21%; }
div.form-container div.buttonrow { margin-left: 23%; }

input, select, textarea {margin: 3px 0; padding: 5px;}
input.SSwaku { width: 18%; }
input.Swaku { width: 40%; }
input.Bwaku { width: 60%; }
input.BBwaku { width: 70%; }
textarea { width: 60%; height: 7em;}
textarea.tabig { width: 70%; height: 10em;}
input#submit_button {padding: 5px 20px; background-color: #666; color: #fff; border: #999 2px solid; font-size:1.2em; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; cursor:pointer;}
input#clear_button {padding: 5px 20px; background-color: #888; color: #fff; border: #bbb 2px solid; font-size:1.2em; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; cursor:pointer;}


input:focus, textarea:focus {	background-color: #ffd; border-color: #804f21;}

.autoConfirmVal { font-size:1.2em;}

@media only screen and (max-width: 640px) {
	div.form-container label, 
	div.form-container span.label { margin-right: 10px; padding-right: 10px; width: 100%; display: block; float: left; text-align: left; position: relative; }
	div.form-container div.controlset div { margin-left: 0px; }
	div.form-container div.buttonrow { margin-left: 0px; }

	input.Swaku { width: 50%; }
	input.Bwaku { width: 80%; }
	textarea { width: 80%; height: 7em;}
}

/* =左サイドバー
-------------------------------------------------------------- */

/* ナビ  トップページ他*/
div.section { margin-bottom: 3em; clear: both;}
div.section img{max-height:35px;}

ul.nav4  {	white-space: nowrap; overflow-x: hidden;}
ul.nav4 > li {margin-bottom:20px;}
ul.nav4 li ul li a {display: block; color: #777; line-height:120%; border-left: solid 6px #888; padding: 0 0 0 7px; margin:0 0 8px 10px;}
ul.nav4 li ul li a:hover { color: #454545; border-left: solid 6px #454545;}
@media screen and (max-width: 950px) {
	ul.nav4  { background:#fff; border:2px solid #09f;}
	ul.nav4 > li {margin:20px 0;}
	ul.nav4 li ul li a { border-bottom:1px solid #666;}
}

/* ナビ  一般ページ*/
.p_menu {width:100%; background:#fff; border-top:3px solid #09f; border-bottom:3px solid #09f;}

ul.nav5  {white-space: nowrap; overflow-x: hidden;}
ul.nav5 > li { float:left; width:20%; padding:5px 0 3px 0;}
ul.nav5 > li:first-child, ul.nav5 > li:last-child {display:none; visibility:hidden;}
ul.nav5 > li img { max-width:100%; max-height:35px;}
ul.nav5 li ul li a {display:none; visibility:hidden;}
@media screen and (max-width: 950px) {
	.p_menu {background:#09f;}
	ul.nav5  { background:#fff; border:2px solid #09f;}
	ul.nav5 > li  {margin:20px 0; width:100%; float:none;}
	ul.nav5 > li:first-child, ul.nav5 > li:last-child {display: block; visibility:visible;}
	ul.nav5 li ul li a {display: block; visibility:visible; color: #777; line-height:120%; border-left: solid 6px #888; padding: 0 0 0 7px;  margin:0 0 8px 10px; border-bottom:1px solid #666;}
}



/*メニュー開閉 */

.pc_menu_no{display:none;}
@media screen and (max-width: 950px) {
	.pc_menu_no{display:block;}
	.smt_menu_no{display:none;}
}
/*メニュー開閉ボタン */
.menu_bt {display: block; position: relative; width: 100%; background: #09f; font-size:20px;}
.menu_bt a{ display: block; position: relative; padding: 10px 0 10px 50px; color:#FFF; text-decoration: none;}
.menu_bt:before { display: block; content: ""; position: absolute; top: 50%; left: 10px; width: 30px; height: 30px; margin-top: -15px; background: #FFF;}
.menu_bt a:before, .menu_bt a:after {display: block; content: ""; position: absolute; top: 50%; left: 10px; width: 30px; height: 6px; background: #09f;}
.menu_bt a:before {margin-top:-9px;}
.menu_bt a:after {margin-top: 3px;}

.menu_btm a {display: block; position: relative; width: 100%; background: #09f; color:#fff; display: block; position: relative; padding: 10px; text-decoration: none;}


/*スマホ時　検索条件開閉 */
.hidden_box { margin:2em 0;}
/*ボタン装飾*/
.hidden_box label.labelbt {font-weight:bold; cursor:pointer; background:#039; border:solid 2px #09f; color:#fff; padding:10px 2.5em; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; text-align:center;}
/*ボタンホバー時*/
.hidden_box label.labelbt:hover {background:#09f;}
/*チェックは見えなくする*/
.hidden_box input.label_input {display: none;}
@media screen and (max-width: 950px) {
/*中身を非表示にしておく*/
.hidden_box .hidden_show { height: 0; padding: 0; overflow: hidden; opacity: 0; transition: 0.8s;}
/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show { padding: 10px 0; height: auto; opacity: 1;}
}




/* =footer
-------------------------------------------------------------- */
.foot_navi {background:#09f; border-top:3px solid #039; width:100%; padding:10px 0;}

.foot_navi ul {width:15%; margin:10px 0.8%; float:left;}
.foot_navi li {display:block; width:100%; font-size:0.9em;}
.foot_navi ul p{border-bottom:1px dotted #fff; margin-bottom:5px; font-weight:bold; color:#fff;}
.foot_navi a{ color:#fff;}
.foot_navi a:hover{color:#ff6;}

@media only screen and (min-width: 481px) and (max-width: 950px) {
	.foot_navi ul {width:31.7%; margin:0 0.8%;}
}
@media only screen and (max-width: 480px) {
	.foot_navi {border-top:10px solid #039; width:100%; padding:20px 0;}
	.foot_navi ul {width:44%; margin:0 3%;}
	.foot_navi li {display:none; visibility:hidden;}
}

#footer {background:#039; width:100%; padding:5px 0; color:#fff; font-size:14px;}
@media only screen and (max-width: 480px) {
	#footer {font-size:12px;}
}
/* -------------------------------------------------------------- */



/* .clearfix
---------------------------------------------------------------------------------------- */

.clearfix:after {
	content: ".";
	font-size: 0.1em;
	line-height: 0;
	display: block;
	height: 0.1px;
	visibility: hidden;
	clear: both;
}

/* IE7,MacIE5 */
.clearfix {
	display: inline-block;
}
/* WinIE6 below, Exclude MacIE5 \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/**/
.clear { clear: both; }
.clear24 { clear: both; height:24px;}
.clear40 { clear: both; height:40px;}

/* .pagetop
---------------------------------------------------------------------------------------- */
.pagetop {display: none; position: fixed; bottom: 20px; right: 20px; z-index:10000; }
.pagetop a { display:block; width:50px; height:50px; background-color: #039; text-align:center; color:#fff; font-size:24px; text-decoration:none; line-height:50px; 
border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; opacity:0.6; }