@charset "UTF-8";

/* !________________________________________*/


/*
*{
    -webkit-box-sizing:content-box;
}
*/

.gnav-sub {
	box-sizing: content-box;
}

.btn {
	padding: initial;
	margin: -1px;
}

input {
	font: 11px BlinkMacSystemFont;
	-webkit-box-sizing: content-box;
}

html {
	font-size: 52.5%;
}

body {
	color: black;
	font-size: 1.6rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height: 160%;
}

h1 span,
h2 span {
	display: none;
}

a img:hover {
	filter: alpha(opacity=70);
	-moz-opacity: .7;
	opacity: .7;
}

#container #contents {
	width: 100%;
}

.container {
	clear: both;
	padding: 0;
}

.note {
	font-size: 11px;
}

#navmenu {
	width: 100%;
	min-width: 900px;
	overflow: hidden;
	position: relative;
	background: url(../images/nav_bg.gif) center bottom;
	background-repeat: repeat-x;
}

#navmenu ul {
	clear: left;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	left: 50%;
	text-align: center;
	border-bottom: none;
}

#navmenu ul li {
	display: block;
	float: left;
	list-style: none;
	margin: 0;
	padding: 0;
	position: relative;
	right: 50%;
	letter-spacing: 0.3em;
	width: 230px;
}

#navmenu ul li:first-child {
	padding-right: 20px;
}

#navmenu a {
	font-size: 3.2rem;
	font-weight: bold;
	color: black;
	display: block;
	padding: 5px 20px;
	text-decoration: none;
	border: 1px solid black;
	border-bottom-color: transparent;
	cursor: pointer;
}

#navmenu .active a {
	color: #BF152B;
	border: 1px solid #BF152B;
	border-bottom-color: transparent;
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eee), color-stop(0.48, #fff));
	background: -webkit-linear-gradient(top, #fff 48%, #eee 100%);
	background: -moz-linear-gradient(top, #fff 48%, #eee 100%);
	background: -o-linear-gradient(top, #fff 48%, #eee 100%);
	background: -ms-linear-gradient(top, #fff 48%, #eee 100%);
	background: linear-gradient(to bottom, #fff 48%, #eee 100%);
}

#navmenu a:hover {
	color: #BF152B;
	background: #eee;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #eee), color-stop(0.48, #fff));
	background: -webkit-linear-gradient(top, #fff 48%, #eee 100%);
	background: -moz-linear-gradient(top, #fff 48%, #eee 100%);
	background: -o-linear-gradient(top, #fff 48%, #eee 100%);
	background: -ms-linear-gradient(top, #fff 48%, #eee 100%);
	background: linear-gradient(to bottom, #fff 48%, #eee 100%);
	/*  border-bottom-color: red;*/
}

.head {
	margin: 40px auto;
	width: 900px;
}

.head h1 + img {
	margin-bottom: 40px;
}

.scroll {
	color: white;
	font-size: 1.6rem;
	position: fixed;
	background: red;
	z-index: 1000;
	padding: 5px;
	top: 0;
}

.tab-content {
	padding-top: 50px;
}


/* !________________________________________開発*/

.kttl {
	background: black;
	width: 100%;
	text-align: center;
}

.kttl img {
	margin: 0 auto;
	display: block;
}

img.imgcenter {
	margin: 50px auto;
	display: block;
}

.k1 {
	margin: 0 auto;
	width: 880px;
	border-left: 1px dotted red;
	border-right: 1px dotted red;
}

.k1 .inner {
	margin: 0 auto;
	width: 800px;
}

.k1 .inner .row {
	padding-top: 30px;
}

img.subttl {
	margin: 0 auto 30px;
}

hr {
	border-top: 1px dotted red;
	margin: 40px auto;
}

.row p {
	margin: 0;
}

.col-xs-6 {
	text-align: right;
}

.col-xs-6 p {
	width: 360px;
	margin-right: 0;
	margin-left: auto;
	text-align: left;
}

.col-xs-6 {
	border-left: 1px dotted red;
}

img.rightimg {
	margin-right: 0;
	margin-left: auto;
	display: block;
}

.col-xs-6:first-child {
	text-align: left;
	border-left: none;
}

.col-xs-6:first-child p {
	margin-right: auto;
	margin-left: 0;
}

#container .row.kbtn {
	width: 880px;
	margin: 50px auto 30px;
}

.kbtn .col-xs-6 {
	border: none;
	padding: 0;
	text-align: center;
}

.otheravn {
	width: 800px;
	padding: 30px;
	text-align: center;
	background-color: #eee;
	margin: 50px auto 0;
}

.otheravn p {
	margin: 20px 0;
	text-align: left;
}

.otheravn h2 {
	margin: 0;
}


/* !________________________________________挑戦の歴史*/

#tab2 {
	position: relative;
	background: url(../images/c_bg.gif) no-repeat center 100px;
}

#tab2 .container {
	width: 900px;
	height: 6929px;
	position: relative;
}

#tab2 > img {
	margin: 0 auto;
	display: block;
}

#tab2 a img {
	margin: 0 auto;
	display: block;
	min-width: 559px;
}

.y1995,
.y1997,
.y2000,
.y2002,
.y2005,
.y2006,
.y2007,
.y2008,
.y2011,
.y2012,
.y2013,
.y2014,
.y2016 {
	position: absolute;
}

.f1,
.f2,
.f3,
.f4,
.f5,
.f6,
.f7,
.f8,
.f9 {
	position: absolute;
	display: none;
}

.new {
	display: block;
	position: absolute;
}

.y1995 {
	border: 1px solid #333;
	border-radius: 10px;
	box-shadow: 1px 1px 1px 0 #333;
	left: 0;
	padding: 20px 15px 0;
	top: 10px;
}

.y1995 p {
	width: 360px;
}

.y1997 {
	top: 330px;
	left: 500px;
}

.y1997 p {
	width: 360px;
	margin-bottom: 0;
}

.y1997 .new {
	top: 300px;
	left: 220px;
}

.y2000 {
	top: 930px;
	left: 430px;
}

.y2000 p {
	margin-left: 80px;
	width: 350px;
}

.y2000 .new {
	top: 330px;
	left: 10px;
}

.y2002 {
	top: 1450px;
	left: 65px;
}

.y2002 p {
	margin-left: 82px;
	width: 350px;
}

.y2002 .new {
	top: 310px;
	left: 5px;
}

.y2005 {
	top: 1950px;
	left: 50px;
}

.y2005 p {
	margin-left: 5px;
	width: 550px;
}

.y2005 p + img {
	margin-top: 30px;
}

.y2005 p + img + p {
	margin-top: -90px;
	margin-left: 205px;
	width: 250px;
}

.y2005 .new.y200501n {
	left: -75px;
	top: 214px;
}

.y2005 .new.y200502n {
	left: 451px;
	top: 399px;
}

.y2006 {
	top: 2790px;
	left: 230px;
	border: 1px solid #333;
	border-radius: 10px;
	box-shadow: 1px 1px 1px 0 #333;
	padding: 0 15px;
}

.y2006 p {
	margin-left: 5px;
	width: 530px;
}

.y2006 .new {
	left: 270px;
	top: 32px;
}

.y2007 {
	top: 3140px;
	left: 220px;
}

.y2007 p {
	margin-top: -70px;
	margin-left: 5px;
	width: 350px;
}

.y2008 {
	top: 3580px;
	left: 220px;
}

.y2008 p {
	width: 600px;
}

.y2008 p + img {
	margin-top: 10px;
}

.y2011 {
	top: 4040px;
	left: 200px;
}

.y2011 p {
	margin-left: 5px;
	width: 600px;
}

.y2012 {
	top: 4500px;
	left: 120px;
}

.y2012 p {
	margin-left: 165px;
	width: 470px;
}

.y2012 .new {
	left: 11px;
	top: 394px;
}

.y2013 {
	top: 5250px;
	left: 200px;
}

.y2013 p {
	margin-left: 265px;
	width: 390px;
}

.y2014 {
	top: 5650px;
	left: 200px;
}

.y2014 p {
	margin-left: 265px;
	width: 350px;
}

.y2014 .new {
	left: 181px;
	top: 248px;
}

.y2016 {
	top: 6150px;
	left: 200px;
}

.y2016 p {
	margin-left: 185px;
	width: 350px;
}

.f1 {
	top: 130px;
	left: -300px;
}

.f2 {
	top: 5px;
	left: -220px;
}

.f3 {
	top: 320px;
	left: 540px;
}

.f4 {
	top: -60px;
	left: -240px;
}

.f5 {
	top: 0px;
	left: -220px;
}

.f6 {
	top: 0px;
	left: -220px;
}

.f7 {
	top: 0px;
	left: -220px;
}

.f8 {
	top: 0px;
	left: -220px;
}

.f9 {
	top: 0px;
	left: -220px;
}

.sptitle {
	margin-top: 10px;
}


/* !________________________________________iPad Portrait（縦向き）*/

@media screen and (min-width: 768px) {
	.container {
		width: 100%;
	}
	.sptitle {
		margin-top: 0;
	}
}


/* !________________________________________PC+iPad LandScape（横向き）*/

@media screen and (min-width: 800px) {
	.container {
		width: 900px;
	}
}