﻿@charset "utf-8";
*{
	margin:0px;
	padding:0px;
	text-align:left;
	color:#333333;
	font-weight:normal;
	font-style:normal;
	font-family:sans-serif;
}
/* ------------ elements config ------------ */
a							{color:#5c9f09;text-decoration:none;}
a:link,a:link *				{color:#5c9f09;}
a:visited,a:visited *,li a:link,* a:link *,h4 a:link,h4 a:link *
							{color:#5c9f09;}
a:hover,a:hover *,li a:hover,* a:hover *,h4 a:hover,h4 a:hover *
							{color:#ff8400;text-decoration:underline;}
a:active,a:active *			{color:#ff8400;text-decoration:underline;}
a:focus,a:focus *			{color:#ff8400;text-decoration:underline;}

*html img,
*html div			{behavior: url(iepngfix.htc) }
body				{line-height:1.6;font-size:84%;*font-size:76%;background:#ffffff;}
html[xmlns] body:last-child{font-size:87%;}
body *				{font-size:inherit;}
table				{border-collapse:collapse;
					width:100%;	height:auto;
					border-left:1px solid #dbdbdb;
					border-top:1px solid #dbdbdb;
					margin-bottom:20px;}
html[xmlns] body:last-child
					{margin-left:1px;}
td,th				{padding:4px;
					border-right:1px solid #dbdbdb;
					border-bottom:1px solid #dbdbdb;}
td,th				{line-height:1.2;*font-size:0.76em;}
th,th *				{vertical-align:middle;}
thead th,thead th *	{font-weight:bold;}
html[xmlns*=""] body:last-child th *
					{vertical-align:baseline;}
table tbody th		{white-space:nowrap;}
strong				{font-weight:bold;color:#3ebd00;}
fieldset,img,button	{border:0;}
button				{background:none;}
sub					{vertical-align:bottom;font-size:0.8em;}
sup					{line-height:0;font-size:0.8em;
					vertical-align:super; position:relative;
					top:5px; *top:-2px;}
html[xmlns*=""] body:last-child sup
					{top:0;}
/*\*/
.contents ul,.contents ol,.contents dl,.contents p
					{width:auto; height:auto; margin:0;}
/**/
.contents ol li		{margin-left:20px;}
*html .contents ol li
					{margin-left:25px;}
*:first-child+html*.contents ol li
					{margin-left:25px;}
.contents table ul,.contents table ol
					{padding-left:0;	margin:0;}
.contents ul li		{list-style:circle; margin-left:20px;}
*html .contents ul li
					{margin-left:25px;}
*:first-child+html*.contents ul li
					{margin-left:25px;}
.contents li		{line-height:1.2;margin-bottom:1ex;}
.contents table li	{margin-bottom:0;}
.contents ul,.contents ol
					{margin-top:1ex;}
h1,h2,h3,h4,h5,h6	{line-height:1.1;	font-weight:bold;
					 font-size:1em;		clear:both;}
html*h1,html*h2,html*h3,html*h4,html*h5,html*h6
					{line-height:1.3;}
*:first-child+html*h1,*:first-child+html*h2,*:first-child+html*h3,*:first-child+html*h4
					{line-height:1.1;}
h1:after,h2:after,h3:after,h4:after,h5:after
					{content: ".";	height:0;
					display:block;	clear:both;
					visibility:hidden;}
h1 *,h2 *,h3 *,h4 *,h5 *,h6 *,
					{font-weight:inherit;	display:inline-block;}
/*h1 a:link,h2 a:link,h3 a:link,h4 a:link,h5 a:link,h6 a:link,
h1 a:visited,h2 a:visited,h3 a:visited,h4 a:visited,h5 a:visited,h6 a:visited,
h1 a:link *,h2 a:link *,h3 a:link *,h4 a:link *,h5 a:link *,h6 a:link *,
h1 a:visited *,h2 a:visited *,h3 a:visited *,h4 a:visited *,h5 a:visited *,h6 a:visited *
					{color:#404040;	text-decoration:none;}
h1 a:hover,h2 a:hover,h3 a:hover,h4 a:hover,h5 a:hover,h6 a:hover,
h1 a:active,h2 a:active,h3 a:active,h4 a:active,h5 a:active,h6 a:active,
h1 a:focus,h2 a:focus,h3 a:focus,h4 a:focus,h5 a:focus,h6 a:focus,
h1 a:hover *,h2 a:hover *,h3 a:hover *,h4 a:hover *,h5 a:hover *,h6 a:hover *,
h1 a:active *,h2 a:active *,h3 a:active *,h4 a:active *,h5 a:active *,h6 a:active *,
h1 a:focus *,h2 a:focus *,h3 a:focus *,h4 a:focus *,h5 a:focus *,h6 a:focus *
					{color:#ff0000;	text-decoration:none;}*/

h3{margin-bottom:24px;font-size:2em;}
h4{margin-bottom:16px;border-bottom:2px solid #3ebd00;padding-bottom:3px;font-size:1.3em;}
h5{margin-bottom:12px;color:#ff7d20;font-size:1.06em;}
.contents p,.contents ul,.contents ol,.contents dl,.contents table{margin-bottom:20px;}
html[xmlns] p{margin-left:0 ! important;}
html:first-child p{}/* for Opera */
*:first-child+html p{}/* for IE7 */
html[xmlns] body:last-child p{}/* for Firefox */

/* ------------ basic layout ------------ */
body{
	width:100%;		height:auto;
	text-align:center;
	background:#ffffff url(../img/back_upper.gif) repeat-x;
}
.wrapper,.header,.container_wrapper,.container,.contents,.leftcol,.footer{
	clear:both;			width:100%;
	height:auto;		position:relative;
	zoom:100%;
}
.container:after,leftcol:after,.rightcol:after{
	content: ".";		height:0;
	display:block;		clear:both;
	visibility:hidden;
}
.wrapper{
	margin:0 auto;
	overflow:hidden;
	margin-top:0;
	text-align:center;
	width:940px;
}
.header_wrapper{
	text-align:center;
	height:130px;
}
.header{
	width:900px;
	height:100%;
	margin:0 auto;
}
.container_wrapper{
	background:#ffffff;
	text-align:center;
	margin-top:11px;
}
.container{
	overflow:hidden;
	width:900px;
	margin:0 auto;
	margin-top:18px;
	padding-bottom:0px;
	background:url(../img/rf_back.gif) repeat-y right top;
}
.rf_bottom{
	clear:both;
	width:900px;
	height:13px;
	margin:0 auto;
	background:url(../img/rf_bottom.gif) no-repeat right top;
	display:block;
}
.leftcol{
	height:auto;	float:left;
	overflow:hidden;	position:relative;
	zoom:100%;
	width:645px;
	margin-top:8px;
}
.rightcol{
	height:auto;		float:right;
	overflow:hidden;	position:relative;
	zoom:100%;			width:230px;
	*margin-top:-19px;
	background:url(../img/rf_top.gif) no-repeat right top;
}
.footer{
	width:900px;
	clear:both;
	margin:0 auto;
	padding-top:10px;
}
html[xmlns] .container,html[xmlns] .footer,html[xmlns] .contents,html[xmlns] .rightcol,html[xmlns] .leftcol{
	overflow:visible;
}

/* ------------ header layout ------------ */
#logo{
	position:absolute;
	top:6px;
	left:0;
}
h1{
	text-align:right;
	position:relative;
	top:14px;
	right:0;
}
#to_sitemap{
	position:absolute;
	top:47px;
	right:100px;
}
#to_inquiry{
	position:absolute;
	top:47px;
	right:0px;
}
#head_info{
	position:absolute;
	top:32px;
	left:185px;
	color:#333333;
	font-size:1.2em;
}
#head_info strong,#head_info *{
	color:#333333;
}

.globalnavi{
	width:900px;	height:43px;
	position:absolute;
	overflow:hidden;
	margin:0 auto;
	background:url(../img/gn_back.gif) no-repeat left top;
	top:82px;
}
*html .globalnavi{
	margin:0;
	margin-bottom:6px;
}
.globalnavi li{
	display:block;
	float:left;
	overflow:hidden;
	height:100%;
}
.globalnavi li a{
	display:block;
	overflow:hidden;
	height:100%;
	padding-top:43px;
}
#gn01{width:150px;}
#gn02{width:150px;}
#gn03{width:150px;}
#gn04{width:150px;}
#gn05{width:150px;}
#gn06{width:150px;}
#gn01 a:hover{background:url(../img/gn01_on.gif) no-repeat left top;}
#gn02 a:hover{background:url(../img/gn02_on.gif) no-repeat left top;}
/*#gn02 a{cursor:default;}*/
#gn03 a:hover{background:url(../img/gn03_on.gif) no-repeat left top;}
#gn04 a:hover{background:url(../img/gn04_on.gif) no-repeat left top;}
#gn05 a:hover{background:url(../img/gn05_on.gif) no-repeat left top;}
#gn06 a:hover{background:url(../img/gn06_on.gif) no-repeat left top;}

#dir_news #gn02 a{background:url(../img/gn02_on.gif) no-repeat left top;}
#dir_about #gn03 a{background:url(../img/gn03_on.gif) no-repeat left top;}
#dir_scene #gn04 a{background:url(../img/gn04_on.gif) no-repeat left top;}
#dir_team #gn04 a{background:url(../img/gn04_on.gif) no-repeat left top;}
#dir_qa #gn06 a{background:url(../img/gn06_on.gif) no-repeat left top;}

/* ------------ contents classes ------------ */

#swf {
	padding: 0 0 0 0;
	width:645px;
	float:left;
}

#key {
	position: relative;
}

#mainBanner {
	position: absolute;
	top: 0;
	right: 20px;
}

#topImage{
	margin-bottom:20px;
}
#topNews .column2{
	border-left:2px solid #58bd26;
	margin-bottom:16px;
}
#topNews .lc{
	width:96px;
	margin-left:10px;
	color:#808080;
}
#topNews .rc{
	width:538px;
	margin-top:2px;
	_margin-top:-17px;
}
#topNews h5{
	color:#333333;
}
#scene .column2 .lc{
	width:322px;
}
#scene .column2 .rc{
	width:306px;
}
#introduce{
	background:#fafafa;
	border:1px solid #dbdbdb;
	margin-bottom:24px;
}
#introduce .lc{
	border:1px solid #dbdbdb;
	background:#ffffff;
	overflow:hidden;
	width:300px;
	text-align:center;
	margin:15px 0;
	margin-left:20px;
	_margin-left:10px;
}
#introduce .rc{
	width:285px;
	margin:15px 0;
	margin-right:20px;
	_margin-right:10px;
}
#team_genre .lc,#team_genre .rc{
	width:49%;
}
#team_genre h6{
	border-bottom:1px solid #dbdbdb;
	padding-bottom:2px:
}
#qaList ul li{
	list-style:none;
}
#qa div.question *{
	color:#ff7d20;
	font-weight:bold;
	border-bottom:1px solid #dbdbdb;
}
#qa div.answer{
	margin-bottom:24px;
	margin-top:4px;
}
#qa .column2 .lc{
	width:24px;
}
#qa .column2 .rc{
	width:620px;
}
.f_column{
	width:660px;
	background:#ffffff;
}
.f_box{
	background:#fafafa;
	border:1px solid #dbdbdb;
	padding:30px;
	position:leretive;
}
.f_box .field{
	margin-bottom:1em;
}
.f_box hr{
	border-top:1px solid #dbdbdb;
	border-bottom:1px solid #eeeeee;
	margin:1.4em 0;
}
#CompOrNew *{
	text-align:center;
}
#CompOrNew{
	text-align:center;
	position:leretive;
	margin:0 240px;
}
#btn_comp{
	float:left;
}
#btn_new{
}
.error,.error *{
	color:#ff0000 ! important;
}
.important,.important *{
	color:#ff0000 ! important;
}
.f_box .attention{
	background:#ffffff;
	border:1px solid #dbdbdb;
	padding:12px;
}
form.cmxform fieldset {
  margin-bottom: 10px;
  background:#fafafa;
  border:1px solid #dbdbdb;
}
form.cmxform legend {
  padding: 0 2px;
  font-weight: bold;
}
form.cmxform label {
  display: inline-block;
  vertical-align: top;
}
form.cmxform fieldset ol {
  margin: 0;
  padding: 0;
}
form.cmxform fieldset li {
  list-style: none;
  padding:10px 15px;
  margin: 0;
  background:#fafafa;
  clear:both;
}
form.cmxform label {
  width:150px;
}
/* firefox only */
html[xmlns] body:last-child form.cmxform label{
	display:block;
	float:left;
    width:150px;
}

.copyright{
	display:block;
	margin-top:5px;
}
.pankuzu{
	position:absolute;
	top:0;
	right:0;
	line-height:1.3;
	margin:4px 0 0 0;
	font-size:smaller;
}
/*
#privacy_mark{
	position:absolute;
	top:10px;
	right:0;
}
*/


/*\*/
.column2,.column3{
	clear:both;			height:auto;
	width:100%;			zoom:100%;
	position:relative;	*overflow:hidden;
}
.column2:after,.column3:after{
	content: ".";		width:100%;
	display:block;		clear:both;
	height:0;			visibility:hidden;
}
.lc,.cc,.rc{
	width:auto;			height:auto;
	position:relative;
}
.lc{float:left;}
.column2 .lc{width:50%;}
.column2 .rc{float:right;width:50%;}
.column2 .lc .lc{width:50%;}
.column2 .lc .rc{float:right;width:50%;}
.column2 .rc .lc{width:50%;}
.column2 .rc .rc{float:right;width:50%;}
.column3 .lc{width:33%;}
.column3 .cc{width:33%;float:left;}
.column3 .rc{width:33%;float:right;}
/**/

.kome{
	clear:both;
	list-style:none;
}
.kome:after{
	content: ".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;

}
.kome .mark,.kome .text,.kome .date,.kome text{
	display:block;
	width:auto;
	height:auto;
}
.kome .mark,.kome .date{
	float:left;
}

.kome .wrap{
	display:block;
	width:100%;
	height:auto;
	float:right;
	margin-left:-1.5em;
}
.kome .text{
	display:block;
	width:auto;
	height:auto;
	text-align:left;
	margin-left:1.5em;
}

/* ------------ footer ------------ */
.footer{
	border-top:#dbdbdb 1px solid;
	margin-top:12px;
	margin-bottom:70px;	
}
.footer a,.footer a:link,.footer a:visited,.footer a:hover,.footer a:active,.footer a:focus{
	color:#333333;
}

/* --------------- rightcol --------------- */
.rcbox{
	width:auto;
	margin:3px 8px;
	border-bottom:#dbdbdb 1px solid;
	padding:10px 0;
	overflow:hidden;
}

/* ------------ all round classes ------------ */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{
	display:inline-block;
}
 /* Hides from IE-mac \*/ 
* html .clearfix{height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.tcolor01{color:#ff7d20 ! important;}
.bcolor01{border:1px solid #dbdbdb;}
.bgcolor01,.bgcolor01 *{background:#ffffff;}
.c{clear:both;}
.ffmonosp,.ffmonosp *{font-family:monospace;}
.fwb,.fwb *{font-weight:bold;}
.widthAuto{width:auto;}
ul.ul_norm li{margin-left:20px;*margin-left:26px; list-style:disc;}
.upper-alpha,.upper-alpha li{list-style:upper-alpha ! important;}
.lower-alpha,.lower-alpha li{list-style:lower-alpha ! important;}
.tdn{text-decoration:none ! important;}
.h0{height:0;width:1px;display:none;}
.lh0{line-height:0 ! important;}
.nowrap{white-space:nowrap;}
.nowrap_all,.nowrap_all *{white-space:nowrap;}
.ws_normal_all,.ws_normal_all *{white-space:normal ! important;}
.th_nowrap th{white-space:nowrap;}
.thtal th{text-align:left ! important;}
.tdtar td{text-align:right ! important;}
.tac{text-align:center ! important;}
.tac_all *,.tac_all_th th,.tac_all_td td{text-align:center;}
.tar_all_td,.tar_all_td *{text-align:right;}
.tar{text-align:right ! important;}
.tal{text-align:left ! important;}
.tal_all_td,.tal_all_td td{text-align:left;}
.vam{vertical-align:middle;}
.vam_all td,.vam_all th{vertical-align:middle ! important;}
.vam{vertical-align:middle ! important;}
.vat{vertical-align:top ! important;}
.vat_all_td td{vertical-align:top ! important;}
.ti0{text-indent:0 ! important;}
.noIcon{list-style:none ! important;}
.b0{border:0 ! important;}
.bt0{border-top:0 ! important;}
.bb0{border-bottom:0 ! important;}
.bb0_all,.bb0_all *{border-bottom:0 ! important;}
.br0{border-right:0 ! important;}
.br0_all *{border-right:0 ! important;}
.m0{margin:0 ! important;}
.p0{padding:0 ! important;}
.p10{padding:10px ! important;}
.pl0{padding-left:0 ! important;}
.mt0{margin-top:0 ! important;}
.ml0{margin-left:0 ! important;}
.mr0{margin-right:0 ! important;}
.mb0{margin-bottom:0 ! important;}
.mt5{margin-top:5px ! important;}
.mb5{margin-bottom:5px ! important;}
.pt5{padding-top:5px ! important;}
.mb7{margin-bottom:7px ! important;}
.mt10{margin-top:10px ! important;}
.mb10{margin-bottom:10px ! important;}
.pt10{padding-top:10px ! important;}
.pr10{padding-right:10px ! important;}
.ml12{margin-left:12px ! important;}
.mb12{margin-bottom:12px ! important;}
.pl12{padding-left:12px ! important;}
.pr12{padding-right:12px ! important;}
.mb13{margin-bottom:13px ! important;}
.pr14{padding-right:14px ! important;}
.mt15{margin-top:15px ! important;}
.mb15{margin-bottom:15px ! important;}
.ml15{margin-left:15px ! important;}
.mt20{margin-top:20px ! important;}
.mb20{margin-bottom:20px ! important;}
.mr20{margin-right:20px ! important;}
.pr20{padding-right:20px ! important;}
.mb25{margin-bottom:25px ! important;}
.mb30{margin-bottom:30px ! important;}
.mb40{margin-bottom:40px ! important;}
.mt50{margin-top:50px ! important;}
.mb50{margin-bottom:50px ! important;}
.mt50{margin-top:50px ! important;}
.mlrAuto{margin:0 auto ! important;}
.plrAuto{padding:0 auto ! important;}
.ml15mr15{margin-right:15px ! important;margin-left:15px ! important;}
.pl30_wAuto{padding-left:30px ! important; width:auto ! important;}
.w50{width:50px ! important;}		.w100{width:100px ! important;}
.w150{width:150px ! important;}		.w200{width:200px ! important;}
.w250{width:250px ! important;}		.w300{width:300px ! important;}
.w350{width:350px ! important;}		.w400{width:400px ! important;}
.w450{width:450px ! important;}		.w500{width:500px ! important;}
.w550{width:550px ! important;}		.w600{width:600px ! important;}
.w24{width:24px ! important;}		.w36{width:36px ! important;}
.w48{width:48px ! important;}		.w60{width:60px ! important;}
.w72{width:72px ! important;}		.w84{width:84px ! important;}
.w96{width:96px ! important;}		.w108{width:108px ! important;}
.w120{width:120px ! important;}		.w132{width:132px ! important;}
.w144{width:144px ! important;}		.w156{width:156px ! important;}
.w168{width:168px ! important;}		.w180{width:180px ! important;}
.w192{width:192px ! important;}		.w204{width:204px ! important;}
.w216{width:216px ! important;}		.w228{width:228px ! important;}
.w240{width:240px ! important;}		.w252{width:252px ! important;}
.w264{width:264px ! important;}		.w276{width:276px ! important;}
.w215{width:215px ! important;}
.tlf{table-layout:fixed ! important;}
.fr{float:right ! important;}
.fl{float:left ! important;}


