@charset 'utf-8';

html		{ height:100%; }
body		{ margin:0px; padding:0px; color:#FFF; background:#000000; font: normal normal normal 10px/16px "メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
a		{ outline:0px none #fff; background-repeat:no-repeat; }
a span,a strong,a em,a small,a img	{ cursor:pointer; }
br		{ letter-spacing:0px; }
div		{
	position:relative;
	width:auto;
	height:auto;
	margin:0px;
	padding:0px;
	border:0px solid #000;
}
hr		{ clear:both; height:1px; color:#000; background:#000; text-align:left; margin:0px; border:0px none #000; display:block; }
img		{ margin:0px; padding:0px; border:0px solid #eee; }
form		{ margin:0px; padding:0px; }
h1,h2,h3,h4,h5,h6	{ margin:0px; padding:0px; font-size:100%; line-height:100%; font-weight:normal; font:inherit; }
ul,ol		{ margin:0px; padding:0px; }
li		{ margin:0px; padding:0px; display:block; list-style:none outside none; }
li img		{ vertical-align:top;margin:0px;padding:0px; border:0px; }
li a img		{ vertical-align:top;margin:0px;padding:0px; }
dl		{ display:block; margin:0px; padding:0px; }
dt		{ display:block; clear:left; float:left; margin:0px; padding:0px; }
dd		{ display:inline; margin:0px; padding:0px;  }
table		{ border-collapse:collapse; border-spacing: 0px; border:0px solid #ccc; table-layout:fixed; empty-cells:show; margin:0px; padding:0px; }
td,th		{ margin:0px; padding:2px; font: normal normal normal 11px/1.5em "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }

/* -------------------------------------------------- ADDITION ITEM -------------------------------------------------- */
body		{ position:relative; color:#FFF; text-align:center; height:100%; min-width:970px; min-height:650px; }
a		{ padding:0px; }
a:link		{ color:#000000; text-decoration:none; }
a:visited	{ color:#000000; text-decoration:none; }
a:hover		{ color:#000000; text-decoration:underline; }
a:active		{ color:#000000; text-decoration:underline; }

hr		{ height:1px; margin:0px 0px 0px 0px; padding:0px; border:none; border-color:transparent; border-bottom:1px dotted #000; color:transparent; background:transparent; line-height:1px; }
table		{ border:1px solid #ccc; }
td		{ padding:2px; }
img		{ border:0px; background:transparent; }

#box1,#box2,#box3 {
    display: none;
}

/* -------------------------------------------------- ADDITION CLASS -------------------------------------------------- */
div#PAGE				{
	position:absolute;
	top:50%;
	left:50%; 
	clear:both;
	width:950px;
	height:600px;
	min-height:680px; 
	margin:-350px 0px 0px -475px;
	padding:10px 0px 0px 0px;
text-align:left;
}

/* -- SHEET -- */
div.SHEET				{ clear:both; display:inline; float:left; width:950px; height:auto; min-height:570px; overflow:visible; z-index:2; margin:0px; padding:10px 0px 0px 0px; border:0px solid #ddd; background:#fff 50% 50% no-repeat; background:#000000;}
div.SHEET p			{ clear:both; display:block; width:auto; height:auto; margin:20px 0px 0px 0px; padding:0px 0px 0px 0px; font: normal normal normal 12px/25px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div.SHEET p a			{ font-size:11px; font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }

div#wrapper 	{width: 950px; 	margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
div.SHEET div.contents		{ clear:none; float:left; display:inline; height: 560px; width:940px; margin:0px 0px 0px 0px; padding:5px 5px 5px 5px; color:#000; border-top:1px solid #000000; border-right:1px solid #000000; border-left:1px solid #000000; background:#FFFFFF;}

/* -- PAGE TITLE -- */
div.SHEET div.title		{ clear:none; float:left; display:inline; width:240px; margin:40px 0px 15px 0px; padding:0px 0px 0px 0px; color:#000; font: bold 17px/1.6em Helvetica,Arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ ゴシック",sans-serif; border-top:1px solid #dddddd;}

/* NAVIGATION */
div#logo		{ display:block; float:left; width:300px; height:auto; margin:0px 0px 0px 0px; padding:5px 0px 10px 12px; }
div#lang		{ display:block; float:right; width:96px; height:auto; margin:0px 0px 0px 0px; padding:26px 0px 0px 12px; }
div#lang ul li{height:16px; background: #000; line-height:16px; padding:0px 8px 0px 8px; float:left; clear:none; border-right:1px solid #333; }
div#lang ul li.right{height:16px; background: #000; line-height:16px; padding:0px 8px 0px 8px; float:left; clear:none; border-right:0px solid #333; }

div#navigation			{ display:inline; float:right; width:300px; height:auto; margin:0px 0px 0px 0px; padding:10px 10px 0px 0px; }
div.SHEET div#navigation div.btn_img	{ float:right; display:block; margin:0px 0px 0px 0px; padding:0px 10px 0px 10px; }
div.SHEET div#navigation div.btn_img_r	{ float:right; display:block; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px; border-left:1px solid #333; }

/* -- HEADER -- */
div#HEADER			{ float:right; display:inline; width:600px; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; z-index:5; font-size:10px; line-height:11px; }
div#HEADER ol		{ float:right; margin:0px 0px 0px 0px; padding:5px 20px 0px 0px; }
div#HEADER ol li		{ display:block; float:left; margin:0px 10px 0px 0px; padding:0px 10px 0px 0px; border-right:1px solid #AAA; }
div#HEADER ol li a		{ display:block; }
div#HEADER ol li a:link	{ color:#000; text-decoration:none; }
div#HEADER ol li a:visited	{ color:#000; text-decoration:none; }
div#HEADER ol li a:hover	{ color:#666; text-decoration:none; }
div#HEADER ol li a:active	{ color:#000; text-decoration:none; }
div#HEADER h1		{ display:none; float:right;  width:auto; height:15px; margin:0px; padding:0px; }
div#HEADER h1 a		{ width:auto; height:15px; margin:0px; padding:0px; font: normal normal normal 10px/11px "Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo",Verdana,Geneva,Arial,"ＭＳ ゴシック",sans-serif; }
div#HEADER h1 a:link		{ color:#aaa; text-decoration:none; }
div#HEADER h1 a:visited	{ color:#aaa; text-decoration:none; }
div#HEADER h1 a:hover	{ color:#fff; text-decoration:none; }
div#HEADER h1 a:active	{ color:#fff; text-decoration:none; }
div#HEADER2			{ float:left; width:320px; padding:0px 10px 5px 10px; margin:0px 0px 0px 0px;}

/* -- FOOTER -- */
div#FOOTER			{ clear:both; float:left; width:950px; margin:0px 0px 0px 0px; color:#FFF; background:#000; }
div#FOOTER .navigation			{ clear:both; width:950px; margin:0px 0px 0px 0px; padding:10px 0px 0px 0px; background:#000; border-top:1px solid #cccccc;}
div#FOOTER .navigation .copyright			{ clear:none; float:left; margin:0px 0px 0px 0px; padding:5px 0px 5px 10px; font: normal normal normal 9px/11px Helvetica,Verdana,Geneva,Arial,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ","Meiryo","ＭＳ ゴシック",sans-serif; }
div#FOOTER div#menu{height:16px; display:block; float:left; padding:10px 0 0 0 ;}
div#FOOTER ul.nav{height:16px; overflow: hidden; background: #000; color:#000; width: 85px; font-size:10px; font-weight:bolder; text-align: left; float: left; }
div#FOOTER ul.navigation li{height:16px; background: #000; line-height:16px; padding:0px 10px 0px 10px; float:left; clear:none; border-right:1px solid #333; }
div#FOOTER ul.navigation li.right{height:16px; background: #000; line-height:16px; padding:0px 10px 0px 10px; float:left; clear:none; border-right:0px solid #333; }
div#FOOTER ul.navigation li.copyright{height:16px; background: #000; line-height:16px; padding:0px 10px 0px 10px; float:right; clear:none; border-right:0px solid #333;}

#view{
    position:relative;
    top:0;
    left:0;
    width: 940px;
    height:560px;
}
#view img {
    position:absolute;
    left:0;
    top:0;
}