@charset "utf-8";
/* CSS Document */
html, body {
	margin: 0px;
	padding: 0px;
	font: 14px Tahoma,"Trebuchet MS", Arial, Helvetica, sans-serif;
	color: #333333;
}
img { border:0px; }
#head {
	width: 960px;
	margin: 0px auto;
	height:99px;
}
#menu {
	width: 960px;
	margin: 0px auto;
	background:url(../main_images/menu_top_bg.jpg) repeat-x;
	height:22px;
}
#content {
	width: 960px;
	margin: 0px auto;
}
#footer {
	width: 960px;
	margin: 0px auto;
}
#footer a{ text-decoration:underline; color:#000;}
#text-language {
	font-size:10px; font-weight:bold;
	margin: 0 5px 5px 0;
}
#text-language a{ color:#333333; text-decoration:none; }
#text-language a:hover{ color:#FFCC00; text-decoration:none; }

/* picture menu*/
#service-menu a{
    display:block;
    width:211px;
    height:38px;
    text-indent:-9999px;
    background:url(../main_images/menu_middle_service.jpg) no-repeat;
}
#service-menu a:hover{
    display:block;
    width:211px;
    height:38px;
    text-indent:-9999px;
    background:url(../main_images/menu_middle_service_hover.jpg) no-repeat;
}
#product-menu a{
    display:block;
    width:211px;
    height:38px;
    text-indent:-9999px;
    background:url(../main_images/menu_middle_product.jpg) no-repeat;
}
#product-menu a:hover{
    display:block;
    width:211px;
    height:38px;
    text-indent:-9999px;
    background:url(../main_images/menu_middle_product_hover.jpg) no-repeat;
}
#editor-menu a{
    display:block;
    width:301px;
    height:38px;
    text-indent:-9999px;
    background:url(../main_images/menu_middle_editor.jpg) no-repeat;
}
#editor-menu a:hover{
    display:block;
    width:301px;
    height:38px;
    text-indent:-9999px;
    background:url(../main_images/menu_middle_editor_hover.jpg) no-repeat;
}

#about-menu1 a{
    display:block;
    width:270px;
    height:350px;
    text-indent:-9999px;
    background:url(../main_images/about_main01.jpg) no-repeat;
}
#about-menu1 a:hover{
    display:block;
    width:270px;
    height:350px;
    text-indent:-9999px;
    background:url(../main_images/about_main01.jpg) no-repeat;
}
#about-menu1 a.opacity{
    display:block;
    width:270px;
    height:350px;
    text-indent:-9999px;
    background:url(../main_images/about_main01_hover.jpg) no-repeat;
}
#about-menu1 a:hover.opacity{
    display:block;
    width:270px;
    height:350px;
    text-indent:-9999px;
    background:url(../main_images/about_main01.jpg) no-repeat;
}
#about-menu2 a{
    display:block;
    width:270px;
    height:350px;
    text-indent:-9999px;
    background:url(../main_images/about_main02.jpg) no-repeat;
}
#about-menu2 a:hover{
    display:block;
    width:270px;
    height:350px;
    text-indent:-9999px;
    background:url(../main_images/about_main02_hover.jpg) no-repeat;
}
#about-menu2 a.opacity{
    display:block;
    width:270px;
    height:350px;
    text-indent:-9999px;
    background:url(../main_images/about_main02_hover.jpg) no-repeat;
}
#about-menu2 a:hover.opacity{
    display:block;
    width:270px;
    height:350px;
    text-indent:-9999px;
    background:url(../main_images/about_main02.jpg) no-repeat;
}
#about-menu3 a{
    display:block;
    width:270px;
    height:350px;
    text-indent:-9999px;
    background:url(../main_images/about_main03.jpg) no-repeat;
}
#about-menu3 a:hover{
    display:block;
    width:270px;
    height:350px;
    text-indent:-9999px;
    background:url(../main_images/about_main03.jpg) no-repeat;
}
#about-menu3 a.opacity{
    display:block;
    width:270px;
    height:350px;
    text-indent:-9999px;
    background:url(../main_images/about_main03_hover.jpg) no-repeat;
}
#about-menu3 a:hover.opacity{
    display:block;
    width:270px;
    height:350px;
    text-indent:-9999px;
    background:url(../main_images/about_main03.jpg) no-repeat;
}
/* port menu */
#port-menu1 a{
    display:block;
    width:270px;
    height:350px;
    text-indent:-9999px;
    background:url(../main_images/port_main01.jpg) no-repeat;
}
#port-menu1 a:hover{
    display:block;
    width:270px;
    height:350px;
    text-indent:-9999px;
    background:url(../main_images/port_main01.jpg) no-repeat;
}
#port-menu1 a.opacity{
    display:block;
    width:270px;
    height:350px;
    text-indent:-9999px;
    background:url(../main_images/port_main01_hover.jpg) no-repeat;
}
#port-menu1 a:hover.opacity{
    display:block;
    width:270px;
    height:350px;
    text-indent:-9999px;
    background:url(../main_images/port_main01.jpg) no-repeat;
}
#port-menu2 a{
    display:block;
    width:270px;
    height:350px;
    text-indent:-9999px;
    background:url(../main_images/port_main02.jpg) no-repeat;
}
#port-menu2 a:hover{
    display:block;
    width:270px;
    height:350px;
    text-indent:-9999px;
    background:url(../main_images/port_main02.jpg) no-repeat;
}
#port-menu2 a.opacity{
    display:block;
    width:270px;
    height:350px;
    text-indent:-9999px;
    background:url(../main_images/port_main02_hover.jpg) no-repeat;
}
#port-menu2 a:hover.opacity{
    display:block;
    width:270px;
    height:350px;
    text-indent:-9999px;
    background:url(../main_images/port_main02.jpg) no-repeat;
}
#port-menu3 a{
    display:block;
    width:270px;
    height:350px;
    text-indent:-9999px;
    background:url(../main_images/port_main03.jpg) no-repeat;
}
#port-menu3 a:hover{
    display:block;
    width:270px;
    height:350px;
    text-indent:-9999px;
    background:url(../main_images/port_main03.jpg) no-repeat;
}
#port-menu3 a.opacity{
    display:block;
    width:270px;
    height:350px;
    text-indent:-9999px;
    background:url(../main_images/port_main03_hover.jpg) no-repeat;
}
#port-menu3 a:hover.opacity{
    display:block;
    width:270px;
    height:350px;
    text-indent:-9999px;
    background:url(../main_images/port_main03.jpg) no-repeat;
}