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

/* 基本設定クリア */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, h7, h82 , 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, legend, article, aside, footer, header, hgroup, menu, nav, section {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	color: #2f2f2f;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}
a {
	text-decoration: none;
}
ul {
	list-style: none;
}
.clear {
	overflow: hidden;
	zoom: 1;
}
/* 基本のレイアウト */
body {
	background: #fff;
	margin-top: 10px ;
	font-family: " 新丸ゴ M " ;
	
}
.wrapper-headerinfo { 
	background: #fff;
	margin-top: -2px;
	margin-left: -15px;
	margin-bottom: -5px  /* 上黒バナー説明下間隔調整 */
}
.headerinfo {
	margin: -20px auto ;
	max-width: 960px;
}
.headerinfo-contents {
	padding: 20px 4.1666666%;/* 4.1666666%（40px/960px） */
}
.wrapper-header {
	border-top: solid 6px #000;
}
.header {
	margin: -5px auto;
	max-width: 960px;
}


.wrapper-nav-global {
	background: #fff;   /* 5ツリンクバックグラウンドの色 */
	border-bottom: solid 2px #f4f2f2;
	background-color: #a3ddff;
	background: -moz-linear-gradient(top, #a3ddff, #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#a3ddff), to(#fff));
	background: -webkit-linear-gradient(top, a3ddff, #fff);
	background: linear-gradient(to bottom, #a3ddff, #ff);
	border-top: #1aaaf4 3px solid;
	tionposi: relative;

}


.nav-global {
	margin: 0 auto;
	max-width: 960px;
}
.wrapper-category {
	border-top: solid 5px #75b4c4;
	background: #8ac2d0;
}
.category {
	margin: 0 auto;
	max-width: 960px;
}

.category img {     /* 顔写真と上と下ライン間隔調整 */
	margin-top: -20px ;
	margin-bottom:-3px ; 
	
}


.wrapper-main {
	background: #ededed;
	margin-bottom: -20px  /* TXTと住所間隔 */
}


.main {
	margin: 0 auto;
	max-width: 960px;
	background: #fff;
	
}

 .main img{
	border: solid #b3b0b0 3px　　/* tizuのグランド写真の枠色 */

}


.main-contents {
	padding: 30px 4.1666666%;/* 4.1666666%（40px/960px）  */
}


.wrapper-footer {
	background: #000;
	font-size: 0.8em;
	
}
.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 {
	padding: 20px 0 0 0;
	font-size: 0.8em;
	color: #666;
}
/* header */
.header .nav-info {
	position: relative;
	height: 40px;
}

.header .nav-info a {
	display: block;
	padding: 20px 0 0 0;
	width: 70px;         /* CLOSE/OPEN 間隔調整 */
	height: 45px;
	background: #000;
	border-radius: 0 0 45px 45px;
	color: #fff;
	text-align: center;
	font-size: 0.8em;
	position: absolute;
	right: 28px;/* 4.1666666%（40px/960px） */
	top: 3px;
	
	}
	
.header .nav-info a:hover {
	color: #ddd;
}
.header .nav-info a:active {
	color: #bbb;
}


.header h1 {
	margin: -20px 0 10px 4.1666666%;/* 4.1666666%（40px/960px） */
	width: 460px;
	height: 85px;
	background: url(../images/nitutei.png) no-repeat;
	text-indent: -9999px;
}


/* nav-global */
.nav-global li {
	text-align: center;
	float: left;
	width: 14%;    /* 上側6つを7つボタンにした間隔を狭く  */
	font-size: 1.2em;   /* 上側ボタンリンク文字大きさ */
	text-shadow: 1px 2px 3px #939393;　　/* 影を付ける */
	
}
.nav-global li a {
	display: block;
	padding: 15px 0;
	border-right: solid 1px #ddd;
	color: #1d1d1d;
}
.nav-global li:last-child a {
	border-right: none;
}
.nav-global li a:hover {
	padding: 15px 0 10px 0;
	border-bottom: solid 5px #1aaaf4;
}
.nav-global li a:active{
	border-bottom: solid 5px #1aaaf4;
}
/* category */
.category p {
	padding: 30px 4.1666666% 10px 0;/* 4.1666666%（40px/960px） */
	text-align: right;
	font-size: 2em;
	line-height: 1em;
	color: #fff;
}
/* main-contents */
.main-contents h1 {
	margin: -20px 0 1em 0;
	padding: 15px 0 15px 10px;
	border-left: solid 12px #8ac2d0;
	font-size: 1.7em;
	font-weight: bold;
	color: #75b4c4;
}


.main-contents h2 {
	margin: 2em 0 1em 0;
	border-bottom: solid 1px #8ac2d0;
	font-size: 1.1em;
	font-weight: bold;
	color: #75b4c4;
}
.main-contents h3 {
	margin: 0 0 0.5em 0;
	font-weight: bold;
	color: #75b4c4;
}
.main-contents p {
	margin: 0 0 1em 0;
	line-height: 1.5em;
}
.main-contents p.lead {
	margin: -20px 0 1em 0;   /*第82回ト表と一週間前の間隔　-20px */
	font-size: 1.1em;
	font-weight: bold;
}
/* footer */
.footer p {
	padding: 30px 4.1666666%;/* 4.1666666%（40px/960px） */
	text-align: center;
	color: #fff;
	line-height: 1.4em;
}

/**
 * RESPONSIVE: スマートフォン向けウィンドウ幅600px以下
 */
@media screen and (max-width:600px) {
	/* header */
	.header .nav-info {
		height: 30px;
	}
	.header .nav-info a {
		padding: 25px 0 -5px 0;
		height: 40px;
		border-radius: 0 0 45px 45px;　 /* CLOSE.OPENを半円に */
		font-size: 0.8em;
	}
	
	.header h1 {
		margin: 0 0 20px 0;　　/* 試合日程表の空白調整 */
		width: 325px;
		height: 60px;
		background: url(../images/nitutei-325.png) no-repeat;
	}	
	
		
	/* nav-global  */
	.nav-global li {
		float: none;
		width: 100%;
		text-align: left; 
				
	background: #fff;   /* 5ツリンクバックグラウンドの色 */
	border-bottom: solid 2px #f4f4f4;
	background-color: #e8e8e8;
	background: -moz-linear-gradient(top, #f5f3f3, #fff);
	background: -webkit-gradient(linear, left top, left bottom, from(#f5f3f3), to(#fff));
	background: -webkit-linear-gradient(top, #f5f3f3, #fff);
	background: linear-gradient(to bottom, #f5f3f3, #ff);
	border-top: #f4f4f4 2px solid;
	tionposi: relative;

}
	
	
	
		.nav-global li a {
		padding: 2px 0 2px 15px;
		border-right: none;/
		border-top: solid 1px #dedede;
		border-left: solid 30px #eaeaea;  /* 左側薄いグレー色で文字を右側へ  */
		/* border-right: solid 30px #eaeaea;  右側薄いグレー色で文字を右側へ */
	}

	.nav-global li a:hover {
		padding: 2px 0 2px 15px;
		border-bottom: none;
		border-left: solid 30px #ff0208;　/* クィック赤色に *
	}
	
	.category img {     /* 顔写真と上と下ライン間隔調整 */
	margin-top: -13px ;
	margin-bottom:-3px ; 
	
}
	
	/* category */
	.category p {
		padding: 20px 4.1666666% 8px 0;/* 4.1666666%（40px/960px） */
		font-size: 1.2em;
	}
	/* main-contents */
	.main-contents h1 {
		padding: 5px 0 5px 10px;
		border-left: solid 10px #8ac2d0;
		font-size: 1.2em;
	}
	.main-contents p.lead {
		font-size: 1em;
	}
}