@charset "UTF-8";
/* CSS Document */

#top-page {
	background: url(../images/top/bg.jpg) center top no-repeat;
}

#top-page #header {
}

.crumb {
	padding: 0 0 0 5px;
}

div#map {
	background: url(../images/top/map.jpg) no-repeat;
	width: 635px;
	height: 410px;
	position: relative;
}

div#map p.map-title {
	padding: 14px 0 9px 15px;
}

div#map div.tieup {
	padding: 0 0 0 11px;
}

div#map div#map-search {
	margin: 15px 0 0 15px;
	padding: 0 0 10px 0;
	background: #FFF;
	width: 210px;
	color: #333;
}

div#map div#map-search p {
	margin: 0 10px;
	padding: 5px 0;
	line-height: 1.2em;
}

div#map div#map-search .search-form {
	padding: 0 0 0 10px;
}

div#map div#map-search .txt {
	width: 135px;
	height: 20px;
	border-bottom: solid 1px #999;
	border-left: solid 1px #CCC;
	border-right: solid 1px #999;
	border-top: solid 1px #CCC;
	display: inline;
}

div#map div#map-search .button {
	vertical-align: bottom;
	width: 45px;
	height: 22px;
}

div#map div#map-search p.word {
	color: #C00;
	font-weight: bold;
	border-top: dotted 1px #999;
	margin: 10px 10px 0;
}

div#map div#map-search ul li {
	float: left;
	padding: 0 0 0 10px;
	white-space: nowrap;
}

#container div#map div#map-search ul li a {
	color: #09F;
}

div#map ul.map-btn li {
	position: absolute;
}

div#map ul.map-btn li.hokkaido {
	top: 34px;
	left: 438px;
}

div#map ul.map-btn li.tohoku {
	top: 153px;
	left: 513px;
}

div#map ul.map-btn li.kanto {
	top: 246px;
	left: 520px;
}

div#map ul.map-btn li.koshinetsu {
	top: 153px;
	left: 459px;
}

div#map ul.map-btn li.hokuriku {
	top: 184px;
	left: 382px;
}

div#map ul.map-btn li.tokai {
	top: 279px;
	left: 450px;
}

div#map ul.map-btn li.kansai {
	top: 279px;
	left: 390px;
}

div#map ul.map-btn li.chugoku {
	top: 184px;
	left: 325px;
}

div#map ul.map-btn li.shikoku {
	top: 305px;
	left: 325px;
}

div#map ul.map-btn li.kyusyu {
	top: 189px;
	left: 258px;
}

div.cal {
	background: url(../images/cal/cal_bg.gif) left top repeat-y;
}

div.cal-top {
	background: url(../images/top/cal_title_bg.gif) no-repeat;
}

.topics-cp {
	background: url(../images/top/contents_cp_bg.gif) repeat-y;
}

.cp-top {
	background: url(../images/top/contents_cp_head.gif) no-repeat;
	padding: 12px 10px 6px;
}

.cp-top p.contents-title {
	font-size: 1.4em;
}

.cp-top .left {
	width: 480px;
}

.cp-top .left p {
	padding: 5px 0;
}

#container .cp-top p a {
	color: #FFF;
}

.topics-cp-bottom {
	background: url(../images/top/contents_cp_bottom.gif) left top no-repeat;
	height: 6px;
	margin-bottom: 15px;
}

div.project {
	background: url(../images/top/project_bg.gif) repeat-y;
	margin: 5px 0 0 0;
}

div.project ul {
	background: url(../images/top/project_head.gif) no-repeat;
}

div.project ul li {
	width: 280px;
	padding: 10px;
	text-align: center;
}

div.project ul li p.text {
	text-align: left;
	padding: 5px 0;
	color: #000;
}

#container div.project ul li p.text a {
	color: #000;
}

div.project-bottom {
	background: url(../images/top/project_bottom.gif) center top no-repeat;
	height: 2px;
}

div.topics-ranking-top div.left,
div.topics-ranking-top div.right {
	width: 300px;
}

div.topics-ranking-top img {
	margin-bottom: 5px;
}

div.topics-ranking-top ul {
	padding: 5px 0;
}

div.topics-ranking-top ul.area-ranking li {
	float: left;
	border-right: solid 1px #CCC;
	margin: 0 0 2px 0;
	padding: 0 5px;
	white-space: nowrap;
}

div.topics-ranking-top ul.entry-list li {
	background: url(../images/common/arrow1.gif) left 3px no-repeat;
	padding: 0 0 2px 15px;
}

div.topics-ranking-top div.ranking3 {
	padding: 10px 0 0 0;
}

div.topics-ranking-top div.ranking3 ul.entry-list li {
	float: left;
	width: 285px;
}

div.topics-photo-top ul.photo li {
	width: 300px;
	float: left;
	padding: 0 5px 10px 0;
}

div.topics-photo-top ul.photo li div.right {
       width: 210px;
}

div.topics-photo-top ul.photo li div.right img {
	margin-bottom: 3px;
}

#container div.topics-photo-top ul.photo li p.text a {
	color: #CCC;
}

div.project {
	background: none;
	margin: 5px 0 0 0;
}

div.project ul {
	background: none;
}

div.project ul li {
	background: url(../images/top/project_top.gif) no-repeat;
	width: 304px;
	padding: 3px 0 0;
	text-align: center;
}

div.project ul li div {
	background: url(../images/top/project.gif) bottom no-repeat;
	width: 284px;
	padding: 10px;
}

div.project-bottom {
	background: none;
	height: 2px;
}

div.fukkou {
       background: url(../images/top/fukkou_top.gif) no-repeat;
       padding: 15px 13px 8px 20px;
       color: #000;
}

div.fukkou div.left {
       width: 420px;
       padding: 0 0 10px;
}

div.fukkou div.left p.title {
       padding: 0 0 5px;
}

#container div.fukkou div.left p.text a {
       color: #000;
}

div.project-bottom {
       height: 6px;
}

div.project {
       background: url(../images/top/project_bg.gif) repeat-y;
       margin: 5px 0 0 0;
}

div.project ul {
       background: url(../images/top/project_head.gif) no-repeat;
}

div.project ul li {
       width: 280px;
       padding: 10px;
       text-align: center;
       background: none;
}

div.project ul li div {
       background: none;
       width: 280px;
       padding: 0;
}

div.project-bottom {
       background: url(../images/top/project_bottom.gif) center top no-repeat;
       height: 6px;
}