@charset "UTF-8";
/*=======================================
COMMON_INDEX
=======================================*/
body{
	margin:0;
	padding:0;
	background: #25bedd;
	color: #333;
}

#wrapper {
	margin: 0 auto;
	padding: 0 0;
	width: 100%;
	overflow:hidden;
	background-image: url(../cmn_img/index_bg.jpg);
	background-repeat: repeat-x;
	background-position: top;}

/*=======================================
COMMON_PASE
=======================================*/
div#container{
	margin:0 auto;
	padding:0 0;
	width:100%;
	min-height:420px; 
	max-height:520px; 
	height:auto !important; 
	height:520px;
	clear: both;
	overflow:hidden;
}

div#container h2.copy {
	width:900px;
	height:60px;
	margin:0 auto;
	margin-top:200px;
	text-align:center;
	font:normal normal bold 200%/1.3 "Hiragino Mincho Pro", "ƒqƒ‰ƒMƒm–¾’© Pro W3", serif;
	_font:normal normal bold 182%/1.3 "‚l‚r ‚o–¾’©", serif;
	overflow:hidden;
	clear: both;
}
*:first-child+html  div#header h1{
	font:normal normal bold 182%/1.3 serif;
}

/*=======================================
Text Style
=======================================*/
span{
	display: none;
}

/*----------------- HEADER -------------------*/
div#header{
	margin:0 0;
	padding:0 0;
	width:960px;
	height:75px;
	background: #fff url(../cmn_img/header_bg.gif) repeat-x;
	position:relative;
	overflow: hidden;
}
div#header h1{
	width: 196px;
	height: 75px;
	float: left;
}
*html div#header h1{
	margin:0 0;
}
*:first-child+html  div#header h1{
	margin:0 0;
}


/*----------------- MENU -------------------*/
#menu { width: 499px; margin-top:31px; float: right; }
#menu #bt a span { display: none; }
#menu #bt { width: 499px; height: 29px; overflow:hidden; }
#menu #bt ul { clear: borth; }
#menu #bt li {  list-style: none; float: left; }

#menu #bt li.concept a { display: block; width: 100px; height: 29px; background: url(../cmn_img/menu.gif) 0 0 no-repeat; } 
#menu #bt li.concept a:hover { background: url(../cmn_img/menu.gif) 0 -29px no-repeat; } 
#menu #bt li.enterprise a { display: block; width: 100px; height: 29px; background: url(../cmn_img/menu.gif) -100px 0 no-repeat; } 
#menu #bt li.enterprise a:hover { background: url(../cmn_img/menu.gif) -100px -29px no-repeat; } 
#menu #bt li.aboutus a { display: block; width: 100px; height: 29px; background: url(../cmn_img/menu.gif) -200px 0 no-repeat; } 
#menu #bt li.aboutus a:hover { background: url(../cmn_img/menu.gif) -200px -29px no-repeat; } 
#menu #bt li.business a { display: block; width: 99px; height: 29px; background: url(../cmn_img/menu.gif) -300px 0 no-repeat; } 
#menu #bt li.business a:hover { background: url(../cmn_img/menu.gif) -300px -29px no-repeat; } 
#menu #bt li.contact a { display: block; width: 100px; height: 29px; background: url(../cmn_img/menu.gif) -399px 0 no-repeat; } 
#menu #bt li.contact a:hover { background: url(../cmn_img/menu.gif) -399px -29px no-repeat; } 


/*----------------- CONTENTS -------------------*/
div#homeContents {
	width: 960px;
	clear: both;
	overflow: hidden;
}




/*=======================================
FOOTER
=======================================*/
/*----------------------- INDEX FOOTER  ----------------------*/
#wrapper #footerInd {
	/*position: absolute;
	bottom: 0px;*/
	margin: 0 auto;
	padding: 0 0;
	width:100%;
	height: 265px;
	background: url(../cmn_img/ind_footer_bg.gif) 0 0 repeat-x;
	overflow: hidden;
}
div#footerInd #menuLogo {
	margin: 0 auto;
	padding: 0 0;
	width:100%;
	overflow: hidden;
}
div#footerInd #menuBoxL {
	margin: 0 auto;
	padding: 0 0;
	width:960px;
	overflow: hidden;
}

div#footerInd  #footerBox {
	margin: 0 auto;
	padding: 0 0;
	width:100%;
	background:#25bedd;
	overflow: hidden;
}
div#footerInd #data {
	margin: 0 auto;
	margin-top: 20px;
	width:960px;
	min-height:140px; 
	height:auto !important; 
	height:140px;
	font-size: 92%;
	line-height:1.3;
	color:#fff;
}
div#footerInd #copyright {
	margin: 0 auto;
	margin-top: 4px;
	padding:0 0;
	width:960px;
	text-align: right;
}
div#footerInd p {
	margin:0 0;
	margin-bottom:4px;
	padding:0 0;
	width:100%;
	font-size: 86%;
	color:#fff;
}