/*=----------layouts and module----------*/
html, body{
	text-align: center;
}

#container{
	width:944px;
	text-align: left;
	margin: 0 auto 0 auto;
	padding:16px 10px 0px 10px;
	background:#FFF;
}
* html #container{
	width:964px;
}

/*==header---------------------------------------------*/

#header{
	margin:0 auto 0 auto; 
	width:964px;
	height:65px;
	border-bottom: solid 5px #E1E1E1; 
}

#header h1{
	width:176px;
	float:left;
}


#header ul {
	width:384px;
	margin: 40px 0 0 0;
	float:right;
}
#header ul li{
	width:auto;
	height:15px;
	margin: 0 0 0 16px;
	float:right;
}

#header ul li.company{width:61px;}
#header ul li.recruit{width:62px;}
#header ul li.privacy{width:133px;}

#header ul li a{
	display: block;
	width:100%;
	height:100%;
	line-height: 1;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/module/nav_header.gif) no-repeat ;
}

#header ul li.company a{background-position: 0 0 ;}
#header ul li.recruit a{background-position: -61px 0 ;}
#header ul li.privacy a{background-position: -123px 0 ;}

#header ul li.company a:hover{background-position: 0 -15px ;}
#header ul li.recruit a:hover{background-position: -61px -15px ;}
#header ul li.privacy a:hover{background-position: -123px -15px ;}

#company #header ul li.company a{background-position: 0 -15px ;}
#recruit #header ul li.recruit a{background-position: -61px -15px ;}
#privacy #header ul li.privacy a{background-position: -123px -15px ;}




/*=gnavi---------------------------------------------*/
#nav_g{
	width:176px;
	margin: 0 8px 0 8px;
	float: left;
	display: inline;
}
#nav_g ul {
	width:176px;
}
#nav_g ul li{
	width:176px;
	height:40px;
}

#nav_g ul li a{
	display: block;
	width:100%;
	height:100%;
	line-height: 1;
	overflow: hidden;
	text-indent: -9999px;
	background: url(../img/module/nav_g.gif) no-repeat;
}

#nav_g ul li.concept a{background-position: 0 0;}
#nav_g ul li.ev a{background-position: 0 -40px;}
#nav_g ul li.it a{background-position: 0 -80px;}
#nav_g ul li.en a{background-position: 0 -120px;}
#nav_g ul li.crea a{background-position: 0 -160px;}
#nav_g ul li.inquiry a{background-position: 0 -200px;}

#nav_g ul li.concept a:hover{background-position: -176px 0;}
#nav_g ul li.ev a:hover{background-position: -176px -40px;}
#nav_g ul li.it a:hover{background-position: -176px -80px;}
#nav_g ul li.en a:hover{background-position: -176px -120px;}
#nav_g ul li.crea a:hover{background-position: -176px -160px;}
#nav_g ul li.inquiry a:hover{background-position: -176px -200px;}


#concept #nav_g ul li.concept a{background-position: -176px 0;}
#ev #nav_g ul li.ev a{background-position: -176px -40px;}
#it #nav_g ul li.it a{background-position: -176px -80px;}
#en #nav_g ul li.en a{background-position: -176px -120px;}
#crea #nav_g ul li.crea a{background-position: -176px -160px;}
#inquiry #nav_g ul li.inquiry a{background-position: -176px -200px;}






/*==visual---------------------------------------------*/
#visual{
	width:752px;
}






/*==main---------------------------------------------*/

#main {
	width:752px;
	min-height:350px;
	margin: 0 0 0 0;
	float: right;
	background: #FFF;
}

* html #main{
	height:350px;
}



/*==sub---------------------------------------------*/
#sub {
	margin: 0 0 8px 0;
	padding: 16px 0 0 0;
	background: #FFF url(../img/share/hr_dot.gif) repeat-x 0 0;
	
}
#sub #section{
	width: 368px;
	float:left;
	margin: 0 16px 16px 0;
}

#sub #section ul{
	width: 368px;
}
#sub #section li {
	width:368px;
	height:94px;
	margin: 0 0 0 0;
}

#sub #section li a{
	display: block;
	width:100%;
	height: 100%;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
#sub #section li.ev a{background-image: url(../img/home/ev.gif);}
#sub #section li.it a{background-image: url(../img/home/it.gif);}
#sub #section li.en a{background-image: url(../img/home/en.gif);}

#sub #news{
	width: 272px;
	float:left;
	margin: 0 16px 0 0;
}
#sub #news{
	width: 272px;
	float:left;
	margin: 0 16px 0 0;
}
#sub #news dt{
	line-height:0;
	margin: 0 0 0px 0;
	background: #F8F8F8;
}

#sub #news dt span{
	color: #FFF;
	font-weight: bold;
	background: #666;
	font-size: 0.8em;
	margin-right: 0px;
	padding:  0 3px 0 3px;
}

#sub #news dt img{
	vertical-align: middle;
}


#sub #news dd{
	padding:  0 0 5px 0;
	background: #FFF url(../img/share/hr_dot.gif) repeat-x 0 bottom;
	margin: 0 0 8px 0;
	line-height: 1.4;
}
#sub #connection{
	width: 944px;
	height:76px;
	float:left;
	margin: 0 0 0 0;
	background: url(../img/module/bg_connection.gif) no-repeat 0 0;
}

#sub #connection ul{
	width: 794px;
	margin: 0 auto 0 auto;
}

#sub #connection li{
	width: 254px;
	float:left;
	margin: 8px 8px 0 0;
	padding: 0 8px 0 0;
	background: url(../img/share/vr_dot.gif) no-repeat right 0;
}

#sub #connection li.end{
	margin: 8px 0 0 0;
	padding: 0 0 0 0;
	background:none;
}
#home #sub #connection li.end{
	background:none;
}

#home #sub #connection{
	width: 272px;
	height:212px;
	float:left;
	margin: 0 0 16px 0;
	background: url(../img/home/bg_connection.gif) no-repeat 0 0;
}

#home #sub #connection ul{
	width: 254px;
	margin: 0 8px 0 8px;
}

#home #sub #connection li{
	width: 254px;
	text-align: center;
	margin: 0 0 3px 0;
	padding: 4px 0 0 0;
	background: url(../img/share/hr_dot.gif) repeat-x 0 bottom;
}



/*==banner---------------------------------------------*/
#banner {
	width:944px;
	margin: 0 0 0 0;
	font-size: 0.8em;
	padding: 8px 0 0 0;
}
#home #banner {
	background: #FFF url(../img/share/hr_dot.gif) repeat-x 0 0;
	padding: 16px 0 0 0;
}
#banner ul{

}
#banner li{
	width: 176px;
	float:left;
	margin: 0 8px 16px 0;
	padding: 0 8px 0 0;
	background: #FFF url(../img/share/vr_dot.gif) no-repeat  right 0;
}
#banner a img {
	display: block;
	overflow: hidden;
	margin-bottom: 8px;
}


#banner a {
	line-height:1.6;
	text-decoration: none;
	color: #333333;
}
#banner a:hover{
	color: #DD0000;
}


#banner dl.service,
#banner dl.recommend,
#banner dl.pr{
	float:left;
}
#banner dl.service{
	width:576px;
}
#banner dl.recommend,
#banner dl.pr{
	width: 176px;
}
#banner dl.recommend{
	margin-right:16px; 
	display: inline;
}
#banner dl.pr{
	margin-right:0; 
}
#banner dt{
	margin-bottom:8px; 
}
#banner ul li.end{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: none;
}	

#banner dl.other{
	clear:both;
	padding: 8px 0 16px 0;
	background: #FFF url(../img/share/hr_dot.gif) repeat-x 0 0;
}
#banner dl.other dt{
	width: 4em;
	margin: 0;
}
#banner dl.other dd{
	margin: -1.5em 0 0 0;
	padding: 0 0 0 4.5em;
	
}

#banner dl.other dd a{
	margin: 0 8px 0 0;
	padding: 0 8px 0 0;
	background: #FFF url(../img/share/vr_dot.gif) no-repeat  right 0;
	border: none;
	
}

#banner ul li.end,
#banner .pr ul li{
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	background: none;
}	



/*==footer---------------------------------------------*/
#footer{
	background: #F3F3F3 ;
	border-top: solid 5px #E1E1E1;
	margin: 0 0 0 0;
	width:100%;
	height:65px;
	font-size: 0.8em;
	
}
#footer div {
	margin: 8px auto 0 auto;
	text-align: left;
	width:944px;
	
}

#footer p.copyright{
	text-indent: -9999px;
	background: url(../img/module/copyright.gif) no-repeat 0 0;
	margin:0;
	float:right;
	width:234px;
	height: 13px;
}

#footer ul{
	width:500px;
	float:left;
	border-left:solid 1px #999; 
	padding-left: 8px;
}
#footer ul li{
	float:left;
	border-right:solid 1px #999; 
	margin-right: 8px;
	padding-right: 8px;
}
#footer div a{
	text-decoration: none;
	color: #333333;
	line-height: 1;
}

#footer div a:hover{
	color: #999999;
}




/*==function---------------------------------------------*/

p.footstamp{
	font-size: 0.8em;
	color: #999999;
	margin: 0 0 10px 0;
}
p.footstamp a{
	color: #0077CC;
	text-decoration: none;
}
p.footstamp a:hover{
	text-decoration: underline;
}


p.pagetop {
	margin: 0 0 16px 0px;
	height:15px;
	width:944px;
	clear:both;
}

p.pagetop a{
	display:block;
	width:100px;
	height:15px;
	float: right;
	text-indent: -9999px;
	background: url(../img/module/pagetop.gif) no-repeat 0 0;
	overflow: hidden;
}
p.pagetop a:hover{
	background: url(../img/module/pagetop.gif) no-repeat 0 -15px;
}


/*==Underconstruction------------------------------------*/

p.uc{
	font-size: 1.2em;
	padding:100px;
	background: #F8F8F8;
}


/*==inquiry------------------------------------*/

#inquiry form {

}


#inquiry dd input,
#inquiry dd select,
#inquiry dd textarea{
	border: solid 5px #EEEEEE;
	padding: 5px;
	background: #F8F8F8;
}
#inquiry dd textarea{
	font-size: 1.2em;
}

#inquiry dd input:focus,
#inquiry dd textarea:focus,
#inquiry dd select:focus{
	border: solid 5px #dd0000;
	background: #FFFFFF;
}

#inquiry form p.btn{
	text-align: center;
	letter-spacing: 16px;
	margin-left:0;
	margin-top: 10px;
}

#inquiry p.btn input{
	width: 146px;
	height: 40px;
	cursor: pointer;
	border: none;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: 0 0;
}

#inquiry p.btn input{
	text-indent: -9999px;
}

* html #inquiry p.btn input{
	text-indent: 0;
	padding-top: 90px;
}
*+html #inquiry p.btn input{
	text-indent: 0;
	padding-top: 90px;
}


#inquiry p.btn input.it,
#inquiry p.btn input.ev{height:70px;width:230px;}


#inquiry input.it{background-image: url(../img/inquiry/btn_it.gif) ;}
#inquiry input.ev{background-image: url(../img/inquiry/btn_ev.gif) ;}

#inquiry input.confirm{background-image: url(../img/inquiry/btn_confirm.gif) ;}
#inquiry input.back{background-image: url(../img/inquiry/btn_back.gif) ;}
#inquiry input.submit{background-image: url(../img/inquiry/btn_submit.gif) ;}


#inquiry p span.required,
#inquiry form dt span,
#inquiry form dd span{
	color: #F00;
}

#inquiry p.accept{
	text-align: center;
	padding: 20px;
	background:	#F5F5F5;
}

#inquiry #main #privacy ol{
	height:300px;
	overflow-y:scroll;
	margin: 0 20px 20px 20px;
	padding-top: 1.4em;

}
#inquiry #main #privacy ol li{
	margin: 0 0 0 10px;
	padding: 0 20px 30px 0 ;
}
#inquiry #main #privacy ol li dl{
	margin:  -1.4em 0 0 0;
	padding:  0 0 0 0 0;
}
#inquiry #main #privacy ol li dt{
	padding: 0;
	margin: 0 0 0 0;
}
#inquiry #main #privacy ol li dd{
	padding: 0;
	margin: 0;
}