/* BASIC ELEMENTS */

html
	{
	overflow-y: scroll;
	}

body
	{
	margin: 0em;
	padding: 0em;
	background: #f9f9f9 url(../images/bg_page.png) repeat-y center top;
	}

/* OUTLINE ELEMENTS */

div#page_wrapper
	{
	margin: 0em;
	border: none;
	padding: 0em;
	width: 100%;
	text-align: center;
	}

div#page_container
	{
	margin: 0em;
	border: none;
	padding: 0em;
	width: 100%;
	}

/* HEADER ELEMENTS */

div#header
	{
	margin: 0em auto 0em auto;
	border-bottom: 3px solid #666666;
	width: 100%;
	height: 4em;
	background: #3F3F3F;
	position: fixed;
	top: 0em;
	z-index: 26;
	}

div#header h1
	{
	margin: auto 1em auto 1em;
	width: 60em;
	height: 4em;
	text-indent: -9999px;
	display: block;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #FFFFFF;
	background: url(../images/header_logo.png) no-repeat left 40%;
	}

/* MENU PANEL ELEMENTS */

div#toppanel
	{
	position: fixed;
	width: 100%;
	bottom: 0em;
	left: 0em;
	z-index: 25;
	text-align: center;
	}

div#panel
	{
	width: 100%;
	position: relative;
	top: 0em;
	height: 0em;
	margin: 0em auto 0em auto;
	z-index: 10;
	overflow: hidden;
	text-align: left;
	}

div#panel_contents
	{
	background: #c10000;
	height: 100%;
	width: 100%;
	position: absolute;
	z-index: -1;
	}

/* MENU ELEMENTS */

div#menuarea
	{
	width: 100%;
	}

div.coda-nav
	{
	width: 51em;
	margin: 0em auto 0em auto;
	padding: 0em 0em 0em 0em;
	}

div.coda-nav ul
	{
	margin: 1em 1em 0em 1em;
	border: none;
	padding: 0em 0em 0em 0em;
	}

div.coda-nav ul li
	{
	display: inline;
	}

div.coda-nav ul li a
	{
	margin: 0em 0.2em 0em 0.2em;
	padding: 0em 0em 0em 0em;
	background: transparent;
	color: #ffffff;
	float: left;
	text-align: center;
	text-decoration: none;
	display: block;
	font-size: 0.9em;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	}

div.coda-nav ul li a span.menuouter
	{
	margin: 0em 0em 0em 0em;
	padding: 0em 1em 0em 0em;
	background: url(../images/bg_menu_off.png) no-repeat right top;
	display: block;
	}

div.coda-nav ul li a span.menuinnner
	{
	width: 7em;
	height: 2em;
	margin: 0em 0em 0em 0em;
	padding: 0.5em 0em 0em 1em;
	background: url(../images/bg_menu_off.png) no-repeat left top;
	display: block;
	}

div.coda-nav ul li a span.menuinnner img
	{
	margin: 0em 0.5em 0em 0em;
	}

div.coda-nav ul li a.current
	{
	color: #CC0000;
	}

div.coda-nav ul li a.current span.menuouter
	{
	background: url(../images/bg_menu_on.png) no-repeat right top;
	}

div.coda-nav ul li a.current span.menuinnner
	{
	background: url(../images/bg_menu_on.png) no-repeat left top;
	}

div.coda-nav-left, .coda-nav-right
	{
	float: left;
	}

div.coda-nav-left a, .coda-nav-right a
	{
	display: block;
	text-align: center;
	text-decoration: none;
	}

div.coda-nav-left a, .coda-nav-right a
	{
	margin-right: 1px;
	background: #000000;
	color: #ffffff;
	padding: 0.5em 0.5em 0.5em 0.5em;
	width: 10em ;
	height: 2em;
	}

/* PANEL BUTTON ELEMENTS */

div.panel_button
	{
	margin: 0em auto 0em auto;
	border-bottom: 3px solid #CC0000;
	padding: 0.5em 0em 0.3em 0em;
	position: relative;
	top: 0em;
	background: url(../images/panel_button.png) no-repeat center top;
	z-index: 20;
	cursor: pointer;
	}

div.panel_button img
	{
	position: relative;
	padding: 0em 1em 0em 1em;
	border: none;
	}

div.panel_button a
	{
	text-decoration: none;
	color: #DDAAAA;
	font-size: 0.9em;
	font-weight: bold;
	position: relative;
	font-family: Arial, Helvetica, sans-serif;
	}

div.panel_button a:hover
	{
	color: #FFFFFF;
	}

/* CONTENTS ELEMENTS */

div#content_outer
	{
	margin: 0em 0em 0em 0em;
	border: none;
	padding: 0em 0em 0em 0em;
	clear: both;
	}

div#content_inner
	{
	width: 700px;
	margin: 0em auto 0em auto ;
	border: none;
	padding: 0em 0em 0em 0em;
	}

div.coda-slider
	{
	width: 700px;
	margin: 3em 0em 3em 0em ;
	border: none;
	padding: 3em 0em 1em 0em;
	background: #FFFFFF;
	float: left;
	overflow: hidden;
	position: relative;
	}

div.coda-slider .panel
	{
	width: 700px;
	display: block;
	float: left;
	}

div.coda-slider .panel-wrapper
	{
	color: #333333;
	text-align: left;
	}

div.coda-slider p.loading
	{
	padding: 20px;
	text-align: center;
	}

div.coda-slider .panel-wrapper img
	{
	}

/* ARTICLES ELEMENTS */

div.page_heading
	{
	margin: 0em 1em 2em 1em;
	border-top: 1px solid #EEEEEE;
	padding: 0em 0em 0em 0em;
	background-color: #EEEEEE;
	clear: both;
	}

div.page_heading h2
	{
	margin: 1em 1em 1em 1em;
	padding: 0em 0em 0em 0em;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
	display: block;
	float: left;
	}

div.print_mod
	{
	width: 30px;
	height: 3em;
	margin: 0em 1em 0em 1em;
	padding: 0em 0em 0em 0em;
	display: block;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 1em;
	color: #000000;
	}

div.print_mod a
	{
	width: 30px;
	height: 3em;
	display: block;
	background: url(../images/button_print.png) no-repeat left 60%;
	}

div.print_mod a:hover
	{
	background: url(../images/button_print.png) no-repeat right 60%;
	}

div.print_mod a span.blind
	{
	display: none;
	}

div.clear
	{
	height: 1px;
	clear: both;
	}

div.clear hr
	{
	display: none;
	}

div.full_0020
	{
	margin: 0em 0em 2em 0em;
	padding: 0em 0em 0em 0em;
	font-size: 1em;
	line-height: 1.6em;
	}

div.full_0010
	{
	margin: 0em 0em 1em 0em;
	padding: 0em 0em 0em 0em;
	font-size: 1em;
	line-height: 1.6em;
	}

div.wrap_0222
	{
	margin: 0em 2em 2em 2em;
	padding: 0em 0em 0em 0em;
	font-size: 1em;
	line-height: 1.6em;
	}


/* TEXT STYLE ELEMENTS */

span.ja1
	{
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	}

span.en1
	{
	font-family: Arial, Helvetica, sans-serif;
	}

p.para_0010
	{
	margin: 0em 0em 1em 0em;
	padding: 0em 0em 0em 0em;
	}

p.para_0000
	{
	margin: 0em 0em 0em 0em;
	padding: 0em 0em 0em 0em;
	}




/* FOOTER ELEMENTS */

.footer-outer
{
position: fixed;
bottom:0;
background-color:#F9F9F9;
width:100%;
z-index: 50;
}













/* TABLE VARIATION */

/* INFOMATION */

.info-table table
	{
	width: 100%;
	margin: 2em 0em 1em 0em;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	font-size: 1em;
	line-height:1.6em;
	color: #333333;
	background: #eeeeee;
	text-align: left;
	border-collapse: collapse;
	border: none;
	}

.info-table table a
	{
	text-decoration: underline;
	color: #000000;
	}

.info-table table a:visited
	{
	text-decoration: none;
	}

.info-table table a:hover, .info-table table a:active
	{
	background-color: #008eb1;
	text-decoration: none;
	color: #EEEEEE;
	}

.info-table thead th
	{
	font-size: 1em;
	color: #ffffff;
	background-color: #666666;
	border-bottom: 2px solid #999999;
	}

.info-table tbody
	{
	}

.info-table tr
	{
	vertical-align: top;
	}

.info-table tr, .info-table th, .info-table td
	{
	padding: 1em;
	}

.info-table caption
	{
	height: 2em;
	color: #ffffff;
	text-align: left;
	background: #000000;
	}

.info-table tbody tr td
	{
	background: #ffffff;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	}

.info-table tbody tr.odd td
	{
	background: #ffffff;
	}

.info-table tbody tr th
	{
white-space: nowrap;
	text-align: left;
	background: #eeeeee;
	color: #333333;
	border-top: 1px dotted #999999;
	border-bottom: 1px dotted #999999;
	}

.info-table tbody tr.odd th
	{
white-space: nowrap;
	text-align: left;
	background: #E3E3E3;
	color: #333333;
	border-bottom: 1px dotted #999999;
	}

.info-table tfoot th, .info-table tfoot td
	{
	padding: 0.2em 0.75em;
	color: #3A4E58;
	font-weight: bold;
	font-size: 105%;
	}

.info-table tfoot th
	{
	text-align: right;
	}