@charset "utf-8";
/* CSS Document */



ul,dl {
    list-style:none;
}


body{
	background:url(../../common/img/bg_wrappershadow.gif) repeat-y center;
	text-align:center;
}

div#wrapperAll{
	width:802px;
	border-left:#CCCCCC 1px solid;
	border-right:#CCCCCC 1px solid;
	margin:0 auto;	
}



div#headerArea *,
div#globalNavi *,
div#contentNavi *,
div#footerArea {
	font:13px/1.22 Verdana,"ＭＳ Ｐゴシック","MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3",Osaka,Sans-Serif;
}

div#headerArea *,
div#globalNavi *,
div#footerArea *{
	margin:0;
	padding:0;
	zoom:normal;
}

div#headerArea img,
div#headerArea a img,
div#globalNavi img,
div#globalNavi a img {
	vertical-align:bottom;
	border:none;
	background:transparent;
} 


div#globalNavi a,
div#footerArea a {
	text-decoration:none;
}




/* ------------------------------------------------------------
	headerArea
------------------------------------------------------------ */

div#headerArea{
	width:802px;
	height:108px;
	position:relative;
}

div#headerArea h1{
	float:left;
	position:absolute;
	top:17px;
	left:0;

}

div#headerArea p.tokyologo{
	float:right;
	margin:0 0 10px 0;

}

p#headerCopy{
	position:absolute;
	top:70px;
	left:8px;
}


div#headerArea ul{
	clear:both;
	float:right;
	margin:0 5px 5px 0;
	padding:0 0 0 0;
	border-right:#777 1px solid;
}

div#headerArea li{
	line-height:1.35em;
	letter-spacing:0.1em;
	display:inline;
	font-size:92.7%;
	border-left:#777 1px solid;
	padding:0 2px 0 6px;
}




div#headerArea div#searchBox{
	clear:both;
	float:right;
	width: 381px;
	height: 30px;
	background:url(../../common/img/bg_search.jpg)
	
}

div#headerArea div#searchBox table th{
	vertical-align:middle;
	height:30px;
	width:12em;
	font-size:85%;
	text-align:center;
	padding:0 0.6em 0 0;
	text-align:right;

}


div#headerArea div#searchBox table td.search{
	vertical-align:middle;
	height:30px;
	text-align:left;

}

div#headerArea div#searchBox table td.search input{
	vertical-align:bottom;
	width:180px;
	text-align:left;

}

div#headerArea div#searchBox table td.searchsubmit{
	vertical-align:middle;
	height:30px;
	text-align:left;
	padding:0 5px 0 0;

}


div#headerArea div#searchBox table td.searchsubmit input{
	ertical-align:bottom;
	font-size:85%;
	height:21px;
	width:4em;
	letter-spacing:0.1em;
	padding:0 3px 1px 3px;

}

/* for IE */
*+html div#headerArea div#searchBox table td.searchsubmit input{
	padding:0 3px 0px 3px;
}
* html div#headerArea div#searchBox table td.searchsubmit input {
	padding:0 3px 0px 3px;
}



/* ----- globalNavi ----- */

div#globalNavi {
	width:802px;
	height:44px;
	position:relative;
}



div#globalNavi ul{
	clear:both;
	width:802px;
	height:37px;
	
}

div#globalNavi ul li{
	float:left;
	display:inline-block;
	width:auto;
}

div#globalNavi ul li.lastChild{
	float:left;
	display:inline-block;
	width:132px;
}

div#globalNavi ul li ul{
	width:134px;
}

div#globalNavi ul li ul#gmService{
	position:absolute;
	top:41px;
	left:134px;
	z-index:10;
}

div#globalNavi ul li ul#gmProducts{
	position:absolute;
	top:41px;
	left:268px;
	z-index:10;
}
div#globalNavi ul li ul#gmCsr{
	position:absolute;
	top:41px;
	left:402px;
	z-index:10;
}

div#globalNavi ul li ul#gmCorporate{
	position:absolute;
	top:41px;
	left:536px;
	z-index:10;
}

div#globalNavi ul li ul#gmRecruit{
	position:absolute;
	top:41px;
	left:670px;
	z-index:10;
}


div#globalNavi ul li ul li{
	float:none;
	text-align:left;
	font-size:92%;
}

div#globalNavi ul li ul li a{
	display:block;
	width:132px;
	background:#52A575;
	padding:5px 0 3px 0;
	color:#FFFFFF;
	border-top:#FFFFFF 1px solid;
}

div#globalNavi ul li ul li a:link{
	background:#52A575;
	color:#FFFFFF;
}

div#globalNavi ul li ul li a:hover{
	background:#9FC9A2;
	color:#004249;
	text-decoration:none;
}









/* ------------------------------------------------------------
	contentsArea
------------------------------------------------------------ */
div#contentsArea {
	width:802px;
	margin-bottom:50px;
	text-align:left;
}

/* ----- main ----- */


div#contentsArea div#main {
	width:584px;
	float:right
}

/* ----- sub ----- */
ol#topicPath {
	margin:0 0 8px 0;
	padding:8px 0 0 0 ;
}


ol#topicPath li{
	display:inline;
	text-align:left;
	font-size:85%;
}



/* ------------------------------------------------------------
	sub
------------------------------------------------------------ */

div#contentsArea div#sub {
	width:198px;
	float:left;
}

/* ----- contentNavi ----- */

div#contentNavi {
	margin:0 0 30px 0;
}

div#contentNavi p {
	margin:0 0 0 6px;
}

/* ----- lv1 ----- */
div#contentNavi dl.lv1 {
	margin:0 0 0 6px;
}



div#contentNavi dl.lv1 dd{
	background:url(../img/bg_underlinemenu.gif) bottom center no-repeat;
	padding:8px 0 0 7px;
	margin:0 0 0 5px;
	width:178px;
}


div#contentNavi dl.lv1 dd a span{
	display:block;
	background:url(../img/mk_boxR_green.gif) no-repeat 0 0.22em;
	padding:0 0 8px 22px;
	margin:0 0 3px 0;
}






div#contentNavi dl.lv1 dd.stay{
	background:#F3F9EE url(../img/bg_underlinemenu.gif) bottom center no-repeat;
}


/* ----- lv2 ----- */

div#contentNavi dl.lv1 dd dl{
	margin:0;
	padding:0;
}

div#contentNavi dl.lv1 dd dl dt{
	margin:0;
	padding:5px 0 5px 18px;
	background:url(../img/mk_boxB_green2.gif) no-repeat 0 50%;
}

div#contentNavi dl.lv1 dd dl dt a{
	display:block;
}

div#contentNavi dl.lv1 dd dl dd{
	margin:0;
	padding:5px 0 5px 18px;
	background:none;
	background:url(../img/mk_triangleR_green2.gif) no-repeat 2px 50%;
	
	
}


div#contentNavi dl.lv1 dd dl dd a{
	display:block;
	width:160px;
	
	
}

div#contentNavi dl.lv1 dd dl dd.stay {
	background:#F3F9E9;
	width:160px;
	
	
}



/* ----- contentBanner ----- */

ul#contentBanner {
	margin:0 0 40px 6px;
}

ul#contentBanner li{
	margin:0 0 8px 0;
	text-align:center;
}


/* ----- バナーリンク ----- */
ul#contentBanner li a:hover img,
ul#contentBanner li a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}

/* ----- contentNavi ----- */

div#contentNavi {
	margin:0 0 30px 0;
}

div#contentNavi p {
	margin:0 0 0 6px;
}

/* ----- lv1 ----- */
div#contentNavi dl.lv1 {
	margin:0 0 0 6px;
}



div#contentNavi dl.lv1 dd{
	background:url(../../common/img/bg_underlinemenu.gif) bottom center no-repeat;
	padding:8px 0 0 7px;
	margin:0 0 0 5px;
	width:178px;
}


div#contentNavi dl.lv1 dd a span{
	display:block;
	background:url(../../common/img/mk_boxR_green.gif) no-repeat 0 0.22em;
	padding:0 0 8px 22px;
	margin:0 0 3px 0;
}






div#contentNavi dl.lv1 dd.stay{
	background:#F3F9EE url(../../common/img/bg_underlinemenu.gif) bottom center no-repeat;
}


/* ----- lv2 ----- */

div#contentNavi dl.lv1 dd dl{
	margin:0;
	padding:0;
}

div#contentNavi dl.lv1 dd dl dt{
	margin:0;
	padding:5px 0 5px 18px;
	background:url(../../common/img/mk_boxB_green2.gif) no-repeat 0 50%;
}

div#contentNavi dl.lv1 dd dl dt a{
	display:block;
}

div#contentNavi dl.lv1 dd dl dd{
	margin:0;
	padding:5px 0 5px 18px;
	background:none;
	background:url(../../common/img/mk_triangleR_green2.gif) no-repeat 2px 50%;
	
	
}


div#contentNavi dl.lv1 dd dl dd a{
	display:block;
	width:160px;
	
	
}

div#contentNavi dl.lv1 dd dl dd.stay {
	background:#F3F9E9;
	width:160px;
	
	
}

/* ----- Link ----- */
div#contentNavi a:link {color:#234932;}
div#contentNavi a:visited {color:#777;}
div#contentNavi a:hover {
	color:#6DB15F;
	text-decoration:underline;}	
div#contentNavi a:focus {
	color:#6DB15F;
	text-decoration:underline;
}
div#contentNavi a:active {
	color:#6DB15F;
	text-decoration:underline;}


/* ------------------------------------------------------------
	footerArea
------------------------------------------------------------ */


div#footerArea {
	clear:both;
	width:802px;
	height:2.5em;
	background:url(../../common/img/bg_footer.gif) repeat-y center;
}

div#footerArea p{
	float:left;
	font-size:85%;
	line-height:1.22;
	margin:10px 0 0 10px;
	padding:0 10px 0 10px;
	border-left:#FFFFFF 1px solid;
	border-right:#FFFFFF 1px solid;
}

div#footerArea p a:link{color:#FFFFFF;}
div#footerArea p a:visited{color:#FFFFFF;}
div#footerArea p a:hover{color:#FB15F;}


div#footerArea address{
	color:#FFFFFF;
	float:right;
	font-size:85%;
	line-height:1.22;
	margin:10px 5px 0 0;
	font-style:normal;
}