﻿@charset "UTF-8";

/**********************************************
 Format
**********************************************/
h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dt,dd,
table,caption,tr,th,td,
p,address,form,div {
	margin:0;
	padding:0;
	border:none;
}

table {
	border-collapse:collapse;
}

img {
	border:none;
}

/* Firefox*/
:focus {
	-moz-outline-style:none;
}

/* Mac */
a {
	outline:none;
}
img {
	border:0;
}
br {
	letter-spacing:normal;
}

a:link		{text-decoration:none;color:#000000;}
a:visited	{text-decoration:none;color:#000000;}
a:active	{text-decoration:none;color:#0000ff;}
a:hover		{text-decoration:underline;color:#0000ff;}


/**********************************************
 Common
**********************************************/
body#oshikiri {
	margin:0;
	padding:0;
	text-decoration:none;
	color:#000000;
	font-family:"Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", Arial, Osaka, sans-serif;
	background:#ffffff url(../image/bg.gif) repeat-y fixed;
}


/*---------------------------------------------
 Word-decorate
---------------------------------------------*/
.font_red {
	color:#ff0000;
}

.font_black {
	color:#000000;
}

.font_gray {
	color:#666666;
}

.font_blue {
	color:#0066cc;
}

.font_bold {
	font-weight:bold;
}

.font_bold_u {
	font-weight:bold;
	text-decoration:underline;
}

.font_line {
	text-decoration:underline;
}

.font_redbold {
	color:#ff0000;
	font-weight:bold;
}

.font_bluebold {
	color:#0066cc;
	font-weight:bold;
}

.font_italic {
	font-style:italic;
}

.font_9px {
	font-size:9px;
}

.font_none {
	color:#000000;
	font-weight:normal;
}


/**********************************************
 Header
**********************************************/
div#header {
	background:#ffffff url(../image/back_header.gif) repeat-x bottom;
	width:1000px;
	height:50px;
	padding:5px 0 25px 0;
}

/*---------------------------------------------
 Logo
---------------------------------------------*/
div#header_logo {
	float:left;
	width:135px; /* [width]135px+(padding:9px+8px)=152px */
	height:25px; /* [height]25px+(padding:12px+13px)=50px */
	padding:12px 9px 13px 8px;
	text-align:center;
}

/*---------------------------------------------
 Animation
---------------------------------------------*/
div#header_anime {
	float:left;
	width:638px;  /* animation = w:630px, h:50px */
	height:50px;
}

/*---------------------------------------------
 Worldwide
---------------------------------------------*/
div#worldwide {
	float:left;
	width:200px; /* [width]200px;(padding:8px+2px)=210px */
	height:50px;
	padding:0 8px 0 2px;
}

div#worldwide a {
	display:block;
	width:200px;
	height:50px;
	background-image:url(../button/btn_worldwide1.gif);
	background-repeat:no-repeat;
	/*\*/overflow:hidden;/**/
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}

div#worldwide a:hover {background-image:url(../button/btn_worldwide2.gif);}


/**********************************************
 Header Menu
**********************************************/
/* menu:7piece */
div.header_button {
	background:url(../button/menu_btn_space.gif) repeat-x;
	width:898px; /* [width]898px+(padding:51px+51px)=1000px */
	padding:0 51px; 
	height:50px;
}
/* menu:6piece */
div#header_button_oca {
	width:770px; /* [width]770px+(padding:115px+115px)=1000px */
	padding:0 115px; 
}

div.header_button li{
	display:block;
	float:left;
	width:128px;	
	height:50px;
	list-style-type:none;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}

div.header_button a {
	display:block;
	width:128px;
	height:50px;
	background-repeat:no-repeat;
	background-position:0 0;
	/*\*/overflow:hidden;/**/
}

div.header_button li#h_home1 {width:129px;}
div.header_button li#h_home1 a {background-image:url(../button/btn_menu1_on.gif);width:129px;}

div.header_button li#h_home {width:129px;}
div.header_button li#h_home a {background-image:url(../button/btn_menu1.gif);width:129px;}
div.header_button li#h_home a:hover {background-position:0 -50px;}

div.header_button li#h_pro1 a {background-image:url(../button/btn_menu2_on.gif);}

div.header_button li#h_pro a {background-image:url(../button/btn_menu2.gif);}
div.header_button li#h_pro a:hover {background-position:0 -50px;}

div.header_button li#h_line1 a {background-image:url(../button/btn_menu3_on.gif);}

div.header_button li#h_line a {background-image:url(../button/btn_menu3.gif);}
div.header_button li#h_line a:hover {background-position:0 -50px;}

div.header_button li#h_retail1 a {background-image:url(../button/btn_menu4_on.gif);}

div.header_button li#h_retail a {background-image:url(../button/btn_menu4.gif);}
div.header_button li#h_retail a:hover {background-position:0 -50px;}

div.header_button li#h_special1 a {background-image:url(../button/btn_menu5_on.gif);}

div.header_button li#h_special a {background-image:url(../button/btn_menu5.gif);}
div.header_button li#h_special a:hover {background-position:0 -50px;}

div.header_button li#h_corpo1 a {background-image:url(../button/btn_menu6_on.gif);}

div.header_button li#h_corpo a {background-image:url(../button/btn_menu6.gif);}
div.header_button li#h_corpo a:hover {background-position:0 -50px;}

div.header_button li#h_recruit1 {width:129px;}
div.header_button li#h_recruit1 a {background-image:url(../button/btn_menu7_on.gif);width:129px;}

div.header_button li#h_recruit {width:129px;}
div.header_button li#h_recruit a {background-image:url(../button/btn_menu7.gif);width:129px;}
div.header_button li#h_recruit a:hover {background-position:0 -50px;}


/* ----- English ----- */
div.header_button li#h_home1_en {width:129px;}
div.header_button li#h_home1_en a {background-image:url(../button/0btn_menu1_on.gif);width:129px;}

div.header_button li#h_home_en {width:129px;}
div.header_button li#h_home_en a {background-image:url(../button/0btn_menu1.gif);width:129px;}
div.header_button li#h_home_en a:hover {background-position:0 -50px;}

div.header_button li#h_pro1_en a {background-image:url(../button/0btn_menu2_on.gif);}

div.header_button li#h_pro_en a {background-image:url(../button/0btn_menu2.gif);}
div.header_button li#h_pro_en a:hover {background-position:0 -50px;}

div.header_button li#h_line1_en a {background-image:url(../button/0btn_menu3_on.gif);}

div.header_button li#h_line_en a {background-image:url(../button/0btn_menu3.gif);}
div.header_button li#h_line_en a:hover {background-position:0 -50px;}

div.header_button li#h_retail1_en a {background-image:url(../button/0btn_menu4_on.gif);}

div.header_button li#h_retail_en a {background-image:url(../button/0btn_menu4.gif);}
div.header_button li#h_retail_en a:hover {background-position:0 -50px;}

div.header_button li#h_catalog1_en a {background-image:url(../button/0btn_menu5_on.gif);}

div.header_button li#h_catalog_en a {background-image:url(../button/0btn_menu5.gif);}
div.header_button li#h_catalog_en a:hover {background-position:0 -50px;}

div.header_button li#h_corpo1_en a {background-image:url(../button/0btn_menu6_on.gif);}

div.header_button li#h_corpo_en a {background-image:url(../button/0btn_menu6.gif);}
div.header_button li#h_corpo_en a:hover {background-position:0 -50px;}

div.header_button li#h_contact1_en {width:129px;}
div.header_button li#h_contact1_en a {background-image:url(../button/0btn_menu7_on.gif);width:129px;}

div.header_button li#h_contact_en {width:129px;}
div.header_button li#h_contact_en a {background-image:url(../button/0btn_menu7.gif);width:129px;}
div.header_button li#h_contact_en a:hover {background-position:0 -50px;}


/* ----- Chinese ----- */
div.header_button li#h_home1_cn {width:129px;}
div.header_button li#h_home1_cn a {background-image:url(../button/1btn_menu1_on.gif);width:129px;}

div.header_button li#h_home_cn {width:129px;}
div.header_button li#h_home_cn a {background-image:url(../button/1btn_menu1.gif);width:129px;}
div.header_button li#h_home_cn a:hover {background-position:0 -50px;}

div.header_button li#h_pro1_cn a {background-image:url(../button/1btn_menu2_on.gif);}

div.header_button li#h_pro_cn a {background-image:url(../button/1btn_menu2.gif);}
div.header_button li#h_pro_cn a:hover {background-position:0 -50px;}

div.header_button li#h_line1_cn a {background-image:url(../button/1btn_menu3_on.gif);}

div.header_button li#h_line_cn a {background-image:url(../button/1btn_menu3.gif);}
div.header_button li#h_line_cn a:hover {background-position:0 -50px;}

div.header_button li#h_retail1_cn a {background-image:url(../button/1btn_menu4_on.gif);}

div.header_button li#h_retail_cn a {background-image:url(../button/1btn_menu4.gif);}
div.header_button li#h_retail_cn a:hover {background-position:0 -50px;}

div.header_button li#h_special1_cn a {background-image:url(../button/1btn_menu5_on.gif);}

div.header_button li#h_special_cn a {background-image:url(../button/1btn_menu5.gif);}
div.header_button li#h_special_cn a:hover {background-position:0 -50px;}

div.header_button li#h_catalog1_cn a {background-image:url(../button/1btn_menu6_on.gif);}

div.header_button li#h_catalog_cn a {background-image:url(../button/1btn_menu6.gif);}
div.header_button li#h_catalog_cn a:hover {background-position:0 -50px;}

div.header_button li#h_corpo1_cn {width:129px;}
div.header_button li#h_corpo1_cn a {background-image:url(../button/1btn_menu7_on.gif);width:129px;}

div.header_button li#h_corpo_cn {width:129px;}
div.header_button li#h_corpo_cn a {background-image:url(../button/1btn_menu7.gif);width:129px;}
div.header_button li#h_corpo_cn a:hover {background-position:0 -50px;}


/**********************************************
 Contents [Width:900px]
**********************************************/
div#contents {
	width:900px; /* [width]900px+(margin:50px+50px)=1000px */
	margin:20px 50px;
	font-size:12px;
}

div.container_blue,
div.container_green {
	background-repeat:no-repeat;
	background-position:bottom;
	width:900px; 
	padding-bottom:20px;
}

div.container_blue  {background-image:url(../image/container_blue.gif);}
div.container_green {background-image:url(../image/container_green.gif);}


/*---------------------------------------------
 Contents (Left)
---------------------------------------------*/
div#contents_l {
	float:left;
	width:610px; /* [width]610px+(padding:40px)=650px */
	padding-right:40px;
}

div.container_l_blue,
div.container_l_red,
div.container_l_green {
	background-repeat:no-repeat;
	background-position:bottom;
	width:610px; 
	padding-bottom:20px;
}

div.container_l_blue {background-image:url(../image/container_l_blue.gif);}
div.container_l_red {background-image:url(../image/container_l_red.gif);}
div.container_l_green {background-image:url(../image/container_l_green.gif);}


/*---------------------------------------------
 Contents (Right)
---------------------------------------------*/
div#contents_r {
	float:left;
	width:250px;
}

/* ----- Banner ----- */
ul#top_banner {
	width:230px; /* [width]230px+(margin:10px+10px)=250px */
	margin:0 10px;
	padding-bottom:15px;
}

ul#top_banner li {
	list-style-type:none;
	width:230px;
	margin-bottom:15px;
}

/* ----- Contact and Support ----- */
div#top_contact,
div#top_contact_en,
div#top_contact_cn {
/* div#top_support { */
	width:220px; /* [width]220px+(margin:10px+10px)+(padding:10px)=250px */
	height:65px; /* [height]65px+(padding:55px)=120px */
	margin:0 10px;
	padding:55px 0 0 10px;
	font-size:12px;
	color:#666666;
	line-height:20px;
}

div#top_contact {background:url(../image/box_contact.gif) no-repeat;margin-bottom:30px;}
div#top_contact_en {background:url(../image/0box_contact.gif) no-repeat;margin-bottom:30px;}
div#top_contact_cn {background:url(../image/1box_contact.gif) no-repeat;margin-bottom:30px;}
/* div#top_support {background:url(../image/box_support.gif) no-repeat;margin-bottom:30px;} */

div#top_contact p,
div#top_contact_en p,
div#top_contact_cn p {
/* div#top_support p { */
	background:url(../image/ya_blue.gif) no-repeat;
	margin-bottom:5px;
	padding-left:12px;
}

div#top_contact a,
div#top_contact_en a,
div#top_contact_cn a {
/* div#top_support a { */
	color:#ff0000;
	text-decoration:underline;
}

div#top_contact a:hover,
div#top_contact_en a:hover,
div#top_contact_cn a:hover {
/* div#top_support a:hover { */
	color:#0000ff;
}

/* ----- ISO ----- */
div#top_iso {
	background:url(../image/iso_logo.gif) no-repeat;
	width:185px; /* [width]185px+(margin:10px+10px)+(padding:45px)=250px */
	height:45px; /* [height]45px+(padding:5px)=50px */
	margin:0 10px 30px 10px;
	padding:5px 0 0 45px;
	color:#666666;
	font-size:12px;
	line-height:18px;
}


/*---------------------------------------------
 Title
---------------------------------------------*/
div#title_box {
	width:900px;
	margin-bottom:10px;
}

/* ----- Title Menu ----- */
ul.title_menu_blue {
	background-image:url(../image/title_menu_blue.gif);
	background-repeat:no-repeat;
	width:870px; /* [width]870px+(padding:20px+10px)=900px */
	height:20px; /* [height]20px+(padding:15px)=35px */ 
	padding:0 20px 15px 10px;
}

ul.title_menu_blue li {
	display:block;
	float:left;
	list-style-type:none;
	height:20px;
	margin-left:10px;
	font-size:14px;
	color:#ffffff;
	font-weight:bold;
}

ul.title_menu_blue li.jp {font-size:12px;}

ul.title_menu_blue a {
	display:block;
	background-image:url(../button/ya_down_blue1.gif);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:15px;
	height:20px;
	line-height:20px;
}

ul.title_menu_blue a:hover   {background-image:url(../button/ya_down_blue2.gif);text-decoration:none;color:#ffffff;}
ul.title_menu_blue a:link	 {text-decoration:none;color:#ffffff;}
ul.title_menu_blue a:visited {text-decoration:none;color:#ffffff;}
ul.title_menu_blue a:active	 {text-decoration:none;line;color:#ffffff;}
ul.title_menu_blue a:hover	 {text-decoration:none;color:#ffffff;}

ul.title_menu_blue a.on {background-image:url(../button/ya_down_blue2.gif);}

ul.title_menu_blue a#menu_pro1 {width:3.5em;}
ul.title_menu_blue a#menu_pro2 {width:5.5em;}
ul.title_menu_blue a#menu_pro3 {width:5.5em;}
ul.title_menu_blue a#menu_pro4 {width:6.5em;}
ul.title_menu_blue a#menu_pro5 {width:5.5em;}
ul.title_menu_blue a#menu_pro6 {width:4.5em;}
ul.title_menu_blue a#menu_pro7 {width:7.5em;}
ul.title_menu_blue a#menu_pro8 {width:5.5em;}
ul.title_menu_blue a#menu_pro9 {width:7em;}

ul.title_menu_blue a#menu_pro1e {width:3.5em;}
ul.title_menu_blue a#menu_pro2e {width:10.5em;}
ul.title_menu_blue a#menu_pro3e {width:5em;}
ul.title_menu_blue a#menu_pro4e {width:5em;}
ul.title_menu_blue a#menu_pro5e {width:4.5em;}
ul.title_menu_blue a#menu_pro6e {width:3.5em;}
ul.title_menu_blue a#menu_pro7e {width:10.5em;}

ul.title_menu_blue a#menu_pro1c {width:4em;}
ul.title_menu_blue a#menu_pro2c {width:8em;}
ul.title_menu_blue a#menu_pro3c {width:4em;}
ul.title_menu_blue a#menu_pro4c {width:4em;}
ul.title_menu_blue a#menu_pro5c {width:4em;}
ul.title_menu_blue a#menu_pro6c {width:3em;}
ul.title_menu_blue a#menu_pro7c {width:17.5em;}

ul.title_menu_blue a#menu_ca1e {width:3em;}
ul.title_menu_blue a#menu_ca2e {width:10em;}
ul.title_menu_blue a#menu_ca3e {width:4.5em;}
ul.title_menu_blue a#menu_ca4e {width:4.5em;}
ul.title_menu_blue a#menu_ca5e {width:4em;}
ul.title_menu_blue a#menu_ca6e {width:3em;}
ul.title_menu_blue a#menu_ca7e {width:14.5em;}
ul.title_menu_blue a#menu_ca8e {width:3.5em;}

ul.title_menu_blue a#menu_ca1c {width:4em;}
ul.title_menu_blue a#menu_ca2c {width:8.5em;}
ul.title_menu_blue a#menu_ca3c {width:4em;}
ul.title_menu_blue a#menu_ca4c {width:8.5em;}
ul.title_menu_blue a#menu_ca5c {width:3em;}
ul.title_menu_blue a#menu_ca6c {width:3em;}

ul.title_menu_blue a.menu_site {width:5.5em;}

ul.title_menu_blue a#menu_site1e {width:7em;}
ul.title_menu_blue a#menu_site2e {width:5.5em;}
ul.title_menu_blue a#menu_site3e {width:9.5em;}
ul.title_menu_blue a#menu_site4e {width:6.5em;}


/*---------------------------------------------
 SubTitle
---------------------------------------------*/
h2.subtitle_blue,
h2.subtitle_green,
h2.subtitle_l_blue,
h2.subtitle_l_red,
h2.subtitle_l_green {
	background-repeat:no-repeat;
	width:584px; /* [width]584px+(padding:26px)=610px */
	height:16px; /* [height]16px+(padding:7px+12px)=35px */
	padding:7px 0 12px 26px;
	margin-bottom:10px;
	color:#333333;
	font-size:14px;
	line-height:16px;
}

h2.subtitle_l_blue {background-image:url(../image/subtitle_l_blue.gif);}
h2.subtitle_l_red {background-image:url(../image/subtitle_l_red.gif);}
h2.subtitle_l_green {background-image:url(../image/subtitle_l_green.gif);}

h2.subtitle_blue {
	background-image:url(../image/subtitle_blue.gif);
	width:874px; /* [width]874px+(padding:26px)=900px */
}

h2.subtitle_green {
	background-image:url(../image/subtitle_green.gif);
	width:874px; /* [width]874px+(padding:26px)=900px */
}

h2.subtitle_r {
	margin-bottom:10px;
}


/*---------------------------------------------
 To PageTop
---------------------------------------------*/
div#to_top_blue,
div#to_top_green,
div#to_top_pink,
div#to_top_orange {
	width:100px; /* 100px+(pading:800px)=900px */
	height:20px;
	padding-left:800px;
}

div#to_top_blue a,
div#to_top_green a,
div#to_top_pink a,
div#to_top_orange a {
	display:block;
	background-repeat:no-repeat;
	width:76px; /* [width]76px+(padding:24px)=100px */
	padding-left:24px;
	height:20px;
	line-height:20px;
	font-size:12px;
}

div#to_top_blue a   {background-image:url(../image/to_top_blue.gif);color:#0079da;}
div#to_top_green a  {background-image:url(../image/to_top_green.gif);color:#009933;}
div#to_top_pink a   {background-image:url(../image/to_top_pink.gif);color:#ff5151;}
div#to_top_orange a {background-image:url(../image/to_top_orange.gif);color:#ff7d0a;}


/**********************************************
 SideMenu
**********************************************/
ul#sidemenu_blue,
ul#sidemenu_green {
	width:250px;
	margin-bottom:30px;
}

ul#sidemenu_blue li.sidemenu_blue_li,
ul#sidemenu_green li.sidemenu_green_li {
	list-style-type:none;
	width:250px;
	margin-bottom:5px;
}

ul#sidemenu_blue a.sidemenu_blue_a,
ul#sidemenu_green a.sidemenu_green_a {
	display:block;
	background-repeat:no-repeat;
	width:220px; /* [width]220px+(padding:30px)=250px */
	height:30px;
	line-height:30px;
	padding-left:30px;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
}
ul#sidemenu_blue a.sidemenu_blue_a {background-image:url(../button/btn_sidemenu_blue1.gif);}
ul#sidemenu_green a.sidemenu_green_a {background-image:url(../button/btn_sidemenu_green1.gif);}

ul#sidemenu_blue a.sidemenu_blue_a:hover {background-image:url(../button/btn_sidemenu_blue2.gif);text-decoration:none;}
ul#sidemenu_green a.sidemenu_green_a:hover {background-image:url(../button/btn_sidemenu_green2.gif);text-decoration:none;}

ul#sidemenu_blue li#on a.sidemenu_blue_a {background-image:url(../button/btn_sidemenu_blue2.gif);}
ul#sidemenu_green li#on a.sidemenu_green_a {background-image:url(../button/btn_sidemenu_green2.gif);}

ul#sidemenu_blue li#in {margin-bottom:0;}
ul#sidemenu_blue li#in a.sidemenu_blue_a {background-image:url(../button/btn_sidemenu_blue_in.gif);}

ul#sidemenu_green li#in {margin-bottom:0;}
ul#sidemenu_green li#in a.sidemenu_green_a {background-image:url(../button/btn_sidemenu_green_in.gif);}


/* ----- SideMenu (InMenu) ----- */
ul#sidemenu_blue_sub,
ul#sidemenu_green_sub {
	background-repeat:no-repeat;
	background-position:bottom;
	width:230px; /* [width]230px+(padding:10px+10px)=250px */
	padding:0 10px 5px 10px;
	margin-bottom:10px;
}

ul#sidemenu_blue_sub {background-image:url(../button/back_sidemenu_blue_sub.gif);}
ul#sidemenu_green_sub {background-image:url(../button/back_sidemenu_green_sub.gif);}

ul#sidemenu_blue_sub li.sidemenu_blue_sub_li,
ul#sidemenu_green_sub li.sidemenu_green_sub_li {
	display:block;
	list-style-type:none;
	width:230px;
	height:25px;
	margin-bottom:0;
}

ul#sidemenu_blue_sub a.sidemenu_blue_sub_a,
ul#sidemenu_green_sub a.sidemenu_green_sub_a,
ul#sidemenu_green_sub a.sidemenu_green_sub_a_on {
	display:block;
	background-repeat:no-repeat;
	width:205px; /* [width]205px+(padding:25px)=230px */
	height:25px;
	line-height:25px;
	padding-left:25px;
	font-size:12px;
	font-weight:bold;
}
ul#sidemenu_blue_sub a.sidemenu_blue_sub_a {
	background-image:url(../button/btn_sidemenu_blue_sub1.gif);
	color:#7cdaee;
}
ul#sidemenu_green_sub a.sidemenu_green_sub_a,
ul#sidemenu_green_sub a.sidemenu_green_sub_a_on {
	background-image:url(../button/btn_sidemenu_green_sub1.gif);
	color:#94cb10;
}

ul#sidemenu_blue_sub a.sidemenu_blue_sub_a:hover {
	background-image:url(../button/btn_sidemenu_blue_sub2.gif);
	text-decoration:underline;
	color:#0079da;
}
ul#sidemenu_green_sub a.sidemenu_green_sub_a:hover {
	background-image:url(../button/btn_sidemenu_green_sub2.gif);
	text-decoration:underline;
	color:#009933;
}
ul#sidemenu_green_sub a.sidemenu_green_sub_a_on {
	background-image:url(../button/btn_sidemenu_green_sub2.gif);
	color:#009933;
}


/**********************************************
 Footer
**********************************************/
div#footer {
	width:900px; /* [width]900px+(padding:50px+50px)=1000px */
	padding:20px 50px;
	background:url(../image/back_header.gif) repeat-x;
	font-size:12px;
	color:#666666;
}

div#footer_l {
	float:left;
	width:500px; 
}

div#footer_l li {
	display:block;
	list-style-type:none;
	float:left;
	height:16px;
	line-height:16px;
	margin-rigiht:10px;
	padding:0 10px;
	border-right:solid 1px #666666;
}

div#footer_l li.end {border-right:none;}

div#footer_l a {color:#666666;}

div#footer_r {
	float:left;
	width:400px;
	text-align:right;
}

div#footer_r address {
	font-style:normal;
}

