@charset "shift_jis";

/*
	Site Name: www.knt.co.jp
	Description: KNTイベント系
	Version: 080926
	Author: Webproduce Corporation
*/

/*-------------------------- TOP ----------------------------*/
.wrap_top {
	background: url(../../images/top_wrap_bg.jpg) no-repeat;
}

h1.top {
	padding: 97px 0 0 26px;
}

#top_navi {
	padding: 144px 0 0 104px;
	clear:both;
	width: 700px;
}

#top_navi li {
	margin: 0 78px 0 0;
	float: left;
	padding-bottom: 50px;
	display:block;
	width: 307px;
}

/*- for ie 6.0 -*/
#top_navi li.iehack { margin: 0;}


div#newsarea {
	border: solid 1px #404040;
	background: #242020;
	padding: 5px 5px 0;
	width: 680px;
	margin-bottom: 15px;
	float:right;
	margin-top: 150px;
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;

}

dl.news {
	clear:both;
	line-height:0.8em;
	margin:0 0 1em 0;
	padding: 0px 10px 0;
	height: 150px;
	overflow:auto;
}
dl.news dt{
	clear:both;
	float:left;
	display:block;
	width:100px;
	padding: 0.2em 0 0 0 ;
	font-weight:bold;
	line-height:1.3em;
	font-weight: normal;
}
dl.news dd {
	display:block;
	width: 490px;	
	margin:0 0 0 100px;
	padding: 0.2em 0 0 0 ;
	line-height:1.3em;
}

dl.news dd img {
	vertical-align: text-top;
}

/*-------------------------- BOTTOM ----------------------------*/
.wrap_bottom {
	background: url(../images/bottom_bg.gif) repeat-y;
}

.bottom_content {
	background: url(../images/bottom_content_bg.jpg) no-repeat top;
}

.bottom_content h1 {
	font-size: 38px;
	padding: 95px 0px;
}

.bottom_content h1 span {
	font-size: 16px;
	line-height: 3em;
}

.bottom_content h2 {
	border-left: #FF0000 solid 5px;
	font-size: 19px;
	padding: 2px 5px;
}

.bottom_content h3 {
	background: #333333;
	padding: 3px 8px;
	margin: 8px 0 8px -5px;
}

/*- 地図ページ -*/
.map_table {
	width: 100%;
	border-collapse: collapse;
}

.map_table td {
	vertical-align: top;
	padding: 5px;
	border: #000000 solid 5px;
	width: 50%;
	background: #222222;
}

/*-------------------------- tabの切り替え -------------------------------*/
.tablist { padding: 0 0 20px; zoom:1;}
.tablist li { padding: 3px 4px; }

.tablist li.active { background-color: #990000;}
.tablist li.active a { color: #FFFFFF; text-decoration: none;}

/*-------------------------- スケジュール カラー ----------------------------*/
table.schedule { border: solid 1px #464646; font-size: 12px;}
table.schedule th { border: solid 1px #464646; background: #333333; font-weight: normal; vertical-align:middle;}
table.schedule td {	border: solid 1px #464646; vertical-align:middle;}
table.schedule td.zeb { background: #651814;}

table.schedule td.t_left,
table.schedule th.t_left { text-align:left;}
table.allcenter td { text-align:center;}
table.alltop td { vertical-align: top;}


/*- カラー設定 -*/
table .zebra { background: #262626;}
table .bg_blue { background: #4673B5;}
table .bg_green { background: #184B20;}
table .bg_yell { background: #B0B90B;}
table .bg_pink { background: #94037A;}

.popup {
	background: url(../images/i_blank.gif) no-repeat 100% 2px;
	padding-right:16px;
}
/*-------------------------- フローチャート -------------------------------*/
.flowchart {
	border: none;
	margin-bottom: 20px;
}

.flowchart td {
	border: #464646 solid 1px;
	padding: 8px;
}

.flowchart td.arrow {
	text-align: center;
	padding: 5px 0;
	border: none;
}

.flowchart td p.fl_ttl {
	border-bottom: #464646 solid 1px;
	margin-bottom: 0.5em;
	padding: 2px 0 5px 0;
	background: none;
	font-size: medium;
	font-weight: bold;
}
.furikomi {
	background: #FFFFCC; 
	padding: 10px; 
	margin: 5px 0 20px;
	color: #333333;
}

/*--*/
.agreement {
	border: solid 3px #464646;
	padding: 10px;
	margin-bottom: 2em;
	height: 180px;
	overflow: auto;
}

/*-------------------------- 申込ボタンリスト ------------------------------*/

.slide {
	position: relative;
	zoom: 1;
	margin: 2px 0;
}

.slide dt {
	padding: 2px 3px;
	background: #731D1C;
}

.slide dt.hover { background: #D14343;}

.slide dd {
	position: absolute;
	top: 0;
	right: -5.6em;
	border: solid 1px #D14343;
	border-bottom: none;
	background: #B02B2B;
	width: 5.3em;
}

.slide dd.le {
	top: 0;
	left: -5.6em;
}

.slide dd a{
	color: #FFFFFF;
	text-decoration: none;
	padding: 3px 0;
	width: 5.3em;
	border-bottom: solid 1px #D14343;
	display: block;
}

.slide dd span {
	color: #999999;
	text-decoration: line-through;
	padding: 3px 0;
	width: 5.3em;
	border-bottom: solid 1px #D14343;
	display: block;
}

.slide dd a:hover {
	background: #D14343;
}