@charset "iso-8859-1";
@import url(size_m.css);
/*==============================	
	((CSS INDEX))

	Common Style
	headerArea
	globalNaviSec
	breadCrumbArea	
	bodyArea
	localNaviBlock
	contentsBlock
	footermapArea
	footerArea

==============================*/	


/*==============================	
Common Style	
==============================*/	

/*Reset*/	
html{
	overflow-y:scroll;
}
p, th, td, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, caption, form {
	padding: 0;
	margin: 0;
	border: 0;
}
body {	
	padding: 0;
	margin: 0;
	font-family:Verdana, Arial, sans-serif;
	color: #333333;
	text-align:center;
	-webkit-text-size-adjust:none;/*ios*/
}
hr{	
	display:none;
}	

/* Only for page reader -------------*/
#skipLinkArea{
	position:absolute;
	top:-10000px;
}
/* SkipLink for page reader ---------------------------*/ 	
.forReader{	
	position:absolute;
	top:-100000px;
}
/*Link*/
a{
	color:#0055bb;
	text-decoration:underline;
}	
a:visited{
	color:#553377;
	text-decoration:underline;
}	
a:hover{
	text-decoration:none;
}

/* border of image ---------*/
img{
	border:none;
}
/*a img.borderImg {
	border:1px solid #CCCCCC;
}
a:hover img.borderImg {
	border:1px solid #CC1144;
}*/
a:hover img{  opacity: 0.7;  filter: alpha(opacity=70);  -ms-filter: "alpha(opacity=70)";} 
a:hover img.over{  opacity: 1;  filter: alpha(opacity=100);  -ms-filter: "alpha(opacity=100)";} 

/* list (without mark) -------------------------*/
ul,ol,dl{	
	list-style-type:none;
}
#contentsSec ol li,
#contentsSec ul li{
	margin-bottom:7px;}
/* list (with mark) -------------------------*/
#contentsSec ul.list{
	list-style-type:disc;
	padding-left:2em;
}
#contentsSec ul.list li{
	margin:2px 0;
}
/* list by number -------------------------------------*/
#contentsSec ol.list{
	list-style-type: decimal;
	padding-left:1.3em;
}
#contentsSec ol.list li{
	margin-left:20px;
}
#contentsSec ol.list ol{
	padding-left:1em;
}


/*float*/	
.floatLeft{	
	float:left;
}	
.floatRight{	
	float:right;
}	
.clear{	
	clear:both;
}	
.clearLeft{	
	clear:left;
}	
.clearRight{	
	clear:right;
}	
.clearfix {width:100%;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;}
.imgL{
	float:left;
	margin-right:20px;
}	
.imgR{
	float:right;
	margin-left:20px;
}	


/*text-align*/	
.center {	
	margin-right:auto;
	margin-left:auto;
	text-align: center; 
}	
.left {	
	text-align: left; 
}	
.right {	
	text-align: right; 
}
.top {
	vertical-align:top !important;
}
.middle {
	vertical-align:middle;
}

/*margin*/ 

.marginBottom0{
	margin-bottom:0px !important;
}
.marginBottom5{
	margin-bottom:5px !important;
}
.marginRight0{
	margin-right:0px !important;
}
.paddingTop0{
	padding-top:0px !important;
}
.indent8 {
	text-indent:-8em !important;
	margin-left:8em !important;
}

/* sup sub ------------------------------------*/	
sup{
	vertical-align:3px;
}
sub {
	vertical-align:-1px;
}
.nowrap{
	white-space:nowrap;
}
.subIcon{
	color:#FFF;
	background:#666;
	padding:2px 10px 2px 10px;
	font-weight:lighter;
	white-space:nowrap;
	margin-bottom:5px;
	}
/*font*/
.bigger{
	font-size:120%;
}
.bold{
	font-weight:bold;
}
.lighter{
	font-weight:lighter;
}
.smaller{
	font-size:80%;
}		
.important{	
	color:#F00;
}
.attention{
	color:#F00;
	font-size:80%;
	}
.red {
	color:#F00;
}
.orange {
	color:#FF6600;
}
.gray {
	color:#666666;
}
.black {
	color:#000000;
}
.letter-spacing1em{
	letter-spacing:1em;
}
.letter-spacing-{
	letter-spacing:-0.1em;
}
/*==============================	
headerArea
==============================*/
#headerArea{
	background-color:#FFF;
}
#headerSec{
	width:940px;
	margin:0 auto;
	text-align:left;
	padding:0 20px;
}
/*floatLeft----------------*/
#headerSec .floatLeft{
	width:770px;
}
#headerSec .floatLeft .lang{
	margin-left:170px;
	margin-top:14px;
	font-size:13px;
	}
#headerSec .floatLeft .lang a{
	color:#333;
	text-decoration:none;
}
#headerSec .floatLeft .lang em{
	font-weight:bold;
font-style: normal;
}
#headerSec .floatLeft .lang a:hover{
	text-decoration:none;
	color:#999;
}
#headerSec .floatLeft .facebook{
		margin-top:7px;
		margin-left:5px;
	}

#headerSec .floatLeft p{
	margin:0;
	float:left;
}
#headerSec .floatLeft .logo{
	margin:0;
}
/*floatRight----------------*/
#headerSec .floatRight{
	margin:10px 0 0 0;
}
#headerSec .floatRight #glogo{
	text-align:right;
}


/*==============================	
globalNaviSec	
==============================*/
#globalNaviSec{
	width:500px;
}
#globalNaviSec li{
	float:left;
}
#globalNaviSec li a{
	font-size:14px;
	text-align:center;
	width:110px;
	border-right:#CCC 1px solid;
	padding:14px 0;
	text-decoration:none;
	display:block;
	color:#333;
}
#globalNaviSec li a:hover{
	text-decoration:none;
	background-color: #CCC;
}
/*==============================	
localNaviMainSec
==============================*/
#main{
	position:relative;
	margin-bottom:40px;
}
#localNaviArea{
	position: absolute;
	z-index:2;
	width:100%;
}
#localNaviBlock{
	width:940px;
	margin:0 auto;
	text-align:left;
}
#main #localNaviBlock #logoLang{
	width:940px;
	clear:both;
	height:40px;
}
#main #localNaviBlock #logoLang p.slogo{
	float:left;
	margin:10px 0;
	}
#main #localNaviBlock #logoLang p.lang{
	float:right;
	margin-top:9px;
	padding-left:15px;
	background:url(../common/arrow_black.gif) no-repeat 0.4em;
	}
#main #localNaviBlock #logoLang p.lang a{
		color:#000;
}
.localNaviMainSec li{
	font-size:14px;
	float:left;
	margin-right:1px;
	text-align:center;
}
.localNaviMainSec li a{
	width:162px;
	background-color:#000;
	color:#FFF;
	display:block;
}
.localNaviMainSec li.wide a{	
	width:225px;
	}
.localNaviMainSec li.wide .fsize12{
	padding:0;
	font-size:12px;
	display:inline-block;
	}
.localNaviMainSec li.currentPage a,
.localNaviMainSec li a:hover{
	background-color:#666;
}
.localNaviMainSec li span{
	padding:9px 0 9px 0;
	display:block;
}
.localNaviMainSec li a .em{
	color:#FFF;
	display:block;
	background:#666;
	}


/*==============================	

==============================*/
h1, h2, h3, h4, h5, h6 {	
	font-size:100%;
}
#titleBlock{
	width:100%;
}
#titleBlock #titleArea{
	width:940px;
	margin:0 auto;
	text-align:left;
}
#titleBlock.products{
	background: url(../products/images/title_products.gif) center bottom no-repeat;
	min-height:185px;
	height:185px;
    -webkit-background-size:cover;
    -o-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
#titleBlock.inquiry{
	background: url(../inquiry/images/title_inquiry.jpg) bottom no-repeat;
	min-height:185px;
	height:185px;
    -webkit-background-size:cover;
    -o-background-size:cover;
	-moz-background-size:cover;
	background-size:cover;
}
.solution #titleBlock{
	width:100%;
	background: url(../solution/images/title_solution_bg.png) top no-repeat;
    -webkit-background-size:100% 100%;
    -o-background-size:100% 100%;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
	min-height:800px;

}
#titleHead.solution{
	background: url(../solution/images/title_solution.jpg) top no-repeat;
	min-height:800px;

}
#titleBlock.network{
	background: url(../network/images/title_network.gif) #FFF top repeat-x;

}
/*--headline-----------*/
.titleIndex{
	font-size:200%;
	padding-top:130px;
	margin-bottom:5px;
	font-weight:lighter;
}
.lv1{
	font-size:180%;
	margin-bottom:10px;
	}
.lv2{
	font-size:150%;
	color:#000;
	margin-bottom:10px;
}
.lv2 span{
	font-size:70%;
}
.lv3{
	margin-bottom:8px;
	font-size:120%;
}
.boderBottom{
	border-bottom:solid #999 1px;
	}
.lv4{
	font-size:110%;
	margin-bottom:5px;
}



/*breadCrumbArea*/
#pageNaviBlock{
	margin:0 auto 20px auto;
	width:940px;
	}
#fontSize{
	float:right;
	width:145px;
	white-space:nowrap;
}
#fontSize p{
	margin:0;
	padding-top:8px;
	text-align:right;
}
#fontSize a img{
	margin-left:3px;
}
#breadCrumbSec{
	font-size:80%;
	padding:8px 0;
	float:left;
}

/*==============================	
bodyArea	
==============================*/	
#bodyArea{
	text-align:left;
	width:940px;
	margin:0 auto;
	clear:both;
}
#contentsSec{
	width:720px;
	float:left;
}
.wide #contentsSec{
	width:940px;	
}
/*==============================	
contentsBlock
==============================*/
.section{
	padding:30px;
	border:solid 1px #CCCCCC;
}	
/* block -------------------------------------------*/
#contentsSec .block{
	margin-bottom:45px;
}
/* part ---------------------------*/
#contentsSec .part{
	margin-bottom:25px;
}
/* p ---------------------------*/
#titleSec p,
#contentsSec p{
	margin-bottom:15px;
}
#fontSize p{
	margin-bottom:0;}
/*-- flame -----------*/
/*1*/
.box1-1 .title{
	padding:3px 10px;
	font-size:120%;
	background: #e9e9e9;
}
.box1-1{
	border:#D3D3D3 1px solid;
}
.text{
	padding:20px;
	}

p.text{
	padding-bottom:0;
	}


/*layout-----------*/
/*1:1*/
.wide .layout2 .floatRight,
.wide .layout2 .floatLeft{
	width:450px;
}
.wide .layout3 .floatRight,
.wide .layout3 .floatLeft{
	width:300px;
}
.wide .layout3 .floatLeft{
	margin-right:20px;
}
.layout2 .floatLeft{
	width:340px;
}
.layout2 .floatRight{
	width:340px;
}


/*1:1:1*/
.layout3 .floatLeft{
	width: 280px;
	margin-right:35px;
}
.layout3 .floatRight{
	width: 280px;
}

.layout4 .floatLeft{
	width: 148px;
	margin-right:18px;
}
.layout4 .floatRight{
	width: 148px;
}


/* link with icon ------------------------*/
.link{
	padding-left:20px;
	margin:0 3px 0 10px;
}
.links{
	padding-left:15px;
}
.productsLink{
	margin-left:22px;
	text-indent:-22px;
}

.productsLink img{
	vertical-align:middle;
	padding:2px 0;/*for IE6*/
	margin-right:3px;
}
/* pdfLink,openwinLink,xlsLink*/
.pdfLink,
.openwinLink{
	text-indent:-16px;
}
.pdfLink img,
.openwinLink img{
	vertical-align:middle;
	padding:2px 0;/*for IE6*/
	margin-right:3px;
}
html > body .pdfLink img,
html > body .openwinLink{
	vertical-align:middle;
	padding:0;
}
p.openwinLink,
dd.openwinLink{
	margin-left:16px;
}

/*btm*/
#contentsSec p.btm{
	margin-bottom:0;}
.btm{
	width:100%;
	text-align:center;
}
.btm a{
	color:#FFF;
	background:url(../common/arrow_white.gif) no-repeat #000 10px;
	padding:8px;
	display:block;
}
.btm a:hover{	
	text-decoration:none;
	background:url(../common/arrow_white.gif) no-repeat #333 10px;
}
.btm.pdfLink a,
.btm.pdfLink a:hover{
	background-image:none;
	}
	.btm2{
	width:100%;
	text-align:left;
}
.btm2 a{
	color: #FFF;
	background: url(../common/arrow_white.gif) no-repeat #000 10px;
	padding-top: 8px;
	padding-right: 8px;
	padding-left: 25px;
	padding-bottom: 8px;
	display: block;
	text-align: left;
	margin-bottom:3px;
}
.btm2 a:hover{
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: 10px;
	/* [disabled]background-image: url(../common/arrow_white.gif); */
	background-color: #333;
}


/*borderList*/
.borderList{
	margin-bottom:30px;
}
.borderList li{
	border-bottom:1px dotted #adadad;
	padding:0.4em 0 0.4em 0;
}
.borderList li.noList{
	padding:0.4em 0 0.4em 0;
	background:none;
}
.borderList li.linkListOut{
	padding:0.4em 0 0.4em 15px;
}

/*figTitle*/
.figTitle {
	font-weight:bold;
	display:block;
	margin-bottom:4px;
}



/*table*/
	
.unit{
	text-align:right;
	margin-top:-1.5em;
	margin-bottom:0 !important;
}
/*borderTable*/
table.borderTable{
	margin-bottom:1em;
	border-collapse: collapse;
}
table.borderTable caption{
	text-align:left;
	font-weight:bold;
}
table.borderTable th{
	padding:10px;
	border:1px solid #999;
	background:#f5f9fb;
	text-align:left;
}
table.borderTable th.noBackground{
	background:#FFF;
	}
table.borderTable th.center,
table.borderTable td.center{
	text-align:center;
}	
table.borderTable td{
	padding:10px;
	border:1px solid #999;
}
table.borderTable th.noBorderTop,
table.borderTable td.noBorderTop{
	border-top:none;
	}
table.borderTable th.noBorderBottom,
table.borderTable td.noBorderBottom{
	border-Bottom:none;
	}
table.borderTable th.noBorderLeft,
table.borderTable td.noBorderLeft{
	border-left:none;
	}
table.borderTable th.noBorderRight,
table.borderTable td.noBorderRight{
	border-right:none;
	}


table.borderTable th.color1,
table.borderTable td.color1{
	background:#f4f0e3;
}
table.borderTable th.color2,
table.borderTable td.color2{
	background:#ededed;
}
/*lineTable*/
table.lineTable{
	border-collapse: collapse;
}
table.lineTable tr:nth-child(even){
 background:#f5f9fb;
}
table.lineTable th,
table.lineTable td{
	padding:10px;
	border-bottom:1px dashed #CCC;
	border-top:1px dashed #CCC;
	text-align:left;
}
.width10{
	width:10em;
}
.width13{
	width:13em;
}
.width15{
	width:15em;
}
.width20{
	width:20em;
}

/* p */	
#contentsBlock p{
	margin-bottom:1em;
}
p.indent{	
	text-indent:1em;
}	

/*notes*/
dl.notes{
	color:#333333;
	line-height:140%;
}	
dl.notes dt{
	float:left;
	width:2.5em;
	margin-right:-2.5em;	
}
dl.notes dd{
	float:left;
	margin-left:2.5em;
}
dl.notes ol{
	margin-left:30px;
	padding:0;
}
dl.notes ol li{
	margin-top:0;
}
sup.notes{
}
.note{
	color:#0066cc;
	font-size:86%;
}


/*note -------------------*/
.notes{
	line-height:120%;
	font-size:86%;
	margin-bottom:1em;
	margin-top:3px;
}
.notes dt{
	width:1.2em;
	float:left;
}
.notes dd{
	margin-left:1.2em;
}

/* photo caption */	
.photoCaption{
	display:block;
	margin:3px 0;
/*	margin-bottom:4px;*/
	line-height:120%;
	font-size:86%;
}
/* fig caption */	
.figCaption{
	display:block;
	margin:3px 0;
/*	margin-bottom:4px;*/
	line-height:120%;
	font-size:86%;
}

/*close*/	
.topOfPage{
	margin-top:2em;
	padding-top:4px;
	text-align: right;
}
.topOfPage span{
	padding:4px 0 0px 15px;
	background:url(../common/arrow_up.gif) no-repeat 0 50%;
}	
/* pdfIcon */
.pdfIcon{
	margin-right:2px;
	vertical-align:-1px;
}	
/*==============================	
footerArea	
==============================*/
#footerArea{
	background-color:#F4F4F4;

}
#footermapBlock{
	text-align:center;
	width:940px;
	margin:0 auto;
	overflow:hidden;
	padding:40px 0 40px 0;
}
#footermapSec .floatLeft,
#footermapSec .floatRight{
	width:270px;
	text-align:left;
	padding:0 20px;
	}
#footermapSec li{
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
}
#footermapSec li ul{
	margin-top:5px;}
#footermapSec li li{
	font-weight:lighter;
	margin-left:20px;
	margin-bottom:5px;}
#footermapSec li a{
	color:#333;
	display:block;
	padding:0 15px;
}
#footermapSec li a:hover{
	text-decoration:none;
	color:#000;
}
#footermapSec .floatRight p{
	text-align:center;
}

#copyrightBlock ul li{
	float:left;
	margin-right:20px;
	font-size:12px;
	}
#copyrightBlock{
	width:940px;
	margin:15px auto;
}
#copyrightSec{
	float:left;
	}
#copyright{
	font-size:11px;
	text-align:left;
	margin-top:30px;
}
/*==============================	
other
==============================*/	
.plagin{
		font-size:85%;
}
.plagin img{
	margin-right:10px;
}

@media print{
.forReader {	
	position:relative;
	display:none;
	/*for print firefox4*/
}
#bodyArea, 
#bodySec, 
#contentsBlock, 
#contentsInnerBlock, 
.box2, 
.innerbox2, 
.linkListOut, 
.toPagetop {
	overflow:visible !important;
	/*for print firefox4*/
}
#contentsBlock{

}
/*#footermapArea,
#copyright{
	float:left;	
}*/
.pageBrake{
page-break-before:always;
}
}