@charset "utf-8";
/* category title */
/*********************/
@media screen and (min-width:641px) {
	#main .cate_title {
		color:#0b318f;
		background:#A0BEE9 url(images/h2.jpg) no-repeat 50% 0;
	}
}


/* tabnavi */
/*************************/
.tabnavi li a  {padding: 0 13px 0 2px;}
@media screen and (max-width:640px) {
	.tabnavi {margin: 5px 0;background: none;}
	.tabnavi li.nolink,
	.tabnavi li {
		font-size: 1.3em;
		font-size: 1.3rem;
		height: auto;
		display: inline-block;
		position: relative;
		padding:0 7px;
		margin: 0;
	}
	.tabnavi li:first-child a::before {left: 0px;}
	.tabnavi li:first-child a::before,
	.tabnavi li::after {
		content: '';
		display: block;
		width: 1px;
		height: 15px;
		background-color: #000;
		position: absolute;
		top: 3px;
		right: 0;
	}
	.tabnavi li a {
		color: #38429a;
		padding: 0;
		height: auto;
	}
	.tabnavi li::before,
	.tabnavi li a::before {display: none;}
	.tabnavi li.selected a {
		color: #000;
		text-decoration: underline;
		background-color: #fff;
	}
}

@media screen and (max-width:380px) {
	.tabnavi li {padding:0 3px;}
}
@media screen and (max-width:320px) {
	.tabnavi li {padding:0 2px;}
}

/* news list */
/*************************/
#article #newslist h2 {margin-bottom: 0;}

#newslist li {
	background:#FFF url(../images/line-01.png) repeat-x 0 bottom;
	padding: 10px 13px;
	cursor:pointer;
}
#newslist li:nth-child(odd),
#newslist li.odd {background:#f5f5f5 url(../images/line-01.png) repeat-x 0 bottom;}

#article #newslist li h3 {
	font-size:1.3em;
	font-size: 1.3rem;
	line-height: 1.6;
	height: 24px;
	font-family:Arial, Helvetica, sans-serif;
}
#newslist li h3 img {float:left;margin-right:5px;}
#article #newslist li h3 span {color:#c50018;font-weight:normal;}

/* bottom navigation - list page */
.page-link {
	color:#323232;
	font-size:1.2em;
}
.page-link a {
	font-weight:bold;
	text-decoration:none;
}


/* news detail */
/*************************/
#article #detail h2 {
	font-size:1.4em;
	line-height:1.6;
	height:auto;
	padding:10px;
	margin:5px 0 10px;
	border:none;
	background:#f5f5f5 url(images/line-blue.gif) repeat-x 0 0;
}
#detail .date {
	color:#77bc31;
	font-size:1.2em;
	text-align:right;
}
#detail .date span {
	color:#c50018;
}
#detail .date em {
	color: #000;
	font-style: normal;
	text-align: center;
	padding: 0 5px;
	min-width: 60px;
	display: inline-block;
	margin-bottom: 3px;
}
#detail .date .news,
#detail .date .media,
#detail .date .event,
#detail .date .game {color: #fff;}

.news {background-color:#e60012;}
.event {background-color:#0b318f;}
.media {background-color:#77bc31;}
.youth {background-color:#00b8f4;}
.jyouth {background-color:#31bca3;}
.jr {background-color:#76caa1;}
.hukyu {background-color:#edb200;}
.yoshinogawa {background-color:#6e6fb9;}
.ama {background-color:#759bd2;}
.game {color: #fff;background-color:#6e6e6e;}

#article #detail h4 {
	font-size:1.4em;
	line-height:1.6;
	height:auto;
	padding:10px;
	margin-bottom:10px;
	border:none;
	background:#f5f5f5 url(images/line-blue.gif) repeat-x 0 0;
}

#article tr.home td {background-color: #F3F1FE;}

#detail .sec {
	font-size: 1.3em;
	font-size: 1.3rem;
}

#article .scroll th,
#article .scroll td {white-space: nowrap;}
#article table.tbl01 tr.home td {background-color: #f5f5f5;}