/* base.css */

/* base_setting
**************************************************************************************************/
div#main_container div#main {
	position: relative;
	padding: 6px 0 8px;
	background-image: url(../images/main_bottom_bg.gif);
	background-repeat: no-repeat;
	background-position: bottom;
	width: 940px;
}
div#main_container div#main ul#mc_header {
	position: relative;
	padding: 7px 7px 0;
	background-image: url(../images/mc_header_bg.gif);
	background-repeat: no-repeat;
	width: 926px;
	height: 75px;
}

div#main_container div#main div#mc_wapper {
	position: relative;
	padding: 7px 4px 0;
	background-repeat: no-repeat;
	background-position: top;
	background-color: #FFF;
	border-left: 3px solid #868686;
	border-right: 3px solid #868686;
	width:  926px;
}
#erp div#main_container div#main div#mc_wapper {background-image: url(../images/erp_mcma_top.gif);}
#had div#main_container div#main div#mc_wapper {background-image: url(../images/had_mcma_top.gif);}
#spk div#main_container div#main div#mc_wapper {background-image: url(../images/spk_mcma_top.gif);}
#cdl div#main_container div#main div#mc_wapper {background-image: url(../images/cdl_mcma_top.gif);}
#cad div#main_container div#main div#mc_wapper {background-image: url(../images/cad_mcma_top.gif);}
#oth div#main_container div#main div#mc_wapper {background-image: url(../images/oth_mcma_top.gif);}

div#main_container div#main div#mc_wapper #mc_bgwapper {
	position: relative;
	padding-bottom: 7px;
	background-repeat: no-repeat;
	background-position: bottom;
	width: 926px;
}
#erp div#main_container div#main div#mc_wapper #mc_bgwapper {background-image: url(../images/erp_mcma_bottom.gif);}
#had div#main_container div#main div#mc_wapper #mc_bgwapper {background-image: url(../images/had_mcma_bottom.gif);}
#spk div#main_container div#main div#mc_wapper #mc_bgwapper {background-image: url(../images/spk_mcma_bottom.gif);}
#cdl div#main_container div#main div#mc_wapper #mc_bgwapper {background-image: url(../images/cdl_mcma_bottom.gif);}
#cad div#main_container div#main div#mc_wapper #mc_bgwapper {background-image: url(../images/cad_mcma_bottom.gif);}
#oth div#main_container div#main div#mc_wapper #mc_bgwapper {background-image: url(../images/oth_mcma_bottom.gif);}

div#main_container div#main div#mc_wapper div#mc_mainarea {
	position: relative;
	padding: 0 17px;
	border-left: 3px solid #000;
	border-right: 3px solid #000;
	width: 886px;
}

#erp div#main_container div#main div#mc_wapper div#mc_mainarea {background-color: #DE3D86;}
#had div#main_container div#main div#mc_wapper div#mc_mainarea {background-color: #000;}
#spk div#main_container div#main div#mc_wapper div#mc_mainarea {background-color: #F9D025;}
#cdl div#main_container div#main div#mc_wapper div#mc_mainarea {background-color: #8F4C86;}
#cad div#main_container div#main div#mc_wapper div#mc_mainarea {background-color: #97C277;}
#oth div#main_container div#main div#mc_wapper div#mc_mainarea {background-color: #EA9495;}

/* float reset
****************************************************/
div#main_container div#main ul#mc_header:after,
div#main_container div#main div#mc_mainarea ul.mc_items2:after,
div#main_container div#main div#mc_mainarea ul li div:after,
div#main_container div#main div#mc_mainarea ul li ul:after {
	content:"";
	display:block;
	clear:both;
	height: 0;
 	visibility: hidden;
}
*:first-child+html div#main_container div#main div#mc_mainarea ul.mc_items2,
*:first-child+html div#main_container div#main div#mc_mainarea ul li ul {
	min-height: 1em;
}
*html div#main_container div#main div#mc_mainarea ul.mc_items2,
*html div#main_container div#main div#mc_mainarea ul li ul {
	height: 1em;
}


/* text -> img
****************************************************/
div#main_container div#main ul#mc_header li em,
div#main_container div#main ul#mc_header li a,
div#main_container div#main ul#mc_header li strong,
div#main_container div#main div#mc_mainarea strong.mc_title,
div#main_container div#main div#mc_mainarea p.mc_txt,
div#main_container div#main div#mc_mainarea ul li div h4,
div#main_container div#main div#mc_mainarea ul li div p {
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
}

/* mc_header
**************************************************************************************************/
div#main_container div#main ul#mc_header li {
	position:relative;
	float: left;
}

div#main_container div#main ul#mc_header li#mc_logo {
	width: 189px;
	height: 70px;
}
div#main_container div#main ul#mc_header li#mc_logo h3 a {
	background-image: url(../images/logo.gif);
	width: 187px;
	height: 70px;
}

div#main_container div#main ul#mc_header li.mc_navis {
	margin: 38px -3px 0 0;
	width: 110px;
	height: 37px;
}
div#main_container div#main ul#mc_header li.mc_navis em {
	position: relative;
	margin-bottom: -2px;
	width: 110px;
	height: 37px;
	z-index: 1;
}
div#main_container div#main ul#mc_header li.mc_navis a {
	position: relative;
	width: 110px;
	height: 37px;
	z-index: 0;
}
div#main_container div#main ul#mc_header li#mcn01 em,
div#main_container div#main ul#mc_header li#mcn01 a {
	background-image: url(../images/navibtn01.gif);
}
div#main_container div#main ul#mc_header li#mcn02 em,
div#main_container div#main ul#mc_header li#mcn02 a {
	background-image: url(../images/navibtn02.gif);
}
div#main_container div#main ul#mc_header li#mcn03 em,
div#main_container div#main ul#mc_header li#mcn03 a {
	background-image: url(../images/navibtn03.gif);
}
div#main_container div#main ul#mc_header li#mcn04 {width: 115px;} 
div#main_container div#main ul#mc_header li#mcn04 em,
div#main_container div#main ul#mc_header li#mcn04 a {
	background-image: url(../images/navibtn04.gif);
	width: 115px;
}
div#main_container div#main ul#mc_header li#mcn05 {width:120px;}
div#main_container div#main ul#mc_header li#mcn05 em,
div#main_container div#main ul#mc_header li#mcn05 a {
	background-image: url(../images/navibtn05.gif);
	width: 120px;
}
div#main_container div#main ul#mc_header li#mcn06 {margin-right: 0;}
div#main_container div#main ul#mc_header li#mcn06 em,
div#main_container div#main ul#mc_header li#mcn06 a {
	background-image: url(../images/navibtn06.gif);
}
div#main_container div#main ul#mc_header li.mc_navis a:hover {background-position: 0 -37px;}
div#main_container div#main ul#mc_header li.mc_navis em {background-position: 0 -37px;}

div#main_container div#main ul#mc_header li#mc_dnlogo {
	position: absolute;
	top: 8px;
	right: 5px;
	width: 77px;
	height: 53px;
}
div#main_container div#main ul#mc_header li#mc_dnlogo strong {
	background-image: url(../images/logo_dn.png);
	width: 77px;
	height: 53px;
}

/* mc_ttl mc_txt
**************************************************************************************************/
div#main_container div#main div#mc_mainarea strong.mc_title,
div#main_container div#main div#mc_mainarea p.mc_txt {
	float: left;
	margin: 19px 0 26px;
	background-repeat: no-repeat;
	width: 433px;
	height: 96px;
}
div#main_container div#main div#mc_mainarea strong.mc_title {
	margin-right: 20px;
	background-position: 10px 0;
}
div#main_container div#main div#mc_mainarea p.mc_txt {
	background-position: 42px 0;
}

#erp div#main_container div#main div#mc_mainarea strong.mc_title {background-image: url(../images/erp_mc_ttl.gif);}
#erp div#main_container div#main div#mc_mainarea p.mc_txt {background-image: url(../images/erp_mc_txt.gif);}
#had div#main_container div#main div#mc_mainarea strong.mc_title {background-image: url(../images/had_mc_ttl.gif);}
#had div#main_container div#main div#mc_mainarea p.mc_txt {background-image: url(../images/had_mc_txt.gif);}
#spk div#main_container div#main div#mc_mainarea strong.mc_title {background-image: url(../images/spk_mc_ttl.gif);}
#spk div#main_container div#main div#mc_mainarea p.mc_txt {background-image: url(../images/spk_mc_txt.gif);}
#cdl div#main_container div#main div#mc_mainarea strong.mc_title {background-image: url(../images/cdl_mc_ttl.gif);}
#cdl div#main_container div#main div#mc_mainarea p.mc_txt {background-image: url(../images/cdl_mc_txt.gif);}
#cad div#main_container div#main div#mc_mainarea strong.mc_title {background-image: url(../images/cad_mc_ttl.gif);}
#cad div#main_container div#main div#mc_mainarea p.mc_txt {background-image: url(../images/cad_mc_txt.gif);}
#oth div#main_container div#main div#mc_mainarea strong.mc_title {background-image: url(../images/oth_mc_ttl.gif);}
#oth div#main_container div#main div#mc_mainarea p.mc_txt {background-image: url(../images/oth_mc_txt.gif);}

/* mc_items
**************************************************************************************************/
div#main_container div#main div#mc_mainarea ul.mc_items,
div#main_container div#main div#mc_mainarea ul.mc_items2 {
	position: relative;
	padding-bottom: 16px;
	clear: both;
}

div#main_container div#main div#mc_mainarea ul.mc_items li.itemset,
div#main_container div#main div#mc_mainarea ul.mc_items2 li.itemset {
	position: relative;
	padding-bottom: 42px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: bottom;
	width: 886px;
}

div#main_container div#main div#mc_mainarea ul.mc_items2 li.itemset_l,
div#main_container div#main div#mc_mainarea ul.mc_items2 li.itemset_r {
	position:relative;
	float: left;
	padding-bottom: 42px;
	background-color: #FFF;
	background-repeat: no-repeat;
	background-position: bottom;
	width: 433px;
}
div#main_container div#main div#mc_mainarea ul.mc_items2 li.itemset_l {
	margin-right: 20px;
}

div#main_container div#main div#mc_mainarea ul li div {
	padding: 11px 7px 0;
	background-repeat: no-repeat;
	background-position: top;
	height: 50px;
}
div#main_container div#main div#mc_mainarea ul li div h4 {
	float: left;
	width: 250px;
	height: 41px;
}
div#main_container div#main div#mc_mainarea ul li div p {
	float: right;
	margin-top: 28px;
	background-position: right top;
	width: 120px;
	height: 13px;
}

div#main_container div#main div#mc_mainarea ul.mc_items li ul,
div#main_container div#main div#mc_mainarea ul.mc_items2 li ul {
	position:relative;
	margin: 0 9px;	
}

/* mc_footer
**************************************************************************************************/
div#main_container div#main p#mc_footer {
	margin-top: 4px;
	padding: 0 6px;
	color: #FFF;
	background-color: #868686;
	height: 18px;
}
div#main_container div#main p#mc_footer em {
	line-height: 18px;
}
*:first-child+html div#main_container div#main p#mc_footer {
	padding-top: 2px;
	height: 17px;
}