@charset "UTF-8";
@import "share.css";

ul,li,dl,dt,dd {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

a:hover {
	color:#1878eb
}


/*---------------------------------
	トップページ用ベース
---------------------------------*/
#base_index {
	background: url(/image/share/index_bg.gif) repeat-x top #fff;
	width: 950px;
	text-align: left;
	margin: 0 auto;
	color: #333;
}


/*---------------------------------
	.main-left
---------------------------------*/

#base_index .main-left {
	width: 706px;
	float: left;
	padding: 18px 0 0 12px;
	display: inline;
}

/*---------------------------------
	メインのエリア検索
---------------------------------*/

/* 地図背景画像 - 元バージョン 
#base_index .main-left #main_search {
	background: url(../image/index/top_img.jpg) no-repeat 0 0;
	width: 706px;
	height: 257px;
	position: relative;
	}
*/

/* 地図背景画像 - 夏バージョン 
#base_index .main-left #main_search {
	background: url(../image/index/top_img2.jpg) no-repeat 0 0;
	width: 706px;
	height: 257px;
	position: relative;
	}
*/

/* 地図背景画像 - 秋冬バージョン */
#base_index .main-left #main_search {
	background: url(../image/index/top_img3.jpg) no-repeat 0 0;
	width: 706px;
	height: 257px;
	position: relative;
	}

#base_index .main-left #main_search ul.kanto {
	position: absolute;
	left:363px;
	top: 66px
}

#base_index .main-left #main_search ul.tokai{
	position: absolute;
	left:308px;
	top: 138px
}

#base_index #main_search ul.kinki{
	position: absolute;
	left:76px;
	top: 126px
}

#base_index .main-left #main_search ul.kyusyu{
	position: absolute;
	left:21px;
	top: 126px
}

#base_index #main_search ul li {
	margin-bottom: 1px;
	height: 23px;
	font-size: 0;
}

/*---------------------------------
	品川オフィスページにリンクするボタン追加
*/
#base_index .main-left #main_search .shinagawaoffice{
	position: absolute;
	left:21px;
	top: 76px
}


/*---------------------------------
	久嬢さん写真
---------------------------------*/
#base_index #main_search #tokuten_box {
	position: absolute;
	right: 0;
	bottom: 0;
	width: 274px;
	height: 233px;
	}


/*---------------------------------
	便利な物件検索
---------------------------------*/
#base_index .main-left #convenient_retrieval {
	width: 706px;
	}

		#base_index .main-left #convenient_retrieval #convenient_tit {
			background: url(../image/index/tit_benri.gif) no-repeat 0 0;
			height: 46px;
			width: 706px;
			margin-top: 5px;
		}
		
		#base_index .main-left #convenient_retrieval #convenient_tit h2 {
			font-size: 80%;
			color: #dcebff;
			text-align: right;
			padding: 0 7px;
			line-height: 46px;
			font-weight: normal;
		}
		
		#base_index .main-left #convenient_retrieval .box {
			border-left: #b9cee8 1px solid;
			border-right: #b9cee8 1px solid;
			border-bottom: #b9cee8 1px solid;
			background-color: #edf4ff;
			padding: 4px;
			overflow: hidden;
			}
		
		#base_index .main-left #convenient_retrieval .box:after {
			content: "";
			display: block;
			clear: both;
			height: 1px;
			overflow: hidden;
		}
		
		/*\*/
		* html #base_index .main-left #convenient_retrieval .box {
			height: 1em;
			overflow: visible;
		}
		/**/
		
		#base_index .main-left #convenient_retrieval .box .cont {
			background: url(../image/index/search_form_bg.gif) no-repeat 0 0;
			padding: 13px 10px 10px;
			height: 56px;/*79px*/
			width: 325px;/*345px*/
			_width: 345px;
		}

		/*通勤通学時間でお部屋探し*/
		#base_index .main-left #convenient_retrieval .box .time_searh {
			float: left;
			width: 345px;
			display: inline;
			}
		
		/*大学名でお部屋探し*/
		#base_index .main-left #convenient_retrieval .box .campusName {
			float: right;
			width: 345px;
			display: inline;
			}

		.cont input[type="text"] {
			width: 150px;
			border: 1px solid #bababa;
			padding: 3px;
			margin-right: 3px;
		}

		.cont .search_bt {
			padding: 5px 0 0;
		}
		
		.cont .search_bt ul {
			overflow: hidden;
		}
	
		.cont .search_bt ul:after {
			content: "";
			display: block;
			clear: both;
			height: 1px;
			overflow: hidden;
		}
		
		/*\*/
		* html .cont .search_bt ul {
			height: 1em;
			overflow: visible;
		}
		/**/
		
				.cont .search_bt .left {
					float: left;
					display: inline;
					font-size: 0;
					}
				.cont .search_bt .right {
					float: right;
					display: inline;
					font-size: 0;
					}

/*---------------------------------------
	ニッセンスペシャルバーゲンへのバナー
----------------------------------------*/
.nissen {
	clear: both;
	padding: 15px 0 0;
	}

/*---------------------------------------
	街情報
----------------------------------------*/

#city_info {
	clear: both;
	width: 706px;
	margin: 15px 0;
}
		
		#city_info #city_info_titlebox {
			position: relative;
			width: 706px;
		}
		
		/* More */
		#city_info #city_info_titlebox .link_more {
			position: absolute;
			right: 10px;
			top: 15px;
			background: url(../image/share/arrow_blue.gif) no-repeat left center;
			padding-left: 5px;
		}


		#city_info .box {
			border-left: #b9cee8 1px solid;
			border-right: #b9cee8 1px solid;
			border-bottom: #b9cee8 1px solid;
			}



#city_info #city_info_cont {
	min-height: 68px;
	padding: 5px 7px;
	position: relative;
	}

#city_info #city_info_cont:after {
			content: "";
			display: block;
			clear: both;
			height: 1px;
			overflow: hidden;
		}
		
/*\*/
* html #city_info #city_info_cont {
	height: 1em;
	overflow: visible;
}
/**/

#city_info #city_info_cont .comment_photo {
	position: absolute;
	right: 7px;
}

/* Pict up List */
#city_info #city_info_cont #pickup_list {
	background: url(../image/index/pickup.gif) no-repeat left center;
	padding: 10px 0 0 85px;
}

		#city_info #city_info_cont #pickup_list ul {
			width: 360px;
			overflow: hidden;
		}
		
		#city_info #city_info_cont #pickup_list ul:after {
			content: "";
			display: block;
			clear: both;
			height: 1px;
			overflow: hidden;
		}
		
		/*\*/
		* html #city_info #city_info_cont #pickup_list ul {
			height: 1em;
			overflow: visible;
		}
		/**/
		
		#city_info #city_info_cont #pickup_list ul li {
			float: left;
			background: url(../image/share/arrow_blue.gif) no-repeat left center;
			width: 170px;
			padding: 0 2px 0 7px;
			margin-bottom: 5px;
			font-size: 90%
		}

/*---------------------------------------
	index_faq・・よくある質問
----------------------------------------*/

#base_index .main-left #index_faq {
	clear: both;
	width: 706px;
	margin-top: 10px;
	}

		#base_index .main-left #index_faq .faq_title {
			background: url(../image/index/tit_faq.gif) no-repeat 0 0;
			height: 35px;
			}
		
				#base_index .main-left #index_faq .faq_title h2 {
					font-size: 80%;
					color: #dcebff;
					text-align: right;
					padding: 0 7px;
					line-height: 35px;
					font-weight: normal;
					}
		
		#base_index .main-left #index_faq .box {
			border-left: #b9cee8 1px solid;
			border-right: #b9cee8 1px solid;
			border-bottom: #b9cee8 1px solid;
			background-color: #d7e5f7;
			padding: 4px;
			}


				#base_index .main-left #index_faq .box #new_question {
					background-color: #FFF;
					padding: 7px 12px;
					}
				
						#index_faq .box #new_question .faq_titlebox {
							background: url(../image/index/line_stripe.gif) repeat-x left bottom;
							overflow: hidden;
							padding: 0 0 5px;
							}
						
						#index_faq .box #new_question .faq_titlebox:after {
							content: "";
							display: block;
							clear: both;
							height: 1px;
							overflow: hidden;
							}
						
						/*\*/
						* html #index_faq .box #new_question .faq_titlebox {
							height: 1em;
							overflow: visible;
							}
						/**/
								
								#index_faq .box #new_question .faq_titlebox h3 {
									float: left;
									color:#ff8401;
									font-size:120%;
									display: inline;
									padding-top: 5px;
									}

								/*-------------------------------
								*	よくある質問キーワード検索
								*/
								
								#index_faq .box #new_question .faq_titlebox #index_faq-search{
									float: right;
									width: 310px;
									display: inline
								}
								
										#index_faq-search .faq-search_box{
											border-collapse: collapse;
										}
										
												#index_faq-search .faq-search_box td,
												#index_faq-search .faq-search_box th {
													padding: 3px;
													font-size: 90%;
												}
								
												#index_faq-search .faq-search_box input[type="text"]{
													width:150px;
													border:2px solid #0077bb;
													padding: 2px;
												}
							
							
							/*-------------------------------
							*	faq新着一覧
							*/
							
							#new_question ul{
								margin:10px;
							}
							
							#new_question li{
								background:url(/image/faq/icon_q.gif) no-repeat left top;
								padding:0 0 3px 20px;
								margin:0 0 7px;
							}
							#new_question a:link		{ color:#0055bb; text-decoration:underline;}
							#new_question a:visited		{ color:#0055bb; text-decoration:underline;}
							#new_question a:hover		{ color:#0055bb; text-decoration:none;}
							#new_question a:active		{ color:#0055bb; text-decoration:underline;}
							
							
							/*-------------------------------
							*	FAQ登録状況
							*/
							#index_faq .box #new_question #faq_entry_detail{
								clear: both;
								position: relative;
								background-color: #eee;
								font-size:85%;
								color:#666;
								padding: 7px;
								line-height: 100%;
								margin: 3px 0 0px;
								}
									
									/* 続きはこちら */
									#index_faq .box #new_question #faq_entry_detail span{
										position: absolute;
										top: 7px;
										right: 7px;
										display: inline-block;
									}
			
							
							



/*---------------------------------------
	info・・お知らせ
----------------------------------------*/
#base_index .main-left #info {
	background: url(../image/index/news_box_top.gif) no-repeat left 29px;
	font-size: 85%;
	width: 706px;
	margin-top: 15px;/*200110317移動につき追加*/
	}

		#info #info_tit {
			width: 706px;
			height: 29px;
		}
		
				#info #info_tit h2 {
					float: left;
					width: 211px;
					margin-left: 5px;
					display: inline;
				}
				
				#info #info_tit p {
					color: #666;
					float: right;
					padding: 13px 3px 0;
					display: inline;
				}
		
		
		/*新着情報------------------*/
		
		#info .news_info {
			background: url(../image/index/news_box_btm.gif) no-repeat left bottom;
			padding: 0 15px 15px;
			margin-top: 15px;
		}
		
				#info .news_info ul {
				}
				
				#info .news_info ul li {
					border-bottom: 1px dotted #ccc;
					margin: 0;
					padding: 0;
				}
				
						#info .news_info ul li table {
							border-collapse: collapse;
							}
						
						#info .news_info ul li table th,
						#info .news_info ul li table td {
							font-size: 100%;
							}
							
						#info .news_info ul li table th{
							width: 75px;
							font-weight: bold;
							color: #14a1ab;
							padding: 5px 10px 5px 0;
							vertical-align: top;
							}
						
						#info .news_info ul li table td.mark{
							width: 72px;
							padding: 5px 10px 5px 0;
							vertical-align: top;
							}
						
						#info .news_info ul li table td.txt{
							padding: 5px 0;
							vertical-align: top
							}


/*新着情報トピックス追加------------------*/


/*---------------------------------------
	Service・・サービス内容
----------------------------------------*/

#base_index .main-left #service {
	background: url(../image/index/service_box_top.gif) no-repeat left 29px;
	font-size: 85%;
	width: 706px;
	margin: 20px 0;
	}

		#service #service_tit {
			width: 706px;
			height: 29px;
			}
		
		#service #service_tit h2 {
			width: 211px;
			margin-left: 5px;
		}
		
		#service #service_cont {
			background: url(../image/index/service_box_btm.gif) no-repeat left bottom;
			padding: 0 0 5px 15px;
			margin-top: 15px;
		}
		
		#service #service_cont ul {
			overflow: hidden;
			}
		
		#service #service_cont ul:after {
			content: "";
			display: block;
			clear: both;
			height: 1px;
			overflow: hidden;
			}
		
		/*\*/
		* html #service #service_cont ul {
			height: 1em;
			overflow: visible;
			}
		/**/
		
		#service #service_cont li {
			float: left;
			width: 220px;
			padding: 5px 0 15px;
			overflow: hidden;
			}
		
		#service #service_cont li:after {
			content: "";
			display: block;
			clear: both;
			height: 1px;
			overflow: hidden;
			}
		
		/*\*/
		* html #service #service_cont li {
			height: 1em;
			overflow: visible;
			}
		/**/
				
				/*サムネール*/
				#service #service_cont li div {
					float: left;
					width: 55px;
					display: inline;
					}
					
				#service #service_cont li div img {
					border: #ccc 1px solid;
					width: 48px;
					}
						
						#service #service_cont li div a:link img {
							border: #ccc 1px solid;
							}
						#service #service_cont li div a:visited img {
							border: #ccc 1px solid;
							}
						#service #service_cont li div a:hover img {
							border: #4889d7 1px solid;
							}
				
				#service #service_cont li dl {
					float: left;
					width: 158px;
					display: inline;
					}
				
				#service #service_cont li dt {
					width: 158px;
					padding: 0 0 3px;
					line-height: 100%;
					}
				
				#service #service_cont li dd {
					width: 158px;
					line-height: 110%;
					}
					
					
/*---------------------------------------
	 サイトについて
---------------------------------------*/
.introduce {
	background: #edf4ff;
	border: 1px solid #b9cee8;
	padding: 15px;
}
		

/*---------------------------------------
	大震災バナー
----------------------------------------*/
#important_info_index {
	margin: 10px auto 0;
	text-align: center;
	border: #CCC 2px solid;
	padding: 12px 0 7px;
	background-color: #fff;
	}
		

/*---------------------------------------
	休暇のお知らせ
----------------------------------------*/
#special_info {
	padding: 10px 0 0;
}
#special_info .special_info_body {
	background: #fff0f0;
	border: 1px solid #cc0000;
	padding: 10px;
}

		#special_info .special_info_body h4 {
			color: #cc0000;
			font-size: 12px;
			font-weight: bold;
			margin-bottom: .5em;
		}

		#special_info .special_info_body p {
			margin-bottom: .5em;
		}
		
.txt_important	{ color: #cc0000; }
.txt_emphasis	{ font-weight: bold; }