@charset "utf-8";

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

	[layout.css]

	1. header
		1-1. noscript
		1-2. logo
		1-3. sitemap link
		1-4. google search box
		1-5. font size controller
		1-6. global navigation
		1-7. language selector
	2. footer
		2-1. navigation
		2-2. address
	3. body
		3-1. topic path
		3-2. page title
	4. content 
		4-1. content - section
		4-2. section - heading
		4-3. paragraph
		4-4. list
		4-5. anchor
		4-6. inline
	5. sidebar
		5-1. banner
		5-2. local menu
		5-3. submenu
	6. message
	7. tab and panel
	8. form
	9. view

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

/*------------------------------------------------------------

	1. header

------------------------------------------------------------*/
div#header {
	width: 100%;
	background: url(../img/header/bg_gnav.png) repeat-x center bottom;
}
* html div#header {
	text-align: center;
}

div#header div.wrapper {
	position: relative;
	width: 900px;
	height: 110px;
	margin: 0 auto;
}
* html div#header div.wrapper {
	text-align: left;
}

div#header img {
	display: block;
}

/* 1-1. noscript
------------------------------------------------------------*/
p#noscript-alert {
	width: 100%;
}

p#noscript-alert {
	margin: 0;
	background: url(../img/header/bg_noscript.png) repeat-x;
	text-align: center;
}

p#noscript-alert img {
	margin: 0 auto;
}

/* 1-2. logo
------------------------------------------------------------*/
div#header h1#logo,
div#header p#logo {
	position: absolute;
	left: 25px;
	top: 5px;
	margin: 0;
}

div#header h1#logo,
div#header p#logo a {
	display: block;
	outline: none;
	width: 330px;
	height: 50px;
	background: url(../img/header/logo.gif) no-repeat;
	text-indent: -9999px;
	font-size: 16px;
}

body.en div#header h1#logo,
body.en div#header p#logo a {
	background-image: url(../img/header/logo_en.gif);
}

body.ko div#header h1#logo,
body.ko div#header p#logo a {
	background-image: url(../img/header/logo_ko.gif);
}

body.zh-cn div#header h1#logo,
body.zh-cn div#header p#logo a {
	background-image: url(../img/header/logo_zh-cn.gif);
}

body.ru div#header h1#logo,
body.ru div#header p#logo a {
	background-image: url(../img/header/logo_ru.gif);
}

div#header p#logo a:hover {
	background-position: 0 -50px;
}

/* 1-3. sitemap link
------------------------------------------------------------*/
div#header p#sitemap {
	position: absolute;
	left: 431px;
	top: 30px;
}

div#header p#sitemap a,
div#header p#sitemap em {
	display: block;
	width: 79px;
	height: 20px;
	background: url(../img/header/btn_sitemap.gif) no-repeat;
	outline: none;
	text-indent: -9999px;
}

div#header p#sitemap a:hover {
	background-position: 0 -20px;
}

div#header p#sitemap em {
	background-position: 0 -40px;
}

/* 1-4. google search box
------------------------------------------------------------*/
div#header div#cse {
	position: absolute;
	left: 515px;
	top: 30px;
	width: 190px;
	height: 20px;
	margin: 0;
	background: url(../img/header/bg_search.gif) no-repeat;
}

div#header div#cse input#search-text {
	position: absolute;
	left: 20px;
	top: 2px;
}

div#header div#cse input#search-button {
	position: absolute;
	right: 0;
	top: 0;
}

/* 1-5. font size controller
------------------------------------------------------------*/
div#header div#fsize {
	position: absolute;
	left: 715px;
	top: 30px;
	height: 20px;
	margin: 0;
}

div#header div#fsize dt,
div#header div#fsize dd {
	float: left;
	height: 20px;
	margin: 0;
}

div#header div#fsize dd#fsize-small {
	width: 26px;
	background: url(../img/header/btn_fsize_small_d.jpg) no-repeat;
}

div#header div#fsize dd#fsize-large {
	width: 26px;
	background: url(../img/header/btn_fsize_large_d.jpg) no-repeat;
}

div#header div#fsize dd#fsize-normal {
	width: 38px;
	background: url(../img/header/btn_fsize_normal_d.jpg) no-repeat;
}

/* 1-6. global navigation
------------------------------------------------------------*/
div#header ul {
	position: absolute;
	left: 30px;
	margin: 0;
	list-style: none;
}

div#header ul#gnav1 {
	top: 60px;
	height: 20px;
}

div#header ul#gnav2 {
	top: 80px;
	height: 30px;
}

div#header ul li {
	float: left;
	margin: 0;
}

div#header ul li a,
div#header ul li em,
div#header ul li span.selected {
	display: block;
	width: 120px;
	height: 30px;
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	outline: none;
}

body.en div#header ul li a, body.en div#header ul li em, body.en div#header ul li span.selected,
body.ko div#header ul li a, body.ko div#header ul li em, body.ko div#header ul li span.selected,
body.zh-cn div#header ul li a, body.zh-cn div#header ul li em, body.zh-cn div#header ul li span.selected,
body.zh-tw div#header ul li a, body.zh-tw div#header ul li em, body.zh-tw div#header ul li span.selected,
body.ru div#header ul li a, body.ru div#header ul li em, body.ru div#header ul li span.selected {
	width: 210px;
}

/* gnav1 */
div#header ul#gnav1 li a,
div#header ul#gnav1 li em,
div#header ul#gnav1 li span.selected {
	background-image: url(../img/header/btn_gnav1.png);
}

div#header ul#gnav1 li.nav3 a, div#header ul#gnav1 li.nav3 em { width: 137px; }
div#header ul#gnav1 li.nav4 a, div#header ul#gnav1 li.nav4 em { width: 96px; }

div#header ul#gnav1 li.nav1 a { background-position: 0 0; }
div#header ul#gnav1 li.nav2 a { background-position: -120px 0; }
div#header ul#gnav1 li.nav3 a { background-position: -240px 0; }
div#header ul#gnav1 li.nav4 a { background-position: -377px 0; }
div#header ul#gnav1 li.nav1 a:hover { background-position: 0 -20px; }
div#header ul#gnav1 li.nav2 a:hover { background-position: -120px -20px; }
div#header ul#gnav1 li.nav3 a:hover { background-position: -240px -20px; }
div#header ul#gnav1 li.nav4 a:hover { background-position: -377px -20px; }
div#header ul#gnav1 li.nav1 em, div#header ul#gnav1 li.nav1 .selected { background-position: 0 -40px; }
div#header ul#gnav1 li.nav2 em, div#header ul#gnav1 li.nav2 .selected { background-position: -120px -40px; }
div#header ul#gnav1 li.nav3 em, div#header ul#gnav1 li.nav3 .selected { background-position: -240px -40px; }
div#header ul#gnav1 li.nav4 em, div#header ul#gnav1 li.nav4 .selected { background-position: -377px -40px; }

/* overseas */
body.en div#header ul#gnav1 li a, body.en div#header ul#gnav1 li em, body.en div#header ul#gnav1 li span.selected {
	width: 45px;
	background-image: url(../img/header/btn_gnav1_en.png);
}
body.ko div#header ul#gnav1 li a, body.ko div#header ul#gnav1 li em, body.ko div#header ul#gnav1 li span.selected {
	width: 91px;
	background-image: url(../img/header/btn_gnav1_ko.png);
}
body.zh-cn div#header ul#gnav1 li a, body.zh-cn div#header ul#gnav1 li em, body.zh-cn div#header ul#gnav1 li span.selected {
	width: 77px;
	background-image: url(../img/header/btn_gnav1_zh-cn.png);
}
body.zh-tw div#header ul#gnav1 li a, body.zh-tw div#header ul#gnav1 li em, body.zh-tw div#header ul#gnav1 li span.selected {
	width: 77px;
	background-image: url(../img/header/btn_gnav1_zh-tw.png);
}
body.ru div#header ul#gnav1 li a, body.ru div#header ul#gnav1 li em, body.ru div#header ul#gnav1 li span.selected {
	width: 167px;
	background-image: url(../img/header/btn_gnav1_ru.png);
}

/* gnav2 */
div#header ul#gnav2 li a,
div#header ul#gnav2 li em,
div#header ul#gnav2 li span.selected {
	background-image: url(../img/header/btn_gnav2.png);
}

div#header ul#gnav2 li.nav1 a { background-position: 0 0; }
div#header ul#gnav2 li.nav2 a { background-position: -120px 0; }
div#header ul#gnav2 li.nav3 a { background-position: -240px 0; }
div#header ul#gnav2 li.nav4 a { background-position: -360px 0; }
div#header ul#gnav2 li.nav5 a { background-position: -480px 0; }
div#header ul#gnav2 li.nav6 a { background-position: -600px 0; }
div#header ul#gnav2 li.nav7 a { background-position: -720px 0; }
div#header ul#gnav2 li.nav1 a:hover { background-position: 0 -30px; }
div#header ul#gnav2 li.nav2 a:hover { background-position: -120px -30px; }
div#header ul#gnav2 li.nav3 a:hover { background-position: -240px -30px; }
div#header ul#gnav2 li.nav4 a:hover { background-position: -360px -30px; }
div#header ul#gnav2 li.nav5 a:hover { background-position: -480px -30px; }
div#header ul#gnav2 li.nav6 a:hover { background-position: -600px -30px; }
div#header ul#gnav2 li.nav7 a:hover { background-position: -720px -30px; }
div#header ul#gnav2 li.nav1 em, div#header ul#gnav2 li.nav1 .selected { background-position: 0 -60px; }
div#header ul#gnav2 li.nav2 em, div#header ul#gnav2 li.nav2 .selected { background-position: -120px -60px; }
div#header ul#gnav2 li.nav3 em, div#header ul#gnav2 li.nav3 .selected { background-position: -240px -60px; }
div#header ul#gnav2 li.nav4 em, div#header ul#gnav2 li.nav4 .selected { background-position: -360px -60px; }
div#header ul#gnav2 li.nav5 em, div#header ul#gnav2 li.nav5 .selected { background-position: -480px -60px; }
div#header ul#gnav2 li.nav6 em, div#header ul#gnav2 li.nav6 .selected { background-position: -600px -60px; }
div#header ul#gnav2 li.nav7 em, div#header ul#gnav2 li.nav7 .selected { background-position: -720px -60px; }

/* overseas */
body.en div#header ul#gnav2 li a, body.en div#header ul#gnav2 li em, body.en div#header ul#gnav2 li span.selected {
	background-image: url(../img/header/btn_gnav2_en.png);
}
body.ko div#header ul#gnav2 li a, body.ko div#header ul#gnav2 li em, body.ko div#header ul#gnav2 li span.selected {
	background-image: url(../img/header/btn_gnav2_ko.png);
}
body.zh-cn div#header ul#gnav2 li a, body.zh-cn div#header ul#gnav2 li em, body.zh-cn div#header ul#gnav2 li span.selected {
	background-image: url(../img/header/btn_gnav2_zh-cn.png);
}
body.zh-tw div#header ul#gnav2 li a, body.zh-tw div#header ul#gnav2 li em, body.zh-tw div#header ul#gnav2 li span.selected {
	background-image: url(../img/header/btn_gnav2_zh-tw.png);
}
body.ru div#header ul#gnav2 li a, body.ru div#header ul#gnav2 li em, body.ru div#header ul#gnav2 li span.selected {
	background-image: url(../img/header/btn_gnav2_ru.png);
}

body.overseas div#header ul#gnav2 li.nav1 a { background-position: 0 0; }
body.overseas div#header ul#gnav2 li.nav2 a { background-position: -210px 0; }
body.overseas div#header ul#gnav2 li.nav3 a { background-position: -420px 0; }
body.overseas div#header ul#gnav2 li.nav4 a { background-position: -630px 0; }
body.overseas div#header ul#gnav2 li.nav1 a:hover { background-position: 0 -30px; }
body.overseas div#header ul#gnav2 li.nav2 a:hover { background-position: -210px -30px; }
body.overseas div#header ul#gnav2 li.nav3 a:hover { background-position: -420px -30px; }
body.overseas div#header ul#gnav2 li.nav4 a:hover { background-position: -630px -30px; }
body.overseas div#header ul#gnav2 li.nav1 em, body.overseas div#header ul#gnav2 li.nav1 .selected { background-position: 0 -60px; }
body.overseas div#header ul#gnav2 li.nav2 em, body.overseas div#header ul#gnav2 li.nav2 .selected { background-position: -210px -60px; }
body.overseas div#header ul#gnav2 li.nav3 em, body.overseas div#header ul#gnav2 li.nav3 .selected { background-position: -420px -60px; }
body.overseas div#header ul#gnav2 li.nav4 em, body.overseas div#header ul#gnav2 li.nav4 .selected { background-position: -630px -60px; }

/* 1-7. language selector
------------------------------------------------------------*/
div#header ul#language {
	position: absolute;
	top: 60px;
	left: auto;
	right: 31px;
}

div#header ul#language li {
	float: left;
	margin: 0;
}

div#header ul#language li a,
div#header ul#language li em {
	display: block;
	vertical-align: bottom;
	height: 20px;
	margin: 0;
	padding: 0;
	background: url(../img/header/btn_language.png) no-repeat;
}

div#header ul#language li.ja a,
div#header ul#language li.ja em {
	width: 55px;
}

div#header ul#language li.en a,
div#header ul#language li.en em {
	width: 59px;
}

div#header ul#language li.ko a,
div#header ul#language li.ko em {
	width: 53px;
}

div#header ul#language li.zh-cn a,
div#header ul#language li.zh-cn em {
	width: 44px;
}

div#header ul#language li.zh-tw a,
div#header ul#language li.zh-tw em {
}

div#header ul#language li.ru a,
div#header ul#language li.ru em {
	width: 104px;
}

div#header ul#language li.ja a    { background-position:      0 0; }
div#header ul#language li.en a    { background-position:  -55px 0; }
div#header ul#language li.ko a    { background-position: -114px 0; }
div#header ul#language li.zh-cn a { background-position: -167px 0; }
div#header ul#language li.zh-tw a { background-position: -211px 0; }
div#header ul#language li.ru a    { background-position: -211px 0; }
div#header ul#language li.ja a:hover    { background-position:      0 -20px; }
div#header ul#language li.en a:hover    { background-position:  -55px -20px; }
div#header ul#language li.ko a:hover    { background-position: -114px -20px; }
div#header ul#language li.zh-cn a:hover { background-position: -167px -20px; }
div#header ul#language li.zh-tw a:hover { background-position: -211px -20px; }
div#header ul#language li.ru a:hover    { background-position: -211px -20px; }
div#header ul#language li.ja em    { background-position:      0 -40px; }
div#header ul#language li.en em    { background-position:  -55px -40px; }
div#header ul#language li.ko em    { background-position: -114px -40px; }
div#header ul#language li.zh-cn em { background-position: -167px -40px; }
div#header ul#language li.zh-tw em { background-position: -211px -40px; }
div#header ul#language li.ru em    { background-position: -211px -40px; }


/*------------------------------------------------------------

	2. footer

------------------------------------------------------------*/
div#footer {
	clear: both;
	width: 100%;
	background: url(../img/footer/bg.jpg) repeat-x;
	border-bottom: 1px solid #EEE;
}
* html div#footer {
	text-align: center;
}

div#footer div.wrapper {
	position: relative;
	width: 900px;
	margin: 0 auto;
}
* html div#footer div.wrapper {
	text-align: left;
}

/* 2-1. navigation
------------------------------------------------------------*/
div#footer ul {
	position: relative;
	height: 24px;
	margin: 0 30px;
	list-style: none;
}

div#footer ul li {
	float: left;
	margin: 0;
}

div#footer ul li a,
div#footer ul li em,
div#footer ul li .selected {
	display: block;
	height: 24px;
	background-image: url(../img/footer/btn_nav.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	outline: none;
}

div#footer ul li.nav1 a, div#footer ul li.nav1 em { width: 104px; }
div#footer ul li.nav2 a, div#footer ul li.nav2 em { width: 68px; }
div#footer ul li.nav3 a, div#footer ul li.nav3 em { width: 131px; }

div#footer ul li.nav1 a { background-position: 0 0; }
div#footer ul li.nav2 a { background-position: -104px 0; }
div#footer ul li.nav3 a { background-position: -172px 0; }
div#footer ul li.nav1 a:hover { background-position: 0 -24px; }
div#footer ul li.nav2 a:hover { background-position: -104px -24px; }
div#footer ul li.nav3 a:hover { background-position: -172px -24px; }
div#footer ul li.nav1 em, div#footer ul li.nav1 .selected { background-position: 0 -48px; }
div#footer ul li.nav2 em, div#footer ul li.nav2 .selected { background-position: -104px -48px; }
div#footer ul li.nav3 em, div#footer ul li.nav3 .selected { background-position: -172px -48px; }

/* 2-2. address
------------------------------------------------------------*/
div#footer address {
	clear: both;
	padding: 12px 30px 24px;
	font-family: Verdana, sans-serif;
	font-style: normal;
	font-size: 10px;
	color: #999;
}

body.overseas div#footer address {
	padding-top: 36px;
}

div#footer address em {
	font-style: normal;
	font-weight: bold;
}

/*------------------------------------------------------------

	3. body

------------------------------------------------------------*/
* html body {
	text-align: center;
}

div#body {
	position: relative;
	width: 900px;
	margin: 0 auto;
}
* html div#body {
	text-align: left;
}

/* 3-1. topic path
------------------------------------------------------------*/
div#body div#path {
	margin: 0 30px;
	position: relative;
	z-index: 2;
}

div#body div#path ol {
	list-style: none;
	padding: 1em 0;
	line-height: 1.2;
	font-size: 77%;
	overflow: auto;
}
* html div#body div#path ol {
	height: 1%;
}

div#body div#path ol li {
	float: left;
	margin: 0 0.25em 0 0;
}

div#body div#path a,
div#body div#path em {
	line-height: 12px;
	padding: 0 0 0 16px;
	background-position: 2px 0;
	background-repeat: no-repeat;
	font-style: normal;
	font-weight: normal;
}

div#body div#path a {
	background-image: url(../img/content/bullet_path_link.gif);
	color: #999;
}

div#body div#path a:hover {
	color: #F60;
}

div#body div#path a.home {
	background-image: url(../img/content/bullet_path_home.gif);
}

div#body div#path em {
	background-image: url(../img/content/bullet_path_current.gif);
	color: #666;
}

/* 3-2. page title
------------------------------------------------------------*/
div#body h1 {
	position: relative;
	z-index: 1;
	left: 0;
	top: -17px;
	width: 840px;
	height: 80px;
	margin: 0 0 7px 30px;
	text-indent: -9999px;
	font-size: 123.1%;
}

/*------------------------------------------------------------

	4. content

------------------------------------------------------------*/
div#content {
	float: left;
	width: 588px;
	margin: 0 0 0 30px;
}
* html div#content {
	display: inline;
}

/* 4-1. section
------------------------------------------------------------*/
div.section {
	clear: both;
	position: relative;
	margin: 0 0 24px;
}

div.section div.section {
	margin: 24px 0 0;
}

/* 4-2. section - heading
------------------------------------------------------------*/
/* h2 */
div.section h2 {
	margin: 0 0 12px;
	background: url(../img/content/bg_heading1_bottom.gif) no-repeat left bottom;
	font-size: 123.1%;/* 13px->16px */
}

div#content div.domestic h2 {
	background-image: url(../img/content/bg_heading1_bottom_domestic.gif);
}

div#content div.international h2 {
	background-image: url(../img/content/bg_heading1_bottom_international.gif);
}

div#content div.section h2 img {
	position: absolute;
	left: 7px;
	top: 7px;
}

div.section h2 span {
	position: relative;
	display: block;
	padding: 10px 12px 10px 36px;
	min-height: 16px;
	background: url(../img/content/bg_heading1_top.jpg) no-repeat;
	outline: none;
}
* html div.section h2 span {
	height: 36px;
}

div.domestic h2 span {
	background-image: url(../img/content/bg_heading1_top_domestic.jpg);
}

div.international h2 span {
	background-image: url(../img/content/bg_heading1_top_international.jpg);
}

div.section h2 span input {
	float: right;
	margin: -4px -6px 6px 6px;
	font-size: 80%;
}

/* h3 */
div.section h3 {
	margin: 1.5em 0 0.5em;
	padding: 6px 12px;
	background: #FFF url(../img/content/bg_heading_lv3.jpg) no-repeat;
	border-bottom: 1px solid #F60;
	font-size: 107.7%;
}

div.section h3.first-child {
	margin: 0 0 0.5em;
}

div.section h4 {
	margin: 1.5em 0 0.5em;
	padding: 0 0 0 6px;
	border-left: 6px solid #F60;
	font-size: 100%;
}

div.section h4.first-child  {
	margin: 0 0 0.5em;
}

/* 4-3. paragraph
------------------------------------------------------------*/
div.section p {
	text-align: justify;
	text-justify: inter-ideograph;/*IE*/
}

div.section p.date {
	margin: 0 0 0.5em;
	line-height: 1.2;
	text-align: right;
	font-weight: bold;
}

/* back to top */
div.section p.top {
	clear: both;
	margin: 24px 0 0;
}

div.section p.top a {
	display: block;
	width: 588px;
	height: 30px;
	padding: 0;
	background: url(../img/content/btn_top.jpg) no-repeat;
	text-indent: -9999px;
	outline: none;
}

body.en div.section p.top a {
	background-image: url(../img/content/btn_top_en.jpg); 
}

body.ko div.section p.top a {
	background-image: url(../img/content/btn_top_ko.jpg); 
}

body.zh-cn div.section p.top a {
	background-image: url(../img/content/btn_top_zh-cn.jpg); 
}

body.ru div.section p.top a {
	background-image: url(../img/content/btn_top_ru.jpg); 
}

div.section p.top a:hover {
	background-position: 0 -30px;
}

@media print {
div.section p.top { display: none; }
}

/* 4-4. list
------------------------------------------------------------*/
div.section ul,
div.section ol {
	margin: 1.5em 0 1.5em 2em;
}

div.section li {
	margin: 0 0 0 2em;
}

div.section dl {
	margin: 1em 0 1.5em 2em;
}

div.section dd {
	margin: 0 0 0 1em;
}

div.section dt {
	margin: 0.5em 0 0;
	font-weight: bold;
}

/* 4-5. anchor
------------------------------------------------------------*/
div.section a {
	padding: 0 0 0 16px;
	background: url(../img/content/bullet_link.gif) no-repeat 2px 4.75px;
}

div.section a.anchor {
	background-image: url(../img/content/bullet_link_anchor.gif);
}

div.section a.external {
	background-image: url(../img/content/bullet_link_external.gif);
}

div.section a.email {
	background-image: url(../img/content/bullet_link_email.gif);
}

div.section a.internal {
	padding: 0 0 0 22px;
	background-position: 6px 4.75px;
}

div.section h2 a {
	background-position: 2px 4.6px;
}

div.section a.pdf,
div.section a.xls,
div.section a.xlsx,
div.section a.doc,
div.section a.docx,
div.section a.zip,
div.section a.file {
	padding: 0 0 0 22px;
	background-repeat: no-repeat;
	background-position: 2px 0;
}

div.section a.jpg  { background-image: url(../img/content/bullet_file_white.gif); }
div.section a.jpeg { background-image: url(../img/content/bullet_file_white.gif); }
div.section a.zip  { background-image: url(../img/content/bullet_file_zip.gif); }
div.section a.pdf  { background-image: url(../img/content/bullet_file_pdf.gif); }
div.section a.xls  { background-image: url(../img/content/bullet_file_xls.gif); }
div.section a.xlsx { background-image: url(../img/content/bullet_file_xlsx.gif); }
div.section a.doc  { background-image: url(../img/content/bullet_file_doc.gif); }
div.section a.docx { background-image: url(../img/content/bullet_file_docx.gif); }
div.section a.file { background-image: url(../img/content/bullet_file_white.gif); }

/* 4-6. inline
------------------------------------------------------------*/
span.size {
	margin-left: 5px;
	font-size: 10px;
}

span.empty,
span.none {
	color: #999;
}

span.limit {
	color: #F60;
}

/*------------------------------------------------------------

	5. sidebar

------------------------------------------------------------*/
div#sidebar {
	position: relative;
	float: right;
	width: 258px;
}

/* 5-1. banner
------------------------------------------------------------*/
div#sidebar div.banner {
	position: relative;
	top: -12px;
	margin: 0 0 24px;
}

div#sidebar div.banner ul {
	list-style: none;
}

div#sidebar div.banner li {
	padding: 12px 0 0;
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#sidebar div.banner li.parking {
	background-image: url(../img/banner/parking.jpg);
}

div#sidebar div.banner li.tour {
	background-image: url(../img/banner/tour.jpg);
}

div#sidebar div.banner li.fan_club {
	background-image: url(../img/banner/fan_club.jpg);
}

div#sidebar div.banner li.travel {
	background-image: url(../img/banner/travel.jpg);
}
body.en div#sidebar div.banner li.travel {
	background-image: url(../img/banner/travel_en.jpg);
}
body.ko div#sidebar div.banner li.travel {
	background-image: url(../img/banner/travel_ko.jpg);
}
body.zh-cn div#sidebar div.banner li.travel {
	background-image: url(../img/banner/travel_zh-cn.jpg);
}
body.ru div#sidebar div.banner li.travel {
	background-image: url(../img/banner/travel_ru.jpg);
}

div#sidebar div.banner li.flight_plus {
	background-image: url(../img/banner/flight_plus.jpg);
}

div#sidebar div.banner li.tenki {
	background-image: url(../img/banner/tenki.jpg);
}

div#sidebar div.banner li.building {
	width: 228px;
	margin-top: 12px;
	border-top: 1px solid #DDD;
	background-image: url(../img/banner/na_building.jpg);
}

div#sidebar div.banner li.continental_tour {
	background-image: url(../img/banner/continental_tour.jpg);
}

div#sidebar div.banner li.niigata-rakuda {
	background-image: url(../img/banner/niigata-rakuda.jpg);
}

div#sidebar div.banner li:hover {
	background-position: 0 -60px;
}

div#sidebar div.banner a {
	display: block;
	width: 228px;
	height: 48px;
	text-indent: -9999px;
	outline: none;
}

/* 5-2. local menu
------------------------------------------------------------*/
div#sidebar dl.menu {
	margin: 0 0 24px;
	background: url(../img/sidebar/bg_menu_body.gif) repeat-y;
}

/* heading */
div#sidebar dl.menu dt {
	width: 228px;
	margin: 0;
	background: url(../img/sidebar/bg_heading_buttom.gif) no-repeat left bottom;
}

div#sidebar dl.domestic dt {
	background-image: url(../img/sidebar/bg_heading_buttom_domestic.gif);
}

div#sidebar dl.international dt {
	background-image: url(../img/sidebar/bg_heading_buttom_international.gif);
}

div#sidebar dl.menu dt span {
	display: block;
	padding: 8px 12px;
	background: url(../img/sidebar/bg_heading_top.jpg) no-repeat;
	line-height: 1.2;
	font-weight: bold;
	font-size: 100%;
}

/* buttons container */
div#sidebar dl.menu dd {
	margin: 0;
	padding: 6px;
	background: url(../img/sidebar/bg_menu_footer.gif) no-repeat left bottom;
}
* html div#sidebar dl.menu dd {
	width: 228px;
}

div#sidebar dl.menu ul {
	list-style: none;
	width: 216px;
	margin: 0;
	border-bottom: 1px solid #CCC;
}

/* buttons (normal) */
div#sidebar dl.menu li {
	margin: 0;
	background: #F0F0F0 url(../img/sidebar/bg_menu_button.jpg) no-repeat;
	border: 1px solid #CCC;
	border-bottom: none;
}

div#sidebar dl.menu a,
div#sidebar dl.menu em,
div#sidebar dl.menu li.suspended,
div#sidebar dl.menu dd.suspended {
	display: block;
	width: 186px;
	min-height: 20px;
	padding: 3px 6px 3px 20px;
	background-image: url(../img/content/bullet_link.gif);
	background-position: 6px 7.25px;
	background-repeat: no-repeat;
	border: 1px solid #FFF;
	color: #333;
	outline: none;
}
* html div#sidebar dl.menu a,
* html div#sidebar dl.menu em,
* html div#sidebar dl.menu li.suspended,
* html div#sidebar dl.menu dd.suspended {
	width: 214px;
	height: 1%;
}

div#sidebar dl.menu a.anchor {
	background-image: url(../img/content/bullet_link_anchor.gif);
}

div#sidebar dl.menu a:hover {
	background-color: #FFEBCD;
}

div#sidebar dl.menu em {
	font-style: normal;
	font-weight: bold;
	background-color: #FFEBCD;
}

div#sidebar dl.menu a.selected {
	font-weight: bold;
}

/* suspended */
div#sidebar dl.menu li.suspended {
	width: 190px;
}

div#sidebar dl.menu li.suspended,
div#sidebar dl.menu dd.suspended {
	width: 188px;
	background: #EEE;
	border: 1px solid #CCC;
	border-bottom: none;
	color: #999;
}
* html div#sidebar dl.menu li.suspended,
* html div#sidebar dl.menu dd.suspended {
	width: 216px;
}

/* buttons (with icon) */
div#sidebar dl.menu li.icon a,
div#sidebar dl.menu li.icon em {
	position: relative;
	width: 173px;
	padding: 5px 6px 5px 33px;
}
* html div#sidebar dl.menu li.icon a,
* html div#sidebar dl.menu li.icon em {
	width: 214px;
	height: 1%;
}

div#sidebar dl.menu li.icon img {
	position: absolute;
	display: block;
	left: 3px;
	top: 3px;
}

div#sidebar dl.menu li.icon a:hover {
	background-color: #FFF;
	color: #F60;
}

/* 5-3. submenu
------------------------------------------------------------*/
div#sidebar dl.menu li dl {
	position: relative;
	width: 209px;
	margin: 0;
	padding: 0 0 0 5px;
}
* html div#sidebar dl.menu li dl {
	width: 214px;
}

div#sidebar dl.menu li.domestic dl {
	background: #690;
}

div#sidebar dl.menu li.international dl {
	background: #F36;
}

div#sidebar dl.menu li.direct dl {
	background: #F69;
}

div#sidebar dl.menu li.change dl {
	background: #99C;
}

div#sidebar dl.menu li dl dt,
div#sidebar dl.menu li dl dd {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
}

div#sidebar dl.menu li dl dt {
	display: block;
	padding: 1px 6px 1px 1px;
	font-weight: bold;
	color: #FFF;
}
* html div#sidebar dl.menu li dl dt {
	width: auto;
}

div#sidebar dl.menu li dl dd {
	width: 208px;
	margin: 0;
	background: #F0F0F0 url(../img/sidebar/bg_menu_button.jpg) no-repeat;
	border: 1px solid #CCC;
	border-bottom: none;
	border-right: none;
}
* html div#sidebar dl.menu li dl dd {
	width: 209px;
}

div#sidebar dl.menu li dl dd a,
div#sidebar dl.menu li dl dd em {
	width: 180px;
}
* html div#sidebar dl.menu li dl dd a,
* html div#sidebar dl.menu li dl dd em {
	width: 208px;
}

div#sidebar dl.menu dd.suspended {
	width: 182px;
	border-bottom: none;
	border-right: none;
}
* html div#sidebar dl.menu dd.suspended {
	width: 209px;
}

div#sidebar dl.menu ul.domestic li a,
div#sidebar dl.menu ul.domestic li em,
div#sidebar dl.menu li.domestic dl a,
div#sidebar dl.menu li.domestic dl em {
	background-image: url(../img/content/bullet_link_domestic.gif);
}

div#sidebar dl.menu ul.domestic li a:hover,
div#sidebar dl.menu ul.domestic li a.selected,
div#sidebar dl.menu ul.domestic li em,
div#sidebar dl.menu li.domestic dl a:hover,
div#sidebar dl.menu li.domestic dl a.selected,
div#sidebar dl.menu li.domestic dl em {
	background-color: #DCF0B9;
}

div#sidebar dl.international a,
div#sidebar dl.menu li.international dl a,
div#sidebar dl.menu li.international dl em {
	background-image: url(../img/content/bullet_link_international.gif);
}

div#sidebar dl.international a:hover,
div#sidebar dl.international a.selected,
div#sidebar dl.menu li.international dl a:hover,
div#sidebar dl.menu li.international dl a.selected,
div#sidebar dl.menu li.international dl em {
	background-color: #FFE1E1;
}

div#sidebar dl.menu li.direct dl a,
div#sidebar dl.menu li.direct dl em {
	background-image: url(../img/content/bullet_link_direct-tour.gif);
}

div#sidebar dl.menu li.direct dl a:hover,
div#sidebar dl.menu li.direct dl a.selected,
div#sidebar dl.menu li.direct dl em {
	background-color: #FFEBE6;
}

div#sidebar dl.menu li.change dl a,
div#sidebar dl.menu li.change dl em {
	background-image: url(../img/content/bullet_link_change-tour.gif);
}

div#sidebar dl.menu li.change dl a:hover,
div#sidebar dl.menu li.change dl a.selected,
div#sidebar dl.menu li.change dl em {
	background-color: #EBEBFF;
}

/*==========================================================*/

/*------------------------------------------------------------

	6. message
	
------------------------------------------------------------*/
div#message {
	margin: 12px 0;
}

div.panel div#message {
	margin: 0 0 10px;
}

div#message ul {
	list-style: none;
	margin: 0 0 6px;
	padding: 6px;
	background: #EEE;
	/**/
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

div#message ul.info {
	background: #E6F5FF;
	border: 1px solid #D2E6FF;
}

div#message ul.error {
	background: #FFFAC8;
	border: 1px solid #FFEBA0;
}

div#message ul.critical {
	background: #FFE0E0;
	border: 1px solid #FCC;
}

div#message li,
p.info,
p.error,
p.critical {
	margin: 0;
	padding: 0 0 0 18px;
}

div#message ul.info li,
div#message li.info,
p.info {
	background: url(../img/icon/information.png) no-repeat 0 0.135em;
	color: #06C;
}

div#message ul.error li,
div#message li.error,
p.error {
	background: url(../img/icon/error.png) no-repeat 0 0.135em;
	color: #930;
}

div#message ul.critical li,
div#message li.critical,
p.critical {
	background: url(../img/icon/exclamation.png) no-repeat 0 0.135em;
	color: #D00;
}

/*------------------------------------------------------------

	7. tab and panel
	
------------------------------------------------------------*/

/* tab
------------------------------------------------------------*/
div#content ul.tab {
	position: relative;
	z-index: 2;
	list-style: none;
	margin: 12px 0 0;
	overflow: auto;
}
* html div#content ul.tab {
	height: 1%;
}

div#content ul.tab li {
	float: left;
	width: 189px;
	margin: 0 5px 0 0;
	border: 1px solid #CCC;
	border-bottom: none;
	/**/
	border-top-right-radius: 3px;
	border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	-moz-border-radius-topright: 3px;
	-webkit-border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
}
* html div#content ul.tab li {
	width: 191px;
}

div#content ul.tab li a,
div#content ul.tab li em,
div#content ul.tab li div {
	display: block;
	padding: 0.4em 6px 7px;
	line-height: 1;
	outline: none;
}

div#content ul.tab li a {
	padding-left: 22px;
	background: #EEE url(../img/content/bullet_link.gif) no-repeat 8px 0.765em;
	border-top: 2px solid #DDD;
	border-bottom: 1px solid #CCC;
	color: #333;
}

div#content div.domestic ul.tab li a {
	background-image: url(../img/content/bullet_link_domestic.gif);
}

div#content div.international ul.tab li a {
	background-image: url(../img/content/bullet_link_international.gif);
}

div#content ul.tab li a:hover {
	background-color: #FFF;
	border-top-color: #F60;
	border-bottom-color: #FFF;
	color: #F60;
}

div#content div.domestic ul.tab li a:hover {
	border-top-color: #690;
	color: #690;
}

div#content div.international ul.tab li a:hover {
	border-top-color: #F36;
	color: #F36;
}

div#content ul.tab li em {
	background-color: #FFF;
	border-top: 2px solid #F60;
	border-bottom: 1px solid #FFF;
	font-style: normal;
	font-weight: bold;
}

div#content div.domestic ul.tab li em {
	border-top-color: #690;
}

div#content div.international ul.tab li em {
	border-top-color: #F36;
}

div#content ul.tab li div {
	background-color: #EEE;
	border-top: 2px solid #DDD;
}

div#content ul.tab li span {
	margin-left: 3px;
	font-weight: normal;
	font-size: 80%;
}
* html div#content ul.tab li span {
	text-decoration: none;
	cursor: pointer;
}

/* panel
------------------------------------------------------------*/
div#content div.panel {
	position: relative;
	z-index: 1;
	top: -1px;
	padding: 10px;
	border: 1px solid #CCC;
	/**/
	border-top-right-radius: 6px;
	border-bottom-right-radius: 6px;
	border-bottom-left-radius: 6px;
	-moz-border-radius-topright: 6px;
	-moz-border-radius-bottomright: 6px;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-top-right-radius: 6px;
	-webkit-border-bottom-right-radius: 6px;
	-webkit-border-bottom-left-radius: 6px;
}

/* heading */
div.panel h3 {
	background-image: url(../img/content/bg_heading_lv3_tab.jpg);
}

/*------------------------------------------------------------

	7. form
	
------------------------------------------------------------*/
table th.form,
table td.form {
	padding: 3px !important;
}

table p.info,
table p.error,
table p.critical {
	margin: 0 0 6px;
}

/* hidden topic */
table tr.hidden th,
table tr.hidden td {
	background: #EEE;
}

table tr.hidden th,
table tr.hidden td,
table tr.hidden td a,
table tr.hidden td.date span.limit {
	color: #999;
}

table tr.hidden td a {
	background-image: url(../img/content/bullet_link_hidden.gif);
}

table.form td label {
	margin: 0 10px 0 0;
}

/* normal form table
------------------------------------------------------------*/
table.form {
	width: 100%;
	margin: 0 0 10px;
	border-collapse: separate;
	border-spacing: 1px;
	border-bottom: 1px solid #DDD;
}
* html div.panel table.form {
	width: 566px;
}

table.form th,
table.form td {
	padding: 6px;
}

table.form th {
	background: #FFF;
	border-top: 1px solid #CCC;
	border-right: 1px dotted #CCC;
	text-align: left;
}

table.form th span.require {
	margin-left: 5px;
	font-size: 80%;
	font-weight: normal;
	color: #F30;
}

table.form td {
	background: #FFF;
	border-top: 1px solid #DDD;
}

table.form input.textbox,
table.form textarea,
table.form select {
	background: #F6F6F6;
}

table.form input.error,
table.form textarea.error,
table.form select.error {
	background: #FFEDED;
}

/* admin form table
------------------------------------------------------------*/
table.admin {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
* html div.panel table.admin {
	width: 566px;
}

table.admin th,
table.admin td {
	padding: 6px;
}

table.admin th {
	background: #FFE1C4;
	border: 1px solid #FC9;
	text-align: left;
}

table.admin td {
	background: #FFF0DC;
	border: 1px solid #FC9;
}

/* buttons
------------------------------------------------------------*/
div#content p.buttons {
	overflow: auto;
}
* html div#content p.buttons {
	height: 1%;
}

div#content p.buttons {
	text-align: center;
}

div#content p.buttons input {
	width: 12em;
	padding: 0.5em 1em;
}

div#content p.buttons input#modify_button,
div#content p.buttons input#reset_button {
	margin-right: 20px;
}

/*------------------------------------------------------------

	8. view
	
------------------------------------------------------------*/
div.view p.right {
	text-align: right;
}

/* table
------------------------------------------------------------*/
div.view div.tablebox {
	margin: 1em 0;
}

div.view div.tablebox table {
	margin: 0 auto;
}
* html div.view div.tablebox table {
	margin: 0;
	text-align: left;
}

div.view div.tablebox th,
div.view div.tablebox td {
	border: 1px solid #CCC;
}

div.view div.tablebox th {
	background: #F3F3F3;
}

div.view div.tablebox th {
}

/* photo
------------------------------------------------------------*/
div.view div.photo dl {
	margin: 0 0 24px;
	padding: 0;
}

div.view div.photo dt {
	margin: 0 0 5px;
	padding: 0;
	text-align: center;
}

div.view div.photo dd {
	margin: 0;
	padding: 0;
	text-align: center;
	font-size: 80%;
}

div.view div#photo-top {
	margin: 0 0 24px;
}

div.view div#photo-bottom {
	margin: 24px 0 0;
}

div.view div#photo-left {
	float: left;
	width: 240px;
	margin: 0.25em 24px 0 0;
}

div.view div#photo-right {
	float: right;
	width: 240px;
	margin: 0.25em 0 0 24px;
}

/* attach
------------------------------------------------------------*/
div.section dl.attach {
	clear: both;
	margin: 24px 0 0;
	padding: 12px;
	background: #F3F3F3;
	border: 1px solid #EEE;
	/**/
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}

div.section dl.attach dt {
	margin: 0 0 6px;
}

div.section dl.attach dd {
	margin-top: 6px;
}

/* tour information
------------------------------------------------------------*/
table#tour_information div.view {
	position: relative;
	overflow: visible;
}
* html div.view {
	height: 1%;
}

table#tour_information div.view h3,
table#tour_information div.view h4 {
	clear: both;
}

table#tour_information div.view h3 {
	padding: 3px;
	background: none;
	border: none;
}

table#tour_information div.view h3.first-child {
	margin-top: 0.25em;
}

div.domestic table#tour_information div.view h3 {
	background-color: #DCF0B9;
}

div.international table#tour_information div.view h3 {
	background-color: #FFE1E1;
}

div.domestic table#tour_information div.view h3,
div.domestic table#tour_information div.view h4 {
	border-color: #690;
}

div.international table#tour_information div.view h3,
div.international table#tour_information div.view h4 {
	border-color: #F36;
}

table#tour_information div.view ul,
table#tour_information div.view ol,
table#tour_information div.view dl {
	margin: 0.5em 0;
}