@charset "UTF-8";

/* ******************************************************************

	--style.css--

	1. Style setting
		1-1. FontColor styles
		1-2. Headline styles
		1-3. Error styles
		1-4. Table styles
		1-5. Button styles
		1-6. Pager styles

	2. Layout setting
		2-1. Base styles
		2-2. Header styles
		2-3. Navi styles
		2-4. Breadcrumbs styles
		2-5. Main styles
		2-6. Side styles
		2-7. Footer styles

	3. Home Style
		3-1. kyvSection
		3-2. pickupBox

****************************************************************** */

/*==================================================================
	1. Style setting
===================================================================*/

/* ------------------------------------------------------------------
	1-1. FontColor styles
-------------------------------------------------------------------*/
html {
	color:#333;
}
a:link, a:visited {
	color:#FF5400;
	text-decoration:none;
}
a:hover, a:active {
	text-decoration:underline;
}
/* ------------------------------------------------------------------
	1-2. Headline styles
-------------------------------------------------------------------*/
.headline {
	margin-bottom:20px;
	padding:5px 5px 7px 15px;
	border-left:7px solid #FF5400;
	border-bottom:2px solid #FF5400;
	font-size:138.5%;
	font-weight:bold;
}
.headline.rent {
	border-left:7px solid #4064AD;
	border-bottom:2px solid #4064AD;
	color:#4064AD;
}
.headline2 {
	margin-bottom:10px;
	font-size:123.1%;
	font-weight:bold;
}
.headline3 {
	margin-bottom:10px;
	padding-bottom:5px;
	border-bottom:1px solid #A9A9A9;
	color:#FF5500;
	font-size:108%;
	font-weight:bold;
}

/* ------------------------------------------------------------------
	1-3. Error styles
-------------------------------------------------------------------*/
.error {
	margin:0 auto 10px;
	padding:8px 0;
	background-color:#FFD3C3;
}
.error li {
	padding-left:25px;
	background:#FFD3C3 url(/img/common/icon_error.gif) no-repeat 10px .35em;
 /background-position:10px .2em;
	color:#F00;
}
.error input, .error textarea, .error select {
	background-color:#FFD3C3;
}
/* ------------------------------------------------------------------
	1-4. Table styles
-------------------------------------------------------------------*/

/* Sheet styles
-------------------------------------------------------------------*/
.sheet {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
}
.sheet caption {
	padding:8px 5px;
	border-top:2px solid #06C;
	border-bottom:none;
	font-weight:bold;
	text-align:left;
}
.sheet thead th {
	width:auto;
	padding:8px;
	background-color:#CCC;
	background-image:none;
	font-weight:bold;
	line-height:1;
	text-align:left;
}
.sheet th, .sheet td {
	padding:8px;
	border:1px solid #CCC;
}
.sheet th {
	width:200px;
	padding-left:15px;
	background:#EEE;
	font-weight:bold;
	text-align:center;
}

.sheet.paddSheet th {
	padding-left: 8px;
}


.sheet td {
	vertical-align:top;
}
.sheet .text, .sheet textarea {
	width:80%;
	padding:5px;
	background:#F7F7F7;
	font-size:100%;
	font-weight:normal;
}
.sheet .text:focus, textarea:focus {
	background-color:#FFF;
}
.sheet .caution {
	display:block;
	color:#C00;
	font-size:11px;
}
.infoSheet {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	empty-cells:show;
	margin-bottom:20px;
	border-top:1px solid #939393;
	border-bottom:1px solid #939393;
}
.infoSheet tr {
	margin-bottom:10px;
}
.infoSheet th {
	width:120px;
	padding:10px;
	vertical-align:top;
	border-bottom:1px dotted #939393;
}
.infoSheet td {
	padding:10px;
	border-bottom:1px dotted #939393;
}
.infoSheet td p {
	border-left:3px #D3D3D3 solid;
	padding-left:15px;
}
.infoSheet th.item {
	width:50px;
	background-color:#D2D2D2;
	text-align:center;
}


/* ------------------------------------------------------------------
	1-5. Button styles
-------------------------------------------------------------------*/
.button {
	text-align:center;
}
.button li{
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin:0 5px;
	width:170px;
	text-align:center;
}
.button li input {
	display:block;
	width:170px;
	margin:0;
	padding:10px 25px;
	border:2px solid #CCC;
	background: -moz-linear-gradient(top, #FFF, #EEE);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	text-align:center;
	line-height:1;
	outline:none;
	cursor:pointer;
}
/* ------------------------------------------------------------------
	1-6. Pager styles
-------------------------------------------------------------------*/
.pager {
	clear:both;
	margin:2em 0;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	text-align:center;
}
.pager li {
	display:inline;
}
.pager li a {
	padding:5px 8px;
	border:1px solid #DDD;
	text-decoration:none;
}
.pager li a:hover {
	border:1px solid #DBECFF;
	background:#DBECFF;
}
.pager li strong {
	padding:5px 8px;
	border:1px solid #DDD;
	background:#E7E7E7;
	color:#777;
	font-weight:bold;
}
.pager .prev{
	margin-right:5px;
}

/*==================================================================
	2. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Base styles
-------------------------------------------------------------------*/
body {
	background:url(/img/common/bg_body.gif) repeat-x 0 0;
	line-height:1.5;
}
#pageHome #wrapper{
	background:url(/img/home/bg_wrapper1.jpg) repeat-x 50% 229px;
}
#container {
	position:relative;
	width:970px;
	margin:0 auto;
}
#pageHome #sideInner,
#pageSearch #sideInner,
#pageDetail #sideInner {
	background:url(/img/common/bg_contents.gif) repeat-y 0 0;
}
#noScript {
	width:938px;
	margin:30px auto;
	padding:20px;
	border:1px solid #FF8282;
	background:#FFE0E6;
	font-weight:bold;
	text-align:center;
}
.section {
	display:block;
	margin-bottom:3px;
	box-shadow:2px 2px 3px rgba(0,0,0,0.1);
	border:1px solid #BABABA;
	background-color:#FFF;
	outline:none;
}
h1 img, h2 img, h3 img, h4 img{
	vertical-align:bottom;
}
.li{
	padding-left:13px;
	background:url(/img/common/icon_li.gif) no-repeat 0 3px;
	cursor:pointer;
}

/* ------------------------------------------------------------------
	2-2. Header styles
-------------------------------------------------------------------*/
#header {
	position:relative;
	height:229px;
	margin-bottom:25px;
}
*:first-child+html #header {
	z-index:1;
}
#pageHome #header {
	margin-bottom:0;
}
#logo {
	display:block;
	position:absolute;
	top:93px;
	left:0;
	width:699px;
	height:102px;
	text-align:center;
	line-height:1;
}
#headSearch {
	position:absolute;
	top:34px;
	right:0;
	width:220px;
	height:23px;
	padding-left:10px;
	background:#D6D6D6 url(/img/common/bg_head_search.gif) no-repeat 0 0;
}
#headSearch #areaHeadSearch {
	width:140px;
	height:14px;
	border:none;
	background-color:#EAEAEA;
	color:#666;
	font-size:11px;
	line-height:1;
	outline:none;
}
#headSearch #btnHeadSearch {
	position:absolute;
	top:0;
	right:0;
	width:67px;
	height:22px;
}

#fontChange {
	position:absolute;
	top:72px;
	right:0;
	padding-left:65px;
	background:url(/img/common/font_text.gif) no-repeat 0 50%;
}
#fontChange li {
	display:block;
	overflow:hidden;
	float:left;
	width:22px;
	height:22px;
	margin-left:5px;
	background:url(/img/common/btn_fontchange.gif) no-repeat -22px -22px;
	text-indent:-9999px;
}
.f11 #fontChange li, .f15 #fontChange li {
	background-position:-22px 0;
	cursor:pointer;
}
#fontChange #f11 {
	background-position:0 0;
	cursor:pointer;
}
.f11 #fontChange #f11 {
	background-position:0 -22px;
	cursor:default;
}
#fontChange #f15 {
	background-position:-44px 0;
	cursor:pointer;
}
.f15 #fontChange #f15 {
	background-position:-44px -22px;
	cursor:default;
}

#pageEnglish #fontChange {
	background-image:none;
}
#pageEnglish #fontChange li {
	background:url(/img/english/btn_fontchange.gif) no-repeat -22px -22px;
}
#pageEnglish .f11 #fontChange li,
#pageEnglish .f15 #fontChange li {
	background-position:-22px 0;
}
#pageEnglish #fontChange #f11 {
	background-position:0 0;
}
#pageEnglish .f11 #fontChange #f11 {
	background-position:0 -22px;
}
#pageEnglish #fontChange #f15 {
	background-position:-44px 0;
}
#pageEnglish .f15 #fontChange #f15 {
	background-position:-44px -22px;
}

.btnPrint {
	position:absolute;
	top:35px;
	right:0px;
	display:block;
	width:22px;
	height:19px;
}
.linkSitemap {
	position:absolute;
	top:35px;
	right:42px;
}
.linkSitemap a{
	color:#333;
}

.btnBarrier {
	position:absolute;
	top:78px;
	right:160px;
	display:block;
	height:12px;
	line-height:1px;
}
.btnBarrier li{
	float:left;
	margin-left:10px;
}
#pageEnglish .btnBarrier {
	right:100px;
}

#menu ul {
	display:block;
	list-style-type:none;
	z-index:1;
}
#menu ul ul {
	display:none;
	position:absolute;
	top:100%;
	left:0;
}
#menu ul ul ul {
	top:0;
	left:100%;
}
#menu li {
	float:left;
	width:128px;
	height:30px;
	line-height:30px;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	z-index:100;
}
#menu li#menuAbout{
	width:191px;
}
#menu li a {
	display:block;
	padding:0 10px;
	color:#FFF;
}
#menu li a:hover {
	background-color:#FDA500;
	text-decoration:none;
}
#menu li li {
	width:220px;
	clear:both;
	background-color:#FDA500;
	border-top:1px #FFF solid;
	text-align:left;
}
#menu li li a {
	background:url(/img/common/li_navi.gif) no-repeat 10px 50%;
	padding-left:20px;
}
#menu li:hover {
	position:relative;
}
#menu li:hover > ul {
	display:block
}
#menu li li a:hover {
	background-color:#FF5400;
}
#menu #menuAbout li{
	width:260px;
}

/* ------------------------------------------------------------------
	2-3. Navi styles
-------------------------------------------------------------------*/
#pageHome #navi {
	position:absolute;
	top:290px;
	height:50px;
}
#navi {
	margin-bottom:25px;
}
#navi li { float:left; }
#navi li a {
	display:block;
	overflow:hidden;
	height:0;
	padding-top:50px;
	background:url(/img/common/navi.png) no-repeat;
	line-height:50px;
	behavior:url(/htc/PIE.php);
}
li#naviNews a { width:243px; background-position:0 0; }
li#naviNews a:hover, #pageNews li#naviNews a { background-position:0 -50px; }

li#naviEvent a { width:242px; background-position:-243px 0; }
li#naviEvent a:hover, #pageSearch li#naviEvent a, #pageDetail li#naviEvent a{ background-position:-243px -50px; }

li#naviTicket a { width:243px; background-position:-485px 0; }
li#naviTicket a:hover, #pageTicket li#naviTicket a { background-position:-485px -50px; }

li#naviCalendar a { width:242px; background-position:-728px 0; }
li#naviCalendar a:hover, #pageCalendar li#naviCalendar a { background-position:-728px -50px; }

/* ------------------------------------------------------------------
	2-4. Breadcrumbs styles
-------------------------------------------------------------------*/
.breadcrumbs {
	position:absolute;
	top:38px;
	left:0;
	width:730px;
	line-height:1;
	color:#858585;
	font-size:93%;
	overflow:hidden;
	white-space:nowrap;
	-o-text-overflow:ellipsis;
	text-overflow:ellipsis;
}
.breadcrumbs li {
	display:inline;
	margin-right:3px;
}
.breadcrumbs a:link, .breadcrumbs a:visited {
	padding-right:10px;
	color:#858585;
	background:url(/img/common/icon_breadcrumbs.gif) no-repeat 100% 50%;
}
/* ------------------------------------------------------------------
	2-5. Main styles
-------------------------------------------------------------------*/
#main {
	float:right;
	width:720px;
}
#pageHome #main {
	width:730px;
}
#pageContact #main,
#pageLink #main,
#pagePolicy #main,
#pagePrivacy #main,
#pageFaq #main,
#pageSitemap #main,
#pageError #main {
	float:none;
	width:730px;
	margin:0 auto;
}

/* ------------------------------------------------------------------
	2-6. Side styles
-------------------------------------------------------------------*/
#side {
	float:left;
	width:230px;
}
#sideInner {
	padding:7px;
}
#side .section .inner {
	padding:0 10px 10px;
}
#sideNews h4{
	padding-bottom:10px;
	border-bottom:1px #999 dotted;
}
#sideNews li{
	padding:5px 0;
	border-bottom:1px #999 dotted;
}
#sideToday h4{
	background:url(/img/common/bg_sidetoday.gif) no-repeat 200px 5px;
}
#sideToday p {
	padding:5px 10px 10px;
}
#sideLink {
	background:url(/img/common/side_linedot.gif) repeat-x 0 0;
}
#sideLink li {
	background:url(/img/common/side_linedot.gif) repeat-x 0 100%;
	padding:10px;
}
#sideLink li a {
	background:url(/img/common/side_li.gif) no-repeat 0 50%;
	padding-left:13px;
	color:#333;
}
#sideMovie{
	background-color:#000;
}

#sideAbout {
	position:relative;
	width:235px;
	height:173px;
	background:url(/img/common/bg_side_about.gif) no-repeat 0 0;
}
#sideAbout ul li {
	position:absolute;
	left:15px;
}
#sideAbout ul li#sideAboutInternet {
	top:45px;
}
#sideAbout ul li#sideAboutTel {
	top:93px;
}
#sideAbout ul li#sideAboutContact {
	top:139px;
}
.bnrSection li {
	padding:0;
	line-height:1;
}
.bnrSection li.line {
	margin-bottom: 5px;
	padding-bottom: 3px;
	background: url(/img/common/side_linedot.gif) repeat-x 0 100%;
}
.sideHeadline {
	height:26px;
	padding:2px 5px 0 7px;
	font-size:93%;
	font-weight:bold;
}
.sideHeadline, .sideHeadline a, .sideHeadline a:hover {
	color:#FFF;
}
.sideHeadline.orange {
	background-image:url(/img/common/h_side_orange.gif);
}

.sideMenu li{
	padding:5px 0;
	border-bottom:1px #999 dotted;
}
.sideMenu li a{
	padding-left:11px;
	background:url(/img/common/icon_side_li.gif) no-repeat 0 6px;
}
.sideMenu ul{
	margin-top:5px;
}
.sideMenu li li{
	padding:0 0 5px 20px;
	border-bottom:none;
}
.sideMenu li li a{
	background:url(/img/common/icon_side_li_li.gif) no-repeat 0 6px;
}



/* ------------------------------------------------------------------
	2-7 Footer styles
-------------------------------------------------------------------*/

/*	PageTop styles
-------------------------------------------------------------------*/
#pageTop {
	position:relative;
	clear:both;
	width:970px;
	height:0;
	margin:0 auto;
}
#pageTop a {
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	width:106px;
	height:23px;
}
/*	Footer styles
-------------------------------------------------------------------*/
#footer {
	padding:8px 0;
	background-color:#D6D6D6;
	font-size:93%;
}
#footerInner, #copyrightInner {
	width:970px;
	margin:0 auto;
}
#footerInner li {
	float:left;
	font-size:85%;
}
#footerInner .leftBox li a{
	color:#333;
}
#footerInner .leftBox li {
	padding:0 7px;
	border-left:1px solid #B3B3B3;
}
#footerInner .leftBox li:first-child {
	padding-left:0;
	border-left:none;
}
#footerInner .rightBox li {
	margin-left:5px;
}
#copyright {
	padding:10px 0;
	background-color:#FF5400;
	color:#FFF;
	font-size:85%;
}
#footBnr {
	text-align:center;
}
#footBnr li{
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin:0 3px;
}

/*==================================================================
	3. Home Style
===================================================================*/

/* ------------------------------------------------------------------
	3-1. kyvSection
-------------------------------------------------------------------*/
#kyvSection {
	position:relative;
	height:340px;
	margin-bottom:20px;
}
#pickupMovie{
	position:absolute;
	top:60px;
	right:0;
	width:525px;
	height:180px;
	background:url(/img/home/bg_pickup_movie.png) no-repeat 0 0;
}
#pickupMovie h2{
	position:absolute;
	top:60px;
	right:300px;
	width:205px;
	height:100px;
	font-weight:bold;
	overflow:hidden;
}
#pickupMovie h2 a{
	color:#FFF;
}
#pickupMovie iframe{
	position:absolute;
	top:15px;
	right:15px;
}

/* ------------------------------------------------------------------
	3-2. pickupBox
-------------------------------------------------------------------*/
.pickupBox {
	width:730px;
	min-height:300px;
	position:relative;
}
.pickupBox h3 {
	padding-right:75px;
	font-weight:bold;
}
.pickupBox .iconPickup{
	position:absolute;
	top:-55px;
	right:0;
}
.pickupBox .rightBox {
	width:485px;
}
.pickupBox .rightBox .date {
	padding:5px 7px;
	background-color:#EDEDED;
}
.pickupBox .leftBox {
	width:195px;
}
.btnDetail {
	position:absolute;
	right:-4px;
	bottom:7px;
}
.pickupStatus{
	display:inline-block;
	padding:0 10px;
	margin-bottom:10px;
	height:25px;
	background:url(/img/home/bg_pickup.gif) repeat-x 100% 0;
	color:#FFF;
	line-height:25px;
	text-align:center;
	font-weight:bold;
}

/* ------------------------------------------------------------------
	3-3. ticketBox
-------------------------------------------------------------------*/
.ticketBox {
	position:relative;
	float:left;
	width:350px;
	margin:0 10px 10px 0;
}
.ticketBox h3 {
	font-weight:bold;
}
.ticketBox .rightBox {
	width:170px;
}
.ticketBox .rightBox .date {
	padding:5px 7px;
	background-color:#EDEDED;
}
.ticketBox .leftBox {
	width:150px;
}

/*==================================================================
	newsSec
===================================================================*/
.newsSec{
	margin-bottom:15px;
	padding:5px;
	background:url(/img/common/h_stripe.gif) repeat 0 0;
}
.newsSec a{
	color:#FF5400;
}
.newsSec h2{
	color:#FF5400;
	font-size:138.5%;
	font-weight:bold;
}
.newsSec .inner{
	padding:20px;
	background-color:#FFF;
}
.newsSec.section{
	border:none;
}

/*==================================================================
	privacySec
===================================================================*/
.privacySec{
	padding:15px;
	background-color:#E6EBEE;
}
.dotline{
	padding-bottom:20px;
	border-bottom:1px dotted #959595;
}

/*==================================================================
	2. Other setting
===================================================================*/
.notice {
	border:1px solid #A1A1A1;
	padding:18px 30px;
	margin:0 auto;
}
.orange{
	color:#FF5500;
}
.w150 {
	width:150px !important;
}
.w330 {
	width:330px !important;
}
.w200 {
	width:200px !important;
}
.w220 {
	width:220px !important;
}
.w245 {
	width:245px !important;
}
.w415 {
	width:415px !important;
}
.w460 {
	width:460px !important;
}
/*.w30 {
	width: 30px !important;
}*/
.sheet th.w30 {
	padding: 5px !important;
}

.linkBtn {
	text-align:center;
}
.linkBtn li{
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	margin:0 5px;
	width:170px;
	padding:15px 10px;
	background-color:#EDEDED;
	border:5px solid #D2D2D2;
	text-align:center;
	font-weight:bold;
}
.linkBtn li a {
	display:block;
	border:none;
	color:#333;
	text-align:center;
	line-height:1.3;
	outline:none;
	cursor:pointer;
}
.downArrow{
	background:url(/img/guide/icon_downarrow.gif) no-repeat 50% 100%;
	padding-bottom:21px;
}
.downArrow .line{
	border-right:1px dotted #999;
}
.aboutList li{
	margin-bottom:10px;
	padding-left:18px;
	background:url(/img/english/icon_li_about.gif) no-repeat 0 5px;
}
.aboutList li.line{
	padding-bottom:20px;
	border-bottom:1px solid #333;
}

#pageContact h1 .li{
	float:right;
	font-weight:normal;
	font-size:85%;
	background:url(/img/common/icon_li.gif) no-repeat 0 50%;
}

/* ------------------------------------------------------------------
	4-1. pdfSec
-------------------------------------------------------------------*/
.pdfSec{
	padding:10px;
	border:1px solid #CCC;
}
.pdfSec img{
	float:left;
	margin-right:10px;
}

/* ------------------------------------------------------------------
	2-1. ImgIcon styles
-------------------------------------------------------------------*/
.pdf {
	padding:6px 0 6px 22px;
	background:url(/img/common/icon_pdf.gif) no-repeat 0 .4em;
}
.downloadList li{
	margin-bottom:10px;
	padding:0 7px 7px 7px;
	border-bottom:1px dotted #949494;
}
.downloadList li a{
	padding-left:22px;
	background:url(/img/common/icon_pdf.gif) no-repeat 0 50%;
}

/*==================================================================
	2. Sitemap
===================================================================*/
#pageSitemap #main ul li{
	margin-bottom:10px;
}
#pageSitemap #main ul ul{
	margin:10px 0 20px;
}
#pageSitemap #main ul li a,
#pageSitemap #main ul li span{
	padding-left:13px;
	background:url(/img/common/icon_li.gif) no-repeat 0 3px;
}
#pageSitemap #main ul li li a,
#pageSitemap #main ul li li span{
	padding-left:0;
	background:none;
}
#pageSitemap #main ul li li{
	margin-left:20px;
}
#pageSitemap #main ul li span{
	color:#FF5400;
}