@charset "UTF-8";

/**********************************************
Company All
**********************************************/
#company {
	width:530px;
	margin-top:0;
	margin-bottom:20px;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	border:solid 1px #777777;
	text-align:left;
}


/*---------------------------------------------
Title
---------------------------------------------*/
/*----- Title[Corporate,Hito] -----*/
#company h1 {
	background:#dfdfdf url(../company/image/title.gif) no-repeat;
	width:505px; /* [width] 505px+(padding:25px)=530px */
	height:25px;
	margin-bottom:15px;
	padding-left:25px;
	border-bottom:solid 4px #777777;
	font-size:14px;
	color:#000000;
	font-weight:bold;
	line-height:25px;
}



/**********************************************
Company Menu
**********************************************/
#menu li {
	margin-bottom:2px;
	font-size:1px;
	line-height:1px;
	text-indent:-9999px;
}

#menu li,
#menu a {
	display:block;
	width:146px;
	height:17px;
	background-repeat:no-repeat;
}

#menu a {
	/*\*/overflow:hidden;/**/
}

#menu #m_com1 a {background-image:url(../company/button/com1-2.gif);}
#menu #m_com1 a:hover {background-image:url(../company/button/com1-1.gif);}

#menu #m_com2 a {background-image:url(../company/button/com2-2.gif);}
#menu #m_com2 a:hover {background-image:url(../company/button/com2-1.gif);}

#menu #m_com3 a {background-image:url(../company/button/com3-2.gif);}
#menu #m_com3 a:hover {background-image:url(../company/button/com3-1.gif);}

#menu #m_com4 a {background-image:url(../company/button/com4-2.gif);}
#menu #m_com4 a:hover {background-image:url(../company/button/com4-1.gif);}

#menu #m_com5 a {background-image:url(../company/button/com5-2.gif);}
#menu #m_com5 a:hover {background-image:url(../company/button/com5-1.gif);}

#menu #m_com6 a {background-image:url(../company/button/com6-2.gif);}
#menu #m_com6 a:hover {background-image:url(../company/button/com6-1.gif);}

#menu #m_com7 a {background-image:url(../company/button/com7-2.gif);}
#menu #m_com7 a:hover {background-image:url(../company/button/com7-1.gif);}

#menu #m_com8 a {background-image:url(../company/button/com8-2.gif);}
#menu #m_com8 a:hover {background-image:url(../company/button/com8-1.gif);}

/*----- Menu[English] -----*/
#menu #m_0com1 a {background-image:url(../company/button/0com1-2.gif);}
#menu #m_0com1 a:hover {background-image:url(../company/button/0com1-1.gif);}

#menu #m_0com2 a {background-image:url(../company/button/0com2-2.gif);}
#menu #m_0com2 a:hover {background-image:url(../company/button/0com2-1.gif);}

#menu #m_0com3 a {background-image:url(../company/button/0com3-2.gif);}
#menu #m_0com3 a:hover {background-image:url(../company/button/0com3-1.gif);}

#menu #m_0com4 a {background-image:url(../company/button/0com4-2.gif);}
#menu #m_0com4 a:hover {background-image:url(../company/button/0com4-1.gif);}

#menu #m_0com5 a {background-image:url(../company/button/0com5-2.gif);}
#menu #m_0com5 a:hover {background-image:url(../company/button/0com5-1.gif);}

#menu #m_0com6 a {background-image:url(../company/button/0com6-2.gif);}
#menu #m_0com6 a:hover {background-image:url(../company/button/0com6-1.gif);}

#menu #m_0com7 a {background-image:url(../company/button/0com7-2.gif);}
#menu #m_0com7 a:hover {background-image:url(../company/button/0com7-1.gif);}

/*----- Menu[Chinese] -----*/
#menu #m_1com1 a {background-image:url(../company/button/1com1-2.gif);}
#menu #m_1com1 a:hover {background-image:url(../company/button/1com1-1.gif);}

#menu #m_1com2 a {background-image:url(../company/button/1com2-2.gif);}
#menu #m_1com2 a:hover {background-image:url(../company/button/1com2-1.gif);}

#menu #m_1com3 a {background-image:url(../company/button/1com3-2.gif);}
#menu #m_1com3 a:hover {background-image:url(../company/button/1com3-1.gif);}

#menu #m_1com4 a {background-image:url(../company/button/1com4-2.gif);}
#menu #m_1com4 a:hover {background-image:url(../company/button/1com4-1.gif);}

#menu #m_1com5 a {background-image:url(../company/button/1com5-2.gif);}
#menu #m_1com5 a:hover {background-image:url(../company/button/1com5-1.gif);}

#menu #m_1com6 a {background-image:url(../company/button/1com6-2.gif);}
#menu #m_1com6 a:hover {background-image:url(../company/button/1com6-1.gif);}

#menu #m_1com7 a {background-image:url(../company/button/1com7-2.gif);}
#menu #m_1com7 a:hover {background-image:url(../company/button/1com7-1.gif);}



/**********************************************
Company
**********************************************/
/*----- Company[Container] -----*/
#company_phrase {
	width:460px;
	margin:10px 35px 30px 35px; /* [width] 460px+(margin:35px+35px)=530px */
	text-align:left;
	font-size:12px;
	color:#000000;
	font-weight:normal;
	line-height:18px;
}

#company_photo {
	width:500px;
	margin:0 15px 15px 15px;
	text-align:center;
}

#company_info {
	width:500px; /* [width] 500px+(padding:15px+15px)=530px */
	padding:10px 15px 25px 15px;
}

/*----- Company[Table] -----*/
#company_info .info_table {
	width:500px;
}

#company_info .info_table th {
	border-left:solid 3px #003399;
	text-align:left;
	padding:2px 4px;
	color:#000000;
	font-weight:bold;
	font-size:11px;
	vertical-align:top;
}

#company_info .info_table td {
	text-align:left;
	padding:2px 0;
	color:#000000;
	font-weight:normal;
	font-size:10px;
	vertical-align:top;
}

/* Table [Width] -----*/
#company_info .info_table th.left {width:74px;}  /* [width] (left:74px)+(padding:4px+4px)+(border:3px)+(right:165px)=250px */
#company_info .info_table td.left {width:165px;}

#company_info .info_table th.right {width:99px;} /* [width] (left:99px)+(padding:4px+4px)+(border:3px)+(right:140px)=250px */
#company_info .info_table td.right {width:140px;}



/**********************************************
Mezasu
**********************************************/
/*----- Mezasu[Container] -----*/
#mezasu_photo {
	width:530px;
	padding-top:30px; /* margin-top=Firefox Error */
	padding-bottom:25px;
}

#mezasu_photo table {
	width:239px; /* [width]239px+(margin:145px+146px)=530px */
	margin:0 145px 0 146px ;
}
#mezasu_phrase {
	width:460px;
	margin:0 35px 45px 35px; /* [width] 460px+(margin:35px+35px)=530px */
	text-align:left;
	font-size:12px;
	color:#000000;
	font-weight:normal;
	line-height:18px;
}

#mezasu_phrase #sign {
	width:460px;
	margin-top:10px;
	text-align:right;
	font-weight:bold;
}

#mezasu_phrase #sign_left {
	line-height:28px;
	float:right;
}

#mezasu_phrase #sign_right {
	float:right;
}

/*----- Mezasu[Title] -----*/
#mezasu_phrase h2 {
	margin-bottom:15px;
	font-size:22px;
	color:#3399cc;
/*	color:#3997c7; */
	font-weight:bold;
	text-align:center;
}

#mezasu_phrase h3 {
	margin-bottom:15px;
	font-size:12px;
	font-weight:bold;
}

/*----- Mezasu[Image] -----*/
#mezasu_phrase #sign img {
	margin-left:16px;
}


/**********************************************
Office , Group
**********************************************/
#office {
	width:500px; /* [width] 500px+(padding:15px+15px)=530px */
	padding:10px 15px;
	color:#000000;
	font-size:10px;
	font-weight:normal;
}


/*---------------------------------------------
Office,Group Table
---------------------------------------------*/
/*----- Office,Group[Table-Whole] -----*/
#office table.whole {
	width:500px;
	margin-bottom:15px;
	font-size:10px;
}

#office table.whole td.left {
	text-align:left;
	vertical-align:middle;
	width:245px;
}

#office table.whole td.right {
	text-align:left;
	vertical-align:middle;
	width:255px;
	color:#777777;
}

/*----- Office[Table-Right] -----*/
#office table.office_info {
	width:255px;
}

#office table.office_info th,
#office table.office_info td {
	padding:1px 0;
	text-align:left;
	vertical-align:top;
	font-size:10px;
	line-height:12px;
}

#office table.office_info th {
	font-weight:normal;
	color:#000000;
	width:40px;
}

#office table.office_info td {
	color:#777777;
}

#office table.office_info td.tworows {
	width:215px;
}

#office table.office_info td.onerow {
	width:255px;
}

#office table.office_info p.access {
	padding:3px 0 0 14px;
}

#office table.office_info ol {
	margin-left:34px;
}

#office table.office_info ol li {
	list-style-type:decimal;
	vertical-align:top;
}

/*----- Group[Table-Right] -----*/
#office table.group_info {
	width:255px;
}

#office table.group_info th,
#office table.group_info td {
	padding:1px 0;
	text-align:left;
	vertical-align:top;
	font-size:10px;
	line-height:12px;
}

#office table.group_info th {
	font-weight:normal;
	color:#000000;
	width:30px;
}

#office table.group_info td {
	width:225px;
	color:#777777;
}


/*---------------------------------------------
Office,Group Title
---------------------------------------------*/
#office h1 { /* <-- If there is not this, it becomes an error in FireFox. */
}

#office h2 {
	background:#ffffff url(../company/image/square_bu9.gif) no-repeat;
	height:14px;
	padding-left:14px;
	font-size:12px;
	color:#0066cc;
	font-weight:bold;
	margin-bottom:4px;
	line-height:14px;
}

#office h3 {
	font-size:12px;
	color:#666666;
	font-weight:bold;
	margin-bottom:2px;
}


/*---------------------------------------------
Office,Group Interval
---------------------------------------------*/
#office img.inter {
	margin-bottom:15px;
}

#office hr.info_line {
	color:#cccccc;
	background-color:#cccccc;
	border-style:none;
	width:250px;
	height:1px;
}


/*---------------------------------------------
Office,Group Link
---------------------------------------------*/
#office a {
	text-decoration:none;
	color:#777777;
}

#office a:hover   {text-decoration:underline;color:#000000;}
}



/**********************************************
History
**********************************************/
#history {
	width:530px;
}

/*----- History[Table] -----*/
#history table#list {
	width:500px; /* [width] 500px+(margin:15px+15px)=530px */
	margin:4px 15px 22px 15px;
	font-size:12px;
}

#history table#list th,
#history table#list td {
	padding:2px 0;
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
	line-height:16px;
}

#history table#list th {
	width:90px; /* [width]90px+410px=500px */
}

#history table#list td {
	width:390px; /* [width]390px+(padding:20px)=410px */
	padding-left:20px;
	line-height:16px;
	background:#ffffff url('../company/image/yajirusi2.gif') no-repeat;
	background-position:left;
}

#history table#list td.line {
	width:500px;
	height:10px;
	padding:0;
	line-height:10px;
	background:#ffffff url('../company/image/dot.gif') no-repeat;
	background-position:left;
}


/**********************************************
Network
**********************************************/
#network {
	width:500px; /* [width] 500px+(padding:15px+15px)=530px */
	padding:20px 15px 0 15px;
}

/*----- Network[Container] -----*/
#network .info {
	width:445px; /* [width] 445px+(margin:55px)=500px */
	margin:0 0 35px 55px;
}

#network .name_box {
	width:437px; /* [width]437px+(padding:4px+4px)=445px */
	margin:10px 4px;
	font-size:14px;
	font-weight:bold;
}

#network .name {
	width:232px; /* [width]232px+205px=437px */
	float:left;
}

#network .url {
	background:#ffffff url(../company/image/web.gif) no-repeat;
	background-position:left;
	width:205px;
	float:left;
}

#network p.address {
	padding:6px 4px;
	color:#000000;
	font-size:12px;
	font-weight:normal;
}

/*----- Network[Title] -----*/
#network h2 {
	background:#ffffff url(../company/image/square_bu12.gif) no-repeat;
	background-position:left;
	height:16px;
	padding-left:17px;
	color:#0066cc;
	font-size:14px;
	font-weight:bold;
	line-height:16px;
}

/*----- Network[Image] -----*/
#network img.web {
	margin-left:4px;
}

/*----- Network[Link] -----*/
#network a {
	margin-left:30px;
	text-decoration:none;
	color:#000000;
	font-weight:normal;
	font-size:12px;
}

#network a:link    {text-decoration:none;color:#000000;}
#network a:visited {text-decoration:none;color:#0000ff;}
#network a:active  {text-decoration:none;color:#000000;}
#network a:hover   {text-decoration:underline;color:#ff0000;}



/**********************************************
Development
**********************************************/
#develop {
	width:500px; /* [width] 500px+(padding:15px+15px)=530px */
	padding:0 15px 10px 15px;
	color:#000000;
	font-size:12px;
}


/*---------------------------------------------
Title
---------------------------------------------*/
#develop h2 {
	background:#0066cc url(../company/image/develop/square_wh.gif) no-repeat;
	background-position:left;
	width:483px; /* [width]483px+(padding:17px)=500px */
	height:22px;
	padding-left:17px;
	color:#ffffff;
	font-size:14px;
	line-height:22px;
}

#develop h3 {
	background:#ffffff url(../company/image/develop/circle.gif) no-repeat;
	background-position:left;
	height:12px;
	margin:10px 0 4px 10px;
	padding-left:14px;
	color:#0066cc;
	font-size:12px;
}


/*---------------------------------------------
Container
---------------------------------------------*/
#develop .lead {
	width:480px; /* [width]480px+(padding:10px+10px)=500px */
	margin-bottom:20px;
	padding:0 10px;
	font-weight:bold;
	line-height:16px;
}

#develop .inbox {
	width:480px; /* [width]480px+(padding:10px+10px)=500px */
	padding:0 10px 10px 10px;
	line-height:14px;
}

#develop .inbox_l {
	width:200px; /* [width]200px+(padding:10px+10px)+280px=500px */
	padding:0 0 10px 10px;
	float:left;
}

#develop .inbox_r {
	width:280px;
	padding:0 10px 10px 0;
	float:left;
}

#develop p.img_comment {
	background:#ffffff url(../company/image/yajirusi1.gif) no-repeat;
	margin-top:50px;
	padding-left:14px;
	color:#777777;
	font-size:10px;
	line-height:12px;
}

#develop #chn_footer {
	width:500px;
	padding-bottom:10px;
	text-align:center;
	font-size:12px;
	color:#0066cc;
}


/*---------------------------------------------
Image
---------------------------------------------*/
/*----- Image[Line] -----*/
#develop img.line1 {
	margin:10px 0 2px 0;
}

#develop img.line2 {
	margin:2px 0 10px 0;
}

#develop img.line3 {
	margin:0 10px 10px 10px;
}