@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;
}
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: 247px;
	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: 247px;
	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: 272px;
	width: 562px;
	margin-right: auto;
	margin-left: auto;
	position: relative;
	clear: both;
}

.box_in1{
	position: absolute;
	left: 150px;
	top: 80px;
	height: 160px;
	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: 67px;
}

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: 630px;
	margin-top: 10;
	margin-bottom: 10px;
	margin-left: 25px;
	clear: both;
}
body#ir .box_list ul {
}
body#ir .box_list li {
	float: left;
	width: 205px;
	text-align: center;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 0;
	padding: 0px;
}
body#ir .box_list h4 {
	padding: 5px;
	color: #666666;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	text-align: left;
	font-size: 1em;
	margin: 0px;
}
body#ir .box_list dl {
	font-size: 0.9em;
	padding: 0px;
	margin: 0px;
}
body#ir .box_list dt {
	padding: 0px;
	margin: 0px;
}
body#ir .box_list dd {
	padding: 0;
	text-align: left;
	margin: 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.bun2{
	width: 600px;
	padding: 0px;
	margin-top: 5px;
	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;
	background-image: url(../../ir/img/q.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
	height: 28px;
	line-height: 28px;
}
body#ir .faqBox dl dd{
	padding-left: 30px;
	background-image: url(../../ir/img/a.gif);
	background-repeat: no-repeat;
	background-position: left top;
	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: 328px;
	width: 661px;
	position: relative;
}
body#ir .mov1{
	position: absolute;
	top: 190px;
	left: 20px;
	width: 220px;
}
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;
	background-image: url(../../ir/img/yutai_photo.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	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;
}