@charset "UTF-8";

/* =グローバル要素
-------------------------------------------------------------- */


html {
}

body {
	font-family: 'ヒラギノ角ゴ ProN W3', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', 'Helvetica Neue', Helvetica, Arial, Verdana, sans-serif;
	background-color:#000;
	background-image:url(img/bg.jpg);
	background-repeat:repeat-x;
	background-position:0% 0%; 
	color:#ccc;
	font-size:14px;
	line-height:1.8;
	font-style:normal;
	text-align:center;
	letter-spacing:0.1em;
}

.container {
	text-align:left;
	max-width:960px;
}

/* =Header
-------------------------------------------------------------- */

.header {
	background-image:url(img/tit_bg.png);
	background-repeat:no-repeat;
	background-position:center; 
	padding:0 0;
	overflow:hidden;
	height:120px;
}
.header .container {
	padding:0 0;
}

#site-title {
	float:left;
	text-align:left;
}

#site-title a {
	display:block;
	width:650px;
	text-indent:-9999px;
	outline:none;
	background-image:url(img/tit.png);
	background-repeat:no-repeat;
	background-position:0% 0%; 
	border-bottom:none;
	height:120px;
}

ul.header-menu li {
	float:left;
	margin-left:20px;
	margin-top:25px;
}
ul.header-menu {
	list-style-type:none;
	list-style-image:none;
	font-weight:normal;
	font-size:90%;
}
ul.header-menu a {
	color:#000;
}
ul.header-menu li a:hover {
	color:#999;
	text-decoration:none;
}


/* =Navbar
-------------------------------------------------------------- */

.navbar {
	background-image:url(img/menu_bg.jpg);
	background-repeat:repeat-x;
	background-position:0% 0%; 
	margin: 0 !important;
	padding: 0 0 5px 0 !important;
	overflow:hidden;
}
.navbar ul {
	margin: 0 !important;
	padding: 0 !important;
	overflow:hidden;
	background-color:#ff3300;
}
.navbar li {
	margin: 0 !important;
	padding: 0 !important;
}
.navbar li a {
	background-position: 0 0;
	text-indent: -9999px;
	width: 150px;
	height: 140px;
	padding-right: 0 !important;
	padding-left: 0 !important;
}
.navbar li.menu-1 a {
	background-image: url("img/btn/overview.jpg");
}
.navbar li.menu-2 a {
	background-image: url("img/btn/rule.jpg");
}
.navbar li.menu-3 a {
	background-image: url("img/btn/video.jpg");
}
.navbar li.menu-4 a {
	background-image: url("img/btn/venue.jpg");
}
.navbar li.menu-5 a {
	background-image: url("img/btn/record.jpg");
}

ul.nav li a:hover {
	background-color:#ff3300 !important;
	opacity:0.5;
	filter:alpha(opacity=50);
	-ms-filter: “alpha( opacity=50 )”;
}

ul.nav li.current {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;
}
ul.nav li.current a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter: “alpha( opacity=70 )”;
}
.icon-bar {
	background-color: #fff;
}



/* =Content
-------------------------------------------------------------- */
.content {
	padding:20px 20px 40px 20px;
}
 
.content h1 {
	font-family:   "游明朝体", "Yu Mincho", YuMincho, "ＭＳ Ｐ明朝",  "MS PMincho", "MS 明朝","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro","serif";
	font-size:260%;
	font-weight:bold;
	color:#fff;
/*
	background-image:url(img/icon_h1.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
*/
	margin-top:20px;
	margin-right:0px;
	margin-bottom:40px;
	margin-left:0px;
	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;
	letter-spacing:0.2em;
	text-align:center;
}

.content h2 {
	font-size:186%;
	font-weight:bold;
	color:#ff9900;
	line-height:1.8;
	margin-top:20px;
	margin-right:0px;
	margin-bottom:20px;
	margin-left:0px;
	padding:5px 0px;	
}

.content h2 a:link {
	color:#333;
}
.content h2 a:visited {
	color:#333;
}

.content h3 {
	font-size:143%;
	font-weight:normal;
	color:#fff;
	padding:20px 0 20px 50px;
	margin-top:20px;
	margin-right:0px;
	margin-bottom:20px;
	margin-left:0px;
	border-bottom:1px solid #fff;
	background-image:url(img/h3.png);
	background-repeat:no-repeat;
	background-position:0;
}

.content h4 {
	color:#fff;
	font-size:115%;
	font-weight:bold;
	padding:0 0 0 15px;
	margin-top:20px;
	margin-right:0px;
	margin-bottom:20px;
	margin-left:0px;
	border-left:17px solid #996600;
}
  .table-bordered th,
  .table-bordered td {
    border: 1px solid #922502 !important;
	padding:10px !important;
	vertical-align:middle;
  }
  .table-bordered td.midashi {
background:#f1f1f1;
  }
  .table-bordered th {
background:#660000;
color:#fff
  }
  .table-bordered {
    border: 1px solid #cc3300 !important;
  }


/* Text elements */
p {
	margin:20px 0;
}
em {
	font-weight:bold;
	font-style:normal;
}
.catch {
	font-size:128%;
	color:#fff;
}
.aka {
	color:#ff0000;
}
.kakomi {
	margin-top:40px;
	font-size:100%;
	padding:20px 40px;
	border:1px solid #444;
	background-color:#222;
}
.content .kakomi h2 {
	margin-top:0;
}
.text_ll {
	font-size:129%;
}
.text_l {
	font-size:115%;
}
.text_m {
	font-size:100%;
}
.text_s {
	font-size:86%;
}
.text_ss {
	font-size:72%;
}

/* Link */
.content a:link {
	color:#ffffcc;
	text-decoration:none;
}
.content a:visited {
	color:#ffffcc;
	text-decoration:none;
}
.content a:hover {
	color:#fff;
	text-decoration:underline;
}
.content a:active {
	color:#000;
	text-decoration:underline;
}


a {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}

a:hover img {
	filter: alpha(opacity=80);
	opacity: 0.8;
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
		 -o-transition: 0.3s ease-in-out;
			transition: 0.3s ease-in-out;
}


/* =Footer
-------------------------------------------------------------- */

.footer {
	color:#ccc;
	padding:20px 0 0 0;
	background-color: #222;
}
.footer .container {
	position:relative;
}
.footer a {
	color:#fff;
}

.footer .pull-right {
	margin-bottom:20px;
	position:absolute;
	bottom:0;
	right:0;
}

ul.footer-menu li {
	float:left;
	margin:0 20px 20px 0;
	padding:0;
}
ul.footer-menu {
	list-style-type:none;
	list-style-image:none;
	margin:0 0 0 0;
	padding:0;
	clear:both;
}
ul.footer-menu a {
	color:#fff;
}
ul.footer-menu li a:hover {
	color:#999;
	text-decoration:none;
}

.pagetop {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 20px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	text-decoration: none;
	line-height: 50px;
	text-indent:-9999px;
	background-image:url(img/pagetop.png);
	background-repeat:no-repeat;
}


/* =Images（Wordpress用）
-------------------------------------------------------------- */

.alignleft,
img.alignleft {
	display: inline;
	float: left;
	margin-right: 24px;
	margin-top: 4px;
}
.alignright,
img.alignright {
	display: inline;
	float: right;
	margin-left: 24px;
	margin-top: 4px;
}
.aligncenter,
img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
img.alignleft,
img.alignright,
img.aligncenter {
	margin-bottom: 12px;
}


/* =内部コンテンツ用
-------------------------------------------------------------- */

/*ボタン*/

.btn-default,
a.btn-default:link,
a.btn-default:visited {
	color:#fff;
	background:#000;
}
.btn-default:hover,
a.btn-default:hover {
	color:#999;
	border-color:#999;
	text-decoration:none;
}

.btn-primary,
a.btn-primary:link,
a.btn-primary:visited {
	color:#fff;
	border-color:#cc3300;
	background:#cc3300;
}
.btn-primary:hover,
a.btn-primary:hover {
	color:#fff;
	background-color:#993300;
	border-color:#993300;
	text-decoration:none;
}

/*画像ボーダー*/

.img-border {
	border:5px solid #fff;
}

/*googlemap*/

.google-maps {
position: relative;
padding-bottom: 65%;
height: 0;
overflow: hidden;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 100% !important;
height: 100% !important;
}

/*==================================================
=            Bootstrap 3 Media Queries             =
==================================================*/
 
 
 
 
/*==========  Mobile First Method  ==========*/
 
	/* Custom, iPhone Retina */
	@media only screen and (min-width : 320px){
 
	}
 
	/* Extra Small Devices, Phones */
	@media only screen and (min-width : 480px){
 
	}
 
	/* Small Devices, Tablets */
	@media only screen and (min-width : 768px){
 
	}
 
	/* Medium Devices, Desktops */
	@media only screen and (min-width : 1024px){
 
	}
 
	/* Large Devices, Wide Screens */
	@media only screen and (min-width : 1366px){
 
	}
 
 
 
/*==========  Non-Mobile First Method  ==========*/
 
	/* Large Devices, Wide Screens */
	@media only screen and (max-width : 1366px){
 
	}
 
	/* Medium Devices, Desktops */
	@media only screen and (max-width : 1024px){
 
	}
 
	@media only screen and (max-width : 960px){
 
.header {
	background-image:url(img/tit_sp_bg.png);
	background-size:contain;
	background-position:right bottom;
	height:120px;
}
#site-title a {
	background-image:url(img/tit_sp.png);
	background-repeat:no-repeat;
	background-position:0% 0%; 
	display:block;
	width:400px;
	text-indent:-9999px;
	outline:none;
	background-size:100%;
	background-position:center;
	margin: 0 0 0 10px;
}
.navbar {
	background-image:url(img/menu_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom; 
	margin: 0 !important;
	padding: 0 0 10px 0 !important;
	overflow:hidden;
}

.navbar li a {
	font-size:115%;
	color:#fff;
	background-position: 0 0;
	text-indent:0;
	width: auto;
	height: auto;
	margin: 0 0 !important;
	padding: 20px !important;
	-webkit-transition: 0s ease-in-out;
	   -moz-transition: 0s ease-in-out;
		 -o-transition: 0s ease-in-out;
			transition: 0s ease-in-out;
}
.navbar li.menu-1 a,
.navbar li.menu-2 a,
.navbar li.menu-3 a,
.navbar li.menu-4 a,
.navbar li.menu-5 a {
	background-image: none;
}
.navbar ul {
	background-color:#000;
}
.navbar ul a:hover {
	background-color:#000 !important;
}
.content h4 {
	color:#fff;
	font-size:115%;
	font-weight:bold;
	padding:0;
	margin-top:20px;
	margin-right:0px;
	margin-bottom:20px;
	margin-left:0px;
	border-left:0 solid #996600;
}
	}
 
	/* Small Devices, Tablets */
	@media only screen and (max-width : 767px){
 
.header {
	background-image:url(img/tit_sp_bg.png);
	background-size:contain;
	background-position:right bottom;
	height:120px;
}
#site-title a {
	background-image:url(img/tit_sp.png);
	background-repeat:no-repeat;
	background-position:0% 0%; 
	display:block;
	width:270px;
	text-indent:-9999px;
	outline:none;
	background-size:100%;
	background-position:center;
	margin: 0 0 0 10px;
}

.content h1 {
	font-size:180%;
}

.content h2 {
	font-size:140%;
}

.content h3 {
	font-size:120%;
	padding-top:10px;
}

.navbar {
	background-image:url(img/menu_bg.jpg);
	background-repeat:repeat-x;
	background-position:bottom; 
	margin: 0 !important;
	padding: 0 0 10px 0 !important;
	overflow:hidden;
}

.navbar li a {
	font-size:115%;
	color:#fff;
	background-position: 0 0;
	text-indent:0;
	width: auto;
	height: auto;
	margin: 0 !important;
	padding: 20px 0 20px 0 !important;
	-webkit-transition: 0s ease-in-out;
	   -moz-transition: 0s ease-in-out;
		 -o-transition: 0s ease-in-out;
			transition: 0s ease-in-out;
}
.navbar li.menu-1 a,
.navbar li.menu-2 a,
.navbar li.menu-3 a,
.navbar li.menu-4 a,
.navbar li.menu-5 a {
	background-image: none;
}
.navbar a:hover {
	background:#000 !important;
}
.navbar ul {
	background-color:#000;
}
.content {
	padding:0px 20px 20px 20px;
}

.footer {
	padding-bottom:40px;
}

.pagetop a {
	display: block;
	width: 30px;
	height: 30px;
	text-decoration: none;
	text-indent:-9999px;
	background-image:url(img/pagetop.png);
	background-repeat:no-repeat;
	background-size:100%;
}
.table-gaiyou{
display: block;
border:0 solid !important;
}
.table-gaiyou thead{
display: none;
}
.table-gaiyou tbody{
display: block;
}
.table-gaiyou tbody tr{
display: block;
}
.table-gaiyou th{
display: list-item;
border: none;
list-style-type: none;
padding:10px;
margin-bottom: 1.5em;
border:0 solid !important;
width:100%;
margin-top: 15px;
}
.table-gaiyou td.midashi,
.table-gaiyou td{
display: list-item;
border: none;
list-style-type: none;
text-align:left;
padding:5px 10px !important;
border:0 solid;
width:100%;
border:0 solid !important;
}
.table-gaiyou td.midashi br{
display: none;
}
.table-gaiyou td.midashi{
margin-bottom: 5px;
font-size:100%;
list-style-type: none;
}
.table-gaiyou td{
margin-left: 0px;
}
  .table-gaiyou {
    border-bottom:0px solid #ccc !important;
  }
  .table-gaiyou td,
  .table-gaiyou th {
    border-top:0px solid #ccc !important;
  }

.footer .pull-right {
	margin-bottom:20px;
	position:static;
}
 
	}
 
	/* Extra Small Devices, Phones */
	@media only screen and (max-width : 480px){
 
	}
 
	/* Custom, iPhone Retina */
	@media only screen and (max-width : 320px){
 
	}


/*==========  最大幅  ==========*/
img{
    max-width: 100%;
    height: auto;
}
/*==========  nav中央寄せ  ==========*/
@media (min-width: 768px){
	.navbar {
    overflow:hidden;
}
.navbar > div {
    position:relative;
    left:50%;
    float:left;
}
.navbar ul {
    position:relative;
    left:-50%;
    float:left;
}
.navbar li {
    float:left;
}
.navbar li + li {
    margin-left:20px;
}
}
/*==========  clear  ==========*/
.clear {
    clear: both;
}