@charset "UTF-8";
/*
CONTENTS CSS
CSS Priority
-----------------------------
1.width,height
2.float,clear
3.position,top,bottom,left,right
4.overflow,display
5.margin,padding
6.text-align
7.font,line-height
8.background,border
9.etc....
-----------------------------
*/


html, body { margin:0 auto; text-align:center; }
#wrapper { width:100%; position:relative; overflow:hidden; margin:0 auto; text-align:left; }
header { width:906px; position:relative; padding:0 0 0; margin:0 auto; }
#contents { width:900px; min-height:300px; overflow:hidden; margin:0 auto; padding:0 0 70px; position:relative; z-index:40; background:url(../../img/01/right_base.gif) repeat-y 641px bottom;}
footer { width:100%; min-height:343px; clear:both; position:relative; z-index:50; margin:-10px 0 0; background:url(../img/footer_bg.png) repeat-x left top; }
hr { display:none; }

	#stage_mask	{ min-width:100%; min-height:100%; position:fixed; top:0; left:0; z-index:200; background:#fff;}
	
	/*result*/
	#result #contents	{ background:none;}
	/*outline*/
	#outline #contents	{ padding:0 0 112px; background:none;}
	
	::selection { background:#006699; color:#fff;}
	::-moz-selection { background:#005bac; color:#fff;}
	

/*-------------------------------------------------------------------------------------------------*
HEADER
--------------------------------------------------------------------------------------------------*/
header h1 { padding:23px 0 84px; position:relative; z-index:250;}
header #photo { margin:0 0 53px; }
/*nav*/
#nav { width:905px; height:44px; overflow:hidden; padding:0 0 0 1px; position:absolute; top:64px; left:0; z-index:300; background:url(../img/nav/bg2.png) no-repeat left top; }
#nav li { float:left; padding:0 2px 0 0; margin:0; }
#nav li img { -ms-filter: "alpha(opacity=0)"; opacity:0; filter: alpha(opacity=0); }
#nav li .active img{ -ms-filter: "alpha(opacity=100)"; opacity:1; filter: alpha(opacity=100); }
/*slide*/
#slide { width:900px; height:291px; margin:0 0 57px; position:relative; overflow:hidden;}
#slide #mask { position:absolute; top:0; left:0; z-index:100; }
/*slide_text*/
#slide_text { width:342px; height:291px; position:absolute; top:0; left:-81px; z-index:100; padding:0 0 0 100px;}
#slide_text h2  { margin:52px 0 23px; display:none;}
#slide_text p	{ margin:0 0 0 25px; display:none;}
/*slide_text*/
#slide_bg { width:442px; height:291px; position:absolute; top:0; z-index:40; left:-240px; display:none;}

/*slide_img*/
#slide_img	{ position:relative;}
#slide_img img	{ display:none; position:absolute; top:0; left:0;}
#slide_img img.top	{ display:block;}



/*-------------------------------------------------------------------------------------------------*
CONTENTS
--------------------------------------------------------------------------------------------------*/
#contents #bottom { position:absolute; bottom:0; left:641px; z-index:0; }
#contents #page_top	{ position:absolute; bottom:50px; right:6px;}
#page_top img		{ display:block;}
#page_top:hover img	{ -ms-filter: "alpha(opacity=75)"; opacity: .75; filter: alpha(opacity=75);}

/*#news*/
#news { float:left;}
#news dl { width:557px; padding:13px 0 0; overflow:hidden; letter-spacing:0.5px; }
#news dt { width:84px; float:left; clear:both;}
#news dt img	{ display:block;}
#news dd { width:97px; float:left; line-height:20px; color:#005bac;}
#news dd.text { width:376px; line-height:20px; margin:0 0 10px; color:#000;}
#news dd a		{  color:#000;}
#news a:hover	{ text-decoration:underline;}
/*right*/
#right { width:253px; float:right; position:relative; margin:0 6px 0 0; background:#598cb9; }
#right p { position:absolute; right:18px; z-index:30; }
#right p.style_01 { top:30px; }
#right p.style_02 { top:66px; }
#right a:hover img { -ms-filter: "alpha(opacity=75)"; opacity: .75; filter: alpha(opacity=75); }
#right .top { position:absolute; top:0; left:0; }
#right img { display:block; }
/*research*/
#research	{ position:relative; overflow:hidden;}
#research div	{ position:relative; margin: 0 0 40px;}
#research h2{ margin:0 0 40px;}
#research h3{ width:481px; margin:0 0 10px; padding:0 0 5px 80px; color:#005bac; line-height:22px; font-size:116%; font-weight:bold;}
#research p	{ width:481px; clear:both; padding:0 0 0 80px; color:#545353; line-height:30px;}
#research span	{ width:80px; position:absolute; top:2px; left:0;}
#research img.style_01	{display:block; position:absolute; right:0; top:76px;}
#research img.style_02	{display:block; position:absolute; right:0; top:258px;}
#research a	{ color:#545353; text-decoration:underline;}
/*system*/
#system		{ position:relative;}
#system	h2	{ margin:0 0 40px;}
#system	h3	{ margin:45px 0 20px;}
#system	p	{ width:561px; color:#545353; line-height:30px; text-align: justify; text-justify: inter-ideograph; -ms-text-justify: inter-ideograph;}
#system img.style_01	{ display:block; margin:30px 0 0;}
#system img.style_02	{display:block; position:absolute; right:0; top:76px;}





/*-------------------------------------------------------------------------------------------------*
FOOTER
--------------------------------------------------------------------------------------------------*/
#footer-inner { width:900px; margin:0 auto; color:#fff; }
footer ul { padding:52px 0 36px; overflow:hidden; }
footer li { float:left; padding:0 34px 0 0; }
footer a:hover img { -ms-filter: "alpha(opacity=75)"; opacity: .75; filter: alpha(opacity=75); }
footer small { display:block; padding:0 0 20px; font-size:12px; letter-spacing:0.5px; text-shadow:0 1px 3px #039; }
#address { padding:21px 0 0; background:url(../img/footer_line.gif) no-repeat left top; }
#address strong { display:inline-block; padding: 2px 6px 0px; margin:0 0 11px; background:#fff; color:#005bac; font-weight:bold; line-height:20px; border:1px solid #669dcd; border-left:none; border-right:none; }
#address p { line-height:23px; letter-spacing:1px; }
#address #copyright { margin:30px 0 0; }