@charset "utf-8";
/* CSS Document */


/* ================================================
Classes
------------------------------------------------ */

.clearfix:before,
.clearfix:after{
	content:"";display:table;
}
.clearfix:after{ clear:both; }
.clearfix{ *zoom:1; }

.leftbox{ float:left; display:inline; }
.rightbox{ float:right; display:inline; }

.must{ font-weight:bold; color:#ff9;}

.align-c{ text-align:center; }
.align-l{ text-align:left; }
.align-r{ text-align:right; }


/* ================================================
Common Style
------------------------------------------------ */
html{
}
body{
	font-family:'Lucida Grande', 'ヒラギノ角ゴ ProN W4', 'Hiragino Kaku Gothic ProN', Meiryo, メイリオ, sans-serif;
	min-width:1020px;
	background:url("/img/ksb/common/bg.jpg") repeat 0 0;
	color:#fff;
}

a{ color:#e70; }
a:visited{ color:#e60;}
a:hover{ color:#fa0;}

img{ vertical-align:top; }

/*
	10px = 77%
	11px = 85%
	12px = 93%
	13px = 100%
	14px = 108%
	15px = 116%
	16px = 123.1%
	17px = 131%
	18px = 138.5%
	19px = 146.5%
	20px = 153.9%
	21px = 161.6%
	22px = 167%
	23px = 174%
	24px = 182%
	25px = 189%
	26px = 197%
*/

#stage{
	background:url("/img/ksb/common/top_bg.jpg") no-repeat 50% 0;
}



/* ================================================
Common - nav
------------------------------------------------ */
nav{
	background:url("/img/ksb/common/header_bg.png") repeat-x 0 0;
	height:72px;
	position:fixed;
	width:100%;
}

nav ul{
	padding-top:8px;
	padding-left:18px;
	width:990px;
}

nav ul li{
	height:54px;
	float:left;
	text-indent:100%; 
	white-space:nowrap; 
	overflow:hidden; 
}

nav ul li#gn-top{ width:160px; }
nav ul li#gn-outline{ width:133px; }
nav ul li#gn-title{ width:169px; height:auto; }
nav ul li#gn-event{ width:240px; }
nav ul li#gn-sightseeing{ width:156px; }
nav ul li#gn-sponsor{ width:132px; }

nav ul li a{
	display:block;
	height:100%;
	background:url("/img/ksb/common/menues2.png") no-repeat 0 0;
}

nav ul li#gn-top a{ }
nav ul li#gn-top a:hover{ background-position:0 -54px; }

nav ul li#gn-outline a{ background-position:-160px 0; }
nav ul li#gn-outline a:hover{ background-position:-160px -54px; }

nav ul li#gn-event a{ background-position:-462px 0; }
nav ul li#gn-event a:hover{ background-position:-462px -54px; }

nav ul li#gn-sightseeing a{ background-position:-702px 0; }
nav ul li#gn-sightseeing a:hover{ background-position:-702px -54px; }

nav ul li#gn-sponsor a{ background-position:-858px 0; }
nav ul li#gn-sponsor a:hover{ background-position:-858px -54px; }



nav ul li#gn-title p { 
	margin-bottom:6px;
}
nav ul li#gn-title p a{ 
	display:block;
	height:54px;
	background-position:-293px 0;
	background:url("/img/ksb/common/menues.png") no-repeat -293px 0;
}
nav ul li#gn-title p a:hover{ background-position:-293px -54px; }

nav ul li#gn-title p span.open a{ 
	background-position:-293px -108px;
}

nav ul li#gn-title ul{ 
	display:none;
	padding:0;
	background:#000;
	opacity:0.95;
}

nav ul li#gn-title ul li{ 
	float:none;
	display:block;
	height:auto;
	width:auto;
	text-indent:0;
	margin-bottom:1px;
}

nav ul li#gn-title ul li a {
	background:url("/img/ksb/common/bullet.png") no-repeat 9px 50%;
	padding:10px 2px 10px 30px;
	color:#fff;
	background-color:#111;
}

nav ul li#gn-title ul li a:hover{ background-color:#222; }
nav ul li#gn-title ul li a:visited{ color:#fff; }



/* ================================================
Common - header
------------------------------------------------ */
header{
	padding-top:100px;
	margin-bottom:50px;
}

body#c-top header{
	padding-top:120px;
	margin-bottom:70px;
}

header h1{
	text-indent:100%; 
	white-space:nowrap; 
	overflow:hidden; 
	width:1020px;
	height:156px;
	margin:0 auto;
	background:url("/img/ksb/common/logo_mini.png") no-repeat 0 0;
}

header h1 a{
	display:block;
	height:100%;
}

body#c-top header h1{
	width:910px;
	height:564px;
	margin-bottom:50px;
	background:url("/img/ksb/top/logo.png") no-repeat 0 0;
}

body#c-top header p{
	text-align:center;
}


/* ================================================
Common - footer
------------------------------------------------ */
footer{
	text-align:center;
	padding-bottom:28px;
}


footer h4{
	margin-bottom:24px;
}

footer ul{
	margin-bottom:18px;
}

footer ul li{
	display:inline;
	padding:0 4px;
}

footer h5{
	font-weight:bold;
	font-size:138.5%;
	margin-bottom:4px;
}

footer p#venue{
	font-size:116%;
	margin-bottom:10px;
}

footer p#copy{
	color:#aaa;
	line-height:1.4em;
}



/* ================================================
Top Style
------------------------------------------------ */

body#c-top section#banners{
	background:url("/img/ksb/top/obi2.png") repeat 0 0;
	margin-bottom:50px;
}

body#c-top section#banners ul{
	width:1020px;
	padding-top:35px;
	margin:0 auto;
}

body#c-top section#banners ul li:first-child{
	margin:0;
}

body#c-top section#banners ul li{
	display:inline;
	width:325px;
	float:left;
	margin-left:22px;
}

body#c-top section#banner_slide{
	background:url("/img/ksb/top/obi2.png") repeat 0 0;
	height:246px;
}


body#c-top section#banner_slide .flexslider{
	width:1020px;
	padding-top:25px;
	margin:0 auto;
}

.slides > li {margin-right: 22px;}


body#c-top section#info{
	background:url("/img/ksb/top/obi2.png") repeat 0 0;
	padding-top:10px;
	padding-bottom:20px;
	margin-bottom:50px;
}

body#c-top section#info h2{
	height:26px;
	background:url("/img/ksb/top/info.png") no-repeat 0 0;
	width:1020px;
	margin:0 auto 28px;
}

body#c-top section#info dl{
	width:1020px;
	margin:0 auto;
}

body#c-top section#info dl dt{
	clear:left;
	float:left;
	width:110px;
	color:#D2C844;
	font-size:138.5%;
}

body#c-top section#info dl dd{
	padding-left:120px;
	font-size:138.5%;
	padding-bottom:20px;
	background:url("/img/ksb/top/dots.png") repeat-x 0 100%;
	margin-bottom:20px;
}


body#c-top h2{
	width:100%;
	height:43px;
	margin-bottom:60px;
	text-indent:100%; 
	white-space:nowrap; 
	overflow:hidden; 
}

body#c-top h2#sub1{
	height:43px;
	background:url("/img/ksb/top/sub1.png") no-repeat 50% 0;
}

body#c-top h2#sub2{
	height:43px;
	background:url("/img/ksb/top/sub2.png") no-repeat 50% 0;
}

body#c-top h2#sub3{
	height:43px;
	background:url("/img/ksb/top/sub3.png") no-repeat 50% 0;
}

body#c-top section.titles{
	width:1020px;
	margin:0 auto 80px;
}

body#c-top section.titles .titleList{
	border-top:#222 1px solid;
	background:url("/img/ksb/top/2line.png") repeat-y 50% 0;
}

body#c-top section.titles .titleList:first-child{
	border-top:none;
}

body#c-top section.titles .titleList article{
	width:340px;
	float:left;
	text-align:center;
	padding-bottom:30px;
}

body#c-top section.titles .titleList article h3{
	display:table-cell;
	vertical-align:middle;
	height:170px;
	width:340px;
	margin-bottom:10px;
}

body#c-top section.titles .titleList article p{
	margin-bottom:10px;
}


/* ================================================
Outline Style
------------------------------------------------ */

body#c-outline h2{
	width:100%;
	height:35px;
	margin-bottom:60px;
	text-indent:100%; 
	white-space:nowrap; 
	overflow:hidden; 
}

body#c-outline h2#sub1{
	background:url("/img/ksb/outline/sub1.png") no-repeat 50% 0;
}

body#c-outline h2#sub2{
	background:url("/img/ksb/outline/sub2.png") no-repeat 50% 0;
}

body#c-outline section{
	margin-bottom:100px;
}

body#c-outline section article{
	width:1020px;
	margin:0 auto;
}

body#c-outline section article dl{
}

body#c-outline section article dl dt{
	clear:left;
	float:left;
	width:114px;
	font-size:153.9%;
	padding-left:6px;
	color:#0CD46B;
	line-height:1.6em;
}

body#c-outline section article dl dd{
	padding-left:130px;
	font-size:138.5%;
	padding-top:2px;
	padding-bottom:30px;
	line-height:1.6em;
	background:url("/img/ksb/outline/dots.png") repeat-x 0 100%;
	margin-bottom:30px;
}

body#c-outline section article dl dd span.b1{
	font-weight:bold;
}

body#c-outline section article dl dd span.b2{
	font-size:123.1%;
}

body#c-outline section article ul{
	padding:0 10px;
}

body#c-outline section article ul li{
	background:url("/img/ksb/outline/bullet.png") no-repeat 0 6px;
	padding-left:22px;
	font-size:131%;
	line-height:1.6em;
	margin-bottom:20px;
}


/* ================================================
Event Style
------------------------------------------------ */

body#c-event h2{
	width:100%;
	height:33px;
	margin-bottom:60px;
	text-indent:100%; 
	white-space:nowrap; 
	overflow:hidden; 
}

body#c-event h2#sub1{
	background:url("/img/ksb/event/sub1.png") no-repeat 50% 0;
}

body#c-event section{
	width:1020px;
	padding-top:70px;
	margin:0 auto;
	padding-bottom:50px;
	background:url("/img/ksb/outline/dots.png") repeat-x 0 100%;
}

body#c-event section article{
	padding-top:44px;
}

body#c-event section article.side{
	background:url("/img/ksb/event/side.png") no-repeat 0 0;
}

body#c-event section article.campaign{
	background:url("/img/ksb/event/campaign.png") no-repeat 0 0;
}

body#c-event section article .leftbox{
	width:540px;
	padding-top:20px;
}

body#c-event section article .rightbox{
	width:456px;
}


body#c-event section article h3{
	margin-bottom:20px;
}

body#c-event section article .detail{
	background:url("/img/ksb/event/detail.png") no-repeat 0 0;
	padding-left:50px;
	margin-bottom:20px;
	font-size:116%;
	line-height:1.66em;
	min-height:114px;
}

body#c-event section article .detail p{
	margin-bottom:16px;
}

body#c-event section article .detail span.pass{
	color:#D2C844;
	font-weight:bold;
}

body#c-event section#pamph article .leftbox{
	width:780px;
}

body#c-event section#pamph article .rightbox{
	width:210px;
}

body#c-event section article .toLink{
	text-align:right;
}

body#c-event section article .toLink ul li{
	display:inline;
	padding-left:15px;
}

body#c-event section article #yosenList{
	background:url("/img/ksb/event/yosen_bg.png") no-repeat 0 0;
	height:266px;
}

body#c-event section article #yosenList ul{
	padding-top:44px;
}

body#c-event section article #yosenList ul li{
	background:url("/img/ksb/event/yosen_mini.png") no-repeat 0 0;
	line-height:32px;
	margin-bottom:4px;
}

body#c-event section article #yosenList ul li a{
	display:block;
	height:32px;
	color:#fff;
	padding-left:10px;
	text-decoration:none;
}

body#c-event section article #yosenList ul li a span{
	color:#D2C844;
}

body#c-event section article #yosenList ul li a:hover{
	color:#ff9;
	text-decoration:underline;
}
body#c-event section article #yosenList ul li a:visited{ color:#fff; }

body#c-event section article #yosenList ul.leftbox{
	width:215px;
	margin-left:10px;
}

body#c-event section article #yosenList ul.rightbox{
	width:215px;
	margin-right:10px;
}

body#c-event section#evo{
	margin-bottom:80px;
}

/* ================================================
Capcom Style
------------------------------------------------ */

body#c-capcom h2{
	width:100%;
	height:35px;
	margin-bottom:60px;
	text-indent:100%; 
	white-space:nowrap; 
	overflow:hidden; 
}

body#c-capcom h2#sub1{
	background:url("/img/ksb/capcom/sub1.png") no-repeat 50% 0;
}

body#c-capcom h2#sub2{
	background:url("/img/ksb/capcom/sub2.png") no-repeat 50% 0;
}

body#c-capcom section{
	margin-bottom:100px;
}

body#c-capcom section article{
	width:1020px;
	margin:0 auto;
}

body#c-capcom section article h3{
	text-align:center;
	margin-bottom:50px;
}

body#c-capcom section article .about{
	width:914px;
	margin:0 auto 40px;
}

body#c-capcom section article .about h3{
	text-indent:100%; 
	white-space:nowrap; 
	overflow:hidden; 
	background:url("/img/ksb/capcom/about_ff.png") no-repeat 50% 0;
	width:914px;
	height:560px;
	margin-bottom:24px;
}

body#c-capcom section article .prize{
	text-align:center;
	margin:0 auto 80px;
}

body#c-capcom section article .about ul{
	text-align:center;
}

body#c-capcom section article .about ul li{
	display:inline;
	padding:0 3px;
}


body#c-capcom section article dl{
	margin:0 50px;
}

body#c-capcom section article dl dt{
	clear:left;
	float:left;
	width:174px;
	font-size:153.9%;
	padding-left:6px;
	color:#0CD46B;
	line-height:1.6em;
}

body#c-capcom section article dl dd{
	padding-left:190px;
	font-size:138.5%;
	padding-top:2px;
	padding-bottom:30px;
	line-height:1.6em;
	background:url("/img/ksb/outline/dots.png") repeat-x 0 100%;
	margin-bottom:30px;
}

body#c-capcom section article dl dd .leftbox{
	width:400px;
	float:left;
}

body#c-capcom section article dl dd iframe{
}

body#c-capcom section article dl dd span.b1{
	font-weight:bold;
}

body#c-capcom section article dl dd span.b2{
	font-size:123.1%;
}

body#c-capcom section article dl dd span.s1{
	font-size:85%;
}

body#c-capcom section article dl dd span.ntc{
	color:#ff9;
}

body#c-capcom section article ul{
	margin-bottom:80px;
	text-align:center;
}

body#c-capcom section article .arthead{
	margin-bottom:40px;
}

body#c-capcom section article .arthead .leftbox{
	width:600px;
}

body#c-capcom section article .arthead .leftbox h3{
	text-align:left;
	margin-bottom:30px;
}

body#c-capcom section article .arthead .leftbox p{
	font-size:123.1%;
	margin-bottom:20px;
}

body#c-capcom section article .arthead .rightbox{
	width:287px;
	float:right;
}

body#c-capcom section article .members{
	width:720px;
	margin:0 auto 30px;
}

body#c-capcom section article .members ul{
	width:150px;
	float:left;
	margin-right:30px;
}

body#c-capcom section article .members ul li{
	background-color:#111;
	margin-bottom:8px;
	padding:10px;
}

body#c-capcom section article .totourney{
	text-align:center;
	padding:0 0 60px;
}


body#c-capcom section article p.limit{
	font-size:131%;
	font-weight:bold;
}

body#c-capcom section article dl#contactform{

}

body#c-capcom section article dl#contactform dt{
	width:210px;
}

body#c-capcom section article dl#contactform dt span.require{
	padding-right:48px;
	background:url("/img/ksb/capcom/require.jpg") no-repeat 100% 3px;
}

body#c-capcom section article dl#contactform dd{
	padding-left:240px;
}

body#c-capcom section article dl#contactform dd p{
	padding-top:10px;
	font-size:77%;
}


body#c-capcom section article dl#contactform dd input.inpsmall,
body#c-capcom section article dl#contactform dd input.inpmedium,
body#c-capcom section article dl#contactform dd input.inplarge{
	border:1px solid #BBBBBB;
	padding:2px;
}
body#c-capcom section article dl#contactform dd input.inpsmall{
	width:200px;
}
body#c-capcom section article dl#contactform dd input.inpmedium{
	width:300px;
}
body#c-capcom section article dl#contactform dd input.inplarge{
	width:400px;
}

body#c-capcom section article dl#contactform dd textarea{
	width:540px;
	height:60px;
	padding:2px;
}


/* ================================================
Sightseeing Style
------------------------------------------------ */

body#c-sightseeing h2{
	width:100%;
	height:34px;
	margin-bottom:60px;
	text-indent:100%; 
	white-space:nowrap; 
	overflow:hidden; 
}

body#c-sightseeing h2#sub1{
	background:url("/img/ksb/sightseeing/sub1.png") no-repeat 50% 0;
}


body#c-sightseeing section article{
	width:1020px;
	margin:0 auto;
}

body#c-sightseeing section article .message{
	margin:0 10px 30px;
}

body#c-sightseeing section article .message p{
	font-size:131%;
	line-height:1.66em;
}

body#c-sightseeing section article h3{
	margin-bottom:24px;
}

body#c-sightseeing section article dl{
	margin:0 12px 50px;
}

body#c-sightseeing section article dl dt{
	background:url("/img/ksb/sightseeing/bullet.png") no-repeat 0 4px;
	margin-bottom:16px;
	padding-left:22px;
	font-weight:bold;
	font-size:153.9%;
}

body#c-sightseeing section article dl dt span.time{
	font-weight:normal;
	color:#FFFF73;
	font-size:85%;
	padding:0 4px;
}

body#c-sightseeing section article dl dt span.tolink{
	font-weight:normal;
	font-size:77%;
}

body#c-sightseeing section article dl dt img{
	vertical-align:top;
}

body#c-sightseeing section article dl dd{
	padding-left:22px;
	line-height:1.8em;
	padding-bottom:20px;
	margin-bottom:28px;
	background:url("/img/ksb/outline/dots.png") repeat-x 0 100%;
	font-size:138.5%;
}


/* ================================================
Sponsor Style
------------------------------------------------ */

body#c-sponsor h2{
	width:100%;
	height:34px;
	margin-bottom:60px;
	text-indent:100%; 
	white-space:nowrap; 
	overflow:hidden; 
}

body#c-sponsor h2#sub1{
	background:url("/img/ksb/sponsor/sub1.png") no-repeat 50% 0;
}


body#c-sponsor section article{
	width:816px;
	margin:0 auto;
	padding-bottom:50px;
}

body#c-sponsor section article .message{
	margin:0 10px 30px;
}

body#c-sponsor section article .message p{
	font-size:131%;
	line-height:1.66em;
}

body#c-sponsor section article h3{
	margin-bottom:24px;
	text-align:center;
}

body#c-sponsor section article p{
	margin-bottom:34px;
}

body#c-sponsor section article dl{
}

body#c-sponsor section article dl dt{
	font-weight:bold;
	font-size:138.5%;
	color:#9FbFd3;
	background:url("/img/ksb/sightseeing/bullet.png") no-repeat 0 4px;
	margin-bottom:14px;
	padding-left:22px;
}

body#c-sponsor section article dl dd{
	padding-left:22px;
	line-height:1.8em;
	padding-bottom:16px;
	margin-bottom:24px;
	background:url("/img/ksb/outline/dots.png") repeat-x 0 100%;
	font-size:123.1%;
}



/* ================================================
Info Style
------------------------------------------------ */

body#c-info h2{
	width:100%;
	height:34px;
	margin-bottom:60px;
	text-indent:100%; 
	white-space:nowrap; 
	overflow:hidden; 
}

body#c-info h2#sub1{
	background:url("/img/ksb/info/sub1.png") no-repeat 50% 0;
}


body#c-info section article{
	width:816px;
	margin:0 auto;
	padding-bottom:50px;
}

body#c-info section article .apl{
	border:3px solid #A0C0D8;
	padding:15px 15px 0;
}

body#c-info section article .apl p{
}

body#c-info section article .apl h3{
	border-bottom:2px solid #fff;
	margin-bottom:20px;
	padding-bottom:10px;
	font-size:167%;
	text-align:center;
	font-weight:bold;
	line-height:1.66em;
}

body#c-info section article .apl p{
	font-size:123.1%;
	font-weight:normal;
	margin:0 10px 30px;
	line-height:1.66em;
}