@charset "utf-8";
/* CSS Document */



/*----------------------------
           key visual    
----------------------------*/
/*
div#keyvisual{
	float:left;
	width:960px;
	height:250px;
}


/*----------------------------
         infomation   
----------------------------*/

div.infomation{
	margin-top:50px;
	float:left;
}

div.infomation h2{
	text-indent:-5000px;
	background-image:url(../img/ti_infomation.gif);
	width:935px;
	height:40px;
	float:left;
	margin-bottom:30px;
}

div.infomation p{
	width:740px;
	margin:10px auto;
	line-height:2;
	font-size:75%;
}

div.infomation p a:link,
div.infomation p a:visited{
	color:#106DC2;
	text-decoration:none;
}

div.infomation p a:hover{
	color:#f9c;
	text-decoration:underline;
}

div.infomation p a:active{
	color:#106DC2;
	text-decoration:underline;
}





/*----------------------------
           target    
----------------------------*/

div.target{
	margin-top:50px;
	float:left;
}

div.target h2{
	text-indent:-5000px;
	background-image:url(../img/ti_target.gif);
	width:935px;
	height:40px;
	float:left;
}

div.target ul{
	width:520px;
	height:260px;
	background-image:url(../img/target_list.gif);
	background-repeat:no-repeat;
}

div.target ul li{
	text-indent:-5000px;
}

/*----------------------------
       in client share    
----------------------------*/

div.ics{
	padding-top:50px;
	float:left;
}

div.ics h2{
	text-indent:-5000px;
	background-image:url(../img/ti_ics.gif);
	width:935px;
	height:40px;
	float:left;
}

p.ics_left{
	width:400px;
	float:left;
}

div.ics_right{
	width:300px;
	float:left;
}

div.ics_right p{
	font-size:75%;
	line-height:2;
}


/*----------------------------
       seminar info    
----------------------------*/

div.seminar{
	padding-top:50px;
	float:left;
}

div.seminar h2{
	text-indent:-5000px;
	background-image:url(../img/ti_seminar.gif);
	width:935px;
	height:40px;
	float:left;
}

div.seminar ul,
div.seminar p{
	font-size:75%;
	line-height:2;
}


div.table{
	width:550px;
	float:left;
	padding-top:50px;
}

div.seminar iframe{
	margin-left:10px;
	width:500px;
	height:200px;
	border:0;
}

div.place{
	width:250px;
	float:left;
	padding-top:50px;
}

div.place address{
	margin-left:2em;
	font-size:75%;
	line-height:2;
}

div.time{
	width:250px;
	float:left;
	padding-top:10px;
}

div.time dl{
	font-size:75%;
	line-height:2;
}

div.time dl dd{
	margin-left:2em;
}




/*----------------------------
           privilege    
----------------------------*/

div.privilege{
	padding-top:50px;
	float:left;
}

div.privilege h2{
	text-indent:-5000px;
	background-image:url(../img/ti_privilege.gif);
	width:935px;
	height:40px;
	float:left;
	margin-bottom:50px;
}


div.privilege p{
	width:520px;
	margin:50px auto;
	font-size:81%;
	line-height:2;
}

div.privilege a{
	margin-top:50px;
	display:block;
	width:574px;
	height:81px;
	text-indent:-5000px;
	background-repeat:no-repeat;
	outline:none;
}

div.privilege a:link,
div.privilege a:visited{
	background-image:url(../img/btn_application_up.jpg);
}

div.privilege a:hover{
	background-image:url(../img/btn_application_ov.jpg);
}

div.privilege a:active{
	background-image:url(../img/btn_application_up.jpg);
}


div.privilege h3{
	text-indent:-5000px;
	background-image:url(../img/ti_method.gif);
	width:935px;
	height:40px;
	float:left;
	margin-bottom:50px;
}

div.privilege h4{
	width:520px;
	padding:0.5em;
	border-bottom:1px solid #ccc;
	margin:20px auto;
}







/*----------------------------
        Elevator menu    
----------------------------*/




#menu{
	position:relative;
	width:128px;
	height:128px;
	background-color:#ccc;
	margin-left:980px;
}

#menu a{
	display:block;
	width:128px;
	height:128px;
	background-repeat:no-repeat;
	text-indent:-5000px;
	outline:none;
}

#menu a:link,
#menu a:visited{
	background-image:url(../img/btn_side_inquiry.jpg);
}

#menu a:hover{
	background-image:url(../img/btn_side_inquiry_ov.jpg);
}

#menu a:active{
	background-image:url(../img/btn_side_inquiry.jpg);
}