/*----------------------------
  2015/02/28  initial
------------------------------*/

charset "UTF-8";

@-ms-viewport {
  width: device-width;
}

/*--- 共通 ---*/
body {
  font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Marmelad', 'メイリオ', 'Hiragino Kaku Gothic Pro', sans-serif;
}

.row,
.contain-to-grid .top-bar {
  max-width: 1000px;
}

table {
  boader-collapse: collapse;
}

table, th, td {
  border: solid 1px #aaa;
}

th, td {
  padding: 1px;
}

/* 左側マージン */
.m-left {
  margin: 0 0 0 20px;
}

/* 文字リンク */
.a-box {
  text-decoration: none;
}

.a-box:hover {
  color: #ffffff;
  background: #005dd7;
  text-decoration: none;
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -o-transition: 0.5s;
  -ms-transition: 0.5s;
  transition: 0.5s;
}

.a-box:focus {
  outline: none;
}


/*--- 段組み ---*/
.col {
  float: left;
  width: 31%;
  margin-left: 3.5%;
  *clear: right;
}

.col:first-child {
  margin-left: 0;
}

.cols:after {
  content: "";
  display: block;
  clear: both;
}

.cols {
  *zoom: 1;
}


/*--- ヘッダー ---*/
.header {
  padding: 20px 0 10px 0;
  background-color: #e00000;
  border-bottom: solid 1px #fff;
}

.header h1 {
  margin: 0;
  font-size: 26px;
  line-height: 1;
}

.header h1 a {
  color: #fff;
  text-decoration: none;
}

.header p {
  margin: 0 10px 0 0 0;
  border: none;
  line-height: 1;
}

.header .logo {
  margin: 0 0 10px 0;
  border: none;
  vertical-align: -15px;
}


/*--- ヘッダー ---*/
.header_e {
  padding: 20px 0 10px 0;
  background-color: #0000e0;
  border-bottom: solid 1px #fff;
}

.header_e h1 {
  margin: 0;
  font-size: 26px;
  line-height: 1;
}

.header_e h1 a {
  color: #fff;
  text-decoration: none;
}

.header_e p {
  margin: 0 10px 0 0 0;
  border: none;
  line-height: 1;
}

.header_e .logo {
  margin: 0 0 10px 0;
  border: none;
  vertical-align: -15px;
}


/*--- トップバー ---*/
.contain-to-grid,
.menu,
.top-bar-section li:not(.has-form) a:not(.button),
.top-bar.expanded .title-area {
  background-color: #e00000;
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
  background-color: #5c1313;
}


/*--- トップバー 外部用 ---*/
.contain-to-grid_e,
.menu_e,
.top-bar-section_e li:not(.has-form) a:not(.button),
.top-bar.expanded .title-area_e {
  background-color: #0000e0;
}

.top-bar-section_e li:not(.has-form) a:not(.button):hover {
  background-color: #000070;
}


/*--- トップバー IE8以下用 ---*/
.menuIE8 {
  margin: 10px 0 10px 0;
  padding: 0;
}

.menuIE8 ul {
  margin: -10px 0 -10px 0;
  padding: 0;
  font-size: 14px;
  list-style: none;
}

.menuIE8 li {
  display: inline;
}

.menuIE8 li,
.menuIE8 a {
  padding: 10px 5px 10px 5px;
  text-align: center;
  color: white;
  background-color: #e00000;
}

.menuIE8 a:hover,
.menuIE8 a:focus {
  padding: 10px 5px 10px 5px;
  background-color: #5c1313;
}


/*--- タイトル ---*/
.pageTitle {
  padding: 20px 0 10px 0;
}
.pageTitle h1 {
  margin: 0;
  font-size: 24px;
  line-height: 1;
}

.pageTitle p {
  margin: 0 10px 0 0 0;
  border: none;
  line-height: 1;
}

.pageTitle .logo {
  margin: 0 0 10px 0;
  border: none;
  vertical-align: -15px;
}


/*--- メニュー ---*/
.menu li a {
  padding: 2px 15px;
  border-right: solid 1px #aaa;
}

.menu li:first-child a {
  border-left: solid 1px #aaa;
}


/*--- スライド ---*/
.slide {
  height: 280px;
  padding: 50px 20px 20px 20px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #dfe3e8;
  background-image: url(../top/slide/slide01.jpg);
  background-position: 50% 0%;
  background-size: cover;
}

            /* パーツを重ねる設定 */
.slide {
  position: relative;
}

.slide h3 {
  margin: 0;
  font-size: 26px;
  line-height: 1;
}

.slide h3 a {
  color: #000;
  text-decoration: none;
}

.slide p {
  margin: 8px 0 0 0;
  font-size: 14px;
  line-height: 1;
}

ul[data-orbit] li:nth-child(2) .slide {
  background-image: url(../top/slide/slide02.jpg);
}

ul[data-orbit] li:nth-child(3) .slide {
  background-image: url(../top/slide/slide03.jpg);
  background-position: 50% 65%;
}

            /* 枠の設定 */
.slide .inner {
  padding: 20px;
  background-color: rgba(255,255,255,0.6);
}

.slide .inner {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
}

.orbit-container {
  margin-bottom: 10px
}


/*--- グループ ---*/
.group {
  margin-bottom: 30px;
  padding: 0;
}

.group > h2 {
  margin: 0 0 10px 0;
  font-size: 14px;
}

/* 罫線で区切る設定 */
.group > h2 {
  padding: 0 0 0 5px;
  border-left: solid 5px #a52a2a;
}


/*--- おすすめ情報 ---*/
.entry {
  margin-bottom: 10px;
  padding: 10px;
  background-color: #faedcf;
}

.entry {
  *zoom: 1;
}

.entry:after {
  content: "";
  display: block;
  clear: both;
}

.entry img {
  float: left;
  max-width: 30%;
  height: auto;
  margin: 0;
  vertical-align: bottom;
}

.entry h3 {
  margin: 0 0 10px 30px;
  font-size: 16px;
  line-height: 1.2;
}

            /* 罫線で区切る設定 */
.entry h3 {
  padding: 0 0 10px 0;
  border-bottom: solid 1px #a52a2a;
}

.entry h2 {
  margin: 0 0 10px 10px;
  font-size: 16px;
  line-height: 1.2;
}

.entry p {
  margin: 0 0 10px 10%;
  font-size: 14px;
  line-height: 1.6;
}

/*--- ボタン ---*/
.button {
  display: inline-block;
  margin: 0;
  padding: 10px 25px 10px 25px;
  background-color: #a52a2a;
  color: #fff;
  font-size: 16px;
  text-decoration: none;
}

.button:hover,
.button:focus {
  outline: none;
  background-color: #5c1313;
}


/*--- 新着情報 ---*/
.news {
  padding: 18px;
  border: solid 2px #a52a2a;
  background-color: #ddffff;
}

.news ul,
.news ol {
  margin: 0;
  padding: 0;
  font-size: 14px;
  line-height: 1.4;
  list-style: none;
}

.news li {
  display: block;
  padding: 0px 0px 0px 0px;
  text-decoration: none;
}

.news li a {
  display: block;
  padding: 5px 5px 5px 5px;
  text-decoration: none;
}

.news li a:hover {
  background-color: #ffe;
}

.news li a:after {
  content: "";
  display: block;
  clear: both;
}

.news li a {
  *zoom: 1;
}

.news li hr {
  border-top: 2px solid #000;
}

.news time {
  font-size: 14px;
  float: left;
  border: none;
}

.news h1 {
  margin: 0 0 10px 100px;
  font-size: 18px;
  line-height: 1.2;
}

.news p {
  margin: 0 0 0 120px;
  font-size: 14px;
}

.news .desc {
  color: #666;
  font-size: 12px;
}

.news iframe {
  width: 100%;
  height: 10;
  border: none;
}

            /* Webアイコン (fontello) */
.news i {
  margin: 0px 10px 0px 0px;
  vertical-align: -5px;
  font-size: 25px;
}


/*--- 過去情報 ---*/
.newsOld {
  padding: 18px;
  border: solid 2px #dfc27e;
  background-color: #fff;
}

.newsOld ul,
.newsOld ol {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.4;
  list-style: none;
}

.newsOld time {
  float: left;
  font-size: 11px;
  border: none;
}

.newsOld p   {
  margin: 0 0 0 110px;
  font-size: 14px;
}

.newsOld h1 {
  margin: 0 0 2px 100px;
  font-size: 14px;
  line-height: 1.2;
}


/*--- 更新情報 ---*/
.update {
  padding: 18px;
  background-color: #ddffff;
}

.update p {
  margin: 0 0 0 5px;
  font-size: 14px;
}

.update iframe {
  width: 100%;
  height: 10;
  border: none;
}


/*--- 各種情報 ---*/
.commonDoc {
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 10px;
  background-color: #afda64;
}

.commonDoc:hover,
.commonDoc:focus {
  background-color: #71cc00;
}

.commonDoc p {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  text-align: left;
  width: 100%
}

.commonDoc a {
  color: #660000;
  text-decoration: none;
}

.commonDoc i {
  margin: 0px 10px 0px 0px;
  vertical-align: -2px;
  font-size: 25px;
  color: #42210b;
  line-height: 1.2;
}


/*--- 紹介 ---*/
.intro {
  margin-bottom: 10px;
  padding: 5px;
  border-radius: 10px;
  -webkit-box-shadow: 5px 5px 10px 0 rgba(0,0,0,0,3);
  box-shadow: 5px 5px 10px 0 rgba(0,0,0,0,0,3);
  background-color: #c5ffff;
}

.intro:after {
  content: "";
  display: block;
  clear: both;
}

.intro:hover,
.intro:focus {
  background-color: #00ffff;
}

.intro {
  *zoom: 1;
}

.intro img {
  float: left;
  max-width: 30%;
  height: auto;
  margin: 0;
  vertical-align: bottom;
}

.intro h2 {
  margin: 0 0 10px 0;
  font-size: 16px;
  line-height: 1.2;
}

.intro h3 {
  margin: 0 0 0 0px;
  font-size: 16px;
  padding: 0 0 0px 0;
  border-bottom: solid 1px #a52a2a;
}

.intro p {
  margin: 10px 0 10px 10%;
  font-size: 14px;
  color: black;
  line-height: 1.6;
}

            /* Webアイコン (fontello) */
.intro i {
  margin: 0px 10px 0px 10px;
  font-size: 20px;
  vertical-align: bottom;
}


/*--- 大会情報 ---*/
.games {
  margin-bottom: 10px;
  padding: 10px;
  background-color: #c5ffff;
}

.games:hover,
.games:focus {
  background-color: #00ffff;
}

.games:after {
  content: "";
  display: block;
  clear: both;
}

.games {
  *zoom: 1;
}

.games img {
  float: left;
  max-width: 20%;
  height: auto;
  margin: 10px 0;
  vertical-align: bottom;
}

.games h3 {
  margin: 0 0 4px 22%;
  font-size: 18px;
  line-height: 1.2;
}

            /* 罫線で区切る設定 */
.games h3 {
  padding: 0 0 10px 0;
  border-bottom: solid 1px #a52a2a;
}

.games h2 {
  margin: 0 0 10px 10px;
  font-size: 16px;
  line-height: 1.2;
}

.games p {
  margin: 0 0 0px 22%;
  font-size: 14px;
  color: black;
  line-height: 1.6;
}


/*--- 成績用 ---*/
table#no0 {
  margin: 5px 5px 5px 10px;
  width: 100%;
  height: 40px;
  border: hidden;
}

th#no1 {
  font-size: 15pt;
  text-align: center;
  color: #000000;
  background-color: gold;
  border: hidden;
}

th#no2 {
  font-size: 13pt;
  text-align: center;
  color: #000000;
  background-color: silver;
  border: hidden;
}

th#no3 {
  font-size: 11pt;
  text-align: center;
  color: #000000;
  background-color: darkgoldenrod;
  border: hidden;
}

td#no1 {
  font-size: 15pt;
  text-align: left;
  color: #000000;
  background-color: white;
  border: hidden;
}

td#no2 {
  font-size: 13pt;
  text-align: left;
  color: #000000;
  background-color: white;
  border: hidden;
}

td#no3 {
  font-size: 11pt;
  text-align: left;
  color: #000000;
  background-color: white;
  border: hidden;
}


table#score {
  margin: 5px 5px 5px 10px;
}

tr#score {
  text-align: center;
  background-color: #00ffff;
}


/*--- 協力 ---*/
.cooperation {
  margin-bottom: 10px;
  padding: 10px;
  border-radius: 10px;
  background-color: #afda64;
}

.cooperation p {
  margin: 0;
  font-size: 14px;
  line-height: 1.6;
  text-align: left;
  width: 100%
}

.cooperation a {
  color: #660000;
  text-decoration: none;
}

.cooperation .button {
  background-color: #73ab12;
}

.cooperation .button:hover,
.cooperation .button:focus {
  background-color: #362;
}

.cooperation i {
  margin: 0px 10px 0px 0px;
  vertical-align: -2px;
  font-size: 25px;
}


/*--- フッター ---*/
.footer {
  padding: 20px;
  background-color: #000444;
  color: #fff;
}

.footer p {
  margin: 0 0 3px 0;
  font-size: 12px;
  line-height: 1.4;
}

.footer a {
  color: #eee;
  text-decoration: none;
}

.footer a:hover,
.footer a:focus {
  color: #00ffff;
}

.footer ul {
  margin: 0;
  padding: 0;
  font-size: 12px;
  line-height: 1.4;
  list-style: none;
}

.footer li {
  margin: 20px 0 0 20px;
  display: inline;
  font-size: 12px;
  line-height: 1.4;
}


/*--- IFRAME ---*/
.iframe-top {
  width: 100%;
  height: 100%;
  overflow-y: hidden;
  display: block;
}

.iframe-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}

.iframe-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}


/*--- GoogleMap用 ---*/
#canvas-wrapper {
  max-width: 100%;
  min-width: 280px;
  padding: 4px;
  border: 1px solid #CCC;
  margin: auto;
}

#canvas-wrapper img {
  max-width: none;
}

#map-canvas {
  height:600px;
  width:100%;
}

/* end of css */