@charset "utf-8";
/* CSS Document */
body{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: #666;
}

p,ul,li,tr,td{
	font-size: 16px;
	line-height:1.5;
}

#toppage p,#toppage ul,#toppage li,#toppage tr,#toppage td{
	font-size: 12px;
	line-height:1.5;
}

#baikyaku_top p,#baikyaku_top ul,#baikyaku_top li,#baikyaku_top td{
	font-size: 12px;
	line-height:1.5;
}

table{
	border-collapse: collapse;
    border-spacing: 0;
	}

/* 最上部
------------------------------*/
.headerTop{
	max-width: 1200px;
	margin: 0 auto;
}

.marquee_sp{
	display: none;
}

a{
	color: #666;
}

a:hover {
	color: #0000ff;
}

a:hover img {
	opacity:.6;
}

h1,h2,h3,h4,p,ul,li,tr,td{
	margin: 0;
	padding: 0;
}

h1{
	font-size: 12px;
	font-weight: normal;
	line-height: 1.4;
	color: #99cc99;
	text-align: center;
}

h2{
	color: #3b5998;
	text-align: center;
	padding: .5em 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	margin: 1em 0;
}

h2.baikyaku{
	color: #3b5998;
	text-align: center;
	padding: 0;
	border-top: none;
	border-bottom: none;
	margin: 0;
}

h3{
	height: 50px;
	background: url(../images2/bar.gif) no-repeat; /* h3の背景 */
	font-size: 90%; /* h3のフォントサイズ */
	padding-left: 3em; /* h3のテキストの始まり */
	line-height: 3.5;
}

h3 span{
	margin: 0 .5em; /* テキストとイメージの間の余白 */
}

h3 img{
	vertical-align: middle;
}

h3.border-ttl{
	height: auto;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #3b5998;
	border-bottom: 1px solid #3b5998;
	background:  none;
	font-size: 120%; 
	margin: 2em 0 1em !important;
	line-height: 2;
	color: #000;
}

h3.arrow-ttl{
	background: url(../images/c_e_pick_icon.gif) no-repeat; /* h3の背景 */
	font-size: 120%; /* h3のフォントサイズ */
	padding: 0 1.5em; /* h3のテキストの始まり */
	margin-left: 1em !important;
	line-height: 1.2;
}

h3.baikyaku-ttl{
	font-size: 120%; 
	margin: 1em 0 !important;
	background: none;
	padding-left: 0;
	text-align: center;
}

h4{
	text-align:center;
	background-color: #dfefff;
	font-size: 85%;
	padding: .25em;
}

h4.bullet_blue{
	background-image: url(../images3/listmark.jpg);
	background-color: #fff;
	display: block;
	text-align: left;
	font-size: 16px;
	margin: .5em 0 .25em;
	padding-left: 1em;
	text-indent: -1em;
	}

h5{
	font-size: 100%;
	font-family: HG丸ｺﾞｼｯｸM-PRO;
	background: url(../images2/区切線.jpg)no-repeat;
	padding-top: 1em;
	margin: .5em;
}

h5.blue_ttl{
	color: #3b5998;
	font-size: 110%;
	font-family:  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	background: none;
	padding-top: 0;
	margin: 0;
}

.total_menu{
    height: 28px;
    background-image: url(../images2/bar2.gif);
    width: 100%;
    font-size: 100%;
    font-weight:bold; 
    padding-top:8px;
    padding-left:37px;
    margin-top:13px;
}

.br{
	display: none;
}

.float-left{
	float:left;
}

.float-right{
	float:right;
}

#wapper{
	width: 904px;
	display: block;
	margin:0 auto;
	overflow:hidden;
}

/* ヘッダー
------------------------------*/
#header{
	width: 100%;
	display: block;
}

.hdinner{
	width: auto;
	display: block;
}

/* ナビゲーション 
------------------------------*/
nav{
	/*width: 900px;
	height: auto;
	clear: both;*/
}

.pc_nav{
	width: 100%;
	display: block;
	margin: 0 auto;
	clear: both;
}

.pc_nav img{
	width: auto;	
}

.pc_nav table{
	width: 100%;
}

.mod_nav{
	display: none;	
}


.mod_nav p.navtitle{
	display:none;
}

.gnav{
	text-align:center;
	padding:0;
}

.gnav li{
	display:inline-block;
	*display: inline; /* IE6,7 */  
    *zoom: 1; /* IE6,7 */
}

.gnav_mgnL{
	margin-left:1em;
}

/* コンテンツ
------------------------------*/
#contents{
	width: 100%;
}

/* 左カラム
------------------------------*/
#columnLeft{
	width: 240px; /* 右マージン含む */
	vertical-align:top;
	display: block;
	float: left;
}

.sidebox_shinchaku,.sidebox_kakakuhenkou{
	width: 220px;
	overflow: hidden;
	display: block;
	margin: 1em auto;
}

.iframe-container {
	width:220px;
	height:100px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}

.iframe {
	width:100%;
	height:100%;
	border:none;
	display:block;
}

.iframe table{
	max-width:180px;}

.sidebox{
	width: 220px;
	overflow: hidden;
	display: block;
	margin: 1em auto;
}

.sidebox table{
	margin: 0 auto !important;
}

.sidebox img{
	display: block;
	margin: 0 auto !important;
}

.sidebox table.step{
	width: 220px;
	border-top-width: 4px;
	border-bottom-width: 4px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: orange;
	border-bottom-color: orange;
	display: block;
	margin: 1em 0 !important;
}

.sidebox iframe{
	width: 98%;
	height: 100px;
	overflow:scroll;
	-webkit-overflow-scrolling: touch;
}

.sidebox_banner{
	text-align:center;
	width:100%;
	margin:0 auto;
	}
.sidebox_banner table{
	display:inline-block;}
	
.sidebox_banner img{
	width:210px;}

/* メインカラム
------------------------------*/
#columnMain{
	width: 664px;
	/*vertical-align:top;*/
	display: block;
	float: left;
}

#columnMain2{
	width: 904px;
	display: block;
}

#columnMain h3,h4{
	margin: .5em 0;
}

section{
	width: 100%;
	display: block;
	margin: 1em 0;
}

.top_info_banner{
    margin-top:0.5em;
	display:inline-block;
}

.top_info_banner img{
    width: 100%;
    max-width: 100%;
    height: auto;
}

.updateInfo{
	width: 371px;
	display: inline-block;
	vertical-align: top;
	margin-right: 20px;
	background-color: #dfefff;
	margin: 8px 20px 0 0;
}

.updateInfo h4{
	margin:0;
}

#updateInfo_inner,#updateInfo_inner_index{
	width: 98%;
	height: 217px !important;
	overflow-y: auto;
	background-color: #fff;
	font-size: 14px;
	display: block;
	margin: 0 auto;
}

.twTop,.twTop_index{
	width: 39%;
	display: inline-block;
	vertical-align: top;
	margin: .5em 0;
}

.columnMain_inner{
	width: 98%;
	display: block;
	margin: 0 auto;
	padding: 1em 0 !important;
}

.columnMain_inner p{
	text-align:center;
	font-size: 12px;
}

.border_gray{
	border: solid 1px #ddd;
}

.ranking{
	width: 100%;
	display: block;
	background: #ddd;
	margin-bottom: .5em;
	padding: .5em 0;
}

.ranking p{
	font-size: 80%;
}

.ranking p span{
	color: #0000cc;
}


.iframe-content {
    position: relative;
    width: 100%;
	height: 480px;
	margin: 1em 0 0;
	overflow: auto;
	-webkit-overflow-scrolling: touch !important;
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
.iframe-content:not(:target) {
    height: 410px; /* IE10・IE11 */
  }
}

@-moz-document url-prefix() {
.iframe-content {
    height: 430px;  /* Firefox */
  }
}

.iframe-content iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/* アクセスカウンター&売買物件数
------------------------------*/
.counterInfo{
	width: 48%;
	display: inline-block;
	vertical-align: top;
}

.counterInfo p.cntTxt{
	color: #3b5998;
}

.counterInfo p{
	text-align: center;
}

.border_gray{
	border: solid 1px #ddd;
	padding: 0;	
}

.noborder{
	border: none !important;	
}

/* ハワイの不動産情報
-------------------------*/
.hawaiiInfo{
	width: 100%;
	text-align: justify;
	text-justify: distribute-all-lines;
}

.hawaiiInfo img{
	width: 100%;
}

.hawaiiInfo_left{
	width: 100%;
	max-width: 150px;
	display: inline-block;
}

.hawaiiInfo_center {
	width: 100%;
	max-width: 345px;
	display: inline-block;
}

.hawaiiInfo_right{
	width: 100%;
	max-width: 150px;
	display: inline-block;
}

/* 地域から探す
-------------------------*/
#area_search{
	width: 100%;
}

.area_search_box{
	width: auto;
	display: inline-block;
	margin: 0;
	padding: 0;
}

.area_search_box ul{
	list-style-type:none; 
	margin:0; 
	padding:0;
}

.area_search_box li{
	display: inline-block;
	margin:0 1em; 
}

/* 小中学校区から探す
-------------------------*/
#gakkulist{
	width: 180px;
	float: left;
}

#gakkulist table{
	text-align: center;
}

.gakku{
	width: 100px;
	background: #ccc;
}

.ippan{
	background: #ff6;	
	width: 100px;
}

.kaiinhd{
	background:#f9f;
	padding: 0;
}

.kaiin{
	background:#fcf;
	padding: 0;
}

#map{
	width: 465px !important;
	vertical-align: top;
	float: right;
}
/* パソコンで見たときはpcのclassがついた画像が表示される */
.pc { display: block !important; }
.spgakku { display: none !important; }
/* スマートフォンで見たときはspのclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.spgakku { display: block !important; }
}


/* 探す 
-------------------------*/
h3.navtitle{ font-size:90%;}
h3.navtitle img{
	display:none;}

.columnMain_inner_search{
	width: 100%;
	height: auto;
	clear: both;
	overflow: hidden;
}

.columnMain_inner_search table{
	width: 100%; /* テーブルを親要素の幅に合わせる */
	border-collapse: collapse; /* 罫線を統合する */
	margin-bottom:.5em;
}

.columnMain_inner_search td{
	border: solid 1px #ddd; /* テーブルの罫線 */
	padding: .25em; /* セル内の余白 */
}

.columnMain_inner_search img{
	display: inline-block;
	vertical-align: middle;
}

.multiline {
	margin-left: .5em;
	vertical-align: middle;
	display: inline-block;
}

/* バナー
-------------------------*/
.columnMain_banner{
	width: 100%;
	margin-top: 2em;
}

.columnMain_banner table{
	width: 100%;
	vertical-align: middle;
}

.columnMain_banner td{
	width: 50%;
	border: 0;
	text-align: center;
}

/* フッター 
------------------------*/
#footer{
	width: auto;
	max-width: 100%;
	margin: 0 auto;
	display:block;
	margin: 2em 0em 0em;
}

#footer-menu{
	width: 100%;
	max-width: 1000px;
	margin: .5em auto;
	display:block;
	line-height: 24px;
}

#footer-menu ul{
	margin:0;
	padding:0 1em 0 0;
	text-align:center;
}

#footer-menu ul li{
	list-style: none;
	display: inline-block;
	font-size: 14px;
	margin: 0;
	padding: 0;
}

#footer img{
	display: block;
	margin: 0 auto;
	width: auto;
}

#footer-menu ul li a{
	color: #7e4400;
}

#footer-menu ul li a:hover{
	color: #0000ff;
}

#copyright{
	text-align: center;
	font-size: 14px;
}

#copyright a{
	text-decoration:none;
}

/* トップに戻る
------------------------*/
.pagetop {
	display: block;
	position: fixed;
 	bottom: 70px;
	right:10px;
 	width:50px;
 	height:50px;
}

.pagetop a:hover {
	opacity:.6;
	background-color: transparent;
}

.top_return{
	width:50px;
	height:50px;
	min-width:50px !important;		
}

/* 会社概要
------------------------*/
#kaisyagaiyou table{
	width: 100%;
	display: block;
	margin: 2em auto;
}

#kaisyagaiyou td{
	width: auto;
	padding: 1em;
}

#kaisyagaiyou img{
	width: auto;
	display: block;
	margin: 0 auto;
}

#kaisyagaiyou p{

}

#kaisyagaiyou ul,
#staff ul,
#interview ul{
	text-align: center;
}

#kaisyagaiyou li,
#staff li,
#interview li{
	font-size: 14px;
	display: inline-block;
	margin: 0;
	padding: 0;
	list-style: none;
}

/* 重要事項説明 
------------------------*/
#jyuusetsu table{
	width : 100%;
	display: block;
}

#jyuusetsu td{
	font-size: 120%;
}

/* ハワイの不動産情報など
------------------------*/
#hawaii-fudousan-Info section{
	width: 85%;
	display :block;
	margin: 1em auto;
}

/* よくある質問
------------------------*/
.responsive_faq p{
	text-indent: -1.8em; 
	margin-left: 3em; 
	font-size: 100%;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	color: red;
	margin: .5em 1em .5em 3em;
}

.color_gray{
	color: #666 !important;
}

.responsive_table_anshin table{
	width: 100%;
	margin: .5em auto;
	border:solid 1px #ccc;
	padding: .5em;
	background-color: #efffff;
}

.responsive_table_anshin td{
	padding: .25em;
}

.responsive_inner{
	width: 85%;
	display :block;
	margin: 1em auto;
}

.responsive_inner p{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 16px;
	line-height: 1.8;
}

.responsive_inner ul,li{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 16px;
	line-height: 1.8;
	margin-left: 1em;
	list-style: disc;
}

.responsive_inner ol li{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size: 16px;
	line-height: 1.8;
	margin-left: 0em;
	list-style: decimal;	
}

.responsive_inner ol li span{
	font-weight: bold;
}

/* 金利
------------------------*/
#kinri table {
    border: none;
    border-collapse: collapse;
    border-spacing: 0;
    margin-bottom: .25em;
    width: 100%;
}

#kinri td {
    border: 1px solid #ccc;
    padding: .25em;
}

/* 専門家のご紹介
------------------------*/
.senmonka{
	max-width: 49%;
	display: inline-block;
	vertical-align: top;
	border: solid #ccc 1px;
	margin: .5em 0;
}

/* お客様の声
------------------------*/
.koe_aisatsu{
	background-color: #bdf3e7;
	padding: .5em;
}

.koe_newpage table{
	width: auto;
	margin: 1em auto;
	padding: .5em;
}

.koe_inner{
	width: 48%;
	overflow-y: hidden;
	margin: 0;
	padding: .5em;
	border: solid 1px #ccc;
	display: inline;
}

/* アクセス
------------------------*/
.twoClm_inner{
	width: 49%;
	display: inline-block;
	vertical-align: top;
}

/* 耐震診断
------------------------*/
.list_alpha{
	list-style-type: lower-alpha !important;
	margin-left: -1em !important;
}

.taishin_box{
	border: 1px solid #ccc;
	margin: 1em 0 2em;
	padding: .25em;
}

/* お引越しガイド
------------------------*/
.hikkosi_mae_list li{
	list-style: square;
	margin-top: 1em;
}

/*　売却
------------------------------*/
#baikyaku_sidemenu .sidebox{
	margin: .25em 0 !important;
}

#baikyaku_sidemenu .bluebox{
	width: 220px;
	display: block;
	margin: .25em 0;
	padding: .75em 0;
	background-color: #dfefff;
	text-align: center;	
}

.tablebox{
	width: 220px;
	display: block;
	margin: 1.5em 0 0;
	border: solid 1px #ccc;
}

.tablebox td{
	padding: .5em;
}

/* 売却の流れ
------------------------*/
.baikyaku_nagare{
	width: 49%;
	margin: .5em 0;
	display:  inline-block;
}

.baikyaku_nagare td{
	height: 60px;
}

td.txt_non{
	height: 80px;
}

/* 完全無料査定
------------------------*/
.baikyaku_satei{
	width: 45%;
	margin: .5em 0;
	display:  inline-block;
	vertical-align: top;
}

.satei_tbl{
	margin: 2em 0;
}

.satei_tbl table{
	width: 100%;
}

.satei_tbl td img{
	width: 95%;
}

.satei_point{
	margin: 2em 0;
}

.satei_point_bg{
	background-color: #dfefff;
	border-radius: 20px;
	 -webkit-border-radius: 20px;
  	 -moz-border-radius: 20px;
	padding: 1em;
}

/* 売却・住替相談
------------------------*/
#baikyaku_sumikae li{
	list-style-image: url(../baikyaku/images3/listmark.jpg) ;
}

#baikyaku_sumikae td.cell_blue{
	background-color: blue;
	color: #fff;
	font-weight: bold;
	text-align: center;
	padding: .5em 0;
	margin: 0;
}

/* 売却トップ 
------------------------*/
#baikyaku_top table{
	width: 100%;
	display: block;
}

#baikyaku_top table.baikyaku_top_tbl_point{
	border: solid 1px #ccc;
}

#baikyaku_top td{
	vertical-align: middle;
}

#baikyaku_top img{
	width: auto;
}

/* 売却Q&A 
------------------------*/
#baikyaku_qa img{
	width: auto !important;
}

/* divタグ
------------------------*/
.bg_blue{
	background-color: #dfefff;
	border-radius: 10px;
	 -webkit-border-radius: 10px;
  	 -moz-border-radius: 10px;
	margin: .5em 0;
	padding: .5em;
}

.bg_green{
	background-color: #ccffcc;
	border-radius: 10px;
	 -webkit-border-radius: 10px;
  	 -moz-border-radius: 10px;
	margin: .5em 0;
	padding: .5em;
}

.bg_gray{
	background-color: #ddd;
	border-radius: 10px;
	 -webkit-border-radius: 10px;
  	 -moz-border-radius: 10px;
	margin: .5em 0;
	padding: .5em;
}

.box_margin{
	margin: 1em 0;
}

.box_border{
	border: 1px solid #ccc;
	margin: 1em 0;
	padding: .25em;
}

/* pタグ
------------------------*/
.p_bold{
	font-weight: bold;
	font-size:110%;
}

.p_btn{
	text-align:  center;
	margin-top: 2em;
}

.p_small{
	font-size:90%;
}

.p_xlarge{
	font-size: 180%;
}

.p_large{
	font-size: 135%;
}

.p_large_blue{
	font-size: 110%;
	color: #0080ff;
}

.p_large_blue2{
	font-size: 110%;
	color: #3b5998;
}

.p_indent{
	padding-left: 1em;
	text-indent: -1em;
}

.p_align_left{
	text-align: left;
}

.p_align_center{
	text-align: center;
}

.p_align_right{
	text-align: right;
}

.font_blue{
	color: #3b5998;
}

.font_green{
	color: #008000;
}

.font_bold{
	font-weight: bold
}

.font_red{
	color: #FF0000;
}

.font_orange{
	color: #ff6702;
}

/* マージン
------------------------*/
.margin_right{
	margin-right: 8%;
}

.margin_left{
	margin-left: 8%;
}

.margin_top{
	margin-top: 1em;
}

/* サイトマップ
------------------------*/
.sitemap_ttl2{
	padding: .5em 0 0;
	font-size: 90%;
	border-bottom: 2px solid #ccc;
	width: 100%;
}

/* その他
------------------------*/
.btn_bluegray{
	width: 230px;
	display:  inline-block;
	/*margin: 0 auto;*/
}

.btn_bluegray a{
  width: 100%;
  display: block;
  background-color: #3b5998; 
  padding: .5em; 
}

.pc_navi_list{
	letter-spacing: -.40em !important; /* 文字間を詰めて隙間を削除する */
}

.pc_navi_list li{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline-block;
	letter-spacing: normal !important; /* 文字間を通常に戻す */
}

.link_url{
	color:#00F;
	word-break:break-all;
	}

/* 表示非表示
-------------------------*/
.disp-sp-only{
	display: none;
}
.disp-sp-only-bk{
	display: none;
}

.disp-sp-only-img{
	display: none;
}
/* youtube表示
-------------------------*/
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}

.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     
     

/* 追加テーブル
-------------------------*/
.coramu table{
	width: auto;
	margin: 1em auto;
	padding: .5em;
}

.coramu td, th {
padding: 10px;
}
     
     
}