@charset "utf-8";

/*----------------------------
 *
 * common style for Mitsubishi.com
 *
----------------------------*/
/*----------------------------
 default style reset
----------------------------*/
body, h1, h2, h3, h4, h5, h6, div, p, ol, ul, li, dl, dd, form, fieldset, a, input, table, th, td{
	margin:0;
	padding:0;
}
body{
	background-color:#fff;
	-webkit-text-size-adjust: 100%;
}
h1, h2, h3, h4, h5{
	font-size:100%;
}
table{
	font-size:inherit;
	font:100%;
	border-spacing:0;
	border-collapse:separate;
	empty-cells:hide;
}
th{
	font-weight:normal;
	text-align:left;
}
hr{
	display:none;
}
fieldset{
	border:none;
}
ul{
	list-style-type:none;
}
img{
	border:none;
	vertical-align:top;
}
a{
	outline:none;
}
sub{
	margin-right:.1em;
	vertical-align:baseline;
}
sup{
	position:relative;
	top:-2px;
	vertical-align:baseline;
}
input, textarea, select{
	vertical-align:middle;
	font-size:99%;
}
em{
	font-style:normal;
}

/*----------------------------
 font size
----------------------------*/
#container{
	font-size:75%;
	line-height:1.417;
}
#container .txt10,
#container .txt10b{
	font-size:83%;
}
#container .txt12,
#container .txt12b{
	font-size:100%;
}
#container .txt14,
#container .txt14b{
	font-size:118%;
}
#container .txt16,
#container .txt16b{
	font-size:135%;
}
#container .txt18,
#container .txt18b{
	font-size:152%;
}
#container .txt22,
#container .txt22b{
	font-size:187%;
}
.txt10b,
.txt12b,
.txt14b,
.txt16b,
.txt18b{
	font-weight:bold;
}

/*----------------------------
 link color
----------------------------*/
a:link{
	color:blue;
	text-decoration:none;
}
a:visited{
	text-decoration:none;
}
a:hover{
	color:blue;
	text-decoration:underline;
}
a:active{
	text-decoration:none;
}

/*----------------------------
 * layout element
----------------------------*/
#container{
	text-align:center;
}
*:first-child+html #container{
	position:relative;
}
#content{
	position:relative;
	width:900px;
	margin:0 auto;
	padding:0 10px;
	text-align:left;
}
#mainArea{
	float:right;
	width:665px;
}
#sideArea{
	float:left;
	width:213px;
}
.section{
	margin:0 15px 20px;
}
.section.highInterval{
	margin:0 15px 35px;
}
.section.bdrbottom{
	margin:0 15px 20px;
	padding-bottom:21px;
	border-bottom:1px solid #e5e5e5;
}
.bdrTop{
	margin-top:15px;
	padding-top:16px;
	border-top:1px solid #e5e5e5;
}

/*----------------------------
 * global header
----------------------------*/
#gHeader{
	margin-bottom:5px;
	padding-bottom:21px;
	background:url(/com_images/bg_header.gif) repeat-x left bottom;
	min-width:920px;
}
#gHeader .wrap{
	position:relative;
	width:900px;
	margin:0 auto;
	padding:0 10px;
	text-align:left;
}
/*logo*/
#logo{
	position:absolute;
	top:24px;
}
#siteDesc{
	position:absolute;
	top:35px;
	left:247px;
	width:420px;
}
/*header navigation*/
#gHeader .nav{
	position:absolute;
	top:11px;
	right:152px;
	border-left:1px solid #e9e9e9;
}
#gHeader .nav li{
	float:left;
	padding-right:7px;
	border-right:1px solid #e9e9e9;
	font-size:1px;
}
#gHeader .nav a{
	margin-left:7px;
}
#gHeader #e .nav{
	top:13px;
	right:147px;
}
/*search form*/
#seek{
	position:absolute;
	right:10px;
	top:35px;
	margin-right:-2px;
}
#seek #qt{
	float:left;
	width:166px;
	height:18px;
	margin:2px 4px 0 0;
	padding:0 2px;
	border:1px solid #bfbfbf;
}
#seek #btseek{
	float:left;
}
/*global menu*/
#gHeader .menu{
	width:100%;
	padding-top:72px;
}
#gHeader .menu li{
	float:left;
	font-size:1px;
}

/*----------------------------
 * global footer
----------------------------*/
#gFooter{
	padding-top:6px;
	border-top:1px solid #bcbcbc;
	text-align:center;
	min-width:920px;
}
#gFooter .wrap{
	width:900px;
	margin:0 auto;
	padding:0 10px 27px;
	text-align:left;
}
#gFooter .nav{
	float:left;
	width:450px;
}
#gFooter .nav li{
	float:left;
	margin-right:10px;
	padding-right:10px;
	border-right:1px solid #838383;
}
#gFooter .nav li.right{
	margin-right:0;
	padding-right:0;
	border:none;
}
#copyright{
	float:right;
	width:400px;
	text-align:right;
}

/*----------------------------
 zoom
----------------------------*/
#fontZoom{
	position:absolute;
	right:82px;
	top:12px;
}
#fontZoom li img{
	position:absolute;
	cursor:pointer;
}
#fontZoom #zoomSmall{
	top:-5px;
	left:66px;
}
#fontZoom #zoomMedium{
	top:-6px;
	left:88px;
}
#fontZoom #zoomLarge{
	top:-7px;
	left:112px;
}
#e #fontZoom #zoomSmall{
	top:-5px;
	left:61px;
}
#e #fontZoom #zoomMedium{
	top:-6px;
	left:83px;
}
#e #fontZoom #zoomLarge{
	top:-7px;
	left:107px;
}

/*-------------------------
 * breadcrumbs
--------------------------*/
ul.breadcrumbs{
	margin:4px 0 4px;
}
ul.breadcrumbs li{
	float:left;
}
ul.breadcrumbs li a{
	display:block;
	margin-right:5px;
	padding-right:9px;
	background:url(/com_images/arw_bc.gif) no-repeat right center;
}

/*-------------------------
 * local menu
--------------------------*/
#sideArea .category{
	position:relative;
	left:-4px;
	margin:2px 0 6px;
}
#sideArea .menu{
	width:205px;
	margin-bottom:25px;
}
#sideArea .menu li{
	padding:8px 0 12px;
	background:url(/com_images/bg_menu.gif) repeat-x left bottom;
}
#sideArea .menu li.change{
	background:url(/com_images/bg_menu_selected.gif) repeat-x left bottom;
}
#sideArea .menu li.selected{
	background-color: #fef2f2;
}
#sideArea .menu li.menuTop{
	padding:12px 0;
}
#sideArea .menu li.menuUnder{
	padding:8px 0 4px;
}
#sideArea .menu li a{
	display:block;
	margin:0 10px;
	padding-left:16px;
	padding-right:10px;
	background:url(/com_images/arw_square.gif) no-repeat 0 .2em;
}
#sideArea .menu li span{
	display:block;
	margin:0 10px;
	padding-left:16px;
	padding-right:10px;
	background:url(/com_images/arw_square_gr.gif) no-repeat 0 .2em;
}
#sideArea .menu ul{
	margin-top:8px;
	padding-bottom:4px;
	background:url(/com_images/bg_menu.gif) #ffffff repeat-x;
}
#sideArea .menu ul li{
	margin:0 0 0 25px;
	padding-bottom:3px;
	background-image:url(/com_images/bg_dotline.gif);
}
#sideArea .menu ul li.current{
	padding-bottom:1px;
}
#sideArea .menu ul li.bottom{
	margin-bottom:0;
	padding-bottom:0;
	background-image:none;
}
#sideArea .menu ul li.bottomB{
	margin-bottom:-4px;
	padding-bottom:0;
	background-image:none;
}
#sideArea .menu ul li.underBottom{
	padding-bottom:8px;
}
#sideArea .menu ul li a{
	margin:0;
	padding-left:7px;
	background:url(/com_images/arw_s.gif) no-repeat 0 .4em;
}
#sideArea .menu ul li.selected span{
	margin:0;
	padding-left:7px;
	background:url(/com_images/arw_s_gr.gif) no-repeat 0 .4em;
}
#sideArea .menu ul ul{
	margin-top:5px;
	padding:0;
	background-image:none;
}
#sideArea .menu ul ul li{
	margin-left:0;
	padding:7px 0 4px 12px;
	background-position:left top;
}
#sideArea .menu ul ul li.bottom{
	margin-bottom:0;
}

/*-------------------------
 * title, heading, lede
--------------------------*/
#pTitle{
	margin-bottom:17px;
}
#pTitleH{
	margin-bottom:27px;
}
.sectionHead{
	margin-bottom:1.2em;
	padding-bottom:5px;
	background:url(/com_images/bg_section_head.gif) no-repeat left bottom;
	color:#666;
	font-size:118%;
	font-weight:bold;
}
.lede{
	margin:0 15px 1.5em;
}
.ledeH{
	margin:0 15px 3em;
}
.indentRed{
	padding-left:8px;
	background:url(../com_images/indent_red.gif) no-repeat 0 .1em;
}

/*----------------------------
 button
----------------------------*/
.button{
	margin-top:25px;
	text-align:center;
}

/*-------------------------
 * list
--------------------------*/
/* anchor list */
.listAnchor{
	margin:0 15px 1.5em;
}
.listAnchor table{
	width:635px;
	table-layout:fixed;
}
.listAnchor td{
	padding-bottom:6px;
	background:url(/com_images/arw_anchor.gif) no-repeat center bottom;
}
.listAnchor td a{
	display:block;
	padding:.15em .8em;
	border-left:1px solid #e0e0e0;
	text-align:center;
}
.listAnchor td a:visited{
	color:#0066a7;
}
.listAnchor td .right{
	border-right:1px solid #e0e0e0;
}

/* horizontal list */
.listHorizon li{
	float:left;
	margin-right:7px;
}
/* nomal list */
ul.nomalList{
	list-style:disc;
	padding-left:1.5em;
}
ul.nomalList li{
	margin-bottom:.2em;
}
/* number list */
ol.numberList{
	padding-left:30px;
}
ol.numberList li{
	margin-bottom:.2em;
}
/* border list */
ul.borderList li{
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px solid #e5e5e5;
}
.annotationList li {
	margin-left: 1em;
	text-indent: -1em;
}

/*-------------------------
 * table
--------------------------*/
table.styleGray,
table.styleStripe{
	width:100%;
	table-layout:fixed;
}
table.styleGray td,
table.styleStripe td{
	padding:5px 10px;
	background-color:#f0f0f0;
	border-right:2px solid #fff;
	border-bottom:2px solid #fff;
	vertical-align:top;
}
table.styleGray td.right,
table.styleStripe td.right{
	border-right:none;
}
table.styleStripe .odd td{
	background-color:#f7f7f7;
}
table.styleStripe .even td{
	background-color:#f2f2f2;
}
table td.pdMiddle{
	vertical-align:middle;
}

/*-------------------------
 * image
--------------------------*/
img.borderGray{
	border:1px solid #e5e5e5;
}
img.imgSpace{
	margin:0 3px;
}

/*-------------------------
 * float
--------------------------*/
.floatR{
	float:right;
	margin-left:15px;
}
.floatL{
	float:left;
	margin-right:15px;
}
.floatRW{
	float:right;
	margin-left:25px;
}
.floatLW{
	float:left;
	margin-right:25px;
}
.floatREnd{
	float:right;
	margin-left:0;
}
.floatLEnd{
	float:left;
	margin-right:0;
}

/*-------------------------
 * arrow
--------------------------*/
.arw,
.childarw a{
	display:inline-block;
	padding-left:8px;
	background:url(/com_images/arw.gif) no-repeat 0 .35em;
}
.arwSquare{
	display:inline-block;
	padding-left:15px;
	background:url(/com_images/arw_square.gif) no-repeat 0 .15em;
}
.noneArw{
	background:none!important;
}

/*-------------------------
 * frame
--------------------------*/
.frame{
	padding:10px;
	border:1px solid #f7b2b2;
}

/*-------------------------
 * text position
--------------------------*/
.textLeft{
	text-align:left;
}
.textCenter{
	text-align:center;
}
.textRight{
	text-align:right;
}
table.textCenter{
	text-align:left;
}
table.textCenter td{
	text-align:center;
}
.textWrap{
	display:inline-block;
	word-break:break-all;
}

/*----------------------------
 text color
----------------------------*/
.colorRed{
	color:#e60000;
}
.colorGray{
	color:#777777;
}

/*----------------------------
 icon
----------------------------*/
.iconRight,
.iconLeft,
.iconCenter{
	vertical-align:middle;
}
.iconRight{
	margin-left:5px;
}
.iconLeft{
	margin-right:5px;
}
.iconCenter{
	margin:0 5px 0 3px;
}
.mbMark{
	margin:0 3px 0 3px;
	vertical-align:baseline;
}
#infoBox table td p{
	padding:4px 0;
	border-bottom:1px solid #e5e5e5;
}
.iconNew{
	padding:2px 5px 0 0;
}

/*----------------------------
 emphasis area
----------------------------*/
.areaRed{
	padding:15px;
	background:#fef5f5;
}

/*----------------------------
 line break
----------------------------*/
.br05em{
	margin-bottom:.5em;
}
.br1em{
	margin-bottom:1em;
}
.br15em{
	margin-bottom:1.5em;
}
.br2em{
	margin-bottom:2em;
}
.br3em{
	margin-bottom:3em;
}

/*----------------------------
 horizontal rule
----------------------------*/
.dotline05,
.dotline{
	background:url(/com_images/bg_dotline.gif) repeat-x left bottom;
}
.dotline05{
	margin-bottom:.5em;
	padding-bottom:.5em;
}
.dotline{
	margin-bottom:1em;
	padding-bottom:1em;
}
.hr05,
.hr{
	border-bottom:1px solid #de5e5e5;
}
.hr05{
	margin-bottom:.5em;
	padding-bottom:.5em;
}
.hr{
	margin-bottom:1em;
	padding-bottom:1em;
}

/*-------------------------
 * pagetop
--------------------------*/
.pagetop{
	margin:40px 15px 30px;
	padding-top:7px;
	border-top:1px solid #e5e5e5;
}
.pagetop span{
	display:block;
	float:right;
	padding-right:7px;
	border-right:1px solid #c0c0c0;
}
.pagetop a{
	display:inline-block;
	padding-left:21px;
	border-left:1px solid #c0c0c0;
	background:url(/com_images/arw_pagetop.gif) no-repeat 7px .45em;
}
.pagetop a:link,
.pagetop a:visited,
.pagetop a:hover,
.pagetop a:active{
	color:#e60000;
}
.section .pagetop{
	clear:both;
	margin:0 0 1em;
	padding:13px 0 5px;
	border:none;
}

/*----------------------------
 speech
----------------------------*/
.speech{
	position:absolute;
	left:-9999px;
	top:0;
}

/*----------------------------
 clearfix
----------------------------*/
.clearfix:after,
.section:after,
.pagetop:after{
	content:url(/com_images/blank.gif);
	display: block;
	clear: both;
	height:0;
}
.clearfix,
.section,
.pagetop{
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix,
* html .section,
* html .pagetop{height: 1%;}
.clearfix,
.section,
.pagetop{display: block;}
/* End hide from IE-mac */