*{

	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 {

	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:275px;
	background-image:URL(/ksc/common/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;

}

#news-notice .news-table{

	display:table;
	width:100%;
	padding:20px 30px;

}

#news-notice .news-table dl{

	display:table-row;

}

#news-notice .news-table dl dt {

	width: 18em;

}

#news-notice .news-table dl dt, #news-notice .news-table dl dd{

	display:table-cell;
	padding-bottom:0.5em;
	vertical-align:top;

}

#news-notice .news-table dl dt span:after{

	width: 150px;
    height: 100%;
    text-align: center;
    background-color: #777777;
    color: #fdfdfd;
    margin-left:1em;
    display: inline-block;
    white-space: pre;
    font-size: 12px;
    font-weight: 900;

}

#news-notice .news-table dl dd a{

	display:inline-block;

}

#news-notice .news-table dl[class*=ath-] dt span:after{

	content:"アスリート";

}

#news-notice .news-table dl[class*=release] dt span:after{

	content:"ニュースリリース";

}

#news-notice .news-table dl[class*=topics] dt span:after{

	content:"トピックス";

}

#news-notice .news-table dl[class*=info] dt span:after{

	content:"お知らせ";

}


@media (min-width:641px){

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

	header {

		min-width:980px;

	}

	header #top {

		width:980px;

	}

	header #corporate_name {

		width:350px;

	}

	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:left;
		margin-right:20px;
		margin-bottom:20px;

	}

	.businessList{

		padding:24px 0px 8px 24px;

	}

	.businessList li{

		float:left;
		width:300px;
		height:20em;
		margin:0 16px 16px 0;

	}

	#dial-box{

		display:none;

	}

	/*
	#news-notice .news-table dl dt{

		width:10%;

	}
	*/

}

@media (max-width:640px){

	/* -------------------------------------
	　KONAMI ロゴ
	-------------------------------------- */
	header #konami-logo {

	    background-size:80%;
		top:14px;

	}

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

		height:195px;

	}

	header .home_button {

		right:0px;

	}

	header #corporate_name {

		width:100%;

	}

	.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;

	}

	#news-notice .news-table{

		margin:2em 0;

	}

	#news-notice .news-table dl{

		display:block;
		margin-bottom:0.5em;

	}

	#news-notice .news-table dl dt, #news-notice .news-table dl dd{

		display:block;
		padding:0 0.5em;

	}

	/* 非表示にするもの */
	div.menu_btn {

		display:none;

	}

	#footer_lang{

		display:none;

	}


}
