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

#background {
	background:url(../images/bg.gif) repeat;
}

#container {
	font-size:100%;
	background:url(../images/head_line.jpg) repeat-x;
  background:url(../images/header_bg.gif) repeat-x;
}

#header {
	width:980px;
	margin:0 auto;
}

#header_box {
	width:980px;
}
#header_box h1 {
	margin-top:10px;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
	float:left;
}
#header_box ul {
	margin-top:5px;
	float:right;
}
#header_box li {
	margin-left:5px;
	float:left;
}

#contents {
	width:955px;
	margin:0px auto;
	padding:15px 0px 15px 15px;
	border-top:5px solid #e5e5e5;
	border-left:5px solid #e5e5e5;
	border-right:5px solid #e5e5e5;
	background:#FFFFFF;
}

/* CSS Document */
#contents_top {
	margin:0 auto;
	background:url(../../top/images/main_image.png) no-repeat center top;
}
#contents_box_top {
	width:980px;
	margin:0 auto;
	padding-bottom:280px;
}
#contents_box_top h2 {
	margin-top:15px;
	float:left;
}
#contents_box_top ul {
	width:355px;/* 365px */
	height:28px;/* 35px */
	padding-top:7px;
	padding-left:10px;
	background:url(../images/head_bg.png) no-repeat;
	float:right;
}
#contents_box_top li {
	margin-left:10px;
	float:left;
}

/* CSS Document */
#contents_bg {
	margin:0 auto;
	background:url(../images/main_image.jpg) no-repeat center top;
}
#contents_box {
	width:980px;
	margin:0 auto;
	padding-bottom:0px;
}
#contents_box h2 {
	float:left;
}
#contents_box ul {
	width:355px;/* 365px */
	height:28px;/* 35px */
	padding-top:7px;
	padding-left:10px;
	background:url(../images/head_bg.png) no-repeat;
	float:right;
}
#contents_box li {
	margin-left:10px;
	float:left;
}

#contents_left_top {
	width:185px;
	float:left;
}
#contents_center_top {
	width:540px;
	margin-left:15px;
	float:left;
}
#contents_right_top {
	width:185px;
	margin-left:15px;
	float:left;
}

#contents_left {
	width:185px;
	float:left;
}
#contents_right {
	width:740px;
	margin-left:15px;
	float:left;
}

#cord {
	width:185px;
	height:30px;
	margin-bottom:10px;
	padding-top:66px;
	font-size:11px;
	background:url(../images/code_bg.jpg) no-repeat;
}
#cord select {
	height:20px;
	margin:0px;
	padding:0px;
	background:#f0f0f0;
	float:left;
}
#cord input {
	width:75px;
	height:16px;
	background:#f0f0f0;
	float:left;
}
#cord input.codeSearch {
	width:24px;
	height:20px;
}
#cord_left {
	height:20px;
	padding-left:10px;
	float:left;
}
#cord_right {
	height:20px;
	padding-left:2px;
	float:left;
}
#cord_right img {
	float:left;
}

#navi {
	margin-bottom:10px;
	padding-top:5px;
	background:url(../images/navi_bg_head.jpg) no-repeat top;
}
#navi_area {
	padding-bottom:5px;
	background:url(../images/navi_bg_foot.jpg) no-repeat bottom;
}
#navi_box {
	width:185px;
	background:url(../images/navi_bg_center.jpg) repeat-y;	
}
#navi_box ul {
	width:173px;
	margin:0 auto;
}
#navi_box li {
	width:173px;
	height:60px;
	margin:0px;
	padding:0px;
}
#navi_box li a:hover {
	opacity:0.8;
	filter: alpha(opacity=80 style=0);
	-moz-opacity:0.8;
}

#navi_box #navi01 {
	background:url(../images/navi01_ov.jpg) no-repeat;
}
#navi_box #navi02 {
	background:url(../images/navi02_ov.jpg) no-repeat;
}
#navi_box #navi03 {
	background:url(../images/navi03_ov.jpg) no-repeat;
}
#navi_box #navi04 {
	background:url(../images/navi04_ov.jpg) no-repeat;
}
#navi_box #navi05 {
	background:url(../images/navi05_ov.jpg) no-repeat;
}
#navi_box #navi06 {
	background:url(../images/navi06_ov.jpg) no-repeat;
}
#navi_box #navi07 {
	background:url(../images/navi07_ov.jpg) no-repeat;
}

#navi_box #en_navi01 {
	background:url(../images/en_navi01_ov.jpg) no-repeat;
}
#navi_box #en_navi02 {
	background:url(../images/en_navi02_ov.jpg) no-repeat;
}
#navi_box #en_navi03 {
	background:url(../images/en_navi03_ov.jpg) no-repeat;
}
#navi_box #en_navi04 {
	background:url(../images/en_navi04_ov.jpg) no-repeat;
}
#navi_box #en_navi05 {
	background:url(../images/en_navi05_ov.jpg) no-repeat;
}
#navi_box #en_navi06 {
	background:url(../images/en_navi06_ov.jpg) no-repeat;
}

#search {
  margin:10px 0;
  padding-top:40px;
  background:url(../images/search_bg_head.jpg) no-repeat top;
}
#searchinput {
  padding-top:0px;
  padding-left:10px;
  padding-bottom:10px;
  background:url(../images/search_bg_foot.jpg) no-repeat bottom;
}
#searchinput input {
  width:137px;
  height:16px;
  background:#f0f0f0;
  float:left;
}
#searchinput input.wordSearch {
  width:24px;
  height:20px;
}
#searchinput img {
  float:left;
}
/*
#search {
	margin-bottom:10px;
	padding-top:40px;
	background:url(../images/search_bg_head.jpg) no-repeat top;
}
#searchinput {
	padding-top:0px;
	padding-left:10px;
}
#searchinput input {
	width:137px;
	height:16px;
	background:#f0f0f0;
	float:left;
}
#searchinput input.wordSearch {
	width:24px;
	height:20px;
}
#searchinput img {
	float:left;
}
#ranking_title{
	width:165px;
	margin:0 auto;
	padding-top:10px;
}
#search_area {
	padding-bottom:5px;
	background:url(../images/search_bg_foot.jpg) no-repeat bottom;
}
#search_box {
	width:185px;
	padding-bottom:5px;
	background:url(../images/search_bg_center.jpg) repeat-y;	
}
#search_box ul {
	width:165px;
	margin:0 auto;
	padding-bottom:15px;
	background:url(../images/search_ranking_foot.jpg) no-repeat bottom;
}
#search_box li {
	width:133px;
	margin:0px;
	padding-left:30px;
	padding-top:15px;
	font-size:13px;
	border-left:1px solid #f4f4f4;
	border-right:1px solid #bcbcbc;
	background:url(../images/search_ranking_mark.jpg) no-repeat 5px 10px #FFF;
}
*/

#footer {
	background:url(../images/foot_bg.jpg) repeat;
}
#footer_box {
	width:980px;
	margin:0 auto;
	padding-top:15px;
}
#footer_box a {
	font-size:11px;
	color:#FFFFFF;
}
#footer_box ul {
	padding-left:35px;
}
#footer_box li {
	width:115px;
	padding-top:5px;
	padding-left:15px;
	border-left:1px solid #afd48e;
	float:left;
}
#add_box {
	width:980px;
	margin:0 auto;
	padding:20px 0px;
	font-size:11px;
	font-weight:bold;
	color:#FFFFFF;
}
#add_left {
	line-height:1.6em;
	float:left;
}
#add_right {
	float:right;
}

#pagetop {
	width:925px;/* 940px */
	height:20px;
	font-size:11px;
	padding-top:10px;
	padding-right:15px;
	padding-bottom:5px;
	text-align:right;
	float:right;
	background:url(../images/mark_pagetop.jpg) no-repeat 808px 13px;
}

#pan {
	width:740px;
	font-size:11px;
	margin-bottom:10px;
}

#page {
	width:738px;	
	padding:1px;
	border:1px solid #cccccc;
	background:#FFFFFF;
}
#page_box {	
	width:714px;/* 734px */
	padding:10px;
	border:1px solid #e5e5e5;
	background:#FFFFFF;
}

#select	{
	margin-top:15px;
	padding:15px 0px 0px 15px;
	border:1px solid #bbcdd9;
	background:#eff7f9;
}
#select li{
	width:140px;
	margin-right:5px;
	padding-left:20px;
	padding-bottom:15px;
	float:left;
	background:url(../images/mark.jpg) no-repeat 0 4px;
}

#other {
	padding:20px 0 10px 0;
}
#other h4 {
	color:#FFFFFF;
	margin-bottom:10px;
	padding:8px 0px 8px 35px;
	font-weight:bold;
	background:url(../images/other_mark.jpg) 10px 10px no-repeat #6eb92c;
}
#other ul {
	font-size:12px;
}
#other li {
	width:170px;
	margin-right:10px;
	float:left;
}
#other li.last {
	margin-right:0px;
}
#other li img {
	width:170px;
	height:120px;
	margin-bottom:5px;
}

.pdf {
	padding-left:25px;
	background:url(../images/pdf.gif) no-repeat;
}
.doc {
	padding-left:25px;
	background:url(../images/doc.gif) no-repeat;
}

* html body #header_box ul {
	margin-top:3px;
}
* html body #footer_box ul {
	margin-left:5px;
	padding-left:5px;
}
* html body #banner li {
	margin-left:10px;
}
* html body #contents_box_top li {
	margin-left:5px;
}
* html body #contents_box li {
	margin-left:5px;
}


/* 全体包括設定
------------------------------------------------------------------- */
body {
  background:#fafafa;
}
#background {
  background:#fafafa;
}
#container {
  background:url(../images/header_bg.gif) repeat-x;
}

/* ヘッダ領域 設定 */
header {
  width:100%;
}
#headerField {
  width:1000px;
  margin:0 auto;
  padding-top:15px;
}
#headerField h1 {
  float:left;
}
#headerField h2 {
  width:390px;
  padding-left:120px;
  float:left;
}
#headerField ol {
  width:255px;
  height:15px;
  border-left:1px solid #888888;
  float:right;
}
#headerField ol li {
  font-size:90%;
  padding:0 10px;
  border-right:1px solid #888888;
  float:left;
}
/*
#headerField ol li:nth-child(-n+3) {
  border-right:1px solid #888888;
}
*/
#headerField ol li a {
  color:#333333;
}
#headerField ul {
  width:500px;
  height:55px;
  margin-top:10px;
  padding-top:5px;
  padding-left:280px;
  background:url(../images/img_town.gif) no-repeat;
  float:right;
}
#headerField ul li {
  float:left;
}
#headerField #btn_map_access {
  margin-left:20px;
}
#headerField #btn_facebook {
  margin-top:5px;
  margin-left:15px;
}
#headerField #btn_twitter {
  margin-top:5px;
  margin-left:15px;
}
#headerField #btn_language {
  margin-top:5px;
  margin-left:15px;
}
#headerField #btn_search {
  margin-top:10px;
  margin-left:15px;
  /*
  border:1px solid #677f21;
  border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  background: linear-gradient(#7FC040, #73B537);
  */
}
#headerField #btn_search span {
  color:#FFFFFF;
}
#headerField #btn_search input {
  width:171px;
  height:16px;
  background:#f0f0f0;
  float:left;
}
#headerField #btn_search input.wordSearch {
  width:24px;
  height:20px;
}
#headerField #btn_search img {
  float:left;
}

/* ナビ領域 設定 */
nav {
  width:100%;
}
#navField {
  width:100%;
  height:100px;
  background:url(../images/nav_bg.gif) repeat-x;
}
#navField ul {
  width:1000px;
  margin:0 auto;
}
#navField li {
  float:left;
}
#navField a:hover {
  opacity: 0;
  filter: alpha(opacity=0 style=0);
  -moz-opacity: 0;
}
#nav01 {
  background:url(../images/nav01_on.gif) no-repeat;
}
#nav02 {
  background:url(../images/nav02_on.gif) no-repeat;
}
#nav03 {
  background:url(../images/nav03_on.gif) no-repeat;
}
#nav04 {
  background:url(../images/nav04_on.gif) no-repeat;
}
#nav05 {
  background:url(../images/nav05_on.gif) no-repeat;
}
#nav06 {
  background:url(../images/nav06_on.gif) no-repeat;
}
#nav07 {
  background:url(../images/nav07_on.gif) no-repeat;
}

/* コンテンツ領域 設定 */
#contentsField {
  width:100%;
}

#contentsArea {
  width:1000px;
  margin:0 auto;
  padding:15px 0 30px 0;
}
.contentsBox {
  width:100%;
}

#calendarArea {
  width:177px;
  border:4px solid #f9d64a;
}
#calendarArea #calendarTitle {
  padding:5px 0;
  font-size:12px;
  font-weight:bold;
  text-align:center;
}
#calendarArea #calendarData {
  font-size:12px;
  font-weight:bold;
  text-align:center;
}
#calendarBox {
  width:177px;
  height:auto;
  margin-top:5px;
}
#calendarBox th {
  width:14%;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  background-color:#f5f5f5;
}
#calendarBox td {
  margin:0px;
  padding:5px 0;
  font-size:12px;
  font-weight:bold;
  text-align:center;
  line-height:120%;
}
#calendarBox .sunday {
  color:#F00;
}
#calendarBox .saturday {
  color:#06C;
}

#bannerArea {
  width:100%;
}
#bannerBox {
  width:185px;
}
#bannerBox li {
  width:185px;
  margin-top:10px;
}
.large {
  height:100px;
}
.small {
  height:60px;
}

/* フッタ領域 設定 */
footer {
  width:100%;
}
#footerField {
  width:100%;
  background:url(../images/footer_bg.gif) repeat-x;
}
#footerField ul {
  width:1000px;
  height:35px;
  margin:0 auto;
  padding-top:15px;
}
#footerField li {
  padding:0 13px;
  border-left:1px solid #FFFFFF;
  float:left;
}
#footerField li a {
  color:#FFFFFF;
}
#footerField .line {
  border-right:1px solid #FFFFFF;
}
#address {
  width:1000px;
  margin:0 auto;
  padding:30px 0 5px 0;
  text-align:center;
}
#copyright {
  width:1000px;
  margin:0 auto;
  padding:5px 0 30px 0;
  text-align:center;
}