@charset "utf-8";

/***************************************************
	index.css
	トップページレイアウトスタイル定義
***************************************************/
/* ------------------------------------------------------------
Font Size (default:13px)
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
------------------------------------------------------------ */

#titleArea h2 { float:left; width: 638px;}
#titleArea #flier {
	float:right;
	width: 306px;
	margin-bottom: 2px;
	padding-bottom: 14px;
	background-color: #ebf0f5;
	border-bottom: #6eaafa 1px dotted;

}
#titleArea #flier div {	background-color: #ebf0f5;}
#titleArea #flier iframe {
	width: 306px;
	height: 210px;
}

/* トップページ index.html
------------------------------------------------------------ */
/*-----contents-----*/
#topcontents { width: 950px;}

#gnavi li a {
	display: block;
	height: 54px;
	text-indent: -9999px;
}

#contents #navi_area { width: 950px;}
#contents #navi_area #housing {
	float:left;
	width: 310px;
	margin-bottom: 10px;
	margin-right: 10px;
	padding-bottom: 10px;
	background: url(../img/index/housing_bg.png) 0 100% no-repeat;
}
#contents #navi_area #housing div {	background-color: #faf5f5;}
#contents #navi_area #housing iframe {
	width: 310px;
	height: 124px;
}

#contents #navi_area #staffblog {
	float:left;
	width: 310px;
	margin-bottom: 10px;
	padding-bottom: 10px;
	background: url(../img/index/staffblog_bg.png) 0 100% no-repeat;
}
#contents #navi_area #staffblog div {	background-color: #faf0eb;}
#contents #navi_area #staffblog iframe {
	width: 310px;
	height: 124px;
}
#contents #navi_area ul { float: left; width: 320px;}
#contents #navi_area ul li { padding: 0 0 10px 10px;}

#new_housing_area { width: 960px;}
#new_housing_area li { float: left; width: 310px; padding: 0 10px 10px 0;}
#new_housing_area li.end { padding: 0;}

#contents #category {	margin-bottom: 10px;}
#contents #category-inner {
	padding: 9px 4px 0;
	border: 1px solid #b4b4b4;
	border-top: none;
}
#contents #category li {
	float: left;
	width: 448px;
	padding: 0 0 10px 17px;
}

#contents #house {	margin-bottom: 10px;}
#contents #house-inner {
	padding: 10px 0 5px 14px;
	border: 1px solid #b4b4b4;
	border-top: none;
	line-height: 1.4;
}
#contents #house-inner li {
	float: left;
	width: 232px;
	padding-bottom: 10px;
}
#contents #house-inner li a {	text-decoration: none;}
#contents #house-inner li dfn {
	display: block;
	padding-left: 10px;
	background: url(../img/temp/ico01.png) 0 50% no-repeat;
	font-size: 77%;
}

/* 夏季休業などのお知らせ */
#contents #summer{ 
	margin: 10px 0 10px 0;
	padding: 10px;
	background-color: #e6f0fa;
	border: #4f9bb5 solid 1px;
}
#contents #summer .big{ font-weight:bold;}
#contents #summer .small{ font-size:75%;}
#contents #summer .red { color: #ff0000;}


#contents #map-inner {
	padding: 9px 10px 5px;
	border: 1px solid #b4b4b4;
	border-top: none;
}
* html body #contents #map-inner {	zoom: 1;}
#contents #map .kyoto {
	float: left;
	width: 618px;
}
#contents #map .kyoto .area {	width: 618px;}
#contents #map p.info {
	clear: both;
	font-size: 85%;
}
#contents #map p.info span {	color: #aa0120;}

/* main */
#contents #main {
	float: left;
	width: 676px;
}

#contents #main #headLine .banner {	padding: 10px 0 15px;}
#contents #main #headLine .banner li.n01 {
	float: left;
	width: 330px;
}
#contents #main #headLine .banner li.n02 {
	float: right;
	width: 330px;
}



#contents #access {	margin: 10px 0;}
#contents #access-inner {
	padding: 10px 14px 0;
	border: 1px solid #b4b4b4;
	border-top: none;
	line-height: 1.4;
}
#contents #access h3 {	padding-bottom: 4px;}
#contents #access table {
	width: 915px;
	font-size: 93%;
}
#contents #access th {
	padding-right: 4px;
	padding-bottom: 2px;
	font-weight: bold;
	vertical-align: top;
	white-space: nowrap;
}
#contents #access .hankyu th {	color: #8c1432;}
#contents #access .JR th {	color: #0a5082;}
#contents #access td {
	padding-bottom: 2px;
	vertical-align: top;
}
#contents #access li {
	display: inline;
	white-space: nowrap;
}
/*#contents #access li a {	text-decoration: none;}*/
#contents #access .hankyu,
#contents #access .JR,
#contents #access .Route171,
#contents #access .Route9 {
	padding-bottom: 10px;
}

#contents #recommend {	margin-bottom: 10px;}
#contents #recommend-inner {
	padding: 10px 0 5px 14px;
	border: 1px solid #b4b4b4;
	border-top: none;
	line-height: 1.4;
}
#contents #recommend-inner li {
	float: left;
	width: 218px;
	padding-bottom: 5px;
}
#contents #recommend-inner li a {	text-decoration: none;}
#contents #recommend-inner li dfn {
	display: block;
	padding-left: 10px;
	background: url(../img/temp/ico01.png) 0 50% no-repeat;
	font-size: 77%;
}

/* snavi */
#contents #snavi {
	float: right;
	width: 260px;
}


#contents #snavi #housing {
	width: 260px;
	margin-bottom: 17px;
	padding-bottom: 14px;
	background: url(../img/index/housing_bg.png) 0 100% no-repeat;
}
#contents #snavi #housing div {	background-color: #ecf1f6;}
#contents #snavi #housing iframe {
	width: 260px;
	height: 17em;
}

#contents #snavi #staffblog {
	width: 260px;
	margin-bottom: 17px;
	padding-bottom: 14px;
	background: url(../img/index/staffblog_bg.png) 0 100% no-repeat;
}
#contents #snavi #staffblog div {	background-color: #faf0eb;}
#contents #snavi #staffblog iframe {
	width: 260px;
	height: 17em;
}

#contents #snavi #bn_snavi img { padding:  0 0 10px 0;}