@charset "utf-8";

/*
Theme Name: はびきのコロセアム
Theme URI: http://www.minrinosto.com/
Description: city-sakai-gk.jp
Author: minrinosto.com
Version: 1.0
Tags: 
*/


* {
	margin: 0;
	padding: 0;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Osaka,'ＭＳ Ｐゴシック',sans-serif;
}

body {
	line-height: 160%;
	font-size: 16px;
	color: #191919;
	text-align: center;
	background: url('images/bg_body.png');
}

h1, h2, h3, h4, h5 {
	font-size: 1em;
	font-weight: normal;
}

a {
	text-decoration: none;
	color: #333333;
}

a:hover {
	color: #ff0000;
}

img {
	border: none;
}

ul {
	list-style-type: none;
}

ol {
	margin-left: 30px;
}

th {
	font-weight: normal;
	text-align: left;
}

.clr {
	clear: both;
}

.sub {
	font-size: 80%;
}


a.pdf, .pdf a {
	background-position: 0 0;
	padding: 3px 0 5px 23px;
	line-height: 18px !important;
	background: url(images/icon_pdf.png) no-repeat 0 0;
}

.wrapper {
	width: 1100px;
	text-align: left;
	margin: 0 auto;
}

.screen-reader-text {
	display: none;
}

#TB_secondLine {
	display: inline;
	margin-left: 1em;
}

#header #image {
	height: 250px;
	text-align: center;
}

#header #image img {
	width: 100%;
}




h1 {
}

h1 a {
	height: 200px;
	width: 550px;
	margin-left: 80px;
	display: block;
	text-indent: -9999px;
}

#globalNavi,
#globalNavi li,
#globalNavi li a {
	height: 65px;
}

#globalNavi li {
	float: left;
}

#globalNavi li a {
	background: url('images/button_gNavi.png') no-repeat;
	display: block;
	text-indent: -9999px;
}

#globalNavi li#gInfomation a {
	width: 189px;
	background-position: 0 0;
}

#globalNavi li#gInfomation a:hover {
	width: 189px;
	background-position: 0 -70px;
}

#globalNavi li#gFacilities a {
	width: 187px;
	background-position: -189px 0;
}

#globalNavi li#gFacilities a:hover {
	width: 187px;
	background-position: -189px -70px;
}

#globalNavi li#gGuide a {
	width: 239px;
	background-position: -376px 0;
}

#globalNavi li#gGuide a:hover {
	width: 239px;
	background-position: -376px -70px;
}

#globalNavi li#gEvent a {
	width: 299px;
	background-position: -615px 0;
}

#globalNavi li#gEvent a:hover {
	width: 299px;
	background-position: -615px -70px;
}

#globalNavi li#gAccess a {
	width: 186px;
	background-position: -914px 0;
}

#globalNavi li#gAccess a:hover {
	width: 186px;
	background-position: -914px -70px;
}

#contents #main {
	float: left;
	width: 780px;
}

#contents #main h2 {
	height: 47px;
	width: 100%;
}

#breadCramb li,
#breadCramb li a {
	height: 50px;
	line-height: 50px;
	vertical-align: middle;
}

#breadCramb li {
	float: left;
	margin: 0 15px 0 0;
}

#breadCramb li#bHome a {
	width: 28px;
	display: block;
	background: url('images/icon_home_bread.png') no-repeat 0 50%;
	text-indent: -9999px;
}

#contents #main #content {
	margin-top: 30px;
}

#contents #main #content h3 {
	padding-left: 5px;
	margin-bottom: 10px;
	border-left: 8px solid #ff8000;
	line-height: 32px;
	height: 32px;
	vertical-align: middle;
	font-size: 110%;
	font-weight: bold;
}

#contents #main #content h3 #hc {
	padding-left: 5px;
	margin-bottom: 10px;
	border-left: 8px solid #0000ff;
	line-height: 32px;
	height: 32px;
	vertical-align: middle;
	font-size: 110%;
	font-weight: bold;
}

#contents #main #content h3 #other {
	padding-left: 5px;
	margin-bottom: 10px;
	border-left: 8px solid #0000ff;
	line-height: 32px;
	height: 32px;
	vertical-align: middle;
	font-size: 110%;
	font-weight: bold;
}

#contents #sidebar {
	float: right;
	width: 280px;
}

#contents #sidebar #sBanners li {
	margin-bottom: 10px;
}

#contents #sNs {
	float: right;
	width: 280px;
}

#contents #sidebar #sNs li {
	margin-bottom: 10px;
}

#contents #sidebar #sNs li img {
	width:282px;	
}

#contents #sidebar #sBanners li a {
	background: url('images/banner_side202504_ver2.png') no-repeat;
	display: block;
	text-indent: -9999px;
}

#contents #sidebar #sBanners li#sAbout a {
	background-position: 0 0;
	height: 510px;
}

#contents #sidebar #sBanners li#sReserve a {
	background-position: 0 -550px;
	height: 100px;
}

#contents #sidebar #sBanners li#sReserve a:hover {
	background-position: -300px -550px;
}

#contents #sidebar #sBanners li#sCharge a {
	background-position: 0 -657px;
	height: 25px;
}

#contents #sidebar #sBanners li#sLIC a {
	background-position: 0 -700px;
	height: 80px;
}

#contents #sidebar #sBanners li#sLIC a:hover {
	background-position: -300px -700px;
	height: 80px;
}

#contents #sidebar #sBanners li#sGym a {
	background-position: 0 -800px;
	height: 80px;
}

#contents #sidebar #sBanners li#sGym a:hover {
	background-position: -300px -800px;
	height: 80px;
}

#contents #sidebar #sBanners li#sHall a {
	background-position: 0 -900px;
	height: 80px;
}

#contents #sidebar #sBanners li#sHall a:hover {
	background-position: -300px -900px;
	height: 80px;
}

#contents #sidebar #sBanners li#sMine a {
	background-position: 0 -1000px;
	height: 80px;
}

#contents #sidebar #sBanners li#sMine a:hover {
	background-position: -300px -1000px;
	height: 80px;
}

#contents #sidebar #sBanners li#sSpo a {
	background-position: 0 -1100px;
	height: 80px;
        margin-top: -25px;　<!--うまく幅をとれなかったため//-->
}

#contents #sidebar #sBanners li#sSpo a:hover {
	background-position: -300px -1100px;
	height: 80px;
}

#contents #sidebar #sBanners li#sEco a {
	background-position: 0 -1200px;
	height: 80px;
         margin-top: -25px;　<!--うまく幅をとれなかったため//-->
}

#contents #sidebar #sBanners li#sEco a:hover {
	background-position: -300px -1200px;
	height: 80px;
}


#toTop {
	background: url('images/button_toTop.png') no-repeat;
	width: 180px;
	height: 42px;
	display: block;
	float: right;
	text-indent: -9999px;
	margin-top: 30px;
}

#footer,
#footer * {
	background: url('images/bg_footer.png') #1855a2;
}

#footer {
	height: 150px;
}

#footer #footerNavi li,
#footer #footerNavi li a {
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}

#footer #footerNavi li {
	float: left;
	border-left: 1px solid #ffffff;
	margin: 25px 0 0 10px;
	padding-left: 10px;
}

#footer #footerNavi li#fHome {
	border: none;
}

#footer #footerNavi li a {
	color: #ffffff;
	font-size: 80%;
}

#footer #footerNavi #copy {
	background: url('images/copy_footer.png') no-repeat 100% 100% #1855a2;;
	height: 105px;
	width: 100%;
	float: right;
	text-indent: -9999px;
}

#contents #main #content .fac {
	padding: 3px 25px 30px;
	
}

#contents #main #content .fac-list ol{
	list-style-type: upper-roman;
	
}

#fee table.fee-table {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-left: 1px solid #ccc;
	margin-bottom: 35px;
	width: 98%;
}

#fee table.fee-table thead th {
	padding: 10px;
	font-weight: bold;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 2px solid #00ff00;
	background: #FFFFCC;
}

#fee table.fee-table tbody th {
	padding: 10px;
	font-weight: bold;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #CCFFFF;
}

#fee table.fee-table td {
	width: 350px;
	padding: 10px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}


#fee .blank-top {
	width: 17%;
}

#fee .blank-top20 {
	width: 20%;
}

#fee .blank-top30 {
	width: 30%;
}

#fee h4 {
	font-weight: bold;
	padding-left: 12px;
}

#fee .s-font {
	font-size: 80%;
	text-align: left !important;
}

#fee .f-red {
	color: red;
}

#fee table.fee-table-msg {
	border-collapse: collapse;
	text-align: left;
	line-height: 1.5;
	border-left: 1px solid #ccc;
	margin-bottom: 35px;
	width: 98%;
}

#fee table.fee-table-msg tbody th {
	width: 72%;
	padding: 10px;
	font-weight: bold;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background: #CCFFFF;
}

#fee table.fee-table-msg td {
	padding: 10px;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

#clearfix dl {
 	width:685px;
}

#clearfix dt {
	float:left;
	clear:left;
	width:135px;
}

#clearfix dd {
	float:left;
	width:550px;
	margin-bottom: 12px;
}

#fee ol,
#fee ul {
	padding-left: 20px;
	line-height: 185%;
}

#fee ul li {
	background: url(images/marker_ora.png) no-repeat scroll 10px 8px;
	padding-left: 40px;
	vertical-align: top;
}



.t8 {
	display: none;
}

div.t10 {
	margin: 20px 0;
	color: #666666;
/*****************************************
	padding: 10px;
	font-weight: bold;
	font-size: 120%;
	text-align: center;
	border: 3px solid #ff0000;
	border-radius: 10px;
*****************************************/
}