/*Haikyu.com CSS */

body{
	background:url(../images/top/bg.png);
	background-attachment: fixed;
	background-size:cover;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-size:14px;
	line-height:16px;
	padding:0;
	margin:0;
}


a{
	color:#2e8fb4;
	text-decoration:none;
	outline: none;
}

a:visited{
	color:#2b677d;
	text-decoration:none; 
}

img{
	border:0;
}
fieldset{
	/*border:0;*/
	border:#ccc solid 1px;
}

.loading{
	top:0px;
	left:0px;
	position: fixed;
	width:100%;height:1000px;
	z-index: 9999;
	background:#fff;
	color:#000;
	text-align:center;
	background-image:url(../images/loading_main.gif);
	background-position:48% 200px;
	background-size:200px 200px;
	background-repeat:no-repeat;
}


#container{
	/*ベースコンテナ*/
	width: 1280px;
	min-height:600px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	display:none;
}


#rap{
	/*ベースコンテナ*/
	width: 1280px;
	min-height:600px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
}


#headerline{
	position: absolute;
	top:0;
	margin:0;
	width: 100%;
	min-width:1285px;
	max-width:100%;
	height:5px;
	background:#ff6600;
	float:left;
	z-index:50;
}
#container  #sidearea{
	/*左ペイン*/
	position: relative;
	z-index: 1000;
	width: 205px;
	min-height:700px;
	top:0px;
	left:20px;
	min-height:500px;
	display:block;
	background-repeat:none;
	padding:0px;
	float:left;
}

#container #sidearea #navigation {
	/*左ペイン　ナビゲーション*/
	margin-top: 20px;
	width: 160px;
	display:block;
	list-style:none;
}

#container #sidearea #navigation li{
	margin-bottom:5px;
}

#container #sidearea #navigation img{
	/*左ペイン　ナビゲーション画像位置*/
	margin-left: -8px;
}


#title{
	/*左ペイン ロゴ画像位置*/
	width: 544px;
	height:144px;
	margin:10px 0 0 40px;
	background:url(../images/top/logo.png);
	background-repeat:no-repeat;
}


#container #infoarea {
	/*右ペイン*/
	position:relative;
	top: 0px;
	right:20px;
	width: 180px;
	min-height:700px;
	display:block;
	list-style:none;
	float:right;
	padding:0px;
	z-index: 800;
}
#container #infoarea #hq_com{
	/*ヘッダ コンテナ*/
	position:relative;
	width: 650px;
	height:0px;
	top: 10px;
	right:-35px;
	display:block;
	z-index: 1000;
	float:right;
	/*background:#abcc28;*/
}
#container #infoarea #hq_com img{
	margin:0;
	padding:0;
}

#container #infoarea #hq_com .ban{
	position:relative;
	top:10px;
	border:1px solid #ddd;
	border-radius:5px;
	width:298px;
	height:124px;
	margin-right:10px;
	box-shadow:rgba(201, 201, 201, 0.380392) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(201, 201, 201, 0.380392) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(201, 201, 201, 0.380392) 0px 0px 6px 3px;
}

#container #infoarea #rightContent{
	/*右ペイン コンテナ*/
	clear:both;
	position:relative;
	top: 0px;
	width: 180px;
	height: 400px;
	display:block;
	list-style:none;
	padding:0px;
	z-index: 1000;
	/*background:#0a3141;*/
}

#container  #content{
	/*メイン コンテナ*/
	width: 950px;
	min-height:600px;
	margin-left:120px;
	display:block;
	padding-top:0px;
	/*background:#49cc28;*/
}

#container #content #info_head{
	/*ヘッダ コンテナ*/
	position:relative;
	top:0px;
	left:430px;
	width: 434px;
	height:113px;
	
}

@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #container #content #info_head{
    right: 290px; /* IE10 */
  }
}

#container #content #info_head_page{
	/*ヘッダ コンテナ 各ページ用*/
	position:relative;
	top:35px;
	left:430px;
	width: 434px;
	height:119px;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #container   #content #info_head_page{
    right: 290px; /* IE10 */
  }
}

#content .headbar{
	/*メイン コンテナ　タイトルヘッダ*/
	width:97.2%;
	height:15px;
	background-color: #1b1b30;
	border-bottom:#ff6600 solid 2px;
	padding:10px 10px;
	margin:0;
	box-shadow:rgba(163, 163, 163, 0.3) 0px 0px 6px 3px;
	-webkit-box-shadow:rgba(163, 163, 163, 0.3) 0px 0px 6px 3px;
	-moz-box-shadow:rgba(163, 163, 163, 0.3) 0px 0px 6px 3px;
}

/* Firefox hack　*/
#content .headbar, x:-moz-any-link, x:default{
	/*メイン コンテナ　タイトルヘッダ*/
	margin-top:-15px;
}

#content .headbar h3{
	/*メイン コンテナ　タイトルヘッダコンテンツ*/
	color:#fff;
	margin:0;
	padding:0;
}


#footer{
	/*　フッタ　*/
	position: relative;
    bottom: 0;
    width: 100%;
	min-width:1285px;
	max-width:2400px;
	height:5px;
	background:#ff6600;
	float:left;
	z-index:50;
}
.copy  {
	/*　コピーライト　*/
	clear:both;
	text-align:center;
	font-size:12px;
	padding:15px 0 15px 0;
	margin:0;
	min-width:1285px;
	max-width:2400px;
	height:18px;
	line-height:14px;
	display:block;
	
	background:#000;color:#fff
}
.copy  p{
	/*　コピーライト　テキスト位置　*/
	position: relative;
    bottom: 0px;
	color:#fff
	
}
.jtitle {
	/*　メイン コンテナ　タイトルヘッダ　テキストカラー　*/
	color: #ef6e49;/*news*/
}

/* 各ページ共通　*/
#content .page_bg{
	width:820px;
	min-height:300px;
	padding:0 0 0px 0;
	padding-top:42px;
	margin-left:120px;
	margin-top:0;
	/*background:#289bcc;*/
}
/* Firefox hack start */
#content .page_bg, x:-moz-any-link, x:default{
	padding-top:57px;
}

#container #infoarea #rightContent{
	/*右ペイン コンテナ*/
	top: 160px;
}


#rightBoxTop{
	/*カテゴリ コンテナ*/
	position:relative;
	display:block;
	top:0px;
	left:0px;
	width:178px;
	min-height:50px;
	margin-top:0px;
	margin-bottom:0px;
	text-align:left;
	padding:0;
	border:#ccc solid 1px;
	border-bottom:#ff6600 solid 2px;
	border-top:none;
	background:#fff;
	box-shadow:rgba(201, 201, 201, 0.380392) 0px 0px 6px 3px;
-webkit-box-shadow:rgba(201, 201, 201, 0.380392) 0px 0px 6px 3px;
-moz-box-shadow:rgba(201, 201, 201, 0.380392) 0px 0px 6px 3px;
}

#rightBoxTop li{
	list-style-type:none;
	margin:0;
	padding:0;
	width:170px;
	min-height:30px;
	border-top:#ccc dotted 1px;
	color:#555;
}
#rightBoxTop li p{
	margin:9px 4px 4px 4px;
	margin-left:20px;
	font-size:12px;
	width: 150px;
}

#rightBoxTop_bar{
	position:relative;
	display:block;
	top:-2px;
	left:-1px;
	z-index:50;
	width:180px;
	height:20px;
	border-bottom:#ff6600 solid 2px;
	color:#fff;
	background:#1b1b30;
	margin-bottom:-2px;
	padding:0;
	text-align:center;
}
#rightBoxTop_bar p{
	margin-top:3px;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
}

.updateMark{
		position:relative;
		top:-45px;
		left:130px;
		z-index:10;
		-webkit-text-stroke: 0px black;
		color: #FF3300;
		font-weight:bold;
		text-shadow:
		-1px -1px 0 #fff,
		1px -1px 0 #fff,
		-1px 1px 0 #fff,
		1px 1px 0 #fff;
	}

/*
画面上部へ戻るボタン
*/
#back-top {
	position: fixed;
	bottom: 0px;
	margin-left: 90%;
	opacity:0.5;
}
#back-top a {
	width: 50px;
	display: block;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	opacity:0.7;
}
#back-top a:hover {
	color: #000;
	opacity:0.7;
}

#back-top span {
	width: 50px;
	height: 50px;
	display: block;
	margin-bottom: 7px;
	background: #666 url("../images/up-arrow.png") no-repeat center center;
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
	opacity:0.7;
}
#back-top a:hover span {
	background-color: #999;
	opacity:0.7;
}

/* dialog-overlay */
#simplemodal-overlay {background-color:#000;}

/* dialog Container */
#simplemodal-container {width:640px;  background-color:#fff; border:4px solid #999; padding:8px;text-align:center;}
#simplemodal-container .simplemodal-data {padding:0 10px;}
#simplemodal-container p {color:#000;font-sixe:18px;}
#simplemodal-container a.modalCloseImg {background:url(../images/event/close.png) no-repeat; width:40px; height:40px; display:inline; z-index:3200; position:absolute; top:-20px; right:-20px; cursor:pointer;}
#simplemodal-container dt{color:#fff}
#simplemodal-container h3 {color:#fff;background:#399;padding:10px;text-align:center;border-radius:5px;}

/* dialog button */
.m_button{
	margin:10px 0;
    display: inline-block;
    display: inline;
    zoom: 1;
    padding: 6px 40px;
    margin: 0;
    cursor: pointer;
    border: 1px solid #F90;
    overflow: visible;
    font-size:13px;
	font-weight:bold;
    text-decoration: none;
    white-space: nowrap;
    color: #fff;
    background-color: #F90;

    transition: background-color .2s ease-out;
    background-clip: padding-box; /* Fix bleeding */
    border-radius: 3px;
    box-shadow: 0 1px 0 rgba(0, 0, 0, .3), 0 2px 2px -1px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .3) inset;

}
 
.m_button:hover{
    background-color: #FC3;
    color: #000;
	border: 1px solid #F90;
}
.m_button:visited {
    color: #fff;
    background-color: #F90;
	border: 1px solid #F90;
}


.menubox li img{
  width:100%;
}

/* Starburst 3 */
.starburst3 {
	display:block;
	width:4.5em;
	height:4.5em;
	-webkit-transform:rotate(-80deg);
	-moz-transform:rotate(-80deg);
	rotation:-80deg;
	position:relative;
	top:1em;
	left:1em;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-size:0.9em;
	font-weight:bold;
	font-family:Arial, sans-serif;
	text-shadow:0 0 3em #F9690E, 0 0 4px #F9690E;
	font-size:1em;
	-moz-transition: all 0.3s ease-out;
	-webkit-transition: all 0.3s ease-out;
	transition: all 0.3s ease-out;
}
.starburst3 span {
	display:block;
	width:4.5em;
	height:4.5em;color:#fff;
	background:#F9690E;
	-webkit-transform:rotate(11.25deg);
	-moz-transform:rotate(11.25deg);
	rotation:12.5deg;
}
.starburst3 span p{
	padding:0;
	margin:0;
	line-height:1.2em;
	text-align:center;
	font-size:0.9em;
}
.starburst3 span p:hover{
	color:#E0FF00
}