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

html,body,div,ul,ol,li,dl,dt,dd,form,fieldset,input,textarea,h1,h2,h3,h4,h5,h6,pre,code,p,blockquote,hr,th,td { margin:0; padding:0;}

body{ background-color: #fff; color: #BBB; margin: 0; padding: 0; font-family: ヒラギノ角ゴ Pro W3, Hiragino Kaku Gothic Pro, メイリオ, Meiryo, Osaka, ＭＳ Ｐゴシック, MS PGothic, sans-serif;}
img { border: 0;}
a {	color: #F00; text-decoration: none;}
a:hover{ color: #A7030E;}
a:visited{ color: #C00;}

#header{ margin:0 auto; height: 38px; width: 100%; background-image: url(img/header.jpg); text-align:center;}
#header2 h1{ height:38px;}
#header2{ margin:0 auto; height: 103px; width: 100%; background-image: url(img/header2.jpg); text-align:center; position:relative;}
#header2 #con{ width:1000px; margin:0 auto;}
#header2 #con #btn_top{ position:absolute;}
#header2 #navi{ margin:5px 0 0 140px;}
#header2 #navi ul{ list-style:none;}
#header2 #navi li{ float:left; text-indent:-9999px; height:50px;}

#header2 #navi li a{ display:block; height:50px;}
#header2 #navi li.greeting a{ width:320px; background-image:url(img/navi1.png);}
#header2 #navi li.chronicle a{ width:255px; background-image:url(img/navi2.png);}
#header2 #navi li.event a{ width:131px; background-image:url(img/navi3.png);}
#header2 #navi li.kinenbi a{ width:430px; background-image:url(img/navi4.png);}
#header2 #navi li a:hover{ background-position:0 -50px;}

#header2 #navi li.greetingr{ width:320px; background-image:url(img/navi1.png); background-position:0 -50px;}
#header2 #navi li.chronicler{ width:255px; background-image:url(img/navi2.png); background-position:0 -50px;}
#header2 #navi li.eventr{ width:131px; background-image:url(img/navi3.png); background-position:0 -50px;}
#header2 #navi li.kinenbir{ width:430px; background-image:url(img/navi4.png); background-position:0 -50px;}

#header2 #navi li.chroniclen{ width:255px; background-image:url(img/navi2n.png);}
#header2 #navi li.eventn{ width:131px; background-image:url(img/navi3n.png); }

#main{ position:relative; height:540px; background-color:#000;}
#main_con{ position:relative; width:1000px; margin:0 auto;}
#main_con .ktlogo{ position: absolute; top: 15px;}
#main_con .logo{ position: absolute; top: -3px;	left: 260px;}
#main_con .catch{ position: absolute; top: 29px; left: 761px;}
#main_con .b01{	position: absolute;	left: -8px;	top: 396px;}
#main_con .b02{
	position: absolute;
	left: 334px;
	top: 396px;
}
#main_con .b03{	position: absolute;	left: 669px; top: 396px;}
#main_con .day{
	position: absolute;
	left: 847px;
	top: 302px;
}

#main-visual{	position:absolute;	top:0;	left:0;	width:100%;	min-width:1000px;	display:block;}
.visual-container{	position:absolute;	top:0;	left:0;	width:100%;	height:510px;}
#main-visual .pac-left,
#main-visual .pac-right{	position:absolute;	top:0;	width:50%;	height:510px;	background-repeat:no-repeat;}
#main-visual .pac-left{	right:50%;	background-position:right;}
#main-visual .pac-right{	left:50%;	background-position:left;}

#info{ width:100%; background-image:url(../img/bg_info.jpg);}
#info_con{ margin: 0 auto; padding-top: 40px; padding-bottom: 20px; width: 1000px;}
#info_con #btn_event{
	width: 493px;
	float: left;
}
#info_con #news{
	width: 473px;
	float: right;
	background-image: url(../img/news.jpg);
	height: 112px;
	padding: 10px;
}
#info_con #news table{ margin-top:10px; font-size:13px; line-height:135%; text-align:left;}
#info_con #news table th{ width:88px; font-weight:normal;}
#info_con #news table td{
	width: 376px;
	/*color: #900;*/
	color:#222;
}

#info_con #news a { color: #c00; text-decoration: none;}
#info_con #news a:hover{ color: #E00; text-decoration: underline;}


#info_con .box{
	width: 225px;
	float: left;
	margin: 18px 33px 10px 0;
	background-repeat: no-repeat;
}
#info_con .box h3{
	margin: 10px 0 0 0;
}

#info_con .box .text{
	margin: 10px 0px 30px 0px;
	font-size: 14px;
	/*color: #900;*/
	color:#222;
	line-height: 150%;
}
#info_con .box .text ul{ list-style:none; margin-top:10px;}
#info_con .box .text li{ float:left; margin-right:5px;}

#info_con .box .text dt{ margin-top:10px;}
#info_con .box .text dl{ float:left; margin-right:5px;}
#info_con .box .text dd{ font-size:12px; color:#FFF;}
#info_con .box .text dd a{ color:#FFF;}
#info_con .box .text dd a:hover{ color:#ccc;}

#info_con img { vertical-align:bottom}

#greeting{ width: 100%; background-image: url(img/bg_greeting.jpg); background-attachment: scroll; background-position: center top;}
#greeting_con{ margin: 0 auto; padding-top: 40px; padding-bottom: 20px; width: 1000px;}
#greeting_con img { vertical-align:bottom}
#greeting_con #content{ background-image:url(img/campaign2.jpg); background-repeat:repeat-y;}

#campaign{ width: 100%; background-image: url(img/bg_campaign.jpg); background-attachment: scroll; background-position: center top;}
#campaign_con{ margin: 0 auto; padding-top: 40px; padding-bottom: 20px; width: 1000px;}
#campaign_con img { vertical-align:bottom}

.canbox{ margin:0 auto; width:897px; background-image:url(img/canbox2.jpg); }
.canbox .text{
	width: 820px;
	margin: 0 auto;
	font-size: 15px;
	color: #000;
	line-height: 150%;
	position: relative;
}
.canbox .text .btn{
	position: absolute;
	left: 584px;
	top: 23px;
}
.canbox .text h3{ margin-bottom:20px;}

.campaign_outline{ margin-top:30px; margin-bottom:10px; width:100%; border-bottom:solid 1px #8c0000; border-top:solid 1px #8c0000;}
.campaign_outline td{ border-bottom:solid 1px #d49097; padding-bottom:10px; padding-top:10px; font-size:14px;}
.campaign_outline span{
	font-size: 13px;
	color: #772128;
}

#footer{ height:70px; background-image:url(/img/footer.jpg); }
#footer_con{ margin:0 auto; width:1000px; position:relative;}
#footer_con #sns{
	height: 55px;
}
#footer_con #logo30th{
	position: absolute;
	left: 923px;
	top: -24px;
}
#footer_con #copyright{ margin-top:40px; text-align:center;}

#footer_con ul{ list-style:none;}
#footer_con li{
	float: left;
	padding-top: 15px;
}
#footer_con li.facebook { margin-right:10px;}
#footer_con li.twitter { margin-right:10px;}

#pop{ width:800px; height:430px; background-image:url(img/pop.jpg); position:relative; }
#pop #text{ padding:35px; color:#FFF;}
#pop #text h1{
	font-size: 24px;
	font-weight: bold;
	color: #FC0;
}
#pop #text h2{
	font-size: 14px;
	font-weight: bold;
	margin-top: 6px;
	line-height: 140%;
	color: ccc;
}
#pop #text p{
	font-size: 15px;
	line-height: 150%;
	margin-top: 40px;
	width: 330px;
	color: #FFF;
}
#pop #text a{ color:#F90;}
#pop #text a:hover{ color:#F00;}
#pop #visual{
	position: absolute;
	top: 128px;
	left: 386px;
}