@charset "utf-8";


/*回り込み解除*/
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {
display: inline-block;
}
	
.clear{
clear:both;
display: block;
font-size:1px;
line-height:0px;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

*html.clear{
height:0px;
}



#aboutContents{
}

#aboutContents .centerTxt{
	text-align: center;
}


/*main
---------------------------------------------------------------------*/
#aboutContents #mainImg{
	background: url("../../../../img/common/migrate/about-us/common/images/index/main_bg.gif") repeat-x bottom;
	padding-bottom: 6px;	
	width: auto;
	margin-bottom: 20px;
}
#aboutContents #mainImg div.mainImgInner{
	background: #2d1712 url("../../../../img/common/migrate/about-us/common/images/index/main_img_bg.jpg") no-repeat center;
	height: 446px;
}

#aboutContents #mainImg div.main{
	width: 970px;
	margin: 0 auto;
	padding-top: 25px;
}
#aboutContents #mainImg div.main div.left{
	float: left;
	width: 640px;
}
#aboutContents #mainImg div.main div.right{
	float: right;
	width: 301px;
	color: #fff;
	display: inline;
}
#aboutContents #mainImg div.main div.right h2{
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.8em;
}
#aboutContents #mainImg div.main div.right p{
	padding: 0;
	margin-top: 12px;
	margin-bottom: 0;
}

#aboutContents #mainImg div.main div.right p.bottom{
	margin-bottom: 25px;
}

#aboutContents #mainImg div.main div.right p.btn em{
	display: none;
}
#aboutContents #mainImg div.main div.right p.btn a{
	display: block;
	background: url("../../../../img/common/migrate/about-us/common/images/index/btn_profile.gif") no-repeat left;
	width: 301px;
	height: 50px;
}
#aboutContents #mainImg div.main div.right p.btn a:hover{
	background-position: right;
}

#aboutContents #mainImg div.mainImgInner02{
	background: url("../../../../img/common/migrate/about-us/common/images/overview/main_img_bg.jpg") repeat-x center;
	position: relative;
	width: 100%;
}
#aboutContents #mainImg div.mainImgInner03{
	background: url("../../../../img/common/migrate/about-us/common/images/network/main_img_bg.jpg") repeat-x center;
}

#aboutContents #mainImg div.mainImgInner02 div.mainOverView{
	width: 970px;
	height: 162px;
	background: url("../../../../img/common/migrate/about-us/common/images/overview/main_img.jpg") no-repeat;
	margin: 0 auto;
	padding: 0;
}

#aboutContents #mainImg div.mainImgInner02 div.mainTech{
	background: url("../../../../img/common/migrate/about-us/common/images/tech/main_img.jpg") no-repeat;
}
#aboutContents #mainImg div.mainImgInner02 div.mainProduct01{
	background: url("../../../../img/common/migrate/about-us/common/images/product1/main_img.jpg") no-repeat;
}
#aboutContents #mainImg div.mainImgInner02 div.mainProduct02{
	background: url("../../../../img/common/migrate/about-us/common/images/product2/main_img.jpg") no-repeat;
}
#aboutContents #mainImg div.mainImgInner02 div.mainService{
	background: url("../../../../img/common/migrate/about-us/common/images/service/main_img.jpg") no-repeat;
}
#aboutContents #mainImg div.mainImgInner02 div.mainNetwork{
	background: url("../../../../img/common/migrate/about-us/common/images/network/main_img.jpg") no-repeat;
}

/*sNav
---------------------------------------------------------------------*/
#aboutContents #mainImg div.mainImgInner02 ul.sNav{
	list-style: none;
	margin: 0;
	/*padding: 136px 0 0;*/
	position: absolute;
	bottom: -5px;
}

#aboutContents #mainImg div.mainImgInner02 ul.sNav li{
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
	display: inline;
}
#aboutContents #mainImg div.mainImgInner02 ul.sNav li a{
	background: url("../../../../img/common/migrate/about-us/common/images/overview/snav_bg.gif") repeat-x;
	display: block;
	height: 26px;
	padding: 2px 2px 3px;
	text-align: center;
	line-height: 1.8;
}
#aboutContents #mainImg div.mainImgInner02 ul.sNav li a.over{
	background: #fff url("../../../../img/common/migrate/about-us/common/images/overview/snav_bg_on.gif") repeat-x;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
}

#aboutContents #mainImg div.mainImgInner02 ul.sNav li a.snav01{
	width: 130px;
}
#aboutContents #mainImg div.mainImgInner02 ul.sNav li a.snav02{
	width: 185px;
}

/*bottom sNav
---------------------------------------------------------------------*/
#aboutContents #innerCon div.bottomNav ul.sNav{
	border-top: 1px solid #ccc;
	padding-left: 35px;
}
#aboutContents #innerCon div.bottomNav ul.sNav li{
	float: left;
	margin: 0 2px 0 0;
	padding: 0;
	display: inline;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;	
}
#aboutContents #innerCon div.bottomNav ul.sNav li a{
	background: url("../../../../img/common/migrate/about-us/common/images/overview/snav_bottom_bg.gif") repeat-x bottom;
	display: block;
	height: 22px;
	padding: 2px 2px 3px;
	text-align: center;
	line-height: 1.8;
}
#aboutContents #innerCon div.bottomNav ul.sNav li a.over{
	background: #fff url("../../../../img/common/migrate/about-us/common/images/overview/snav_bottom_bg_on.gif") repeat-x bottom;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;	
}

#aboutContents #innerCon div.bottomNav ul.sNav li a.snav01{
	width: 130px;
}
#aboutContents #innerCon div.bottomNav ul.sNav li a.snav02{
	width: 185px;
}

/*bottomLink
---------------------------------------------------------------------*/
#aboutContents #innerCon .bottomLink{
}
#aboutContents #innerCon .bottomLink ol{
	float: right;
}
#aboutContents #innerCon .bottomLink ol li{
	float: left;
	margin-left: 10px;
	display: inline;
}
#aboutContents #innerCon .bottomLink ol li a{
	background: url("../../../../img/common/migrate/about-us/common/images/overview/list_blue.gif") no-repeat 0 1px;
	padding-left: 15px;
}


/*innerCon
---------------------------------------------------------------------*/
#aboutContents #innerCon{
	width: 970px;
	margin: 0 auto;
	padding-bottom: 50px;
}

#aboutContents #innerCon a.listBlue{
	background: url("../../../../img/common/migrate/about-us/common/images/overview/list_blue.gif") no-repeat 0 1px;
	padding-left: 16px;
}


/*innerNav*/
#aboutContents #innerCon ul.innerNav{
	background: url("../../../../img/common/migrate/about-us/common/images/tech/inner_nav_bg.gif") no-repeat bottom;
	padding-bottom: 14px;
	margin-bottom: 20px;
}
#aboutContents #innerCon ul.innerNav li{
	float: left;
	margin: 0 15px;
	padding-right: 30px;
	border-right: 1px solid #ccc;
}
#aboutContents #innerCon ul.innerNav li a.over{
	font-weight: bold;
	color: #333;
}


#aboutContents #innerCon img{
	border: none;
	margin: 0;
	padding: 0;
}

#aboutContents #innerCon ul,
#aboutContents #innerCon ol{
	list-style: none;
	margin: 0;
	padding: 0;
}

#aboutContents #innerCon ul.top{
	margin: 0 0 30px 16px;
	padding: 0;
}
#aboutContents #innerCon ul.top li{
	float: left;
	width: 226px;
	margin: 0 10px 0 0;
	display: inline;
/*	line-height: 0; */
}
#aboutContents #innerCon ul.top li p{
	margin: 0;
	padding: 5px 10px 0 0;
	height: 61px;
	text-align: center;
	line-height: 20px;
	background: url("../../../../img/common/migrate/about-us/common/images/index/btn04b.jpg") no-repeat;
}
#aboutContents #innerCon ul.top li p a{
	text-decoration: underline;
}

#aboutContents #innerCon ol.top{
	margin-left: 16px;
}
#aboutContents #innerCon ol.top li{
	float: left;
	margin-right: 12px;
	display: inline;
}


#aboutContents #innerCon div.innerHead{
	width: 900px;
	margin: 0 auto;
	text-align: right;
}


#aboutContents #innerCon div.innerBox{
	width: 900px;
	margin: 0 auto;
	padding-top: 20px;
}

#aboutContents #innerCon div.innerBox p.subTitle{
	font-weight:bold;
	font-size:1.5em;
	line-height:1.2;
	margin: 0 0 30px;
}

#aboutContents #innerCon div.innerBox p.subTitle .lead{
	font-size:0.7em;
}


#aboutContents #innerCon div.innerBox h2{
	background: url("../../../../img/common/migrate/about-us/common/images/overview/im_title.gif") no-repeat;
	line-height: 2;
	font-size: 1.3em;
	font-weight: bold;
	padding-left: 5px;
	margin-bottom: 20px;
}

#aboutContents #innerCon div.innerBox h3{
	color: #333;
}

#aboutContents #innerCon div.innerBox h3.innerTitle{
	font-size:1.1em;
	margin-bottom:5px;
}

#aboutContents #innerCon div.innerBox .redNet{
	color: #ff0000;
	margin-bottom: 0;
}


#aboutContents #innerCon div.cBox{
	margin-bottom: 20px;
}
#aboutContents #innerCon div.cBox40{
	margin-bottom: 40px;
}
#aboutContents #innerCon div.cBox60{
	margin-bottom: 60px;
}

#aboutContents #innerCon div.cBox p{
	margin-top: 0;
	margin-bottom: 15px;
	line-height: 1.4;
}

#aboutContents #innerCon .lBox{
	float: left;
	width: 560px;
}
#aboutContents #innerCon .rBox{
	float: right;
	width: 212px;
}

#aboutContents #innerCon .lBox02{
	float: left;
	width: 410px;
}
#aboutContents #innerCon .rBox02{
	float: right;
	width: 448px;
}

#aboutContents #innerCon .lBox03{
	float: left;
	width: 430px;
}
#aboutContents #innerCon .rBox03{
	float: right;
	width: 430px;
}


#aboutContents #innerCon div.cBox .btnLeft{
	float: left;
	width: 375px;
	margin-left: 55px;
	display: inline;
}
#aboutContents #innerCon div.cBox .btnRight{
	float: right;
	width: 375px;
	margin-right: 55px;
	display: inline;
}

#aboutContents #innerCon div.map{
	position: relative;
}
#aboutContents #innerCon p.btnBlue a{
	background: url("../../../../img/common/migrate/about-us/common/images/network/btn_blue.gif") no-repeat;
	display: block;
	width: 144px;
	height: 27px;
	color: #fff;
	line-height: 2;
	text-align: center;
}
#aboutContents #innerCon p.btnBlue a:hover{
	background: url("../../../../img/common/migrate/about-us/common/images/network/btn_blue_on.gif") no-repeat; 
}
* html #aboutContents #innerCon p.btnBlue a:hover{
	background: url("../../../../img/common/migrate/about-us/common/images/network/btn_blue.gif") no-repeat;
	color: #ff6633;
}


#aboutContents #innerCon p.nAmerica{
	position: absolute;
	top: 134px;
	left: 79px;
}
#aboutContents #innerCon p.sAmerica{
	position: absolute;
	top: 345px;
	left: 170px;
}
#aboutContents #innerCon p.europe{
	position: absolute;
	top: 90px;
	left: 420px;
}
#aboutContents #innerCon p.eAsia{
	position: absolute;
	top: 130px;
	left: 650px;
}
#aboutContents #innerCon p.asia{
	position: absolute;
	top: 200px;
	left: 590px;
}
#aboutContents #innerCon p.oceania{
	position: absolute;
	top: 400px;
	left: 700px;
}

#aboutContents #innerCon div.cBox dl.product{
	margin: 0;
	padding: 0;
}

#aboutContents #innerCon div.cBox dl.product dt{
	margin: 0 0 10px;
	padding: 0;
	display:block;
}

#aboutContents #innerCon div.cBox dl.product dt .image{
	display: table-cell;
	width: 130px;
	vertical-align: middle;
    *display: inline;
    *zoom: 1;
}

#aboutContents #innerCon div.cBox dl.product dt .text{
	display: table-cell;
	width: 280px;
	vertical-align: middle;
	font-size: 1.2em;
	font-weight:bold;
    *display: inline;
    *zoom: 1;
}



#aboutContents #innerCon div.cBox dl.product dd{
	margin: 0;
	padding: 0;
}

#aboutContents #innerCon div.cBox p.networkLeft{
	float: left;
}
#aboutContents #innerCon div.cBox p.networkRight{
	float: right;
}

#aboutContents #innerCon div.cBox p.netMap{
	margin-bottom: 20px;
}

#aboutContents #innerCon div.innerBox div.dotLine{
	border-bottom: 1px dotted #b3b3b3;
	margin-bottom: 10px;
}
#aboutContents #innerCon div.innerBox div.imgLine{
	background: url("../../../../img/common/migrate/about-us/common/images/network/address_bg.gif") no-repeat bottom;
	padding-bottom: 20px;
}

#aboutContents #innerCon div.cBox dl.address{
	margin: 0 0 20px; 
	padding: 0 0 10px;
	border-bottom: 1px dotted #b3b3b3;
}
#aboutContents #innerCon div.cBox dl.address.addressImgShort{
	background: url("../../../../img/common/migrate/about-us/common/images/network/address_bg_short.gif") no-repeat bottom;
	padding-bottom: 20px;
	border-bottom: none;
}


#aboutContents #innerCon div.cBox dl.address.noDot{
	border-bottom: none;
	margin-bottom: 10px;
}

#aboutContents #innerCon div.cBox dl.addressLeft{
	float: left;
	width: 435px;
	border-bottom: none;
	margin-bottom: 0;
}
#aboutContents #innerCon div.cBox dl.addressRight{
	float: right;
	width: 435px;
	border-bottom: none;
	margin-bottom: 0;
}

#aboutContents #innerCon div.cBox dl.address dt{
	margin: 0 0 5px;
	padding: 0;
	line-height: 1.7;
	font-weight: bold;
}

#aboutContents #innerCon div.cBox dl.address dt span{
	color: #ff0000;
}
#aboutContents #innerCon div.cBox dl.address dd{
	margin: 0 0 5px;
	padding: 0;
}
#aboutContents #innerCon div.cBox dl.address dd.bottom{
	margin-bottom: 10px;
}
#aboutContents #innerCon div.cBox dl.address dd p.left{
	float: left;
	width: 65px;
}
#aboutContents #innerCon div.cBox dl.address dd p.right{
	float: right;
	width: 835px;
}
#aboutContents #innerCon div.cBox dl.address dd p.left02{
	float: left;
	width: 45px;
}
#aboutContents #innerCon div.cBox dl.address dd p.right02{
	float: right;
	width: 390px;
}
#aboutContents #innerCon div.cBox dl.address dd p.left03{
	float: left;
	width: 45px;
}
#aboutContents #innerCon div.cBox dl.address dd p.right03{
	float: right;
	width: 385px;
}

#aboutContents #innerCon div.cBox ol.address{
	margin-bottom: 30px;
}
#aboutContents #innerCon div.cBox ol.address li{
	float: left;
	width: 300px;
	margin-bottom: 14px;
}
#aboutContents #innerCon div.cBox ol.address li span.red{
	color: #ff0000;
	font-weight: bold;
}

#aboutContents #innerCon div.cBox ol.address.short li{
	width: 225px;
}



/*ボタン*/
#aboutContents #innerCon div.cBox .btn{
	background: url("../../../../img/common/migrate/about-us/common/images/tech/btn_left.gif") no-repeat left;
	width: 375px;
	text-align: center;
}
#aboutContents #innerCon div.cBox .btn a{
	display: block;
	background: url("../../../../img/common/migrate/about-us/common/images/tech/btn_right.gif") no-repeat right;
	padding-right: 3px;
	line-height: 2.5;
	font-size: 1.4em;
	height: 47px;	
}

#aboutContents #innerCon div.cBox .btn.over{
	background: url("../../../../img/common/migrate/about-us/common/images/tech/btn_left_on.gif") no-repeat left;
	width: 375px;
	text-align: center;
}
#aboutContents #innerCon div.cBox .btn.over a{
	display: block;
	background: url("../../../../img/common/migrate/about-us/common/images/tech/btn_right_on.gif") no-repeat right;
	padding-right: 3px;
	line-height: 2.5;
	font-size: 1.4em;
	height: 47px;	
}

#aboutContents #innerCon div.cBox ol.netBtn{
	margin-left: -10px;
	margin-bottom: 10px;
}
#aboutContents #innerCon div.cBox ol.netBtn li{
	float: left;
	margin-left: 10px;
}
#aboutContents #innerCon div.cBox ol.netBtn li{
	background: url("../../../../img/common/migrate/about-us/common/images/europe/btn_left.gif") no-repeat left;
	width: 120px;
	height: 37px;
	text-align: center;
	font-size: 0.9em;
}
#aboutContents #innerCon div.cBox ol.netBtn li.long{
	width: 195px;
}
#aboutContents #innerCon div.cBox ol.netBtn li.middle{
	width: 145px;
}
#aboutContents #innerCon div.cBox ol.netBtn li a{
	background: url("../../../../img/common/migrate/about-us/common/images/europe/btn_right.gif") no-repeat right;
	padding: 11px 0 11px 4px;	
	display: block;
	color: #fff;
}
#aboutContents #innerCon div.cBox ol.netBtn li.long a{
	padding: 7px 0 6px 4px;
	line-height: 1.0;
}

#aboutContents #innerCon div.cBox ol.netBtn li:hover{
	background: url("../../../../img/common/migrate/about-us/common/images/europe/btn_left_on.gif") no-repeat left;
}
#aboutContents #innerCon div.cBox ol.netBtn li a:hover{
	background: url("../../../../img/common/migrate/about-us/common/images/europe/btn_right_on.gif") no-repeat right;
	*color: #ff6633;
}

#aboutContents #innerCon div.cBox ol.netBtn li.active{
	background: url("../../../../img/common/migrate/about-us/common/images/europe/btn_left_active.gif") no-repeat left;
}
#aboutContents #innerCon div.cBox ol.netBtn li.active a{
	background: url("../../../../img/common/migrate/about-us/common/images/europe/btn_right_active.gif") no-repeat right;
}
