@charset "utf-8";

/* 全体の背景指定 */
body { 
background-color: #0033ef;
background-image: url("../images/bg_main.png");
background-repeat: repeat-x;
} 

#wrapper #contents { width: 1000px; }

/* anchor -- リンク
#wrapper a,
#wrapper .article{
	-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;
}
#wrapper a:hover {
	text-decoration: none;
	/*filter: alpha(opacity=50);*/
	/*
	-moz-opacity:0.5;
	opacity:0.5;
}
*/

/* NAVIめーる半透明回避 */
#wrapper #contents #side #banner_navimail a:hover {
	/*filter: alpha(opacity=100);*/
	-moz-opacity:1;
	opacity:1;
}


/* #main */
#main { 
	width: 675px;
	padding-bottom: 30px;
}


/* #side */
#side { padding: 10px 0px 0px; }

#side .box{
	/* border-radius */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#wrapper #contents #side .box .title {
	background: rgb(218,225,229); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(218,225,229,1)), color-stop(100%,rgba(238,241,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#dce2e6',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* W3C */
}

#wrapper #contents #side #oa .info a,
#wrapper #contents #side #blog .info a{
	background-color: rgba(153,153,153,0.5);
	/* box-shadow */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
}

/* #header */
#main #article #header{
	width: 675px;
	height: 256px;
	background: url(../images/top_logo.png) no-repeat 0px 0px;
	background-size: cover;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;

}

/*
#main #article #header h1 {
	height: 45px;
	width: 235px;
	position: absolute;
	left: 50px;
	top: 2px;
}
*/
#topad { padding-bottom:5px; }





/* #top */
#header {
	/* タイトル画像指定 */
	/* background: url(../images/img-top-title.jpg) no-repeat 0px 0px; */
	/* height: 300px; */
}
/* #top #header h1 { display: none; } */

#header h1 img {
	max-width: 100%;
	height: auto;
	width /***/:auto; /*IE8のみ適用*/
}

/* #nav ナビゲーション */
#nav {
	margin:30px 0;
}

#nav ul {
}
#nav ul li{
	display:block;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	float:left;
}
#nav ul div.clearfix{ clear:both;}
#nav ul li a{
	display:block;
	width:200px;
	height:75px;
	line-height: 100;
    overflow: hidden;
}

#nav ul li.btn_schedule a { background: url(../images/btn_schedule.png) no-repeat; margin-left:20px; margin-right:17px; }
#nav ul li.btn_caster a { background: url(../images/btn_caster.png) no-repeat; }
#nav ul li.btn_highlight a { background: url(../images/btn_highlight.png) no-repeat; margin-right:20px; margin-left:17px; }

#nav ul li.btn_schedule a:hover { background: url(../images/btn_schedule_on.png) no-repeat; }
#nav ul li.btn_caster a:hover { background: url(../images/btn_caster_on.png) no-repeat; }
#nav ul li.btn_highlight a:hover { background: url(../images/btn_highlight_on.png) no-repeat; }

#nav ul li.btn_highlight_no{ background: url(../images/btn_highlight_no.png) no-repeat; margin-right:20px; margin-left:17px; width:200px; height:75px; }


/* FB TW H */
#btn_sbm {
	text-align:center;
	padding: 10px;
	background-color:#eeeeee;
	height:40px;
}

#btn_sbm li {
	display: inline-block;
	padding: 10px 0 0 0;
	line-height: normal;
	list-style: none;
	vertical-align: top;
}
*html #btn_sbm li { display: inline; } /* for IE6 */ 
*+html #btn_sbm li { display: inline; } /* for IE7 */

#btn_sbm li a { margin: 0px; }

#btn_sbm .btnFaceBook { width: 110px; }

#btn_sbm .btnHatenaBookmark { margin-right: 10px; }
#btn_sbm .btnGoogleCalendar { margin-right: 10px; }

/* .btn_pagetop 戻ボタン */
.btn_pagetop{
	width:180px;
	height:70px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	margin:20px 0 20px 475px;
	}
.btn_pagetop a { background: url(../images/btn_pagetop.png) no-repeat; display:block; width:180px; height:70px;}
.btn_pagetop a:hover { background: url(../images/btn_pagetop_on.png) no-repeat; }

/* ---- schedule -------------------------------------------------------------------------------------------------------- */
/* title 見出し */
.tit_schedule{ margin:40px 202px 20px 202px; }
.tit_schedule h2 {
	background:url(../images/tit_schedule.png) no-repeat;
	width:270px;
	height:56px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/* schedule スケジュール表 */
#schedule{ margin:0 20px;}
#schedule p.schedule_onair{
	text-align:right;
	color:#ea2419;
	font-weight:800;
	font-size:14px;
}
#schedule .table_schedule{
	width:635px;
	background-color:#efefef;
	border:2px solid #FFF;
	font-size:14px;
	margin:20px 0 0 0;
}

#schedule .table_schedule tr{ height:95px; }
#schedule .table_schedule tr td{ border:2px solid #FFF; }
#schedule .table_schedule tr .day{ width:140px; background-color:#184a96; color:#fff; text-align:center; }
#schedule .table_schedule tr .time{ width:140px; background-color:#ffd300; color:#000; font-weight:800; text-align:center; padding-top:30px; padding-bottom:30px;}

#schedule .table_schedule tr .detail{ padding:10px; font-weight:800; word-break:break-all; vertical-align:top; border-bottom:2px solid #FFF; border-right:none;}

#schedule .table_schedule tr .detail dl{
	margin:20px 0;
	display:table;
	border-top: none;
}
#schedule .table_schedule tr .detail dl dt{
	display:table-cell;
	white-space:nowrap;
	margin-right:10px;
}
#schedule .table_schedule tr .detail dl dt span{ 
	color:#ea2419;
	background-color:#c6f800;
	padding:0 -2px;
	line-height:30px;
	margin-right:10px;
}

#schedule .table_schedule tr .detail dl dd{
	display:table-cell;
	margin:10px 0;
}
#schedule .table_schedule tr .detail dl dd a{
	text-decoration:underline;
	color:#ea2419;
}

#schedule .schedule_text{
	text-align:right;
	margin:10px 0 20px 0;
	font-size:14px;
}
/* ---- caster -------------------------------------------------------------------------------------------------------- */
/* title 見出し */
.tit_caster{ margin:40px 255px 20px 255px; }
.tit_caster h2 {
	background:url(../images/tit_caster.png) no-repeat;
	width:165px;
	height:56px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}

/* caster 出演者紹介 ---------------------------------------------- */
#caster{ margin:0 20px; }
#caster .catch_text{
	display:block;
	background: url(../images/caster_img1.png) no-repeat;
	width:635px;
	height:270px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
/* #caster .profile 共通 */
#caster .profile dl, dt, dd { margin : 0; padding : 0; }
#caster .profile dl{ background-color:#efefef; width:635px; margin-top:20px;}
#caster .profile dl dd{ color:#000; font-size:14px; border-top:2px solid #fff; margin:0 20px; padding:10px 10px 20px 10px; word-break:break-all;}

/* #caster .profile 各プロフィール */
#caster .profile dl .tit_main{
	background: url(../images/caster_tit_main.png) no-repeat #184a96 ;
	background-position:10px 5px;
	display:block;
	height:30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#caster .profile dl .main_name{
	display:block;
	background: url(../images/caster_tit_main_name.png) no-repeat ;
	background-position:10px 0px;
	width:260px;
	height:28px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin:20px 20px 10px 20px;
}

#caster .profile dl .tit_captain{
	background: url(../images/caster_tit_captain.png) no-repeat #184a96 ;
	background-position:10px 5px;
	display:block;
	height:30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#caster .profile dl .captain_name{
	display:block;
	background: url(../images/caster_tit_captain_name.png) no-repeat ;
	background-position:10px 0px;
	width:400px;
	height:28px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin:20px 20px 10px 20px;
}

#caster .profile dl .tit_sp{
	background: url(../images/caster_tit_sp.png) no-repeat #184a96 ;
	background-position:10px 5px;
	display:block;
	height:30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#caster .profile dl .sp_name{
	display:block;
	background: url(../images/caster_tit_sp_name.png) no-repeat ;
	background-position:10px 0px;
	width:300px;
	height:28px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin:20px 20px 10px 20px;
}

#caster .profile dl .tit_athlete{
	background: url(../images/caster_tit_athlete.png) no-repeat #184a96 ;
	background-position:10px 5px;
	display:block;
	height:30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#caster .profile dl .athlete_name{
	display:block;
	background: url(../images/caster_tit_athlete_name.png) no-repeat ;
	background-position:10px 0px;
	width:280px;
	height:56px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin:20px 20px 10px 20px;
}

#caster .profile dl .tit_voice{
	background: url(../images/caster_tit_voice.png) no-repeat #184a96 ;
	background-position:10px 5px;
	display:block;
	height:30px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#caster .profile dl .voice_name ul{
	list-style:none;
	display:block;
	background: url(../images/caster_tit_voice_name.png) no-repeat ;
	width:318px;
	height:161px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	margin:10px 20px 10px 0;
}
#caster .profile dl .voice_name ul li{
	
}

/* ---- highlight -------------------------------------------------------------------------------------------------------- */
/* title 見出し */
.tit_highlight{ margin:40px 100px 20px 205px; }
.tit_highlight h2 {
	background:url(../images/tit_highlight.png) no-repeat;
	width:268px;
	height:58px;
	text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
/* highlight 競技紹介 ---------------------------------------------- */
#highlight{ margin:0 20px; }

/* #highlight .profile 共通 */
#highlight .profile dl, dt, dd {
	margin : 10;
	padding : 0;
}
#highlight .profile dl{ background-color:#efefef; width:635px; margin-top:20px;}
#highlight .profile dl dd{ color:#000; font-size:14px; margin:0 20px; padding:10px 10px 20px 10px; word-break:break-all; border-bottom:2px solid #FFF;}
#highlight .profile dl .day{
	background-color:#184a96;
	font-size:20px;
	font-weight:800;
	color:#fff;
	padding:10px 20px;
}
#highlight .profile dl dd .clearfix{
	clear:both;
}

#highlight .profile dl dd .title{
	font-size:26px;
	color:#223f6b;
	font-weight:800;
	margin:10px 0;
}
#highlight .profile dl .time{
	font-size:18px;
	color:#000;
	font-weight:800;
	margin:20px 20px 0 20px;
	padding:10px 20px;
	background-color:#FC0;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#highlight .profile dl dd span{
	font-weight:800;
	font-size:16px;
	color:#ff0000;
}
/* 選手画像 */
#highlight .profile dl dd .player .clearfix{
	clear:both;
}
/* 中央寄せ
#highlight .profile dl dd .player{
	margin-top:20px;
	text-align:center;
}
#highlight .profile dl dd .player li{
	display:inline-block;
	margin:5px;
}
#highlight .profile dl dd .player li img{
	border:1px solid #000;
}
/* 左寄せ */
#highlight .profile dl dd .player{
	margin-top:10px;
}
#highlight .profile dl dd .player li{
	float:left;
	margin:4px;
}
#highlight .profile dl dd .player li img{
}
/* 回り込みテキスト */
#highlight .profile dl dd .text{
	padding:0;
}
#highlight .profile dl dd .text img{
	float:right;
	margin-left:5px;
	margin-right:12px;
	border:1px solid #000;
}


/* テキスト指定 */
#article {
	font-size: 120%;
	line-height: 1.5;
	background-color: #f7f7f7;
	/* box-shadow: */
	box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.50);
	-moz-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.50);
	-webkit-box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.50);
}

#article .text { padding: 20px; }

#article h2 {
	font-weight: bold;
	font-size: 120%;
	margin: 0px 0px 10px;
}
#article h3 {
	font-weight: bold;
	font-size: 100%;
}
#article p {
	margin-bottom: 10px;
}

.innerlink-head {
	margin-top: 10px;
}
.innerlink-head a {
	font-size: 11px;
	color: #000;
}

.section {
	margin-bottom: 20px;
	padding: 20px;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	-o-border-radius: 8px;
	-ms-border-radius: 8px;
	border-radius: 8px;
}