@charset "utf-8";
@import "./base.css";
@import "./table.css";
@import "./navi.css";
/* -------------------------------------------------------
	* Date : 2008/03
	* File : second.css
	* Copyright 2008 MAC InterNet All Rights Reserved. 
------------------------------------------------------- */

/*

	*01 link
	*02 heading
	*03 secont_base
	*04 company
	*05 outline
	*06 rd
	*07 product
	*08 procure
	*09 csr
	*10 ir
	*11 recruit
	*12 html
	*13 other

*/

/*-----------------------------------------------
	*01 link
-------------------------------------------------*/

/*-----------------------------------------------
	*02 heading
-------------------------------------------------*/

body#outline h2, body#rd h2, body#procure h2 {
	padding-top: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
}
body#html h2 {
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px;
}
body#outline h3 {
	padding-left: 20px;
}
body#company h3, body#company h4 {
	clear: both;
	padding-top: 10px;
	padding-left: 25px;
}
body#product #main h3 {
	clear: both;
	padding-top: 10px;
}
body#product h2.mar0 {
	clear: both;
	margin-bottom: 10px;
	padding: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
body#product h3.mar25 {
	clear: both;
	margin-top: 20px;
	margin-left: 25px;
	margin-bottom: 10px;
}
body#rd h3 {
	clear: both;
	padding-top: 10px;
	padding-left: 45px;
}
body#csr h3, body#procure h3 {
	clear: both;
	padding-top: 10px;
	padding-left: 55px;
}
body#ir h2.def {
	padding-top: 5px;
	padding-bottom: 10px;
}
body#ir h2.mtop {
	text-align: left;
	margin: 0px;
	padding: 0px;
}
body#ir h3 {
	margin-bottom: 10px;
	margin-left: 5px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
}
body#ir h3 span {
	font-size: 0.7em;
	color: #999999;
	vertical-align: top;
	padding-bottom: 0px;
	padding-left: 3px;
	margin: 0px;
	padding-top: 0px;
}
body#ir h4.def {
	font-size: 1.2em;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 35px;
}
body#ir h4.line {
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #666666;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #B4AA9C;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	clear: both;
	margin-top: 10px;
	width: 520px;
	margin-right: auto;
	margin-left: auto;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #B4AA9C;
	padding-left: 5px;
}
body#ir h3.faq {
	margin-bottom: 10px;
	font-size: 1.2em;
	font-weight: bold;
	color: #006453;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #B4AA9C;
	padding-top: 1px;
	padding-right: 0px;
	padding-bottom: 1px;
	clear: both;
	margin-top: 10px;
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 5px;
	border-left-width: 6px;
	border-left-style: solid;
	border-left-color: #B4AA9C;
}
body#ir h3.disc {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 10px;
	width: 550px;
	margin-right: auto;
	margin-left: auto;
}
/*-----------------------------------------------
	*03 secont_base
-------------------------------------------------*/
img.mrg8 {
	margin-right: 8px;
}
img.imgFrame {
	border: 1px solid #CFCFCF;
	padding: 3px;
}
div#pankz {
	font-size: 10px;
	margin: 0px;
	clear: both;
	padding-right: 3px;
	padding-left: 5px;
	line-height: 14px;
	padding-top: 0px;
	padding-bottom: 0px;
	height: 14px;
}
.photo_left {
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 45px;
	margin-left: 0px;
}
.photo_right {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 15px;
}
.photo_right3 {
	float: right;
	margin-top: 0px;
}
#boxLeft {
	margin-left: 6px;
}
.pagetop {
	margin-top: 10px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 10px;
	text-align: right;
	clear: left;
	padding: 0px;
}
.mrg5 {
	margin-bottom: 5px;
}
/*-----------------------------------------------
	*07 product
-------------------------------------------------*/

body#product #main {
	width: 540px;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-right: 17px;
	padding-bottom: 0px;
	padding-left: 17px;
}
body#product #sub {
	margin: 0px;
	padding: 0px;
	float: right;
	width: 81px;
}
body#product #main p.bun {
	width: 530px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
body#product #main p.category {
	width: 542px;
	text-align: left;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
body#product #main .dotLine {
	background-image: url(../../product/img/dot_line.gif);
	background-repeat: no-repeat;
	clear: both;
}
body#product #main dl.photo1 {
	width: 520px;
	margin: 10px;
}
body#product #main dl.photo1 dt {
	float: left;
	width: 160px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 10px;
	text-align: center;
}
body#product #main dl.photo1 dd {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 170px;
}
body#product .box_bg1 {
	background-image: url(../../product/img/split01.jpg);
	background-repeat: no-repeat;
	height: 330px;
	width: 562px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
body#product .box_bg2 {
	background-image: url(../../product/img/split02.jpg);
	background-repeat: no-repeat;
	height: 330px;
	width: 562px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
}
body#product .box_bg3 {
	background-image: url(../../product/img/split03.jpg);
	background-repeat: no-repeat;
	height: 295px;
	width: 562px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	clear: both;
}
.box_in1 {
	position: absolute;
	left: 150px;
	top: 95px;
	height: 260px;
	width: 385px;
	line-height: 135%;
}
.photo_box {
	font-size: 11px;
	text-align: center;
	width: 160px;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
}
.photo_box120 {
	font-size: 10px;
	text-align: center;
	width: 120px;
	float: left;
	margin-right: 8px;
}
.photo_box180 {
	font-size: 11px;
	text-align: center;
	width: 180px;
	float: left;
	margin-bottom: 10px;
	margin-left: 10px;
}
img.alpha {
 behavior: expression(IEPNGFIX.fix(this));
}
/*-----------------------------------------------
	*04 company
-------------------------------------------------*/
body#company #contents p {
	margin-left: auto;
	padding: 0px;
	margin-top: 0px;
	width: 566px;
	margin-right: auto;
	margin-bottom: 10px;
}
body#company #contents dl.mar120L {
	margin-left: 120px;
	width: 450px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
}
body#company #contents dl.mar120L dt {
}
body#company #contents dl.mar120L dd {
	line-height: 130%;
	padding: 5px;
}
body#company #contents dl.w430p {
	width: 430px;
	margin: 0px;
	padding: 0px;
}
body#company #contents dl.w430p dt {
	padding-bottom: 10px;
}
body#company #contents dl.w430p dd {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
body#company table.under {
	border-collapse:collapse;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	line-height: 130%;
	background-image: url(../../company/img/table_bg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	padding: 0px;
	width: 566px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCC;
}
body#company table.under td, body#company table.under th {
	padding:5px;
	vertical-align: top;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
body#company table.under th {
	font-weight: bold;
	text-align: left;
	width: 132px;
}
body#company .pagetop {
	clear: both;
	width:552px;
	text-align: right;
	padding: 0px;
	margin-top: 7px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-size: 0.9em;
}
.mrg0 {
	margin: 0px;
}
body#company .dotLine {
	background-image: url(../../company/img/dot_line.gif);
	background-repeat: no-repeat;
	width: 600px;
	margin-bottom: 15px;
	background-position: center;
	margin-right: auto;
	margin-left: auto;
}
body#company #contents dl.comp01 {
	margin-left: auto;
	width: 600px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
}
body#company #contents dl.comp01 dt {
	padding: 5px;
}
body#company #contents dl.comp01 dd {
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 30px;
}
body#company #contents dl.comp02 {
	margin-left: auto;
	width: 600px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
}
body#company #contents dl.comp02 dt {
	font-size: 1.1em;
	font-weight: bold;
}
body#company #contents dl.comp02 dd {
	padding: 5px;
}
body#company #contents dl.comp02 dd ul li {
	text-indent: -1em;
	margin-left: 1.5em;
	list-style-type: none;
}
/*-----------------------------------------------
	*04 outline
-------------------------------------------------*/
body#outline #contents dl.w460p {
	width: 460px;
	margin: 0px;
	padding: 0px;
}
body#outline #contents dl.w460p dt {
	padding-bottom: 10px;
}
body#outline #contents dl.w460p dd {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 28px;
}
/*-----------------------------------------------
	*06 rd
-------------------------------------------------*/

body#rd #contents dl.photo1 {
	width: 570px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
body#rd #contents dl.photo1 dt {
	float: left;
	width: 180px;
	text-align: center;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-size: 10px;
}
body#rd #contents dl.photo1 dd {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 195px;
}
body#rd #contents .rd_box {
	width: 580px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
/*-----------------------------------------------
	*07 csr
-------------------------------------------------*/

body#csr #contents #csr_bg {
	width: 660px;
	background-image: url(../../csr/img/csr_bg.png);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
}
body#csr #contents #csr_bg h2 {
	width: 660px;
	height:78px;
}
body#csr #csr_bg dl.photo2 {
	width: 540px;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 55px;
}
body#csr #csr_bg dl.photo2 dt {
	float: left;
	width: 140px;
	padding-top: 10px;
	padding-bottom: 10px;
}
body#csr #csr_bg dl.photo2 dd {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 140px;
	color: #FFFFFF;
	text-align: left;
}
body#csr #contents #csr_bg {
	width: 660px;
	background-image: url(../../csr/img/csr_bg.jpg);
	background-repeat: repeat-y;
	margin: 0px;
	padding: 0px;
}
body#csr #contents p.bun {
	width: 460px;
	padding: 0px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	color: #FFFFFF;
}
body#csr #contents ul.m500 {
	width: 450px;
	padding: 0px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 15px;
	margin-left: auto;
	color: #FFFFFF;
}
body#csr #contents ul.m500 li {
	width: 450px;
	margin-bottom: 10px;
	padding: 0px;
	background-color: #1469AD;
	clear: both;
}
body#csr #contents ul.m500 li dl {
	width: 450px;
}
body#csr #contents ul.m500 li dt {
	float: left;
	width: 30px;
	vertical-align: middle;
	padding: 3px;
	margin: 0px;
}
body#csr #contents ul.m500 li dd {
	margin-left: 38px;
}
/*-----------------------------------------------
	*08 procure
-------------------------------------------------*/
body#procure div#formBox {
	width: 600px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
body#procure div#formBox p {
	padding: 10px;
}
body#procure div#formBox ul {
}
body#procure div#formBox ul li {
	text-indent: -0.7em;
	margin-left: 0.9em;
	list-style-type: none;
}
body#procure p.bun600 {
	width: 600px;
	padding: 0px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
/*-----------------------------------------------
	*12 html
-------------------------------------------------*/
body#html #contents p.bun {
	width: 550px;
	padding: 0px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
body#html #contents dl.w550 {
	width: 550px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
body#html #contents dl.w550 dt {
	font-weight: bold;
	border-bottom-width: 2px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #B4AA9C;
	border-left-color: #B4AA9C;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 5px;
	font-size: 1em;
}
body#html #contents dl.w550 dd {
	padding-top: 10px;
	padding-bottom: 15px;
}
body#html #contents p.bun3 {
	width: 550px;
	padding: 0px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	font-size: 0.9em;
}
body#html .half_box {
	width:310px;
	float: left;
	margin: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	padding-right: 5px;
}
body#html .half_box h3 {
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 6px;
	background-color: #F7F7F7;
	font-size: 1em;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
	margin-bottom: 3px;
}
body#html .half_box h4 {
	font-size: 1em;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 7px;
}
body#html .half_box ul {
	margin-top: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}
body#html .half_box ul li {
	background-image: url(../../html/img/sitemap_icon.gif);
	background-repeat: no-repeat;
	background-position: left 3px;
	padding-left: 15px;
}
body#html .half_box ul li ul {
	margin-left: 10px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
body#html .half_box ul li ul li {
	background-image: url(../../html/img/sitemap_icon.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}
/*-----------------------------------------------
	*06 ir
-------------------------------------------------*/

body#ir #contents dl.photo1 {
	width: 570px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
body#ir #contents dl.photo1 dt {
	float: left;
	width: 180px;
	text-align: center;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	font-size: 10px;
}
body#ir #contents dl.photo1 dd {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 195px;
}
body#product #main dl.photo3 {
	width: 520px;
	margin: 10px;
}
body#product #main dl.photo3 dt {
	float: left;
	width: 200px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-right: 0px;
	padding-left: 0px;
	font-size: 10px;
	text-align: center;
}
body#product #main dl.photo3 dd {
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 210px;
}
body#ir #contents .rd_box {
	width: 580px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
body#ir .box_list {
	width: 240px;
	float: left;
	margin-right: 10px;
	margin-left: 20px;
}
body#ir .box_list2 {
	width: 350px;
	float: left;
	margin-left: 10px;
}
body#ir .box_list li {
	width: 240px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0px;
}
body#ir .box_list2 li {
	width: 350px;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0px;
}
body#ir .box_list dl, body#ir .box_list2 dl {
	font-size: 0.9em;
	padding: 0px;
	margin: 0px;
}
body#ir .box_list dt, body#ir .box_list2 dt {
	text-align: left;
	padding: 0px;
	margin: 0px;
}
body#ir .box_list dd, body#ir .box_list2 dd {
	padding: 0;
	text-align: left;
	margin: 0px;
}
body#ir .box_list3 {
	width: 630px;
	margin-top: 10;
	margin-bottom: 10px;
	margin-left: 25px;
	clear: both;
}
body#ir .box_list3 li {
	float: left;
	width: 205px;
	text-align: center;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0px;
}
body#ir #contents p.bun {
	width: 550px;
	padding: 0px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
body#ir #contents p.bun span {
	font-size: 0.8em;
}
body#ir #contents p.bun2 {
	width: 600px;
	padding: 0px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
body#ir #contents p.bun3 {
	width: 550px;
	padding: 0px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
body#ir #contents p.bun4 {
	width: 550px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
body#ir #contents dl.w550 {
	width: 550px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
body#ir #contents dl.w550 dt {
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}
body#ir #contents dl.w550 dd {
	padding-top: 3px;
	padding-bottom: 10px;
}
body#ir #contents dl.w550b {
	width: 550px;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
}
body#ir #contents dl.w550b dt {
	font-weight: bold;
	padding-top: 3px;
	padding-bottom: 3px;
}
body#ir #contents dl.w550b dd {
	padding-top: 3px;
	padding-bottom: 15px;
}
body#ir .faqBox {
	padding: 0px;
	margin-top: 0px;
	width: 550px;
	margin-right: auto;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	margin-bottom: 15px;
	margin-left: auto;
}
body#ir .faqBox dl {
}
body#ir .faqBox dl dt {
	font-weight: bold;
	padding-left: 10px;
	height: 28px;
	line-height: 28px;
	color: #00AD68;
}
body#ir .faqBox dl dd {
	padding-left: 10px;
	line-height: 28px;
	padding-bottom: 10px;
}
body#ir .ir_bg {
	background-image: url(../../ir/img/top/top_title.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	height: 370px;
	width: 661px;
	position: relative;
}
body#ir .mov1 {
	position: absolute;
	top: 190px;
	left: 15px;
	width: 280px;
}
body#ir .mov1 dl {
}
body#ir .mov1 dl dt {
	margin: 0px;
	padding: 0px;
}
body#ir .mov1 dl dd {
	padding-bottom: 5px;
	text-align: left;
	margin: 0px;
	padding-top: 0px;
	line-height: 120%;
	font-size: 13px;
}
body#ir #contents .yutai {
	width: 580px;
	padding: 0px;
	margin-top: 5px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	height: 550px;
}
body#ir #contents dl.w400 {
	width: 400px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
body#ir #contents dl.w400 dt {
	padding-top: 3px;
	padding-bottom: 3px;
}
body#ir #contents dl.w400 dd {
	padding-top: 3px;
	padding-bottom: 3px;
	padding-left: 28px;
}