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

/* 基本設定クリア */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, input, textarea, legend, article, aside, footer, header, hgroup, menu, nav, section {
	border: 0;
	color: #fff;
	font-size: 100%;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family: inherit;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
a {
	text-decoration: none;
}
ul {
	list-style: none;
}
.clear {
	overflow: hidden;
	zoom: 1;
}
img {
	max-width: 100%;
  height: auto;
}
/* 基本リンク色 */
a {
	color: #800000;
}
a:hover {
	color: #d68a8a;
}
a:active {
	color: #cb4545;
}
/* 基本のレイアウト */
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background-color: #000;
}
.wrapper-header {
	border-top: solid 6px #000;
}
.header {
	margin: 0 auto;
	max-width: 960px;
}
.wrapper-nav-global {
	background-color: #000;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #fff;
}
.nav-global {
	margin: 0 auto;
	max-width: 960px;
}
.wrapper-category {
	background-color: #1a1a1a;
	border-top-width: 0px;
	border-top-style: solid;
	border-top-color: #fff;
}
.category {
	margin: 0 auto;
	max-width: 960px;
}
.wrapper-main {
	background-color: #000;
}
.main {
	margin: 0 auto;
	max-width: 960px;
	background-color: #000;
}
.wrapper-sidebar {
	float: left;
	padding: 20px 0 20px 4.1666666%;/* 4.1666666%（40px/960px） */
	width: 20.8333333%;/* 20.8333333%（200px/960px） */
}
.wrapper-contents {
	float: left;
	padding: 20px 4.1666666%;/* 4.1666666%（40px/960px） 両側で80px分 */
	width: 66.6666666%;/*66.6666666%（640px/960px） */
}
.wrapper-footer {
	background: #000;
}
.footer {
	margin: 0 auto;
	max-width: 960px;
}
/* headerinfo */
.headerinfo-contents img {
	float: left;
	margin: 0 2.2727272% 10px 0;/* 2.2727272%（20px/880px）*/
}
.headerinfo p {
	color: #fff;
	font-size: 0.8em;
	padding: 20px 0 0 0;
}
/* header */
.header h1 {
	/*background: url(../images/logo.png) no-repeat;*/
	height: 79px;
	margin: 10px 0 15px 3%;
	width: 406px;
}

/* nav-global */
.nav-global li {
	float: left;
	text-align: center;
	width: 14.285%;
}
.nav-global li a {
	border-right: solid 1px #ddd;
	color: #ccc;
	display: block;
	padding: 15px 0;
}

.nav-global li:last-child a {
	border-right: none;
}
.nav-global li a:hover {
	padding: 15px 0 10px 0;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.nav-global li a.on {
	padding: 15px 0 10px 0;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
.nav-global li a:active {
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
/* category */
.category p {
	color: #fff;
	font-size: 2em;
	line-height: 1em;
	padding: 30px 4.1666666% 10px 0;/* 4.1666666%（40px/960px） */
	text-align: right;
}

/* sidebar */
.sidebar ul {
	border: 3px solid #444;
	width: 194px;
	background-color: #222;
}
.sidebar ul li {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
}
.sidebar ul li:last-child {
	border-bottom: none;
}
.sidebar ul li a {
	background: url(../images/sidebar-bg1.png) no-repeat 95% 50%;
	color: #fff;
	display: block;
	padding: 15px 1.5em;
	letter-spacing:-1px;
}
.sidebar ul li a:hover {
	background: url(../images/sidebar-bg2.png) no-repeat 95% 50%;
	color: #fff;
}
.sidebar ul li a:active {
	background: url(../images/sidebar-bg3.png) no-repeat 95% 50%;
	color: #b9d5dc;
}

/* contents */
.contents h1 {
	color: #fff;
	font-size: 1.7em;
	font-weight: bold;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 10px;
	border-left-width: 12px;
	border-left-style: solid;
	border-left-color: #CC0000;
}
.contents h2 {
	color: #fff;
	font-size: 1.1em;
	font-weight: bold;
	margin: 2em 0 1em 0;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
}
.contents p {
	line-height: 1.8em;
	margin: 0 0 1em 0;
}
.contents p.lead {
	font-size: 1.1em;
	font-weight: bold;
	margin-top: 1em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 0;
}
.contents .section {
	margin: 0 0 60px 0;
}

/* footer */
.footer p {
	color: #fff;
	padding: 30px 4.1666666%;/* 4.1666666%（40px/960px） */
	text-align: right;
}
/* ------------------------------
   baseFooter
------------------------------ */
.baseFooter {
	padding: 15px 0;
	text-align: center;
	border-top: #bbb 1px solid;
}

.baseFooter small {
	color: #999;
	font-size: 0.6em;
}

/*テーブル1*/
TABLE.tbl1 {
	PADDING-RIGHT: 0px; BORDER-TOP: #a4a8b2 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 10px 0px 20px; BORDER-LEFT: #a4a8b2 1px solid; WIDTH: 85%; PADDING-TOP: 0px; BORDER-COLLAPSE: collapse
}
UNKNOWN {
	BORDER-COLLAPSE: collapse
}
TABLE.tbl1 TH {
	BORDER-RIGHT: #a4a8b2 1px solid; BORDER-BOTTOM: #a4a8b2 1px solid
}
TABLE.tbl1 TD {
	BORDER-RIGHT: #a4a8b2 1px solid; BORDER-BOTTOM: #a4a8b2 1px solid
}
TABLE.tbl1 TH {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	FONT-WEIGHT: normal;
	PADDING-BOTTOM: 3px;
	MARGIN: 0px;
	VERTICAL-ALIGN: top;
	LINE-HEIGHT: 1.3em;
	PADDING-TOP: 3px;
	TEXT-ALIGN: center
}
TABLE.tbl1 TH.center {
	TEXT-ALIGN: center
}
TABLE.tbl1 TD {
	PADDING-RIGHT: 10px;
	PADDING-LEFT: 10px;
	PADDING-BOTTOM: 5px;
	MARGIN: 0px;
	vertical-align: middle;
	LINE-HEIGHT: 1.3em;
	PADDING-TOP: 5px;
	TEXT-ALIGN: center
}
TABLE.tbl1 TD.center {
	TEXT-ALIGN: center
}

.clubThum {float:left;width:33%;max-width:213px;}
.clubThum img{width:98%}

.clubThum2 {float:left;width:25%;max-width:213px;}
.clubThum2 img{width:98%}

/**
 * RESPONSIVE: スマートフォン向けウィンドウ幅600px以下
 */
.pcView {display:block;}
.mobileView {display:none;}

@media screen and (max-width:810px) {
  .pcView {display:none;}
  .mobileView {display:block;}
}

@media screen and (min-width:691px) and (max-width:810px) {
  .wrapper-sidebar { width: 25.83%	}
  .wrapper-contents { width: 61.66%	}
}
@media screen and (min-width:601px) and (max-width:690px) {
  .wrapper-sidebar { width: 30.83% }
  .wrapper-contents { width: 56.66%	}
}
@media screen and (max-width:600px) {
	/* 基本のレイアウト */
	.wrapper-sidebar {
		float: none;
		padding: 20px 4.1666666%;/* 4.1666666%（40px/960px） */
		width: 91.6666666%;/* 91.6666666%（880px/960px） */
	}
	.wrapper-contents {
		float: none;
		padding: 20px 4.1666666%;/* 4.1666666%（40px/960px） */
		width: 91.6666666%;/* 91.6666666%（880px/960px） */
	}
	/* sidebar */
	.sidebar ul {
		background: #222;
		border: solid 3px #333333;
		width: 100%;
	}
	/* header */
	.header h1 {
		background: url(../images/logo-300.html) no-repeat;
		height: 53px;
		width: 300px;
	}
	/* nav-global */
	.nav-global li a {
		font-size: 0.7em;
	}
	/* category */
	.category p {
		font-size: 1.5em;
		padding: 20px 4.1666666% 8px 0;/* 4.1666666%（40px/960px） */

	}
	/* contents */
	.contents h1 {
		border-left: solid 10px #CC0000;
		font-size: 1.5em;
		padding: 5px 0 5px 10px;
	}
	.contents p.lead {
		font-size: 1em;
	}

	.clubThum {float:left;width:100%;max-width:100%;}
	.clubThum img{float:left;width:100%;margin:5px auto;}
	.sidebar ul li a {letter-spacing:0px;}

}