*{
	
	margin:0px;
	box-sizing: border-box;
	
}

html{

	width:100%;
	overflow-y:scroll;
	line-height:1.4em;

}

/* -------------------------------------
　ヘッダー
-------------------------------------- */
header {

    margin:0px auto;
    display:block;
    position:relative;
    width:100%;

}

header #top {
	
    position:relative;
    margin:0px auto;
    z-index:100;
	
}

header .back-gradation {
    position:absolute;
    top:40px;
    width:100%;
    height:40px;
    background-color:#777777;
    background:-moz-linear-gradient(top, #777777 0%, #878787 28%, #666666 100%);
    background:-webkit-linear-gradient(top, #777777 0%, #878787 28%, #666666 100%);
    background:linear-gradient(to bottom, #777777 0%, #878787 28%, #666666 100%);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777',endColorstr='#666666',GradientType=0);
    z-index:1;
}

header #corporate_name {

	width:350px;
	line-height:40px;
	display:table-cell;
	background-color:#990014;
	text-align:center;
	vertical-align:middle;
	color:#ffffff;
	position:absolute;
	top:40px;
	
}


/* 
KONAMI ロゴ
---------------------------------------------------------------------------------------------------- */
header #konami-logo {
	
	height:26px;
	width:270px;
	background-image:URL(/sportsclub/img/da_logo_konamisport.gif);
	top:8px;

}

header #konami-logo a {
	
	border:none;
	display:block;
	height:100%;
	width:100%;
	
}

/* -------------------------------------
　ヘッダー・コンテンツメニュー
-------------------------------------- */
header nav.content-menu{

	display:block;
	width:100%;
	
}

header nav.content-menu ul{
	
	list-style-type:none;
	padding:0px;
	
}

header nav.content-menu ul li{

	display:inline-block;
	vertical-align:middle;
	margin-left:30px;
	position:relative;
	padding-left:15px;
	
}

header nav.content-menu ul li:before{
	
	content:"";
	display:inline-block;
	width:10px;
	height:10px;
	margin:auto;
	position:absolute;
	top:0px;
	left:0px;
	bottom:0px;
	background-color:#990014;
	border-radius:4px;
	
	
}

header nav.content-menu ul li:after{
	
	content:"";
	position:absolute;
	border-top:1px solid #ffffff;
	border-right:1px solid #ffffff;
	top:0px;
	bottom:0px;
	left:0px;
	display:inline-block;
	height:5px;
	width:5px;
	margin:auto;
	-webkit-transform:rotate(45deg);
	-ms-transform:rotate(45deg);
	-o-transform:rotate(45deg);
	transform:rotate(45deg);
	
}

header nav.content-menu ul li a{
	
	line-height:25px;
	
}

header nav.content-menu ul li a:hover{
	
	text-decoration:none;
	
}

/* -------------------------------------
　Body Font
-------------------------------------- */
body{
	
	width:100%;
	background-position:0;
	background-repeat:repeat-x;
	font-family:"I-OTF-UDゴ本文Pro R";
	color:#333333;
	font-size:0.9em;

}

/* -------------------------------------
　ページスタイル
-------------------------------------- */
section#corporate p{

	margin:20px 50px;

}

section h2{

	display:block;
	padding:20px 20px 3px;
	border-bottom:1px solid #cccccc;
	margin-bottom:10px;
	font-size:1.2em;
	font-weight:900;
	
}

section h2 small{
	
	display:block;
	line-height:1.2em;
	font-size:0.7em;
	font-weight:normal;
	
	
}

section h3{

	display:block;
	font-size:1.2em;
	font-weight:900;
	margin-bottom:10px;
	
}

section{

	margin:0px auto 30px;
	color:#666;
	line-height:1.6em;

}

section#corporate a{

	text-decoration:underline;	
	
}

section#corporate a:hover {

	text-decoration:none;	
	
}

section#corporate ul{

	margin:0px;
	padding:0px;
	list-style-type:none;
	
	
}

section#corporate ul li{

	margin:0px;
	margin-left:20px;
	padding-left:10px;
	background-image:url(/img/common/arrow-s.gif);
	background-repeat:no-repeat;
	background-position:left 8px;
	
}

section#corporate img{

	width:100%;	
	
}

section#corporate table{

	margin-bottom:30px;
	
}

section#corporate table th{

	vertical-align:top;
	
}

section#corporate-map{

	position:absolute;
	z-index:1000;
	width:100%;

}

section#corporate div dl dt{

	font-weight:900;
	font-family:'I-OTF-UDゴ表示Pro M';

}

.dataTable{
	
	padding:0px 15px;
	border:none;
	background-color:#F8F8F8;
	display:table;
	
}

.dataTable dl{

	display:table-row;
	
}

.dataTable dl dt, .dataTable dl dd{

	padding-top:15px;
	padding-bottom:15px;
	display:table-cell;
	border-bottom:1px solid #dddddd;

}

.dataTable dl:last-of-type dt, .dataTable dl:last-of-type dd{

	border-bottom:none;

}

.dataTable dl dt{
	
	font-weight:bold;
	padding-left:10px;
	width:150px;
	font-family:'I-OTF-UDゴ表示Pro M';
	
}

p.mb20{

	margin:10px;
	margin-bottom:20px;	
	
}

.businessList{

	background-color:#f1f1f6;
	list-style-type:none;

}

.businessList li{

	padding:20px;
	box-sizing:border-box;
	background-color:#FFF;
	border-bottom:2px solid #E1E1E6;
	list-style-type:none;
	position:relative;

}

.businessList li a{

	text-decoration:none;
	color:#666666;

}

.businessList li div.hover{

	position:absolute;
	top:0px;
	left:0px;
	display:block;
	width:100%;
	height:100%;
	transition:all .3s ease-in-out;
	
}

.businessList li div.hover:hover{
	
	background-color:rgba(255,255,255,0.6);
	
	
}


.businessList .bizImg img{

	width:100%;

}

.businessList .bizName{

	font-size:15px;
	font-weight:bold;
	margin:10px 0 4px;
	font-family:'I-OTF-UDゴ表示Pro M';

}

.president span{
	
	font-weight:900;
	margin-left:10px;
	font-size:1.4em;
	vertical-align:baseline;
	font-family:'I-OTF-UDゴ表示Pro M';
	
}

.message-box p{

	margin-bottom:20px;	
	
}

.message-box{

	padding:20px;	
	
}


@media (min-width:641px){

	/* -------------------------------------
	　ヘッダー
	-------------------------------------- */

	header {
	
		min-width:980px;
	
	}
	
	header #top {
		
		width:980px;
		
	}

	header nav.content-menu{
	
		top:80px;
		background:linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
		background:-webkit-linear-gradient(top,#ffffff 0%, #f0f0f0 100%);
		border-bottom:1px solid #e2e2e2;
		
	}
	
	header nav.content-menu ul{
		
		list-style-type:none;
		padding:5px 0px;
		width:980px;
		margin:0px auto;
		
	}


	/* -------------------------------------
	　KONAMI ロゴ
	-------------------------------------- */
	header #konami-logo {
		
		top:8px;
	
	}

	/* -------------------------------------
	　ページスタイル
	-------------------------------------- */

	section#corporate{
		
		background-position:98% 80px;
		
		
	}
	
	.dataTable dl dt{
		
		width:150px;
		
	}
	
	.float-box.float_left{
	
		padding-right:15px;	
		
	}

	.float-box.float_right{
	
		padding-left:15px;	
		
	}
	
	.message-box img{
		
		float:right;
		margin-left:20px;
		margin-bottom:20px;
		
	}

	.businessList{
	
		padding:24px 0px 8px 24px;
	
	}

	.businessList li{
	
		float:left;
		width:300px;
		margin:0 16px 16px 0;
	
	}
	
	#dial-box{
		
		display:none;	
		
	}

}

@media (max-width:640px){

	/* -------------------------------------
	　KONAMI ロゴ
	-------------------------------------- */
	header #konami-logo {
		
	    background-size:80%;
		top:14px;
	
	}

	/* -------------------------------------
	　ヘッダー
	-------------------------------------- */
	header{
		
		height:160px;
		
	}

	header .home_button {
	
		right:0px;	
		
	}

	.message-box img{
		
		width:100%;
		display:block;
		margin:0px auto 20px;
		text-align:center;
		
	}

	header nav.content-menu{

	    padding-top: 90px;	
		
	}
	
	header nav.content-menu ul li {

		float:left;		
		display: inline-block;
		margin-left: 0px;
		width:50%;
		padding-left:0px;
		background:linear-gradient(to bottom, #ffffff 0%, #f0f0f0 100%);
		background:-webkit-linear-gradient(top,#ffffff 0%, #f0f0f0 100%);
		border-bottom:1px solid #e2e2e2;
		
	}
	
	header nav.content-menu ul li:nth-of-type(even){
		
		border-left:1px solid #e2e2e2;
		
	}

	header nav.content-menu ul li:after{
	
		left:10px;
		
	}

	header nav.content-menu ul li:before{
	
		left:10px;
		
	}


	header nav.content-menu ul li a{
		
		padding:5px 0px 5px 30px;
		display:block;
		
	}
	
	header #corporate_name {
	
		top:50px;
		z-index:10;
		
	}
	
	header .back-gradation {

		position:absolute;
		top:50px;
		width:100%;
		height:40px;
		background-color:#777777;
		background:-moz-linear-gradient(top, #777777 0%, #878787 28%, #666666 100%);
		background:-webkit-linear-gradient(top, #777777 0%, #878787 28%, #666666 100%);
		background:linear-gradient(to bottom, #777777 0%, #878787 28%, #666666 100%);
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#777777',endColorstr='#666666',GradientType=0);
		z-index:1;

	}
	
	header #sub_mn #site-nav {
	
		display:table !important;
		top:50px;
		background:none;
		padding:0px;
		
	}

	header #sub_mn #site-nav li:first-of-type {
		
		width:250px;
		height:40px;
		padding-top:0px;
		color:#ffffff;
		
	}

	header #sub_mn #site-nav li:first-of-type span{
		
		display:table-cell;
		width:250px;
		height:40px;	
		background-color:#990014;
		text-align:center;
		vertical-align:middle;	
		
	}

	header #sub_mn #site-nav li:nth-of-type(2) {
	
		margin-left:30px;
		
	}
	
	header #sub_mn #site-nav li:nth-of-type(n+2) {
	
		display:inline-block;
		width:auto;
		float:left;
		margin-right:15px;
	
	}

	header #sub_mn #site-nav li a{
		
		padding:0px;
		padding-left:10px;
		border:none;
		background-image:url(/img/common/arrow-s.gif);
		background-repeat:no-repeat;
		background-position:left 5px;
		font-size:0.8em;
	
	}

	.dataTable{
		
		width:100%;
		margin-bottom:30px;
		
	}

	.businessList{
	
		padding:24px 0px 24px;
	
	}

	.businessList li{
	
		max-width:420px;
		display:block;
		margin:auto;
	
	}
	
	#dial-box{
		
		display:block;
		background:#f5f5f5;
		padding:20px 10px;
		text-align:center;
		
	}

	#dial-box h2{
		
		border:none;
		padding:0px;
		font-size:1.2em;
		color:#000000;
		
	}
	
	#dial-box p:nth-of-type(n+2){
	
		font-size:0.9em;
		line-height:1.2em;
		
	}
	
	#dial-box .call{
		
		font-size:1.8em;
		color:#000000;
		margin-bottom:10px;
		
	}
	
	#dial-box .call img{
		
		width:33px;
		height:33px;
		margin-right:10px;
		vertical-align:text-top;
		
	}

	/* 非表示にするもの */
	div.menu_btn {
		
		display:none;
		
	}	

	#footer_lang{
	
		display:none;
		
	}

}