@charset "Shift-JIS";

@import "./base.css";

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

★　CSS Information　★
☆　for TopPage　☆

Key-visual,Search form,Banner Laerge,for Student
Obsession Area,Recommend Area,Topics Area,Information Area

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

#top-page{
	background:url(../images/top_bg.jpg) repeat-x;
}

#top-wrap{
	width:100%;
}

#top-page #content-in{
	margin:15px auto 0;
}

/* ---------------- seo対策用h2 ---------------- */


.kwd {
	font-size:16px;
	font-weight: bold;
	color:#F60;
	line-height:1.2em;
}
.kwd_s {
	font-size:14px;
	font-weight: bold;
	color:#666;
	line-height:1.2em;
}
.kwd_p {
	width:670px;
	margin:0 auto;
	font-size:12px;
	font-weight:normal;
	line-height:1.5em;
	text-align:left;
	position: relative;
	height: 170px;
}
.kwd_p p {
	position: absolute;
	left:15px;
	right: 15px;
}
.border {
	width:90%;
	margin:15px auto;
	border-top:1px solid #999;
}

/* ---------------- smartPhone ---------------- */

#spLinkBlockInPc {
	display:none;
}
#spLinkBlockInPc p {
	font-size: large;
	color:#900;
	text-align: center;
	margin-bottom:10px;
	margin-top:10px;
}
.smpswbt img {
	width:100%;
}


/* ---------------- Key-visual ---------------- */
#top-visual{
	position:relative;
	width:910px;
	height:377px;
	overflow:hidden;
	_zoom:1;
	background:url(../images/top_main_bg.jpg) no-repeat;<a href="＃" title="＃"></a>
}

#top-visual h2 {
	position: absolute;
	top:245px;
	font-size:1.1em;
	line-height: 1.6em;
	overflow:hidden;
	left:35px;
	width: 240px;
	padding-top:5px;
}

/* 物件数 */
.top1030-count{
	position:absolute;
	height:40px;
	top:96px;
	left:0;
	overflow:hidden;
}

.top1030-count strong{
	padding:0 10px 0 5px;
	font-size:2em;
	color:#e61019;
	font-family:Arial, Helvetica, sans-serif;
}

.top1030-count span{
	padding:0 10px 0 5px;
	font-size:1.6em;
	color:#2552d9;
}


/* 検索 */
.top1030-btn{
	position:absolute;
	top:15px;
	left:0;
	overflow:hidden;
	_zoom:1;
}

.top1030-btn li{
	float:left;
}

.top1030-btn li a:hover img{
	-moz-opacity:1;
filter:alpha(opacity=100);
opacity:1;
}


.tabArea{
	position:absolute;
	top:137px;
	left:0;
}

.tabArea ul{
	width:292px;
	text-align:center;
	overflow:hidden;
	_zoom:1;
	/position:relative;
	/z-index:99;
}

.tabArea li{
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
}


ul.tab a:hover img{ 
-moz-opacity:1;
filter:alpha(opacity=100);
opacity:1;
}

.tabPanelGroup{
	margin:-5px 0 0;
	/margin:-1px 0 0;
	width:292px;
	height:71px;
	overflow:hidden;
	_zoom:1;
	background:url(../images/top_main_search_bg.png) no-repeat;
	/position:relative;
	/z-index:1;
}

.tabPanel{
	height:71px;
}

.tab-in,
.tab-in02{
	padding:8px;
}

.tab-in select{
	margin:0 0 0 2px;
}

select.top1030-wide{
	margin:8px 0 1px;
	width:95px;
}

.tab-in input{
	vertical-align:middle;
	margin:0;
	width:55px;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

.tab-in02 input{
	margin:5px 0 5px 5px;
	vertical-align:middle;
}

.tab-in02 input.free-txt{
	width:170px;
}

.tab-in img,
.tab-in02 img{
	vertical-align:middle;
}





#top-main-img{
	position:absolute;
	width:372px;
	height:303px;
	top:12px;
	right:0;
	background:url(../images/top_main_img_bg.png) no-repeat;
	overflow:hidden;
}

#top-main-img li{
	margin:6px 0 0 5px; 
}

.top-main-banner{
	position:absolute;
	width:372px;
	bottom:8px;
	right:0;
	overflow:hidden;
	_zoom:1;
}

.top-main-banner li{
	float:left;
	margin:0 5px 0 0;
}

.top-main-banner a:hover img{ 
-moz-opacity:1;
filter:alpha(opacity=100);
opacity:1;
}


.top-visual-L{
	position:relative;
	float:left;
	width:142px;
}

.top-visual-L p{
	margin:0 0 0 33px;
	width:107px;
	height:65px;
	color:#0033cc;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	overflow:hidden;
	background:url(../images/top_count_bg.jpg) no-repeat right top;
}

.top-visual-L p span{
	padding:33px 0 0 3px;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
}

.top-visual-L p strong{
	font-size:1.8em;
}

/* 物件を探す */
.top-visual-main{
	float:left;
	width:580px;
	overflow:hidden;
}

.top-visual-main ul{
	margin:0 0 0 74px;
	overflow:hidden;
	_zoom:1;
}

.top-visual-main li{
	float:left;
}

.top-visual-main li a:hover img{
	-moz-opacity:1;
filter:alpha(opacity=100);
opacity:1;
}


/* 店舗案内 */
.top-visual-R{
	float:left;
	padding:30px 0 0;
	width:172px;
}

.top-shop-area{
	padding:5px 0;
	background:url(../images/top_shop_bg.png) no-repeat bottom;
}

.top-shop-area ul{
	width:152px;
	height:124px;
	margin:0 auto;
	line-height:1.7em;
	overflow:hidden;
	_zoom:1;
}

.top-shop-area ul li{
	float:left;
	margin:0 0 3px;
	width:76px;
	text-align:left;
}

.top-shop-area ul li a{
	padding:0 0 0 18px;
	background:url(../common/images/arrow_orange_s.gif) no-repeat left center;
}

.top-gloss-txt{
	padding:3px;
	text-align:right;
}

.top-shop-btn a{
	display:block;
	width:172px;
	height:49px;
	background:url(../images/top_shop_btn.png) no-repeat top left;
	overflow:hidden;
	text-indent:-9999px;
}

.top-shop-btn a:hover{
	background:url(../images/top_shop_btn.png) no-repeat top right;
}

/* ---------------- Search form ---------------- */
#top-search-area.box-alpha-in{
	padding:5px 15px 8px 10px;
}

#top-search-area.positionL{
	width:350px;
	overflow:hidden;
}

#top-search-area.positionR{
	width:300px;
}

/* クイック検索 */
.top-input01{
	margin:8px;
}

.top-input01 select{
	margin:0 8px 0 0;
}

.top-input02{
	margin:8px 0 8px 8px;
}

.top-input02 input{
	margin-rigth:5px;
	vertical-align:middle;
}

/* フリーワード検索 */
.top-input03{
	margin:8px;
}

.top-input03 input.free-txt{
	width:200px;
}

.top-input03 input{
	margin-rigth:5px;
	vertical-align:middle;
}


/* ---------------- Banner Laerge ---------------- */
ul.top-banner2{
	margin:0 0 10px;
	overflow:hidden;
	_zoom:1;
}

ul.top-banner2 li{
	float:left;
}

ul.top-banner2 li a{
	display:block;
	background:#FFF;
}

/* ---------------- for Student ---------------- */
.top4student{
	position:relative;
	width:691px;
	height:151px;
	margin:10px auto;
	background:url(../images/top_bg_student.jpg) no-repeat top left;
	overflow:hidden;
	_zoom:1;
}

.top4student ul{
	/float:left;
	margin:10px 0 10px 15px;
	_margin:10px 0 10px 7px;
	width:415px;
}

.top4student li{
	margin:0 15px 0 0;
	font-size:1.2em;
	line-height:1.5em;
	display:-moz-inline-box;
	display:inline-block;
	/display:inline;
	/zoom:1;
}
.top4student li a{
	display:block;
}

.top4student p{
	position:absolute;
	top:15px;
	right:15px;
}


/* ---------------- Obsession Area ---------------- */

html>/**/body #top-obsession{
		position:relative;
}

*:first-child+html #top-obsession{
		position:relative;
}

#top-obsession .positionF{
	margin:8px 12px;
	width:672px;
	overflow:hidden;
	_zoom:1;
}

#top-obsession .positionL,
#top-obsession .positionR{
	width:330px;
	overflow:hidden;
	_zoom:1;
}

#top-obsession .positionF p{
	float:left;
	margin:0 5px 0 0;
	overflow:hidden;
	_zoom:1;
}

#top-obsession dl{
	margin:5px;
	overflow:hidden;
	_zoom:1;
}

#top-obsession dt{
	font-size:1.2em;
}

#top-obsession dt a{
	display:block;
	padding:1px 0 0 19px;
	background:url(../common/images/arrow_orange.gif) no-repeat 0 4px;
	color:#e61019;
	line-height:1.4em;
	font-weight:bold;
}

#top-obsession dt a:hover{
	color:#f07075;
}


#top-obsession dd{
	padding:6px 0 0;
	font-size:1.2em;
	line-height:1.6em;
}

/* ---- topics ----- */
#topic1_dl{
	height:470px;
	overflow: auto;
	margin:5px;
	font-size:1.2em;
}
.topic1_dt{
	margin-top:5px;
	line-height:1.4em;
}

.topic1_dt a{
	font-weight:bold;
	display:inline-block;
	background:url(../common/images/arrow_orange.gif) no-repeat 4px 2px;
	padding:1px 0 0 20px;
	color:#e61019;
}

.topic1_dd{
	padding:6px 0 4px 0;
	line-height:1.4em;
	border-bottom:1px dotted #999;
	text-indent:6em;
}

/* ----- Recommend too ------ */
#top-recommend p.top-btn01,
#top-obsession p.top-btn01{
	position:absolute;
	top:15px;
	right:15px;
	left:570px;
}
/* ---- side bar お知らせ ---- */
li.side_info {
	font-size:1.2em;
	font-weight: bold;

}
li.side_info a {
	color:#009;
}


/* ---------------- Recommend Area ---------------- */
html>/**/body #top-recommend{
		position:relative;
}

*:first-child+html #top-recommend{
		position:relative;
}

#top-recommend .positionF{
	margin:8px 12px 8px 8px;
	width:672px;
	background:url(../images/top_recommend_in.gif) left repeat-y;
}

#top-recommend .positionF-top{
	background:url(../images/top_recommend_top.gif) no-repeat top;
}

#top-recommend .positionF-end{
	padding:30px 0 10px;
	background:url(../images/top_recommend_end.gif) no-repeat bottom;
	overflow:hidden;
	_zoom:1;
}

#top-recommend .positionF-end p,
#top-recommend .positionF-end h4,
#top-recommend .positionF-end dl{
	margin:0 auto;
	width:200px;
	font-size:1.2em;
}

#top-recommend .positionF-end h4 a{
	display:block;
	padding:0 0 0 20px;
	background:url(../common/images/arrow_orange.gif) no-repeat 0 3px;
}

#top-recommend .positionF-end h4{
	position:relative;
	z-index:2;
	padding:5px 0;
	margin:0 auto;
	width:200px;
	background:#FFF;
	font-size:1.6em;
	line-height:1.6em;
}

#top-recommend .positionF-end dl{
	margin:-1px auto 5px;
}

#top-recommend .positionF-end dt {
clear: left;
float: left;
width: 4em;
padding: 4px 0.5em 3px;
color:#9b743b;
}

#top-recommend .positionF-end dd {
margin-left: 0;
padding: 4px 0.5em 3px 5em;
border-top: dotted 1px #CCC;
}

#top-recommend .positionF-end ul{
	margin:0 auto;
	width: 200px;
	overflow:hidden;
	_zoom:1;
}

#top-recommend .positionF-end li{
	float:left;
	margin:2px 3px 2px 0;
}

#top-recommend .positionF-end .positionL{
	width:224px;
}


/* ---------------- Topics Area ---------------- */

.top-topics-in{
	margin:0 0 15px;
	width:686px;
	height:232px;
	overflow:hidden;
	background:url(../images/top_topics_in.gif) repeat-y;
}

.top-topics-top{
	background:url(../images/top_topics_top.gif) no-repeat top;
}

.top-topics-end{
	padding:0 0 6px;
	background:url(../images/top_topics_end.gif) no-repeat bottom;
	overflow:hidden;
	_zoom:1;
}

.top-topics-end h3{
	float:left;
	margin:0 8px 0 0;
}

.top-topics-end dl{
	margin:18px 0 0;
	/float:left;
	width:515px;
	height:208px;
	overflow:auto;
	font-size:1.2em;
}

.top-topics-end dt{
	margin-top:-1px;
	padding:10px 0 3px 18px;
	background:#FFF url(../common/images/arrow_orange.gif) no-repeat 0 8px;
	border-top:1px dotted #ff9966;
}

.top-topics-end dd{
	margin:0 0 1px;
	padding:0 0 10px 18px;
}
.top-topic-end dd a{
	color:#900;
	text-decoration:underline;
	font-weight: bolder;
}

/* ---------------- Information Area ---------------- */
.top-info{
	margin:0 0 15px;
	width:686px;
}

.top-info-in{
	padding:10px;
	border:2px solid #e61019;
	overflow:hidden;
	_zoom:1;
	display:block;
	
}

.top-info h3{
	padding:0 0 15px;
	color:#e61019;
	font-size:1.4em;
}

.top-info-in p{
	font-size:1.2em;
	line-height:1.6em;
}

.top-info-in p storng{
	display:block;
	padding:0 0 8px;
}




.top1030-topic-in{
	margin:0 15px 10px 25px;
	/* [disabled]background:url(../images/top1030_topic_in.png) repeat-y; */
}


/*top1030-topic-in dl{
	font-size:0.9em;
}*/

.top1030-topic-in dt{
	margin:10px 0 0 0;
	display:block;
}

.top1030-topic-in dd{
	border-bottom:1px dotted #CCC;
}

.top1030-topic-in dd a{
	color: #F30;
}

.top1030-topic-in dd a:hover{
	color:#E61019;
}
.introduce {
	margin:10px 0;
}
.introduce dt {
	background:none;
	
}
.introduce_dt {
	font-size:0.9em;
}
.introduce_dd {
	font-size:0.9em;
	color:#333;
}
.side-ftx {
	padding: 5px;
	background: url(../common/images/side_usefully_end.gif) no-repeat bottom;
}

.side-ftx p {
	font-size:1.5em;
	background: #09F;
	margin:0 5px 10px 0;
	font-weight:bold;
	color:#FFF;
	padding:5px;
	text-align:center;
	/*text-shadow: 1px 1px 1px #666;*/
}
input.side-ftx-box {
	margin:0 auto 10px auto;
	width:180px;
}
input.side-ftx-img {
	text-align: right;
	position: relative;
	/*top:20px;*/
	left:130px;
}

/* PC向けおよび大型タブレット向けのレイアウトの指定769px～ */

@media only screen and (min-width: 769px) {
	#top-page{
	background: none;
}
}