@charset "UTF-8";

/* HTML5 display definitions */
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {display: block;}
audio,canvas,video {display: inline-block;}
audio:not([controls]) {display: none; height: 0;}
[hidden] {display: none;}
html {
	background: #fff;
	color: #000;
	font-family: Helvetica, arial, Verdana, sans-serif;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body,ol,ul,li,dl,dt,dd,form,h1,h2,h3,h4,h5,h6,p,button,input,select,textarea { margin: 0;}
ol,ul,li,dl,dt,dd { padding: 0; list-style-type: none;}
button,input,select { line-height: 1; position:relative; top: 1px;}
img { border: 0; vertical-align: top;}
table { border-collapse: collapse; border-spacing: 0;}
em { font-style: normal;}
sub,sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline;}
sup {top: -0.5em;}
sub {bottom: -0.25em;}
fieldset { margin: 0 2px; padding: 0.35em 0.625em 0.75em;}
legend { border: 0; padding: 0; white-space: normal;}

/* ---------- Base ---------- */
body {
	font-size:12px;
	font-family:Arial,Verdana,Sans-Serif;
	color: #111111;
	background-color: #f7f7f7;
}
*:first-child+html body {/*lte IE 7*/
	font-size:small;
}
* html body {/*lte IE 6*/
	font-size:small;
}
/* h1, h2, h3, h4, h5, h6 { font-size:93%;}*/
a, a:link, a:visited {
	color:#101010;
	text-decoration:underline;
	outline:none;
}
a:hover, a:active {
	color:#666;
	text-decoration:none;
}
::selection {
background: #DCE700;
color:#666666;
}
::-moz-selection {
background: #DCE700;
color:#666666;
}
/* ---------- btn ---------- */
.btn {
	display:block;
	overflow:hidden;
	white-space:nowrap;
	text-indent:-9999px;
	background-repeat:no-repeat;
}
a.btn {
	background-position:left top;
}
a:active.btn {
	position:relative;
	top:1px;
}
/* CSS Styles that are needed by jScrollPane for it to operate correctly. */
.jspContainer{overflow:hidden;position:relative}.jspPane{position:absolute}.jspVerticalBar{position:absolute;top:0;right:0;width:19px;height:100%;background:red}.jspHorizontalBar{position:absolute;bottom:0;left:0;width:100%;height:16px;background:red}.jspVerticalBar *,.jspHorizontalBar *{margin:0;padding:0}.jspCap{display:none}.jspHorizontalBar .jspCap{float:left}.jspTrack{background:#eaeaea;position:relative}.jspDrag{background:#d2d2d2;position:relative;top:0;left:0;cursor:pointer}.jspHorizontalBar .jspTrack,.jspHorizontalBar .jspDrag{float:left;height:100%}.jspArrow{background:#50506d;text-indent:-20000px;display:block;cursor:pointer}.jspArrow.jspDisabled{cursor:default;background:#80808d}.jspVerticalBar .jspArrow{height:16px}.jspHorizontalBar .jspArrow{width:16px;float:left;height:100%}.jspVerticalBar .jspArrow:focus{outline:none}.jspCorner{background:#eeeef4;float:left;height:100%}* html .jspCorner{margin:0 -3px 0 0}


/* ================================================================================ */
/* FT13 */
/* ================================================================================ */
/*
#wrapper {
	width:100%;
}
*/
/* header
--------------------------------------------------------------- */
#header {
	height: 150px;
	color: #1f1f1f;
	background-color: #ffffff;
}
#header .section {
	width: 1000px;
	margin: 0 auto;
}
/*---------logo----------*/
#header #logo {
	float:left;
	width: 126px;
	height: 100px;
	margin-top: 50px;
}
#header #logo a {
	display: block;
	overflow: hidden;
	width: 126px;
	height: 74px;
	background: url(/13/en/common/images/logo.png) no-repeat left top;
	text-indent: -9999px;
}
/* --------- base-nav ---------- */
#header #base-nav {
	float: right;
	width: 490px;
	padding: 9px 0 0;
}
#header #base-nav li {
	float: left;
	height: 18px;
	margin-left: 15px;
}
#header #base-nav li.press a,
#header #base-nav li.contact a {
	font-size: 10px;
	padding-left: 10px;
	background: url(/13/en/common/images/maker_link.gif) no-repeat left center;
	text-decoration: none;
}
#header #base-nav li.search {
	width: 128px;
	margin-left: 18px;
	border-bottom: 1px solid #101010;
}
* html #header #base-nav li.search {
	width: 118px;
}
#header #base-nav li.search input[type="text"] {
	width: 110px;
	padding: 0 3px;
	border: 0 none;
}
* html #header #base-nav li.search input.fm {
	width: 100px;
	padding: 0 3px;
	border: 0 none;
}
#header #base-nav li.language {
	width: 75px;
	position: relative;
}
#header #base-nav li.language div {
	width: 75px;
	color: #333;
	background-color: #fff;
	border: 1px solid #111;
	position: absolute;
	left: 0;
	top: 0;
}
#header #base-nav li.language ul {
	display: none;
	margin-bottom: 8px;
}
#header #base-nav li.language li {
	float: none;
	margin: 0;
}
#header #base-nav li.language span,
#header #base-nav li.language li a {
	display: block;
	width: 75px;
	height: 18px;
	background-image: url(/13/en/common/images/btn_language.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
	cursor: pointer;
	overflow: hidden;
}
#header #base-nav li.language span { background-position: 0 0;}
#header #base-nav li.language li.lan-jp a { background-position: 0 -17px;}
#header #base-nav li.language li.lan-en a { background-position: 0 -34px;}
#header #base-nav li.language li.lan-cn a { background-position: 0 -51px;}
#header #base-nav li.language li.lan-tw a { background-position: 0 -69px;}
#header #base-nav li.language li.lan-kr a { background-position: 0 -86px;}
#header #base-nav .function {
	width: 360px;
	float: left;
}
#header #base-nav .social {
	width: 124px;
	float: right;
}
#header #base-nav .social .social-tw {
	float: left;
	width: 62px;
	height: 20px;
	margin: 0;
	overflow: hidden;
	position: relative;
}
#header #base-nav .social .social-tw iframe { margin-left: -39px;}
#header #base-nav .social .social-tw a.tw-fl-btn {
	display: block;
	width: 20px;
	height: 20px;
	background: #fff url(/13/en/common/images/icon_twitter.png) no-repeat 1px 2px;
	position: absolute;
	top: 0;
	left: 0;
}
#header #base-nav .social .social-fb {
	float: right;
	width: 56px;
	height: 20px;
	margin: 0;
	overflow: hidden;
	position: relative;
}
#header #base-nav .social .social-fb .fb_iframe_widget { overflow: hidden;}
#header #base-nav .social .social-fb .fb_iframe_widget iframe { margin-left: -26px;}
#header #base-nav .social .social-fb a.fb-like-btn {
	display: block;
	width: 20px;
	height: 20px;
	background: #fff url(/13/en/common/images/icon_facebook.png) no-repeat 1px 2px;
	position: absolute;
	top: 0;
	left: 0;
}

/*--------- global-nav ----------*/
#header #global-nav {
	float: right;
	width: 640px;
	margin-top: 40px;
}
#header #global-nav ul {
	margin-bottom: 14px;
	text-align: right;
}
#header #global-nav li,
#footer #global-nav2 li {
	display: inline-block;
	padding-left: 24px;
	text-align: left;
	font-weight: bold;
	background: url(/13/en/common/images/nav_sep.png) no-repeat left center;
	border: 0 none;
	*display: inline;
	*zoom: 1\9;
}
#header #global-nav li:first-child,
#header #global-nav ul.block2 .btnTicket,
#footer #global-nav2 li:first-child {
	padding-left: 0;
	background: none;
} 
#header #global-nav li a,
#footer #global-nav2 li a {
	text-decoration: none;
}
#header #global-nav ul.block1 a {
	font-size: 12px;
}
#header #global-nav ul.block2 a {
	font-size: 14px;
	line-height: 1.8;
}
#header #global-nav li a:hover {
	color: #DCE700;
	background-color: transparent;
}
#header #global-nav ul.block2 .btnTicket a {
	display: inline-block;
	width: 77px;
	height: 28px;
	margin-left: 10px;
	padding-left: 40px;
	background-image: url(/13/en/common/images/nav_bg_ticket.png);
	background-repeat: no-repeat;
	background-position: right top;
	*display: inline;
	*zoom: 1\9;
}
#header #global-nav ul.block2 .btnTicket a:hover {
	color: #DCE700;
	background-position: right bottom;
}

/* topic-path
--------------------------------------------------------------- */
#topic-path {
	width: 100%;
	height: 32px;
	font-size: 10px;
	line-height: 32px;
	color:#101010;
	background-color: #e6e6e6;
}
#topic-path a {
	color:#101010;
	background-color: transparent;
}
#topic-path .nav {
	width: 1000px;
	margin: 0 auto;
}

/* container
--------------------------------------------------------------- */
#container {
	width: 1000px;
	margin:0 auto 40px;
	line-height:1.66;
	color:#000;
	/*word-break:break-all;*/
}
#container .head-contents {
	margin-bottom: 16px;
	padding-top: 28px;
}
#container .head-contents h2,
#container .header h2 {
	padding-left: 16px;
	/*font-weight: normal;*/
	font-size: 20px;
	line-height: 1.2;
	background: url(/13/en/common/images/marker_title.png) no-repeat left center;
}
#container .head-contents p.ex {
    margin-top: 14px;
}
#container .head-contents .social-button {
    margin-top: 14px;
    text-align: right;
}
#container .head-contents .social-button li {
    display: inline-block;
    height: 20px;
    text-align: left;
	*display: inline;
	*zoom: 1\9;
}
#container h2.mainTitleFont{
	font-size: 30px;
	letter-spacing: 0.1em;
}
#container h3.midFont{
	margin-bottom: 20px;
	padding: 10px;
	font-size: 109%;
	line-height: 1;
	color: #000;
	background-color: #DCE700;
	letter-spacing: 0.1em;
}
#container h3.midFont2{
	margin-bottom: 10px;
	font-size: 18px;
	color: #000;
	letter-spacing: 0.1em;
}
#container h3.sectionHead {
	display: inline-block;
	height: 22px;
	margin-bottom: 20px;
	padding-right: 8px;
	font-size: 16px;
	line-height: 1.2;
	background: url(/13/en/common/images/bg_sect-head.png) no-repeat right bottom;
	*display: inline;
	*zoom: 1\9;
}
#container h3.sectionHead:before {
	content: " ";
	float: left;
	display: block;
	width: 4px;
	height: 22px;
	font-size: 8px;
	background: url(/13/en/common/images/bg_sect-head.png) no-repeat left bottom;
	position: relative;
	left: -4px;
}
#container h3.sectionHead:after {
	clear: both;
}

/* footer
--------------------------------------------------------------- */
#footer {
	color: #101010;
	background-color: #fff;
}
#footer .section {
	width: 1000px;
	height: 50px;
	margin: 0 auto;
	padding: 40px 0;
}
#idx #footer .section {
	padding: 30px 0 40px;
}
#idx #footer .section .banner {
	float: left;
	width: 540px;
}
#idx #footer .section .banner li {
	display: inline-block;
	width: 240px;
	padding-right: 20px;
	*display: inline;
	*zoom: 1\9;
}
#footer ul.nav {
	margin-bottom: 16px;
	padding: 4px 0;
	text-align: right;
}
#idx #footer ul.nav {
	float: right;
	width: 450px;
	margin: 0;
	padding: 15px 0;
	text-align: right;
}
#footer ul.nav li {
	display: inline;
	padding: 0 4px 0 3px;
	line-height: 1;
}
#footer ul.nav li:last-child {
	border-right: 0 none;
}
#footer ul.nav li a{
	padding-left: 10px;
	background: url(/13/en/common/images/maker_link.gif) no-repeat left center;
	text-decoration: none;
}
#footer p {
	font-size: 10px;
	line-height: 1.2;
	text-align: right;
}
#idx #footer p {
	float: right;
}
#idx #footer p:after {
	clear: both;
}

/* common
--------------------------------------------------------------- */
/* float */
.float-left,.fLeft {
	float:left;
}
.float-right,.fRight {
	float:right;
}
.fClear {
	clear: both;
}
/* text-align */
.aCenter {text-align: center;}
.aLeft {text-align: left;}
.aRight {text-align: right;}
/* margin */
.mg0 {margin:0!important;}

/* sp-block
--------------------------------------------------------------- */
.sp-block {
	display: none;
}
/* clearfix
--------------------------------------------------------------- */
#container,.nav,.nav ul,.section,.article,.header,.footer,.aside,.head-contents,.box,.block,.clearfix {
	zoom: 1\9;
}
#container:after,.nav:after,.nav ul:after,.section:after,.article:after,.header:after,.footer:after,.aside:after,.head-contents:after,.box:after,.block:after,.clearfix:after {
	content: "";
	display: block;
	clear: both;
}
