﻿@charset "utf-8";
@import "main.css";
/* --------------------------
  main.css
  made by white ufo
  last modified at 09-05-19

  used to
  index.html
  miruke.html

  ---------------------------

  #ground
   #ground_inner

    #header
     #logo
     #top_menu

    #flash_area

    #main
     #contents
      #subtitle
      #topics-news

     #sidebar
      .menu

    #footer

-------------------------- */

/*--------------------------------------パン屑リスト*/
div#contents ul#pan {
	overflow:hidden;
	width:640px;
  border-bottom:1px solid #CCCCCC;
}
div#contents ul#pan li {
	float:left;
	border:none;
}
/*--------------------------------------h5の指定*/
div#contents h5 {
	margin:15px 0 15px 0;
}
/*--------------------------------------三角矢印の指定*/
div#contents img.triangle {
	margin:0 5px 0 5px;
}
/*--------------------------------------pの指定*/
div#contents p, div#contents ol {
	width:620px;
	margin:10px 0 20px 20px;
}
/*--------------------------------------pの囲みborder:dashedの場合*/
div#contents p.p_enclosure {
	width:640px;
	padding:3px 0 3px 0;
	border:#999999 1px dashed;
	color:#FF3399;
	font-weight:bold;
	text-align:center;
}
/*--------------------------------------ページトップに戻るの指定*/
div#contents p.return {
	margin:30px 0 20px 0;
	text-align:right;
}
/*--------------------------------------a hrefの指定*/
div#contents a {
	color:#007BCE;
}
div#contents a:hover {
	color:#FF3399;
}
/*--------------------------------------ulの指定*/
div#contents ul {
	width:600px;
}
div#contents ul li {
	padding:3px 0 3px 0;
}
/*--------------------------------------横並びulの下border:dashedの場合*/
div#contents ul.pan_facilities {
	width:620px;
	border:#999999 1px dashed;
	padding:5px 10px;
	overflow:hidden;
}
div#contents ul.pan_facilities li {
	margin:0 15px 0 0;
	float:left;
}
div#contents ul.pan_facilities .pan_index {
	font-weight:bold;
	color:#FF3399;
}
/*----------------------map.html内お役立ちコンテンツ横並びulの下border:dashedの場合*/
div#contents ul.useful_ul {
	width:640px;
	margin:0 0 30px 0;
	border-bottom:#999999 1px dashed;
	overflow:hidden;
}
div#contents ul.useful_ul li {
	float:left;
	border-bottom:none;
}
div#contents ul.useful_ul li.useful_ul_text {
	width:290px;
	margin:0 0 5px 6px;
}
/*----------------------organizer.htmlのお問い合わせ枠*/
div#contents div#shisetu_contact{
	width:400px;
	text-align:center;
	padding:6px;
	border:1px solid #ccc;
	margin:0 auto 20px auto;
}
/*----------------------organizer.htmlのulの下border:dashedの場合*/
div#contents ul.organizer_ul{
	width:640px;
}
div#contents ul.organizer_ul li{
	border-bottom:#999999 1px dashed;
}
/*--------------------------------------ul、olのborder指定なし、リストマークありの場合*/

div#contents ol.use_ul li ul li {
	font-weight:normal;
	border:none;
}
div#contents ol.use_ol {
	width:630px;
	margin:0 0 0 10px;
	list-style-type:decimal;
	list-style-position:inside;
}
div#contents ol.use_ol li {
	margin:0 0 5px 0;
}
div#contents ol.use_ol li div#telfax{
	margin-left:15em;
}
div#contents ol.use_ol ol {
	width:600px;
	margin:0 0 0 20px;
	list-style-type:decimal;
}
div#contents ol.use_ol li ol li {
	margin:0;
	list-style-type:decimal;
	list-style-position:inside;
	font-weight:normal;
}
/*--------------------------------------tableの上下border:dashedの場合*/
div#contents table.dashed_table, table.map_table, table.link_dashed_table, table.check_dashed_table {
	width:640px;
	margin:20px 0 10px 0;
}
div#contents table.dashed_table th, table.map_table th, table.link_dashed_table th  {
	padding:5px 0 5px 5px;
	border-top:#999999 1px dashed;
	border-bottom:#999999 1px dashed;
}
div#contents table.dashed_table td, table.map_table td, table.link_dashed_table td, table.check_dashed_table td  {
	padding:5px 0 5px 5px;
	border-top:#999999 1px dashed;
	border-bottom:#999999 1px dashed;
	text-align:left;
}
div#contents table.check_dashed_table th{
	width:50px;
	padding:5px 50px 5px 5px;
	border-top:#999999 1px dashed;
	border-bottom:#999999 1px dashed;
}

table.link_dashed_table th{
	width:250px;
	padding:5px 0 5px 5px;
	border-top:#999999 1px dashed;
	border-bottom:#999999 1px dashed;
}

table.link_dashed_table td{
	width:400px;
}

/*--------------------------------------tableの上下border:solidの場合*/
div#contents table.solid_table {
	width:350px;
	margin:0 0 30px 150px;
	border:#999999 1px solid;
}

div#contents table.solid_table caption {
	padding:30px 0 10px 0;
	text-align:center;
	font-weight:bold;
}

div#contents table.solid_table th , table.solid_table td {
	border-top:#999999 1px solid;
	border-bottom:#999999 1px solid;
	text-align:center;
}

div#contents table.solid_table th {
	width:50px;
	border-right:#999999 1px solid;
}
div#contents table.solid_table td {
	padding:5px 0 5px 0;
}
/*--------------------------------------map.htmlのtable指定*/
div#contents table.map_table th {
	width:80px;
}
/*--------------------------------------メールフォーム*/
.hankaku{
	ime-mode:disabled;
}
legend{
	padding-top:30px;
}
.button {
  margin:0 auto;
  padding:20px 0 0 0;
  text-align:center;
}

/*--------------------------------------volunteers01.htmlのtable指定*/
div#contents table.volunteers01_form_table th {
	width:230px;
	padding:5px 0 5px 5px;
	border-top:#999999 1px dashed;
	border-bottom:#999999 1px dashed;
	text-align:right;
/*	color:#FF3399;*/
}
div#contents table.volunteers01_form_table td {
	text-align:left;
	padding:5px 0 5px 20px;
	border-top:#999999 1px dashed;
	border-bottom:#999999 1px dashed;
}
/*--------------------------------------volunteers02.htmlのtable指定*/
div#contents table.volunteers02_form_table {
	width:640px;
	margin:5px 0 10px 0;
}
div#contents table.volunteers02_form_table caption {
	padding:0px;
	margin:0px;
	font-weight:bold;
}
div#contents table.volunteers02_form_table th {
	width:100px;
	padding:5px 0 5px 5px;
	border-top:#999999 1px dashed;
	border-bottom:#999999 1px dashed;
	text-align:right;
	color:#FF3399;
}
div#contents table.volunteers02_form_table td {
	padding:5px 0 5px 20px;
	border-top:#999999 1px dashed;
	border-bottom:#999999 1px dashed;
	text-align:left;
}
div#contents .p_pink {
	color:#FF3399;
}
/*-----------------------------------------------------予約状況*/


div#contents table#reservation thead tr th {
	border:1px solid #666;
	text-decoration:none;
	font-weight:normal;
	color:#666;
}
div#contents table#reservation tbody tr th {
	border-bottom:1px dashed #666;
	border-right:1px solid #666;
	padding:0 3px 0 0;/*-------←宮本追加*/
	text-decoration:none;
	font-weight:normal;
	text-align:right;/*--------←宮本追加*/
}
div#contents table#reservation thead tr th {
	font-weight:bold;
	text-align:center;/*-------←宮本追加*/
}
div#contents table#reservation tbody tr.rest {
	background-color:#ffc;
}
div#contents table#reservation tbody tr td {
	width:31px;
	padding:5px 3px;
	border-bottom:1px dashed #999;
	text-align: center;
}
#hole2, #reha {
	border:1px solid #999;
}
#hole1, #meet {
	padding:0 4px 0 0;
	text-align:right;
	background:#eee;
}
.sat {
	color:#693;
}
.sun, .syu {
	color:#F09;
}
div#contents table#reservation a:link {
	color:#06d;
	text-decoration:none;
}
div#contents table#reservation a:visited {
	color:#06d;
}
div#contents table#reservation a:hover {
	color:#f08;
}
div#contents table#reservation {
	width:640px;
	margin:30px 0 30px 0;
	border-collapse:collapse;
	border:1px solid #666;
}
div#contents table#reservation .line {
	border-right:1px solid #ff0000;
}
div#contents table#reservation .xcolor {
	color:#ff0084;
	font-weight:bold;
}
/*-----------------------------------------------------トピックスお知らせ*/
div#contents h4.topics_title{
	width:640px;
	margin:0 0 15px 0;
	border-bottom:#666666 2px solid;
	font-size:110%;
}

div#contents h4.topics_title span.{
	font-size:60%;
}
/*-------------------------------------h4の指定*/
div#contents h4 {
	width:640px;
	margin:30px 0 10px 0;
	border-bottom:#999999 1px dashed;
}
/*div#contents h4.h4_borderdashed {
	width:640px;
	margin:30px 0 10px 0;
	border-bottom:#999999 1px dashed;
}*/

/*--------------------------------------dlのborderbottom:dashedの設定*/
div#contents dl.dl_borderbottom dt{
	font-size:90%;
	font-weight:bold;
}

div#contents ul.ul_borderbottom li ,dl.dl_borderbottom dd{
	width:640px;
	padding:0 0 5px 0;
	border-bottom:#999999 1px dashed;
}
/*--------------------------------------tableのborderbottom:dashedの設定*/
div#contents table.eventcalendar_table{
	width:640px;
	margin:20px 0 20px 0;
}
div#contents table.eventcalendar_table th{
	border:0;
	padding:0 0 0 3px;
	font-size:120%;
	font-weight:bold;
}
div#contents table.eventcalendar_table th span{
	font-size:80%;
}
div#contents table.eventcalendar_table td{
	padding:0 0 0 3px;
	border-bottom:#999999 1px dashed;
	text-align:left;
}
div#contents table.eventcalendar_table td.eventmark{
	padding:0 0 0 0;
	border:none;
}
div#contents img.event_date{
	margin:15px 0;
}

div#contents ul.rss_event{
	margin:20px 0 10px auto;
	overflow:hidden;
	width:640px;
}
div#contents ul.rss_event li{
	margin:0 0 0 5px;
	float:left;
	display:block;
	width:6em;
}
div#contents ul.rss_event li.rss_img{
	width:50px;
}
div#contents ul.rss_event li.rss_back{
	width:8em;
}
div#contents ul.rss_event li.rss_triangle{
	width:15px;
}

/* added on 16th mar 2009 by infomen */

div#contents table.eventcalendar_table td.infomen{
	width:610px;
}

div#contents table.eventcalendar_table td.infoicon{
	width:30px;
}

/*--------------------------------------------event_details*/
div#contents ul#event_date{
	width:640px;
	margin:0 0 10px 0;
	border-bottom:#999999 2px solid;
	overflow:hidden;
}
div#contents ul#event_date li{
	margin:0 0 0 10px;
	float:left;
}

div#contents div#event{
	width:650px;
	margin:0 0 20px 0;
  padding:0;
	overflow:hidden;
}


/* added on 090316 by bannermen */

div#contents div#event img#bannermen{
	margin:0 0 10px 0;
}

div#contents div#event div#right_area img{
	margin:0 0 5px 0;
  border:1px solid  #999;
}



div#contents div#event div#left_area {
	float:left;
	width:455px;
  margin:0;
}

div#contents div#event div#right_area{
	margin:0 0 0 3px;
	width:186px;
	float:right;
}

div#contents div#event div#left_area dl dt ,div#event div#left_area dl dd{
	color:#007BCE;
}
div#contents div#event div#left_area dl dt{
	font-size:120%;
}
div#contents div#event div#left_area dl dt span{
	font-size:80%;
}
div#contents div#event div#left_area dl dd{
	font-size:100%;
}

div#contents div#event div#left_area p{
	width:455px;
	margin:10px 0 10px 0;
	font-size:90%;
}

div#contents div#event div#right_area{
	margin:0 0 0 3px;
}

div#contents div#event div#left_area img#click{
	margin:0 0 0 34px;
}
div#contents div#event_list{
	width:640px;
	margin:20px 0 0 0;
	border-top:#999999 1px dashed;
	overflow:hidden;
}
div#contents div#event_list ul{
	width:360px;
	overflow:hidden;
	float:right;
}
div#contents  div#event_list ul li{
	margin:0 0 0 5px;
	float:left;
}
/*--------------------------------------------event_details*/
div#contents li.font_red{
	color:#FF0000;
}
div#contents dl#concierge{
	width:640px;
}
div#contents dl#concierge dt{
	font-size:130%;
	font-weight:bold;
	margin:0 0 10px 0;
	border-bottom:#666666 1px solid;
}

div#contents img.image{
	margin:0 0 50px 80px;
}
/*--------------------------------------------floor_details*/
div#contents div#viewpoint{
	width:640px;
	overflow:hidden;
}

div#contents div#viewpoint p#viewpoint_image{
	float:left;
	width:330px;
}

div#contents div#viewpoint ul#viewpoint_ul{
	float:right;
	width:250px;
}

div#contents div#viewpoint ul#viewpoint_ul li{
	border-bottom:#666666 1px dashed;
}
div#contents p#border_bottom{
	width:640px;
	margin:20px 0 30px 0;
	padding:0 0 5px 0;
	border-bottom:#666666 1px dashed;

}
/*-------------------------------------料金表*/
div#contents table.price{
	width:640px;
	border-collapse:collapse;
	border:#666666 1px solid;
	text-align:center;
	margin:20px 0 10px 0;
	font-size:85%;
}
div#contents table.price th , table.price td{
	border:#666666 1px solid;
	padding:5px 0 5px 0;
}
div#contents table.price th.kubun{
	width:110px;
}
div#contents table.price #addition{
	text-align:left;
	padding:0 0 0 5px;
	width:200px;
}
div#contents table.price .hour{
}/*--------------------背景色を入れる*/

div#contents table.price .kubun_use{
}/*--------------------背景色を入れる*/


/*--------------------------------------pの指定*/
div#contents p.letter {
	width:620px;
	margin:10px 0 20px 0;
  vertical-align:top;
  font-size:1.3em;
  font-weight:bold;
}





div#contents ul.example {
	width:620px;
	overflow:hidden;
}
div#contents ul.example li {
	width:5em;
	margin:0 15px 0 0;
	float:left;
}
div#contents ul.example li.hanrei {
	width:30em;
}

div#contents ol {
	list-style-type:decimal;
	list-style-position: inside;
}

div#contents table.hall_download{
	width:650px;
	text-align:center;
}


/*--------------------------------------miruke*/

div#contents dl#miruke_tokuten dt{
	margin:0;
  padding:0;
}

div#contents dl#miruke_tokuten dd{
	margin:1.5em 0 1.5em 1.5em;
  padding:0;
}

div#contents dl#miruke_tokuten dd strong{
	font-weight:bold;
}

div#contents p.tokuten_caution{
	width:630px;
  margin:0;
	padding:1em auto;
  text-align:center;
	border:1px solid #ccc;
  background-color:orange;
	font-weight:bold;
  color:black;
}

div#contents p.caption{
	margin:0.2em 0 1em 0;
	font-size:0.8em;
}


/*--------------------------------------------equipment*/
div#contents dl#equipment{
	width:640px;
}
div#contents dl#equipment dt{
	font-size:130%;
	font-weight:bold;
	margin:0 0 10px 0;
	border-bottom:#666666 1px solid;
}
div#contents dl#equipment dd{
	margin:0 0 20px 0;
}
div#contents ul.equipment_ul{
	width:640px;
}
div#contents ul.equipment_ul li{
	border-bottom:#999999 1px dashed;
}
div#contents ul.equipment_ul li span{
	font-size:0.7em;
}

/*--------------------------------------------ticket_centers*/
div#contents .event_title{
	vertical-align:baseline;

}

div#contents .event_title img{
	margin:0 5px -3px 5px;
}

div#contents .event_title a{
	font-size:0.9em;
}

/*--------------------------------------------parking_status*/
table#parking_status td#date_area{
	width:330px;
	height:28px;
	text-align:center;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	background:url(../images/map_r2_c2.png);
}
