*{ 
	margin:0;padding:0; 
} 
html{ 
	height:100%; 
}
body {
	text-align: center;
	margin: 0;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;
	font-size: 0.8em;
	height:100%;
	width:100%;
}

form { margin: 0 0 10px 0; padding:0; }
a { text-decoration: underline; }
a img { border: 0; }
a:link {color: #006699}
a:visited {color: #006699}
a:hover {color: #FF0000}
div#line a:link {color: #0066CC}
div#line a:visited {color: #0066CC}
div#line a:hover {color: #FF0000}
input, select, textarea {font-size:100%;font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", sans-serif;} 

div#all
{
	margin:0 auto;
	position:relative;
	width: 754px;
	height:100%; 
	min-height:100%;
	border-right: #0066CC 1px solid;
	border-left: #0066CC 1px solid;
}
body > #all{ 
	height:auto; 
}
.mid {
	clear: both;
	margin-bottom:10px;
}

/** バナー **/
div#banner
{
	height: auto;
}

div#banner-left
{
	background-image: url("../img/head.jpg");
	background-repeat: no-repeat;
	background-position: center top;
	width: 560px;
	height: 70px;
	float: left;
}

div#banner-right
{
	width: 180px;
	height: 70px;
	float: right;
}

div#banner-right ul.list {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

div#banner-right ul.list li {
	margin: 0;
	padding: 0;
	text-indent:-3333px;
	text-decoration:none;
}

div#banner-right ul.list li a {
	display:block;
	width:150px;
}

div#banner-right ul.list li.item_eo a {
	height:22px;
	background: url(../img/eo.gif) top left no-repeat;
}
div#banner-right ul.list li.item_mail a {
	height:22px;
	background: url(../img/eo_mail.gif) top left no-repeat;
}
div#banner-right ul.list li.item_logout a {
	height:25px;
	background: url(../img/logout.gif) top left no-repeat;
}
div#banner-right ul.list li.item_eo a:hover {
	background: url(../img/eo_f.gif) top left no-repeat;
}
div#banner-right ul.list li.item_mail a:hover {
	background: url(../img/eo_mail_f.gif) top left no-repeat;
}
div#banner-right ul.list li.item_logout a:hover {
	background: url(../img/logout_f.gif) top left no-repeat;
}

/** メニュー **/
div#menu
{
	width: 200px;
	height: auto;
	float: left;
}

div.module {
	margin: 0px 0px 5px 0px;
	position:static;
}

div.module h2.module-header {
	padding-right: 2px;
	padding-left: 2px;
	font-size: 100%;
	padding-bottom: 1px;
	margin: 0px 0px 0px 15px;
	color: #003399;
	line-height: 120%;
	padding-top: 2px;
	border-bottom: #0066CC 1px dashed;
	letter-spacing: 2px;
	background-color: #ffffff;
	text-align: left;
	font-weight:bold;
}

div.module div.module-content {
	position:static;
	padding:0px;
	margin:0px;
}

div.module-content ul.module-list {
	border-right: medium none;
	padding-right: 5px;
	border-top: medium none;
	padding-left: 5px;
	font-size: 100%;
	padding-bottom: 5px;
	margin: 0px 0px 0px 15px;
	border-left: medium none;
	line-height: 150%;
	padding-top: 5px;
	border-bottom: medium none;
	list-style-type: none;
	background-color: #ffffff;
	text-align: left;
}

div.module-content ul.module-list li.module-list-item {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

div.module-content ul.module-list-2 {
	border-right: medium none;
	padding-right: 5px;
	border-top: medium none;
	padding-left: 5px;
	font-size: 100%;
	padding-bottom: 5px;
	margin: 0px 0px 0px 15px;
	border-left: medium none;
	line-height: 150%;
	padding-top: 5px;
	border-bottom: medium none;
	list-style-type: none;
	background-color: #ffffff;
	text-align: left;
	width: 280px;
	list-style: none outside;
}

div.module-content ul.module-list-2 li.module-list-item-2 {
	margin: 0px;
	padding: 0px;
	background-color:#FFFFFF;
	width: 135px;
	float: left;
}

div.module-content ul.module-list li.module-list-item span.left {
	float: left;
}
div.module-content ul.module-list li.module-list-item span.right {
	float: right;
}


/** 本文 **/
div#line
{
	width: 540px;
	height: auto;
	float: right;
	padding-right: 10pt;
}

div#line-left
{
	width: 300px;
	height: auto;
	float: left;
}

div#line-right
{
	width: 200px;
	height: auto;
	float: right;
}
div#line div.page {
	padding:5px 20px;
	text-align:left;
}
div#line form div.form-title {
	margin:0 5px 0 20px;
	width:498px;
	text-align:left;
	font-weight:bold;
	background-color: #9FBFDF;
	padding:5px
}
div#line form table.form-table {
	margin:0 5px 0 20px;
	width:502px;
	border-collapse: collapse;
	font-size:100%;
}
div#line form table.form-table span {
	color:#FF0000;
}
div#line form table.form-table tr th {
	background-color:#9FBFDF;
	border:#FFFFFF solid 2px;
	padding:3px;
}
div#line form table.form-table td {
	background-color:#EAF0FF;
	border:#FFFFFF solid 2px;
	padding:3px;
}
div#line .title
{
	border-bottom: dashed 1px #0066CC;
	padding: 4pt;
	height: auto;
}

div#line .contents
{
	margin:0 auto;
	width: 95%;
	border: dotted 1px #0066CC;
	background-color: #EAF0FF;
	padding: 4pt;
	margin-bottom: 5pt;
	text-align: left;
}

div#line .contents .menu
{
	float: left;
	width: 50pt;
	height: auto;
}
div#line .contents .left {
	float: left;
}
div#line .contents .right {
	float: right;
}
div#line div.contents div.btn {
	text-align:right;
	width:100%;
}
div#line div.contents div.btn input {
	float: right;
}
div#line div.module div.module-content table.detail-table div.btn {
	width:20%;
	text-align:center;
}
div#line div.module div.module-content table.detail-table div.btn input {
	float: left;
}
div#line textarea {
	width: 95%;
	height: 100pt;
}

div#line input[type="text"]
{
	width: 95%;
}
/** 詳細 **/
table.detail-table {
	margin: 0 auto;
	width:502px;
	border-collapse: collapse;
	font-size:100%;
}
table.detail-table th {
	background-color:#9FBFDF;
	border:#FFFFFF solid 2px;
	padding:3px;
}
table.detail-table td {
	background-color:#EAF0FF;
	border:#FFFFFF solid 2px;
	padding:3px;
}

/** マイリンク **/
div.module-content form div.link-box {
	height:auto;
	margin:0 0 0 20px;
}
/*div.module-content form div div.left {
	float:left;
	width:25%;
	height:100%;
	padding:5px;
	background-color: #FFCC99;
}
div.module-content form div div.right {
	float:right;
	width:75%;
	padding:5px;
	text-align:left;
	background-color: #FFF4EA;
}*/
div.module-content form div div.left {
	text-align:left;
	font-weight:bold;
	padding:5px;
	background-color: #9FBFDF;
	clear:both;
}
div.module-content form div div.right {
	width:100%;
	height:auto;
	padding:5px;
	text-align:left;
	background-color: #EAF0FF;
}
div.module-content form div div.right div {
	float:left;
	width:50%;
}

/** 施設予約 **/
table.module-list-item {
	font-size:100%;
	width:95%
}
.inst-right {
	float:right;
	text-indent:-3333px;
	text-decoration:none;
}
.inst-btn_left {
	width:23%;
}
.inst-btn_right {
	width:12%;
}
.inst-btn_left a {
	display:block;
	width:105px;
	height:19px;
	background:url(../img/yoyakm.gif) top left no-repeat;
	text-indent:-3333px;
	text-decoration:none;
}
.inst-btn_left a:hover {
	background:url(../img/yoyakm_f.gif) top left no-repeat;
}
.inst-btn_right a {
	display:block;
	width:56px;
	height:19px;
	background:url(../img/bukken.gif) top left no-repeat;
	text-indent:-3333px;
	text-decoration:none;
}
.inst-btn_right a:hover {
	background:url(../img/bukken_f.gif) top left no-repeat;
}
.time-table-btn a {
	display:block;
	width:33px;
	height:31px;
	background:url(../img/yoyak.gif) top left no-repeat;
	text-indent:-3333px;
	text-decoration:none;
}
.time-table-btn a:hover {
	background:url(../img/yoyak_f.gif) top left no-repeat;
}

table.time-table {
	font-size:90%;
	border-collapse: collapse;
	border: #cccccc solid 1px;
}
table.time-table a:link {
	color:#FFFFFF;
}
table.time-table a:hover {
	color: #FF0000;
}
table.time-table th{
	color:#FFFFFF;
	background-color:#3196ff;
}
table.time-table th, table.time-table td{
	padding:3px 3px;
	border-collapse: collapse;
	border: #cccccc solid 1px;
}
table.time-table tr.weekday_7 {
	color: #FF0000;
}
table.time-table tr.weekday_6 {
	color: #0000FF;
}


/** ページ **/
div.html-page div.category-title {
	color: #003399;
	letter-spacing: 2px;
	font-weight:bold;
	margin:0 0 5px 15px;
	padding:3px 2px 2px 2px;
	border-bottom: #0066CC 1px dashed;
}
div.html-page div.category-subtitle {
	letter-spacing: 2px;
	margin:0 0 5px 15px;
	padding:3px 2px 2px 4px;
	/*font-weight:bold;*/
	text-align:left;
}
div.html-page table {
	font-size:100%;
}
div.html-page table th {
	background-color:#9FBFDF;
	padding: 3px;
}
div.html-page table td {
	padding: 3px;
}
div.html-page table td.base div {
	padding:5px 3px 3px 3px;
}

/** ログイン **/
div#all-login
{
	margin:0 auto;
	width: 600px;
	border: #0066CC 1px solid;
	/*border-left: #0066CC 1px solid;*/
	margin-top:40px;
}
div#all-login div.module-content table {
	margin:0 auto;
}
div#all-login div.module-content div {
	margin-top:10px;
}
div#all-login div.module-content table th, div#all-login div.module-content table td {
	font-size:80%;
	padding:3px;
}
div#all-login div.error {
	color: red;
}

/** **/
div#line .error {
	text-align: left;
	display: block;
	width: auto;
	color: red;
}

/** remain **/
div#all-remain
{
	width: 600px;
	border: #0066CC 1px solid;
	/*border-left: #0066CC 1px solid;*/
	margin-top:40px;
}
div#all-remain div.module-content div {
	margin-top:10px;
}
div#all-remain div.module-content div.text {
	margin-left:25px; margin-right:25px; text-align:left;
}
div#all-remain div.module-content table th, div#all-remain div.module-content table td {
	font-size:80%;
	padding:3px;
}
div#all-remain div.error {
	color: red;
}

/** **/
#footer {
	position:absolute;
	bottom:0px;
	left: 0px;
	width:100%;
	height:32px;
	background-color:#dddddd;
	text-align:left;
	border-top: #cccccc solid 2px;
	vertical-align:middle;
}

#footer div {
	font-size:12px;
	margin:10px 20px 0px 10px;
	background-color:#dddddd;
}

/** **/
div#line .error {
	text-align: left;
	margin:2px 20px;
	color: red;
}