<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@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: 124px; 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;	top: 9px;}
#header2 #navi{	margin: 7px 0 0 130px;	width: 870px;}
#header2 #navi ul{ list-style:none;}
#header2 #navi li{ float:left; text-indent:-9999px; }

#header2 #navi li a{ display: block;}
#header2 #navi li.greeting a{ width: 228px; background-image: url(../img/navi1.png);height: 40px;}
#header2 #navi li.chronicle a{ width: 246px; background-image: url(../img/navi2.png);height: 40px;}
#header2 #navi li.campaign a{ width: 210px; background-image: url(../img/navi3.png);height: 40px;}
#header2 #navi li.event a{ width: 186px; background-image: url(../img/navi4.png);height: 40px;}
#header2 #navi li.tieup a{ width: 149px; background-image: url(../img/navi5.png);height: 32px; margin-left:65px;}
#header2 #navi li.products a{ width: 167px;	background-image: url(../img/navi6.png);height: 32px;}
#header2 #navi li.link a{ width: 225px;	background-image: url(../img/navi7.png);height: 32px;}
#header2 #navi li.special a{ width: 202px;	background-image: url(../img/navi8.png);height: 32px;}

#header2 #navi li a:hover{ background-position:0 -40px;}

#header2 #navi li.greeting_r{ width:228px; background-image:url(../img/navi1.png); height: 40px; background-position:0 -40px;}
#header2 #navi li.chronicle_r{ width:246px; background-image:url(../img/navi2.png); height: 40px; background-position:0 -40px;}
#header2 #navi li.campaign_r{ width: 210px; background-image: url(../img/navi3.png);height: 40px; background-position:0 -40px;}
#header2 #navi li.event_r{ width:186px; background-image:url(../img/navi4.png); height: 40px; background-position:0 -40px;}
#header2 #navi li.tieup_r{ width: 149px; background-image: url(../img/navi5.png);height: 32px; margin-left:65px; background-position:0 -40px;}
#header2 #navi li.products_r{ width: 167px;	background-image: url(../img/navi6.png);height: 32px; background-position:0 -40px;}
#header2 #navi li.products_r a{ width: 167px;	background-image: url(../img/navi6.png);height: 32px; background-position:0 -40px;}
#header2 #navi li.link_r{ width: 225px;	background-image: url(../img/navi7.png);height: 32px; background-position:0 -40px;}
#header2 #navi li.special_r{ width: 202px;	background-image: url(../img/navi8.png);height: 32px; background-position:0 -40px;}

#header2 #navi li.event{ width:186px; background-image:url(../img/navi4.png); height: 40px; background-position:0 -80px;}
#header2 #navi li.special{ width:202px; background-image:url(../img/navi8.png); height: 40px; background-position:0 -80px;}

#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: 16px;	left: 49px;}
#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: 0px; top: 360px;}
#main_con .new0514{	position: absolute;	left: 197px;	top: 360px;}
#main_con span{	position: absolute;	left: 10px;	top: 9px;}

#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;}

#main{ background-image:url(../img/main-souzou.jpg); background-repeat:no-repeat; background-position:center; min-width:1000px;}

#main-visual,
.ktlogo,
.logo{ display:none;}

#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; position: relative;}
#info_con #btn_event span{ position: absolute; left: 0px;}
#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: 150%; text-align: left;}
#info_con #news table th{ width:88px; font-weight:normal;}
#info_con #news table td{ width: 376px; color: #000;}

#info_con #news a { color: #C00; text-decoration: none;}
#info_con #news a:hover{ color: #c00; 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: #000; 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; position:relative;}
#greeting_con img { vertical-align:bottom}
#greeting_con #content{ background-image:url(../img/campaign2.jpg); background-repeat:repeat-y;}

#greeting_con ul{ list-style:none;}
#greeting_con li{ float:left; display:block; width:243px height:62px; text-indent:-9999px; margin:0 9px 8px 0; }
#greeting_con li.haru a{ display:block; width:243px; height:62px; background-image:url(../img/btn_jin1.jpg);}
#greeting_con li.natsu a{ display:block; width:243px; height:62px; background-image:url(../img/btn_jin2.jpg);}
#greeting_con li.aki a{ display:block; width:243px; height:62px; background-image:url(../img/btn_jin3.jpg);}
#greeting_con li.fuyu a{ display:block; width:243px; height:62px; background-image:url(../img/btn_jin4.jpg);}

#greeting_con a:hover{ background-position:0 62px;}

#greeting_con li.haru { display:block; width:243px; height:62px; background-image:url(../img/btn_jin1.jpg); background-position:0 62px;}
#greeting_con li.natsu { display:block; width:243px; height:62px; background-image:url(../img/btn_jin2.jpg); background-position:0 62px;}
#greeting_con li.aki { display:block; width:243px; height:62px; background-image:url(../img/btn_jin3.jpg); background-position:0 62px;}
#greeting_con li.fuyu { display:block; width:243px; height:62px; background-image:url(../img/btn_jin4.jpg); background-position:0 62px;}

#campaign{ width: 100%;	background-image: url(../img/bg_frame.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}

#frame{ width: 100%; background-image: url(../img/bg_frame.jpg); background-attachment: scroll; background-position: center top; padding-bottom:50px;}
#frame_con{ margin: 0 auto; padding-top: 20px; width: 1000px;}
#frame_con img { vertical-align:bottom}
#frame #content{	background-image: url(../img/frame2.jpg);	padding: 0 50px;	position: relative;}
#frame #content .titles{ border-left:solid 4px #cc0000; margin-bottom:25px;}
#frame #content .titles2{ margin-bottom:25px; }
#frame h2{ width:1000px; margin:0 auto; padding-top:30px;}
#frame #content h3{ font-size:22px; font-weight:bold; color:#c00; padding-bottom:10px; line-height:100%; text-indent:7px;}
#frame #content h4{ font-size:16px; font-weight:bold; color:#c00; line-height:100%; text-indent:7px;}
#frame #content .titles2 h3{ font-size:22px; font-weight:bold; color:#c00; padding-bottom:10px; line-height:100%; }
#frame #content .titles2 h4{ font-size:16px; font-weight:bold; color:#c00; line-height:100%; }
#frame #content p{
	font-size: 15px;
	color: #333;
	line-height: 165%;
	padding-bottom: 25px;
	width: 460px;
}

#products_con{ margin: 0 auto; width: 1000px;}
#products_con td{ width:250px; text-align:center;}

#products_con2{	margin: 0 auto;	width: 1000px;}
#products_con2 .titles{ width:495px; text-align:center; border:solid 1px #bbbbbb; background-color:#FFF; float:left; margin-bottom:6px;}
#products_con2 .titles p{ text-align:left; color:#333; padding:0 25px 15px 25px; font-size:15px; line-height:150%;}
#products_con2 .titles .btn{ width:182px; margin:10px 0;}

.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;}
.canbox .text h4{ margin-bottom: 18px; padding-top: 10px;}
.canbox .text .notice{ font-size:12px; line-height:130%;}

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

.campaign_outline2{	margin-top: 20px; margin-bottom: 10px; width: 100%; background-image: url(../img/white.png); padding: 5px 20px 10px 20px;}
.campaign_outline2 td{ border-bottom:solid 1px #bce9f0; padding-bottom:10px; padding-top:10px; font-size:14px;}
.campaign_outline2 span{ font-size: 13px; color: #772128;}
.campaign_outline2 dt{ float:left;}
.campaign_outline2 dd{ margin-left: 8.5em;}

.campaign_outline3{	margin-top: 20px; margin-bottom: 10px; width: 100%; background-image: url(../img/white.png); padding: 5px 20px 10px 20px;}
.campaign_outline3 td{	padding-bottom: 10px;	padding-top: 10px;	font-size: 14px;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #C8C8C8;}
.campaign_outline3 td a{ color: #737AD2;}
.campaign_outline3 td a:hover{ color:#C00;}
.campaign_outline3 span{ font-size: 13px; color: #772128;}
.campaign_outline3 dt{ float:left;}
.campaign_outline3 dd{ margin-left: 8.5em;}

.campaign_outline3 #concert{ border:solid 1px #737AD2; background-color:#D3D5EC; padding:10px; margin:5px auto 15px; width:680px; text-align:left; font-size:13px;}

.campaign_outline3 #souzou{ background-color:#eee; padding:25px; margin-top:30px; border:solid 1px #e3e3e3; position:relative;}
.campaign_outline3 #souzou .leftside{ float:left;}
.campaign_outline3 #souzou .rightside{ float:left; margin-left:25px; width:550px;}
.campaign_outline3 #souzou .rightside h2{ font-size:17px; line-height:150%; padding-bottom:6px;}
.campaign_outline3 #souzou .rightside h3{ font-size:14px; line-height:140%; color:#666; font-weight:normal; margin-bottom:20px;}
.campaign_outline3 #souzou .rightside h4{ font-size: 13px; line-height:150%; color: #666; font-weight: normal; margin-bottom:0px;}
.campaign_outline3 #souzou #get{ position: absolute; left: 589px; top: 23px;}

.campaign_outline4{	margin-top: 20px; margin-bottom: 10px; width: 100%; background-image: url(../img/white.png); padding: 20px 40px 30px 40px;}
.campaign_outline4 td{	padding-bottom: 10px;	padding-top: 10px;	font-size: 14px;	border-bottom-width: 1px;	border-bottom-style: solid;	border-bottom-color: #C8C8C8;}
.campaign_outline4 td a{ color: #737AD2;}
.campaign_outline4 td a:hover{ color:#C00;}
.campaign_outline4 span{ font-size: 13px; color: #772128;}
.campaign_outline4 dt{ float:left;}
.campaign_outline4 dd{ margin-left: 8.5em;}

#footer{ height:145px; 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: 924px; top: 70px;}
#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;}

#pagetop { bottom: 40px; right: 20px; position: fixed; z-index: 500;}

#pop{ width: 900px;	background-image: url(../img/pop2.jpg);	position: relative;	background-repeat: repeat-y;	margin: 0 auto;}
#pop img { vertical-align:bottom;}
#pop #text{	padding: 0 45px;}
#pop #text .title{	font-size: 27px; font-weight: bold;	color: #C00; padding-top: 15px;	line-height: 120%;}
#pop #text .spec{ font-size: 14px;	font-weight: normal; line-height: 140%;	color: #666; padding-top: 10px;}
#pop #text p{ font-size: 15px; line-height: 150%; margin-top: 20px;	width: 480px; color: #000; margin-bottom: 16px;}
#pop #text .getshop{
	position: absolute;
	left: 719px;
	top: 37px;
}
#pop #text a{ color:#F90;}
#pop #text a:hover{ color:#F00;}
#pop #visual{ position: absolute; top: 128px; left: 386px;}

.tooltipCont { display: none; position: absolute; z-index: 100; padding: .5em; background: #000; font-size: 80%; color: #fff; text-decoration: none;}


#thumblist { width: 1000px;	margin:0 auto;}
#thumblist ul {	margin: 0 auto;	width: 1000px; text-align: left;}
#thumblist ul li { width: 250px; text-align: center; float: left; overflow: hidden;}
#thumblist ul li img { display: none;}
#thumblist ul:after { content: "."; height: 0; clear: both;	display: block;	visibility: hidden;}
#thumblist ul {	display: inline-block; overflow: hidden;}
#thumblist .caption{ font-size:12px; color:#111; line-height:130%; padding-top:5px; padding-bottom:30px;}

#prev-product{ top: 250px; left: 0px; position: fixed;}
#next-product{ top: 250px; right: 0px; position: fixed;}

.onlinebox{ width:893px; margin-left:2px;}
.onlinebox td{ border-bottom:solid 1px #bbbbbb; border-right:solid 1px #bbbbbb; padding:20px 30px 30px 30px; width:376px;}
.onlinebox td .titles{ font-size: 14px; color: #00A3D8;	line-height: 150%;}
.onlinebox td .titles2{	font-size: 14px;	color: #CC6600;	line-height: 150%;}
.onlinebox td .catch{ margin-bottom:15px;}
.onlinebox td .btn{ text-align:center; margin-top:15px;}
.onlinebox td .img{ text-align:center; margin-top:15px;}
.onlinebox td p{ font-size:14px; color:#444; line-height:145%;}

.nbox{ position:relative;}
.nbox .mlogo{ position: absolute;}
.nbox .day{	position: absolute;	top: 80px; left: -20px;}
.nbox .card{ position: absolute; top: 84px;	left: 283px;}

#tgs{ width: 100%; background-image: url(../img/tgs/bg_tgs.jpg); background-attachment: scroll; background-position: center top;}
#tgs_con{ margin: 0 auto; padding-top: 40px; padding-bottom: 20px; width: 1000px; position:relative; }
#tgs_con #frame{ background-image:url(../img/tgs/frame2.jpg);}
#framing{ background-image:url(../img/tgs/frame1.jpg);}
#framing h2{ padding:55px 0 10px 60px;}
#framing h3{ padding:15px 0 0 55px;}
#framing h4{ padding:15px 0 0 60px;}
#framing .notice{ margin:0 auto; width:872px; padding-top:10px; color:#666; font-size:14px;}
#red{ padding:20px; width:832px; margin:0 auto; background-image:url(../img/tgs/red.jpg); background-color:#400000; color:#FFF;}
#red #infomation{ width:100%; line-height:150%; font-size:14px;}
#red #infomation th{ text-align:left; border-bottom:solid 1px #945353; padding:5px 3px; font-weight:normal;}
#red #infomation td{ text-align:left; border-bottom:solid 1px #945353; padding:5px 3px;}
#red a{ color:#F90;}


#tgs_con img, ul, li{ margin: 0; padding: 0; border: 0;	vertical-align: baseline;}
#tgs_con ol, ul { list-style: none;}
#container { text-align: center; margin:30px auto; width:890px;}
#loopslider { width: 890px;	height: 448px;	text-align: left; position: relative; overflow: hidden;}
#loopslider ul { height: 448px;	float: left; display: inline; overflow: hidden;}
#loopslider ul li {	width: 300px; height: 448px; float: left; display: inline;	overflow: hidden;}
#loopslider #loopleft {	top: 0;	left: 0; width: 34px; height: 448px; line-height: 100px; color: #fff; text-align: center; font-weight: bold; position: absolute; overflow: hidden; cursor: pointer;	z-index: 99; background-image:url(../img/tgs/left.png);}
#loopslider #loopright { top: 0; right: 0;	width: 34px; height: 448px;	line-height: 100px;	color: #fff; text-align: center; font-weight: bold;	position: absolute;	overflow: hidden; cursor: pointer; z-index: 99; background-image:url(../img/tgs/right.png);}
#loopslider ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden;}
#loopslider ul { display: inline-block;	overflow: hidden;}

.serial{ margin-top:15px;}
.serial td{ margin:0; padding:0; border:none; font-size:13px;}

.serial2 td{ margin:0; padding:0; border:none; font-size:14px;}</pre></body></html>