@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%
------------------------------------------------------------ */

/* トップページ index.html
------------------------------------------------------------ */
/*-----contents-----*/
#contents {}

#contents #map {
	margin-bottom: 20px;
	border-top: 12px solid #f6f6f6;
}
#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;
	padding-right: 11px;
	background: url(../img_new/temp/border01.png) 100% 0 repeat-y;
}
#contents #map .kyoto .area {	width: 618px;}
#contents #map .osaka {
	float: right;
	width: 290px;
}
#contents #map .osaka .banner {
	width: 290px;
	padding: 10px 0 15px;
	background: #e6f0fa url(../img_new/index/map_bg01.png) 0 bottom no-repeat;
	text-align: center;
}

#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 #summer{ 
	padding: 10px;
	background-color: #e6f0fa;
	border: #4f9bb5 solid 1px;
}
#contents #main #headLine #summer p.big{ font-weight:bold;}
#contents #main #headLine #summer p.small{ font-size:75%;}
#contents #main #headLine #summer p .red { color: #ff0000;}
#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 #category {	margin-bottom: 10px;}
#contents #category-inner {
	padding: 9px 4px 0;
	border: 1px solid #b4b4b4;
	border-top: none;
}
#contents #category li {
	float: left;
	width: 302px;
	padding: 0 0 10px 20px;
}

#contents #access {	margin-bottom: 10px;}
#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: 646px;
	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_new/temp/ico01.png) 0 50% no-repeat;
	font-size: 77%;
}

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

#contents #snavi #flier {
	width: 260px;
	margin-bottom: 17px;
	padding-bottom: 14px;
	background: url(../img_new/index/flier_bg.png) 0 100% no-repeat;
}
#contents #snavi #flier div {	background-color: #faf6f6;}
#contents #snavi #flier iframe {
	width: 260px;
	height: 15em;
}

#contents #snavi #housing {
	width: 260px;
	margin-bottom: 17px;
	padding-bottom: 14px;
	background: url(../img_new/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_new/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;}