@charset "utf-8";
 @import url("/css/header.css");
 @import url("/css/common.css");
 @import url("/css/style.css");

/* ==========================================================

title : 東建ウェブサイト
scope : トップページ

last modify : 2015/12/18 141_yokota レジデンス・多度温泉バナー追加

memo ： 新トップページ_HTML5
2015/11/06 227_suzuki 「はじめての空」紹介コンテンツ追加 #7024
2015/11/11 255_suzuki_nobu 右カラム位置変更と調整
2015/11/02 264_tnaabe サイドナビに公式SNSコンテンツ追加調整
2015/11/02 232_yusa 地域・沿線から賃貸物件を探すに日本地図を追加
2015/08/21 242_hayakawa 横長バナー追加
2015/08/18 247_morita ニュースリリース/更新情報　文字色修
2015/04/14 156_goto 枠無しのバナー設定
2015/03/18 222_souda SNS公式ボタンを追加

========================================================== */

/*-- 年頭所感 --*/

.nento {
	width:617px;
	margin:15px auto 25px auto;
	}
	
.kyuka {
	width:750px;
	margin:0 auto 18px;
	padding:0;
	border:1px solid #fda0ce;
	background: #fef6fa;
}

.kyuka h2 {
	font-size: 15px;
	color:#f51d87;
	height:40px;
	line-height:40px;
	background: url(../image/mrk_closing.gif) no-repeat 15px center;
	padding: 0 0 0 45px;
	font-weight: bold;
	border-bottom: 2px solid #f5288d;
	margin: 0 0 0 0;
	}


.kyuka p {
	padding:10px 20px;
	font-size: 14px;
	line-height:1.4;
}
	


/* 休暇のお知らせ */
.closing{
	width:920px;
	margin:5px auto 10px;
	padding:10px 0 9px;
	border:1px solid #5395c4;
	background: #F2F9FF;
}

.closing h2{
	color:#1D5CF5;
	font-size: 17px;
	font-weight: bold;
	padding: 3px 0 8px 17px;
	/*background: url(/image/mrk_closing.gif) no-repeat 15px 0;*/
	border-bottom: 2px solid #6290FF;
	margin: 0 0 10px 0;
	}

.closing p{
	padding: 0 20px 0;
	font-size: 16px;
	line-height: 150%;
	}

/* ゴルフ系イベントバナー */
.bnr_head{
	width:860px;
	height:100px;
	margin:0 auto 4px;
	padding: 12px 0 10px 2px;
}



/*被災者の方へのメッセージ */
.info{
	width:920px;
	height:380px;
	margin:15px 0 15px 15px;
	background: url(/image/img_top_infobg.jpg) no-repeat 0 bottom;
}

.info .under {
	width:660px;
	margin:0 auto;
	padding:18px 0;
	border:1px solid #fda0ce;
	background:#fef6fa;
	}
	
.info .under dl {
	list-style:none;
}

.info .under dl dt {
	float:left;
	width:280px;
	height:50px;
	margin:0;
	padding: 0;
	color: #ff3a89;
	}
.info .under dl dt span {
	display:block;
	padding-top:5px;
	line-height:1.2;
	text-align:center;
	font-size:110%;
	font-weight:bold !important;
	}
.info .under dl dd {
	margin:0;
	padding:0 0 3px;
	}


/* ----------------------------------------------------------
 content
---------------------------------------------------------- */

/* バナー */
.topbanr {
	width:945px;
	margin:0 auto 10px auto;
	padding:10px 0 10px 5px;
	background:#EBEBEB;
	}
.topbanr p {
	float:left;
	margin:0 19px 0 0;
	padding:0;
	}
.topbanr p.last {
	margin:0;
	}

/* レジデンス、多度温泉バナー */
.bnr_tado {
	margin:20px 0;
}
.bnr_tado .bnrbox:first-child {
	float:left;
}
.bnr_tado .bnrbox {
	float:right;
	width:460px;
}
.bnr_tado .bnrbox:first-child figure {
	text-align: left;
}
.bnr_tado .bnrbox figure{
	text-align: right;
}
.bnr_tado .bnrbox figure figcaption {
	margin: 5px 0 0;
	padding: 0 5px;
	text-align:left;
	font-size:13px;
	letter-spacing: 0.12em;
}

/* 共通 */

.bar_gray {
	width:588px;
	height:28px;
	margin:10px auto;
	padding:0 0 0 20px;
	line-height:28px;
	font-weight:bold;
	color:#136895;
	font-size:120%;
	background:url(/image/bar_gray.jpg) no-repeat 0 0;
	}

.txt_gray {
	color:#999;
	}
/* アコーディオンボタン */	
.btn_panel_open	{
	display:block;
	width:120px;
	height:20px;
	text-indent:-9999px;
	}
/* 下マージンなし */	
.mb0 {
	margin-bottom:0!important;
	}
	
/*全国不動産ネットワーク加盟企業*/

.box_network {
	width:560px;
	margin:10px auto 0 auto;
	padding:10px 10px 0 10px;
	border:3px solid #ED6F95;
	/*border:3px solid #FDD;*/
	text-align:center;
	font-size:120%;
	}

.box_network strong {
	margin:0 10px ;
	color:#FF4242;
	font-size:130%;
	line-height:1.5;
	}

/*地域から検索*/

.searchArea .entrylist li {
	margin:0 5px;
	}
	
	
.searchArea ul.region{
	width:590px;
	list-style:none;
	margin:0 auto 10px auto;	
	background: url(/image/bg_map.png) no-repeat right top;
	}
.searchArea ul.region li {
	clear:both;
	width:585px;
	margin:0 auto 5px auto;
	padding:5px 0;
	background: url(/common5/image/bg_border_dot.gif) repeat-x 0 bottom;
	}
	
.searchArea ul.region li dl {
	line-height:1.2;
	}
		
.searchArea ul.region li dl dt{
	float:left;
	margin:0;
	padding:0 15px;
	border-left:1px solid #CCC;
	font-weight:bold;
	}
.searchArea ul.region li dl dd{
	float:left;
	margin:0;
	padding:0 10px;
	border-left:1px solid #CCC;
	}

.searchArea ul.region dl dd.last {
	border-right:1px solid #CCC;
	}
	
/* 横サイズ半分リスト */	
#main ul.half {
	margin:0 15px;
	}
#main ul.half li{
	width:275px;
	clear:none;
	float:left;
	margin:0 15px 5px 0;
	padding:5px 0 15px 10px;
	border-bottom:1px solid #CCC;
	 font-size:14px; 
	}
#main ul.half li.n2 {
	margin-right:0;
	}
#main ul.half li.last {
	border:none;
	}
#main ul.half li.arrow {
	background:url(/image_cmn/mrk_arrow_bread.gif) no-repeat 0 5px;
	}

/*災害ﾒｯｾｰｼﾞ*/
.importantinfo {
	width:628px;
	margin:0 auto 18px;
	padding:10px 0 9px;
	border:1px solid #ffbc3b;
	/*background:#fef6fa;*/
	background:#fffdf0;
	}
	
.importantinfo dl {
	list-style:none;
}

.importantinfo dl dt {
	float:left;
	width:150px;
	margin:0;
	color: #ff3a89;
	display:block;
	padding-top:45px;
	line-height:1.2;
	text-align:center;
	font-size:110%;
	font-weight: bold;
	letter-spacing: 0.1em;
	}
.importantinfo dl dt span {
	display: block;
	padding-bottom: 15px;
	font-weight: bold;
	}
.importantinfo dl dd {
	margin:0;
	width: 460px;
	float: right;
	padding:0 0 3px;
	}

/* キャラクターバナー */
.hmbanner{
	float:left;
	width:300px;
	margin: 0 5px 15px 5px;
	line-height:1.2;
	}
.hmbanner p{
	margin: 5px auto;
	}
.mr {
	margin-right:12px!important;
	}
	
	
	
/* メインカラム求人バナー */
.kbanner{
	float:left;
	width:300px;
	margin: 5px 5px -15px 5px;
	line-height:1.2;

	
	}
.kbanner p{
	margin:5px 5px 20px 5px;
	text-align:center;
	}
.mr {
	margin-right:12px!important;
	}	

.kline{
	width:650px;

	clear: both;
height: 1%;
padding: 5px 0 5px 0;
background: url(/common5/image/bg_border_dot.gif) repeat-x 0 bottom;
	}

.toppage{
	float: left;
	width: 630px;
	margin: 10px 0 0 0;
	}
.toppage section{
	width: 630px;
	margin: 10px 0 0 0;
	padding: 6px 0 0 0;

	}
.toppage section .bgbtm{
	width: 630px;
	
	}
.toppage section .bg{
	width: 618px;
	margin: 0 auto;
	padding: 0 6px 0 6px;
	background: url(/image/bg_category.gif) repeat-y 0 0;
	}


.toppage section .ttlbar{
	width: 608px;
	height:34px;
	margin: 0 auto;
	padding: 0 0 0 10px;
	background: url(/image/bg_category_ttl.gif) no-repeat 0 0;
	}
.toppage section .ttlbar h2{
	width: 398px;
	float: left;
	}
	
.toppage h2.ttl	{
	background:url(../image/cate_ttl_bg.gif) no-repeat 0 0;
	border-bottom:5px solid #136895;
	font-size:18px;
	color:#fff;
	height:19px;
	padding:8px 0 0 15px;
	letter-spacing:0.2em;
}

@media screen and (max-device-width: 1024px) {
	.toppage h2.ttl	{
	letter-spacing:0.1em;
}
	}
	
.sublead{
     font-size:15px;
	 margin:10px 20px 10px 20px;
	 clear: both;
height: 1%;
padding: 5px 0 10px 0;
background: url(/common5/image/bg_border_dot.gif) repeat-x 0 bottom;
	}	
	
@media screen and (max-device-width: 1024px) {
.sublead .line_h{
	line-height:1.5;
	letter-spacing:-1px;
	}
}

.toppage section .ttlbar p.inqbtn{
	width: 187px;
	float: right;
	margin: 5px 5px 0 0;
	}
*html .toppage section .ttlbar p.inqbtn{
	margin: 5px 3px 0 0;
	}
.entrylist{
	margin: 10px 0;
	}

.entrylist li{
	clear: both;
	height: 1%;
	padding: 5px 0 5px 0;
	background: url(/common5/image/bg_border_dot.gif) repeat-x 0 bottom;
	}
.entrylist li dd.img{
	float: left;
	width: 75px;
	padding: 0 10px 0 10px;
	}
.entrylist li dt{
	float: left;
	font-size: 15px;
	font-weight: bold;
	width: 500px;
	padding: 4px 0 1px 15px;
	background: url(/common5/image/mrk_arrow_blue01.gif) no-repeat 0 7px;
	}

.entrylist li dt a.blank{
	padding: 4px 0 0 15px;
	background: url(/common5/image/mrk_arrow_blue01.gif) no-repeat 0 7px;
	}

.entrylist li dd.txt{
	float: left;
	width: 500px;
	font-size:15px;
	margin: 5px 0 0 15px;

	}

/* iPad用 */	
	
@media screen and (max-device-width: 1024px) {

.entrylist{
	margin:0;
	}
.entrylist li{
	clear: both;
	height: 1%;
	padding: 10px 0 5px 0;
	background: url(/common5/image/bg_border_dot.gif) repeat-x 0 bottom;
	}
.entrylist li dd.img{
	float: left;
	width: 75px;
	padding: 0 10px 0 10px;
	}
.entrylist li dt{
	float: left;
	font-size: 15px;
	font-weight: bold;
	width: 500px;
	padding: 4px 0 1px 15px;
	background: url(/common5/image/mrk_arrow_blue01.gif) no-repeat 0 7px;
	}
.entrylist li dt a.blank{
	padding: 4px 0 0 15px;
	background: url(/common5/image/mrk_arrow_blue01.gif) no-repeat 0 7px;
	}

.entrylist li dd.txt{
	float: left;
	width: 500px;
	line-height:1.2em;
	margin: -15px 0 5px 15px;
	}
	

.entrylist li dd.txt_gray{
	float: left;
	width: 500px;
	margin: 5px 0 0 15px;
	color: #999;
	}
	
.entrylist li.last{
	background: none;
	}
}
	


.toppage .news{
	width: 628px;
	margin: 10px 0 0 0;
	padding:0 0 10px 0;
	border: 1px solid #c8c8e2;
	}
.toppage .news .news_ttl{
	height: 50px;
	/*background: url(/image/bg_news_ttl.gif) repeat-x 0 0;*/
	}
.toppage .news .news_ttl h2{
	padding: 10px 0 10px 11px;
	border-top:3px solid #003567;
	background:#eee;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#003567;
	letter-spacing:0.2em;
	}
	
.toppage .news .news_ttl02 h2{
	padding: 10px 0 10px 11px;
	border-top:3px solid #003567;
	background:#eee;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#003567;
	letter-spacing:0.2em;
	}
ul.newslist{
	width:608px;
	margin: 0 10px;
	font-size:15px;
	line-height:1.2em;
	}
ul.newslist li{
	clear: both;
	height: 1%;
	padding: 10px 0 10px 0;
	background: url(/common5/image/bg_border_dot.gif) repeat-x 0 bottom;
	}
	
ul.newslist li.month{
	clear: both;
	height: 1%;
	padding: 10px 0 10px 0;
	background: url(/common5/image/bg_border_dot_month.gif) repeat-x 0 bottom;
	}
	
	
ul.newslist li.year{
	clear: both;
	height: 1%;
	padding: 10px 0 10px 0;
	background: url(/common5/image/bg_border_dot_year.gif) repeat-x 0 bottom;
	}
	
	
ul.newslist li.last{
	background: none;
	}
ul.newslist li dt{
	float: right;
	width: 410px;
	padding: 0;
	line-height:1.4;
	}	
ul.newslist li dt.ttl{
	font-size:16px;
	line-height:1.8;
	margin:-1px 0 3px 0;
	}	
ul.newslist li dt.ttl span{
	font-weight:bold;
}
ul.newslist li dt.txt{
	position:relative;
	}
ul.newslist li dt.txt img{
	position:absolute;
	top:2px;
	left:0;
	float:left;
	}	
ul.newslist li dt.txt p{
	position:relative;
	padding-left:24px;
	float:left;
	color:#333;
	}
ul.newslist li dd{
	float: left;
	/*width:80px;*/
	line-height:1.8;
	padding: 2px 5px 2px 0;
	}
	

ul.newslist li dd.icon{
	width:85px;
	padding: 0 0 0 5px;
	vertical-align: middle;
	}
ul.newslist li dd.icon img{
	vertical-align: middle;
	}
ul.newslist li .f_right{
	float:right;
	}

ul.newslist li dl dt span.kyoku {
	color: #FF0000;
	}
.entrylist li dd.img a:hover img {
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
background: #fff;
}

/* トップ動画 */
/* --------------------------------------
 movie_box
--------------------------------------- */	

#movie embed {
	margin:0;
	padding:0;
}

#movie {
	position:relative;
	width:300px;
	height:290px;
	margin:10px 0px 20px 0px;
	background:#595B5A url(/image/movie_black.png) no-repeat ;
}

#sp {
	position:relative;
	width:300px;
	height:290px;
	margin:10px 0px 20px 0px;
	background:#595B5A url(/image/movie_black_sp.png) no-repeat ;
}



#movie > #swf {
	position:absolute;
	display:block;
	/*top:-10px;*/

}
#movie > .btn_movie {
	position:absolute;
	left:9px;
	bottom:5px;
	width:280px;
	height:26px;
	background:;
}


#movie > .btn_movie_p {
	position:absolute;
	left:9px;
	bottom:60px;
	width:280px;
	height:26px;
	top:250px;
}


#movie > .BrightcoveExperience {
	position:absolute;
	margin:10px 0px 20px 10px;
	background:;
}

	
/* 被災地の皆様へ */	
	
.toppage .victim{
	width: 628px;
	margin: 10px 0;
	padding:0 0 10px 0;
	border: 1px solid #c8c8e2;
	}
.toppage .victim .victim_ttl{
	height: 42px;
	background: url(/image/bg_victim_ttl.jpg) repeat-x 0 0;
	}
.toppage .victim .victim_ttl h2{
	padding: 16px 0 0 11px;
	}
ul.victimlist{
	width:608px;
	margin: 0 10px;
	}
ul.victimlist li{
	clear: both;
	height: 1%;
	padding: 10px 0 8px 0;
	background: url(/common5/image/bg_border_dot.gif) repeat-x 0 bottom;
	}
ul.victimlist li.list_line {
	background:none;
	border-bottom:2px solid #bbb;
}
ul.victimlist li:last-child{
	clear: both;
	height: 1%;
	padding: 10px 0 10px 0;
	background: url(/common5/image/bg_border_dot.gif) repeat-x 0 bottom;
	}	
ul.victimlist li.last{
	background: none;
	}
	
ul.victimlist .center {
	text-align:center;
	}
	
/* 5つの自社工場 */	
#factory {
	margin:30px 0;
	font-size:16px;
	line-height:1.4;
}

#factory p {
	width:617px;
	border-bottom:1px solid #787878;
	padding-bottom:10px;
	margin:10px auto 20px;
}

#factory .factory_btn {
	width:617px;
	overflow:hidden;
	margin:0 auto;
}

#factory .factory_btn li {
	float:left;
	margin:0 17px 20px 0;
}

#factory .factory_btn li.visit {
	margin:15px 0 0 18px;
}

#factory .factory_btn figcaption {
	margin-top:5px;
	text-align:center;
}
	
	
/* ----------------------------------------------------------
 sidebar
---------------------------------------------------------- */

#rightbar{
	float: right;
	overflow: hidden;
	width:302px;
	margin:10px 0 0 0;
	}
#rightbar section{
	width: 300px;
	margin: 10px auto 0;
	padding: 6px 0 0 0;
	background: url(/image/bg_sideber_top.gif) no-repeat 0 0;
	}
#rightbar section .bgbtmcir{
	width: 300px;
	height: 1%;
	background: url(/image/bg_sideber_bottomcir.gif) no-repeat 0 bottom;
	padding: 0 0 6px 0;
	}
#rightbar section .bgbtm{
	width: 300px;
	height: 1%;
	padding: 0 0 2px 0;
	background: url(/image/bg_sideber_bottom.gif) no-repeat 0 bottom;
	}
#rightbar section .bg {
	width: 288px;
	margin: 0 auto;
	padding: 0 6px 0px 6px;
	background: url(/image/bg_sideber.gif) repeat-y 0 0;
	}
#rightbar section .ttlbar{
	width: 278px;
	margin: 0 auto;
	padding: 0 0 0 10px;
	background: url(/image/bg_sideber_ttl.gif) no-repeat 0 0;
	}


/* 300pxバナー*/
	
[class^="bnrbox"] figure a {
    display:block;
	overflow:hidden	;
    background:#fff;
	
}

[class^="bnrbox"] figure a img {
	margin:0;
	border:solid 1px #ccc;

}

[class^="bnrbox"] figure a img.bdr_none {
	border:none;

}

[class^="bnrbox"] figure a:hover img {
    filter: alpha(opacity=80);
    -moz-opacity:0.8;
    opacity:0.8;
}

[class^="bnrbox"] figure > figcaption {
	border:none;
	margin:5px 0 0;
}

[class^="bnrbox"] figure > figcaption a {
	border:none;
	}
[class^="bnrbox"] .linkblank {
	margin-top:3px;
	}	
	
.bnr260list {
	width: 260px;
	margin: 10px auto;
	}
.bnr260list li{
	margin: 0 0 10px;
	}
/*.bnr260list li p{
	margin: 3px 0 0 0;
	}*/
.bnr_product{
	width: 510px;
	margin: 0 auto;
	text-align: center;
	}
.estatetop,
.productstop{
	width: 582px;
	margin: 7px auto 0;
	text-align: center;
	}
.call {
	margin:10px 0;
}
.call span{
	display: block;
	padding: 0 0 0 10px;
	letter-spacing: 0.05em;
	}
@media screen and (max-device-width: 1024px) {
	.call span{
	display: block;
	font-size:13px;
	padding: 0 0 5px 10px;
	letter-spacing: 0.01em;
	}
	
	}
.mobile{
	margin: 5px 0 0 0;
	}
.mobile dt{
	float: left;
	width: 282px;
	padding: 0 0 0 5px;
	}
.mobile dd{
	float: left;
	width: 190px;
	padding: 0 0 0 5px;
	}
.linkfree{
	margin: 5px 0 0 0;
	}
.linkfree dt{
	float: left;
	width: 62px;
	padding: 0 0 0 3px;
	}
.linkfree dd{
	float: left;
	width: 210px;
	padding: 0 0 0 5px;
	}
	
hr.line {
border-width: 2px 0px 0px 0px;
border-style: solid; 
border-color: #136895; 
height: 2px;
display:block;
width:85%;
margin:20px auto 18px;
*margin:13px auto 13px;
}

hr.line2 {
border-width: 2px 0px 0px 0px;
border-style: solid; 
border-color: #136895; 
height: 2px;
display:block;
width:85%;
margin-bottom:18px;
*margin:13px auto 13px;
}

/* 最下部テキストエリア */

.comment_box {
	clear:both;
	width:780px;
	margin:10px auto 0 auto;
	padding:10px;
	border:3px solid #EDEDED;
	color:#868686;
	}
.comment_box span {
	font-weight:bold;
	font-size:110%;
	}
	
/*スライドショー*/

#slideshow {
	position:relative;
	/*position:absolute;*/
	width:950px;
	height:360px;
	margin: 5px auto 10px auto;
	}
#slideshow a {
	position:absolute;
	top:0;
	left:0;
	/*filter: alpha(opacity=0);
	-moz-opacity:0.0;*/
	opacity:0.0;
	}
#slideshow a img {
	z-index:10;
}
.dtl_btn {
	position:absolute;
	bottom:10px;
	right:10px;
	z-index:100;
	/*opacity:0.75;*/
}
#slideshow a.active{
	z-index:10;
	/*filter: alpha(opacity=100);
	-moz-opacity:1.0;*/
	opacity:1.0;
}
#slideshow a.last-active {
	z-index:9;
	/*filter: alpha(opacity=100);
	-moz-opacity:1.0;*/
	opacity:1.0;
}

/* -----------------------------------------------
 ライン
----------------------------------------------- */	

#line_box_footer {
	clear:both;
	width:auto;
	margin:0 0 -15px 0;
	}

#line_box_footer .color_g {
	width:100%;
	height:7px;
	background-color:#418250;
}
	
#line_box_footer .color_p {
	margin:3px 0 0 0;
	width:100%;
	height:15px;
	background-color:#E5396F;
}


/* --------------------------------------
 東建カップYouTubeバナー
--------------------------------------- */	

#bnr_youtube{
	width:920px;
	height:100px;
	margin:15px auto 15px;

}

/* --------------------------------------
ホームメイトブログのご紹介　バナー
--------------------------------------- */	
.bnr_center{
	margin:20px auto 20px;
	text-align:center;
	}

.bnr_center figure > figcaption {
    border: medium none;
    margin: 5px 0 0;
}

.box2 {
width: 300px;
margin: 15px 0;
padding: 0 0 10px 0;
background: url(/corp/image/bg_side_r_box2.jpg) no-repeat 0 bottom;
}

.box2 .bg_header {
padding: 16px 0 0 0;
background: url(/corp/image/header_side_r_box2.jpg) no-repeat 0 0;
text-align: center;
}

.box2 p {
width: 270px;
margin: 10px auto;
line-height: 1.2;
}
/* --------------------------------------
弊社発行物のご案内
--------------------------------------- */	
.issue_info{
	width:530px;
	height:125px;
	border:1px solid #006baa;
	margin:0 auto;
	background: url(/image/img_issue.png) no-repeat right bottom;
	}
.issue_info .ttl_issue{
	width:530px;
	line-height:1.9;
	font-size:15px;
	font-weight:bold;
	color:#ffffff;
	text-align:center;
	background:#006baa;
	letter-spacing:1.2px;
	}
.issue_info ul{
	width:390px;
	display:block;
	padding:23px 10px 5px 20px;
	font-size: 14px;
	}
.issue_info ul li{
	float:left;
	width:155px;
	display:block;
	margin:0 0 17px 0;
	padding:0 0 0 17px;
	background: url(/image_cmn/arrow.gif) no-repeat 0 3px;
	font-weight: bold;
	line-height:1.2;
	}

	/* ---------------------------------------
	 簡易ロールオーバー
	---------------------------------------- */
	
	.ov {
		background:#fff;
		}
	 
    .ov:hover > img {
		filter: alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7;
		}

 figcaption.ban{
	 font-size:16px;
	 }
	 
/* グランドスラム東京　キャプション */
#main2 #gstokyo_cap{
	display:block;
	position:relative;
	left:25px;
	width:350px;
	margin:0 0 5px;
	color:#FF0000;
	font-size:16px !important;
	text-align:center;
}


/* リサーチバナー追加 */
.b_20 {
	width:554px;
margin: 15px auto!important;
padding: 0;
}

.b_20 a:hover,
.bnr_photo_con a:hover{
	filter: alpha(opacity=75);
	-moz-opacity:0.75;
	opacity:0.75;
}

.bnr_photo_con{
	text-align: center;
	padding-bottom: 15px;
}

.bnr_photo_con a{
	padding: 0 8px 0 7px;;
}

/* ---------------------------------------
	 SNS公式アカウント
---------------------------------------- */

#sns_box {
	display:block;
	margin:0 auto;
	width:300px;
}
#sns_link_box {
	overflow:hidden;
	border:2px solid #0a72c3;
	width:296px;
	padding:0;
	margin: 0px auto 5px;
}
#sns_link_box dt {
	position:relative;
	padding: 4px 0 8px; 
	font-size:18px;
	color:#fff;
	border:1px solid #4997d3;
	border-bottom-color:#1273bf;
	text-align:center;
	background-color:#358cd0;
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #358cd0), color-stop(100%, #1f7ec7));
	background-image: -moz-linear-gradient(top, #358cd0, #1f7ec7);
	background-image: linear-gradient(top, #358cd0, #1f7ec7);
	font-weight:bold;
	line-height:1;
	behavior: url(/css/PIE.htc);
}
#sns_link_box dt > span {
	display:block;
	margin-top:5px;
	font-weight:bold;
} 

#sns_link_box #sns_list {
	width:280px;
	margin:0 auto;
	padding:8px 1px 8px 6px;
	text-align:center;
}
#sns_link_box #sns_list:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;

	}
*+html #sns_link_box #sns_list { zoom: 1; }
#sns_link_box #sns_list li {
	position:relative;
	float:left;
	padding:0 7px 0 0;
	behavior: url(/css/PIE.htc);
}
#sns_link_box #sns_list li:last-child {
	position:relative;
	float:left;
	padding:0;
	behavior: url(/css/PIE.htc);
}
#sns_link_box #sns_list li a{
	display:block;
	}
#sns_link_box #sns_list li a:hover{
	filter: alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7 !important;
	}

#sns_link_box #sns_list li.disable{
	background:#eee;
	border-color:#ccc;
}
#sns_link_box #sns_list li img {
	display:block;
	zoom:1;
	text-align:center;
	margin:4px auto;
}
#sns_link_box #lnk_sns_cont {
	display:block;
	text-align:center;
	margin:0 15px;
	border-top:1px solid #358cd0;
	padding:10px 0px;
	font-weight: bold;
	color: #999;
	font-size:15px;
}

.share_box {
	margin: 15px auto 10px;
	overflow: hidden;
	/zoom:1;
}

.share_box dt img {
	display:block;
}
.share_box dd {
	padding:10px 5px 0;
}

.share_box dd ul {
	overflow:hidden; /zoom:1;
}
.share_box dd ul li {
	display: block;
	float: left;
	line-height: 1;
	margin: 0 6px 10px;
	width: 131px;
	height: 30px;
	padding: 10px 0 0;
	text-align: center;
	background: #d3e5f4;
	border: 1px solid #b7d3ea;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}
.share_box dd ul li span.line_bg {
	display:block;
	background:url(/image_cmn/btn_line.png) no-repeat 0 0;
	background-size:100% auto;
	width:82px;
	height:20px;
	margin:0 auto;
}


#sns_box p.arrow {
	background: url(/image_cmn/sns_arrow.gif) no-repeat 2px 8px;
	margin: 0;
	padding: 5px 0 0 12px;
	font-size: 12px;
	text-align: left;
}
#sns_box .mrk_sns_link {
	background: url(/image_cmn/sns_light.png) no-repeat 0px 0px;
	margin:8px auto 5px;
	padding:0 0 0 15px;
	font-size:12px;
	text-align:left;
}
#sns_box #sns_ex {
	display:block;
	overflow:hidden;
	text-align:center;
	margin:0 auto;
	zoom:1;
	text-align:center;
}

/* ---------------------------------------
	 ニュースリリース もっと見る
---------------------------------------- */

.news_link {
  float: right;
  clear: left;
/*  width: 120px;
  height: 20px;*/
  margin: 0 15px 0 0;
  /*background: url(/image/btn_panel_open.jpg) no-repeat 0 0;*/
  cursor: pointer;
  -moz-user-select: none;
  -khtml-user-select: none;
}

.news_link a:hover {
	opacity:0.75;
}

/* ---------------------------------------
	 動画枠 youtube建築商品リンク
---------------------------------------- */
.movie_top_box{
	overflow:hidden;
	width:630px;
	height:291px;
	background:url(/image/movie_top_bg.jpg) no-repeat 0 0;
}
.movie_left{
	float:left;
	width:290px;
	margin:15px 0 0 17px;
}
.movie_left .movie_ttl{
	margin:0 0 21px 0;
}
.movie_left img{
	margin:0 0 0 35px;
}
.movie_left .movie_photo{
	margin:12px 0 0 43px;
}
.movie_right{
	float:right;
	width:300px;
	height:265px;
	background:url(/image/movie_top_box.jpg) no-repeat 0 0;
	margin:15px 20px 0 0;
}
.movie_right a{
	display:block;
	margin:15px 10px;
}
.movie_right .movie_box_btn{
	margin:0 15px;
}
.bnr_head_long{
	text-align: center;
	margin:0;
	padding: 15px 0 10px;
}

/*-------------------------
	ﾚｼﾞﾃﾞﾝｽバナー
--------------------------*/
.bnr_pmcontest2 {
	overflow: hidden;
    width: 700px;
    height: auto;
    margin: 15px auto;
}

/*-------------------------
	img_hover
--------------------------
.img_hover a:hover {
	filter: alpha(opacity=7) !important;
	-moz-opacity: 0.7 !important;
	opacity: 0.7 !important;
}*/

/*-------------------------
 banner_large_comment
--------------------------*/
.bnr_l_cmt {
	/*width:450px;*/
	margin-top:10px;
	margin-bottom:30px;
}

/*-------------------------
 official tools BOX
--------------------------*/

p.mk_mail {
	height:40px;
	margin-bottom:8px;
	/*height:40px;
	margin: 5px 0 8px 0;*/
	text-align:center;
}
p.mk_mail a {
	display: inline-block;
	/*color: #0000ff;*/
	font-size: 17px;
	background: url(/image_cmn/mark_mail_blue_speedup.png) no-repeat 0 0px;
	vertical-align:middle;
	padding: 10px 0 10px 40px;
}
/*p.mk_mail a:hover { color: #ff0000; }*/
p.mk_mail a[href*="javascript:void(0)"] {
/*	color: #999999;*/
	font-size: 17px;
	background: url(/image_cmn/mark_mail_blue_speedup.png) no-repeat 0 0px;
	padding: 10px 0 10px 40px;
	vertical-align:middle;
}
/*p.mk_mail a[href*="javascript:void(0)"]:hover { color: #999999; }*/

.official_tools_box {
	display:inline-block;
	width:300px;
	vertical-align:bottom;
	margin-top:10px;
}
.official_tools_box li {
	margin-bottom:15px;
	text-align:center;
}
.official_tools_box li a:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/* ---------------------------------------------------
　東建コーポレーションイメージソング「はじめての空」
---------------------------------------------------- */
.imgsong_box{
    position: relative;
    width: 630px;
    height: 202px;
    background: url(/image/bg_imgsong.jpg) no-repeat top left;
}
.imgsong_box .ttl{
    position: absolute;
    top: 26px;
	left:4px;
}
.imgsong_box .left{
    position: absolute;
    top: 13px;
    left: 167px;
}
.imgsong_box .right{
    position: absolute;
    top: 13px;
    left: 393px;
}

/*-- 画面下部にアニメーション　bottom_anime ------------------------*/
.bottom_anime {
	display:block;
	overflow:hidden;
	text-align:center;
	margin:0 auto 20px;
}

/* 時計 */
header #clockarea {
	float: right;
	width:302px;
	height:58px;
	margin: 5px 16px 0 17px;
	background: url(/common5/image/clock_bg.png) 0 0 no-repeat;
	text-align:left;
}	
	
header #clockarea a img {
	float:right;
	margin:8px 7px 0px 0px;
	vertical-align:top;
}

header #clockarea a img:hover{
	opacity:0.7;
	filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
	
header #clockarea #calendar {
	float:left;
	background: url(/common5/image/ico_calendar.png) 23px 1px no-repeat;
	height:20px;
	margin:6px 0px 0px 0px;
	padding-left:47px;
	font-size:12px;
	line-height:20px;
}
	
header #clockarea #clock {
	float:left;
	background: url(/common5/image/ico_clock.png) 55px 0px no-repeat;
	height:19px;
	margin:7px 0px 0px 0px;
	padding-left:79px;
	font-size:18px;
	line-height:19px;
}

@media screen and (max-width:1079px) {
header #clockarea #calendar {
	background-position:15px 1px;
	padding-left:40px;
}
header #clockarea #clock {
	background-position:48px 1px;
	padding-left:70px;
}
}