@charset "iso-8859-1";
@import url(/english/css/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:Arial, Helvetica, sans-serif;
	color: #333333;
	text-align:center;
	-webkit-text-size-adjust:none;/*ios*/
}
hr{	
	display:none;
}	

/* “C?Y?a?°?p ?X?L?b?v???“?N ---------------------------*/	
#skipLinkArea{
	position:absolute;
	top:-10000px;
}
/*”n‰A???i?X?N???[?“???[?_?[?u?￣?j*/		
.forReader{	
	position:absolute;
	top:-100000px;
}
/*Link*/
a{
	color:#0055bb;
	text-decoration:underline;
}	
a:visited{
	color:#553377;
	text-decoration:underline;
}	
a:hover{
	text-decoration:none;
}

/*btm*/
a span.btm{
	color:#FFF;
	text-decoration:none;
}	
a:visited span.btm{
	text-decoration:none; 
}
a:hover span.btm{
	text-decoration:none;
	color:#999;
}

/*‰a‘?border*/
img{
	border:none;
	vertical-align:bottom;
}
/*a img.borderImg {
	border:1px solid #CCCCCC;
}
a:hover img.borderImg {
	border:1px solid #CC1144;
}*/
a:hover img{  opacity: 0.8;  filter: alpha(opacity=80);  -ms-filter: "alpha(opacity=80)";} 
a:hover img.noAlpha,
a:hover img.over{  opacity: 1;  filter: alpha(opacity=100);  -ms-filter: "alpha(opacity=100)";} 

/* ???X?g ?i???X?g?}?[?N?E?μ?j -------------------------*/
ul,ol,dl{	
	list-style-type:none;
}
#contentsSec ol li,
#contentsSec ul li{
	margin-bottom:7px;}
/* ???X?g ?i???X?g?}?[?N? ?e?j -------------------------*/
#contentsSec ul.list{
	list-style-type:disc;
	padding-left:2em;
}
#contentsSec ul.list li{
	margin:2px 0;
}
/* ”O?†?A?≪???X?g -------------------------------------*/
#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;
}
.marginBottom10{
	margin-bottom:10px !important;
}
.marginBottom40{
	margin-bottom:40px !important;
}
.marginRight0{
	margin-right:0px !important;
}
.marginRight30{
	margin-right:30px !important;
}
.paddingTop0{
	padding-top:0px !important;
}
.indent8 {
	text-indent:-8em !important;
	margin-left:8em !important;
}


/*?c?o?μ*/
h1, h2, h3, h4, h5, h6 {	
	font-size:100%;
}
/*?a?t?≪?¶???A‰o?A?≪?¶??*/
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;
}

/*==============================
all
==============================*/
.index .layout3{
	background-image:url(../common/index_back.gif);
	}
.index .layout3.box3-2{
	background-image:url(../common/index_back3-2.gif);
	}
.index .layout3 span.btm{
	background:url(../common/arrow_index.png) no-repeat 10px;
	display:block;
	padding:10px 0;
	}
.index .layout3 a{
	text-decoration:none;
	}
.glayTitle{
	border: #666 1px solid;
}
.glayTitle .lv2{
	background-color:#666;
}
.glayTitle .lv2 h2{
	float:left;
	font-size:90%;
}
.glayTitle h2{
	padding:3px 10px;
	font-weight: normal;
	color:#FFF;
	font-size:130%;
}
/* ‰E???“?N?{?^?“ */
.glayTitle .lv2{
	position:relative;
	}
.glayTitle .lv2 p.right{
	font-size:60%;
	position:absolute;
	right:6px;
	top:8px;
}
.glayTitle .lv2 .right a{
	color:#FFF;
	text-decoration:none;
	background:url(../common/arrow_white.gif) no-repeat #000 12px 7px;
	padding:3px 15px 3px 25px;
}
.glayTitle .lv2 .right a:hover{	
	text-decoration:none;
	background:url(../common/arrow_white.gif) no-repeat #333 12px 7px;
}


/*==============================	
headerArea
==============================*/
#headerArea{
	background-color:#FFF;

}
#headerSec{
	width:978px;
	margin:0 auto;
	text-align:left;
	padding:0 20px;

}
/*floatLeft----------------*/
#headerSec .floatLeft p{
	margin:0;
	float:left;
}
#headerSec .floatLeft .logo{
	height:46px;
	margin:0;
	border-right:#CCC 1px solid;
}
#headerSec .floatLeft .logo img{
	padding:7px 12px 0 0;
}
/*floatRight----------------*/
#headerSec .floatRight{
	margin:10px 0 0 0;
}
#headerSec .floatRight #glogo{
	text-align:right;
}


/*==============================	
globalNaviSec	
==============================*/
#globalNaviSec{
	width:600px;
}
#globalNaviSec li{
	float:left;
/* megamanu attention */
}
#globalNaviSec li a.link{
	height:32px;
	font-size:14px;
	text-align:center;
	width:105px;
	padding-top:14px;
	text-decoration:none;
	display:block;
	color:#333;
	border-right:#CCC 1px solid;
}
#globalNaviSec li a.link:hover{
	text-decoration:none;
	background-color: #f0f0dc;
}
#lang{
	text-align:right;
	margin-left:30px;}
#lang li{
	font-size:13px;
	float:left;
	padding-left:20px;
	padding-top:20px;}
/*==============================	
localNaviMainSec
==============================*/
#main{
	position:relative;
	margin-bottom:40px;
}
#mainIn{
	min-height:140px;
	height:140px;
}
#mainIn #localNaviArea{
	background: url(../common/title_in.gif) repeat-x top;
}
#localNaviArea{
	position: absolute;
	z-index:2;
	width:100%;
}
#localNaviMainBlock{
	width:978px;
	margin:0 auto;
	text-align:left;
}
#localNaviMainBlock #logoLang{
	width:978px;
	clear:both;
	height:50px;
}
#localNaviMainBlock #logoLang h1.slogo{
	float:left;
	margin-top:7px;
	color:#333;
	font-weight:bold;
	font-size:24px;
}
.localNaviMainSec li{
	font-size:14px;
	float:left;
	margin-right:1px;
	text-align:center;
}
.localNaviMainSec li a{
	width:169px;
	background-color:#000;
	color:#FFF;
	display:block;
}
.localNaviMainSec li.widthL a{
	width:233px;
}
.localNaviMainSec li.currentPage a,
.localNaviMainSec li a:hover{
	background-color:#06c;
}
.localNaviMainSec li span{
	height:28px;
	display:block;
	padding-top:14px;
}
.localNaviMainSec li.widthL.paddingTop5 span{
	height:37px;
	padding-top:5px;
	display:block;
}
.localNaviMainSec li.widthL span{
	height:28px;
}
.localNaviMainSec li a .em{
	color:#FFF;
	display:block;
	background-color:#06c;
	}


/*==============================	

==============================*/
#titleBlock{
	width:100%;
}
#titleBlock #titleArea{
	width:978px;
	margin:0 auto;
	text-align:left;
}

#titleBlock.profile{
	background: url(../profile/images/title_profile.jpg) center bottom no-repeat #8db8f0;
	min-height:250px;
	height:250px;
}
#titleBlock.review{
	background: url(/review/images/title_review.jpg) center bottom no-repeat #dfd588;
	min-height:250px;
	height:250px;
}
#titleBlock.superconduct{
	background: url(../superconduct/images/title_superconduct.gif) center bottom #00a8eb;
	min-height:250px;
	height:250px;
}
#titleBlock.in{
	background: url(../common/title_in.gif) repeat-x top #FFF;
	height:180px;
	min-height:180px;

}

/*--?c?o?μ(headline)-----------*/
#titleBlock.in .titleIndex{
	font-size:240%;
	padding-top:140px;
	margin-bottom:0;
	padding-bottom:0;
	font-weight: lighter;
	}
.titleIndex{
	padding-top:130px;
	margin-bottom:10px;
}
.lv1{
	font-size:240%;
	margin-bottom:20px;
	font-weight: lighter;
	}
.lv2{
	font-size:150%;
	color:#333;
	margin-bottom:10px;
}
.lv2 span{
	font-size:70%;
}
.lv3{
	margin-bottom:8px;
	font-size:120%;
}
.boderBottom{
	border-bottom:solid #999 1px;
	}
.boderTop{
	padding-top:10px;
	border-Top:solid #999 1px;
	}
.lv4{
	font-size:110%;
	margin-bottom:5px;
}



/*breadCrumbArea*/
#pageNaviBlock{
	margin:0 auto 20px auto;
	width:978px;
	}
#fontSize{
	float:right;
	width:145px;
	white-space:nowrap;
	font-size:13px;
}
#fontSize p{
	margin:0;
	padding-top:13px;
	text-align:right;
}
#fontSize a img{
	margin-left:3px;
}
#breadCrumbSec{
	font-size:80%;
	padding:8px 0;
	float:left;
}

/*==============================	
bodyArea	
==============================*/	
#bodyArea{
	text-align: left;
	width: 978px;
	margin: 0 auto 20px auto;
	clear: both;
	line-height:1.4;
}
#contentsSec{
	width: 726px;
	float: left;
}
.wide #contentsSec{
	width:978px;	
}

/*==============================	
localNaviBlock	
==============================*/
.indexBt{
	font-size:120%;
}
.indexBt a{
	padding:10px 15px;
	background:#000;
	color:#FFF;
	display:block;
}
.indexBt a:hover{
	background:#333;
	}
#localNaviBlock{
	float: right;
	width: 222px;

}
#localNaviSec{
	background-color:#f0f0dc;
	margin-bottom:20px;
	}
#localNaviBlock .right{
	margin-top:50px;
	height:30px;
	}
#localNaviBlock .right .link{
	padding-right:20px;
	font-weight:bold;
	font-size:120%;
}
/*--- 1?K‘w?U---*/
#localNavi li{
	border-bottom:#FFF solid 1px;
}
/*’E?i*/
#localNavi span, 
#localNavi a, 
#localNavi em{
	width:auto;
	padding:10px 10px 9px 22px;
	display:block;
}
/*?≫?Y’n*/
#localNavi li li em,
#localNavi li em{
	font-style:normal;
	background-color:#06C;
	color:#FFF;
}
#localNavi li a:hover{
	background-color:#06C;
	color:#FFF;
	}
/*?q?v‘f?E?μ?I?e?‡---*/
/*?≫?Y’n*/
#localNavi li.currentCategory{
	background-color:#d9e8f7;
}
#localNavi li.currentCategory ul{
	}
/*?q?v‘f?A???I?e?‡---*/
#localNaviBlock #localNavi li ul{
	border-top:#FFF solid 1px;
		}
#localNaviBlock #localNavi li li{
	border-bottom:#FFF solid 1px;

}
#localNaviBlock #localNavi li.noBorderbtm,
#localNaviBlock #localNavi li li.noBorderbtm{
	border-bottom:none;
}

/*’E?i*/
#localNaviBlock #localNavi li li span, 
#localNaviBlock #localNavi li li a, 
#localNaviBlock #localNavi li li em{
	width:auto;
	padding:10px 10px 8px 40px;
	display:block;
}
#localNaviBlock #localNavi li li em{
	background-color:#06C;
}
#localNavi li li.openwinLink{
	background-image:none;
	}

.banner li{
	margin-bottom:10px;}


/*==============================	
contentsBlock
==============================*/
section,
.section{
	margin-bottom:60px;
}	
/* ?u???b?N -------------------------------------------*/
#contentsSec .block{
	margin-bottom:60px;
}
/* ?p?[?c?i?u???b?N?I‰o?E?j ---------------------------*/
#contentsSec .part{
	margin-bottom:25px;
}
/* p ---------------------------*/
#titleSec p,
#contentsSec p{
	margin-bottom:15px;
}
#fontSize p{
	margin-bottom:0;}
/*--?g-----------*/
/*1?n*/
.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;
	}


/*’i‘g-----------*/
/*’i‘g?@1?F1*/
.wide .layout2 .floatRight,
.wide .layout2 .floatLeft{
	width:470px;
}
.wide .box2-2{
	background:url(../common/box_wide_bg2-2.gif) bottom no-repeat;
}
.wide .box2-2 .glayTitle{
	border: none;
}
.wide .layout3 .floatRight,
.wide .layout3 .floatLeft{
	width:306px;
}
.wide .layout3 .floatLeft{
	margin-right:30px;
}
.layout2 .floatLeft{
	width:348px;
}
.layout2 .floatRight{
	width:348px;
}


/*’i‘g?@1?F1?F1*/
.layout3 .floatLeft{
	width: 222px;
	margin-right:30px;
}
.layout3 .floatRight{
	width: 222px;
}

.layout4 .floatLeft{
	width: 148px;
	margin-right:18px;
}
.layout4 .floatRight{
	width: 148px;
}


/*?i?o?A?≪???“?N*/
.links{
	padding-left:15px;
}
.productsLink{
	margin-left:22px;
	text-indent:-22px;
}

.productsLink img{
	vertical-align:middle;
	padding:2px 0;/*for IE6*/
	margin-right:3px;
}
/* pdf?t?@?C???O?I???“?N?ipdfLink?j?A?E?E?B?“?h?E???“?N?iopenwinLink?j?A?G?N?Z???t?@?C???O?I???“?N?ixlsLink?j */
.pdfLink,
.openwinLink{

}
.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{
}

/*btm*/
#contentsSec p.btm{
	margin-bottom:0;
}
.btm{
	width:100%;
	text-align:center;
}
.btm a{
	color:#FFF;
	background:url(../common/arrow_white.png) no-repeat #000 10px;
	padding:8px;
	display:block;
}
.btm a:hover{	
	text-decoration:none;
	background:url(../common/arrow_white.png) no-repeat #333 10px;
}
.btm.pdfLink a,
.btm.pdfLink a:hover{
	background-image:none;
	}
a span.btm{
	color:#FFF;
	text-decoration:none;
}	
a:visited span.btm{
	text-decoration:none; 
}
a:hover span.btm{
	text-decoration:none;
	color:#999;
}

.subBtm{
		white-space:nowrap;
		font-size:12px;
	}
.subBtm a{
	color:#FFF;
	background:url(../common/glay.png) no-repeat left;
	padding:2px 10px 2px 10px;
	width:auto;
}
.subBtm a:hover{
	text-decoration:none;
	background:url(../common/glay_on.png) no-repeat left;
	}
#logoLang p.subBtm{
	margin-top:15px;
	margin-left:12px;
	margin-bottom:0;
	float:left;}





/*”j?u?t?≪???X?g*/
.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;
}

/*‰a‘??^?C?g??*/
.figTitle {
	font-weight:bold;
	display:block;
	margin-bottom:4px;
}



/*table*/
	
.unit{
	text-align:right;
	margin-top:-1.5em;
	margin-bottom:0 !important;
}
/*?{?[?_?[?e?[?u??*/
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;
}
/* ?r?u?E?μ?I?\‘g?Y ------------------------------------*/
table.noBorderTable {
	width:100%;
	margin-bottom:1em;
	border:none;
}
table.noBorderTable th, 	
table.noBorderTable td{
	margin:0;
	border:none;
	line-height: 1.3;
	padding:3px 6px;
}
.width10{
	width:10em;
}
.width13{
	width:13em;
}
.width15{
	width:15em;
}
.width20{
	width:20em;
}
.white{
	color:#FFF; !important}

/* 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%;
}


/*’??s?e?i-------------------*/
.notes,
.notes1,
.notes2,
.notes3{
	line-height:120%;
	font-size:86%;
	margin-bottom:1em;
	margin-top:3px;
}
/*’??s?i?|?I?e?‡?j*/
.notes dt{
	width:1.2em;
	float:left;
}
.notes dd{
	margin-left:1.2em;
}
/*’??s?i?i’??j?I?e?‡?j*/
.notes1 dt{
	width:2.5em;
	float:left;
}
.notes1 dd{
	margin-left:2.5em;
}
/*’??s?i?i’????j?I?e?‡?j*/
.notes2 dt{
	width:3.2em;
	float:left;
}
.notes2 dd{
	margin-left:3.2em;
}
/*’??s?i’P?e?I?e?‡?j*/
.notes3 dt{
		display:block;
}
.notes3 dd{
	margin-left:1.2em;
}

/*photo caption?i?E?^?p?j*/	
.photoCaption{
	display:block;
	margin:3px 0;
/*	margin-bottom:4px;*/
	line-height:120%;
	font-size:86%;
}
/*fig caption?i?}?E?\?p?j*/	
.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.png) no-repeat 0 50%;
}	
/*PDF?A?C?R?“*/
.pdfIcon{
	margin-right:2px;
	vertical-align:-1px;
}
/* ?L???b?`?R?s?[?a???[?h?¶?i?A‘????j-------------------*/
#contentsSec p.catch{
	font-weight:bold;
	font-size:120%;
	color:#06c;
}
/*==============================	
footerArea	
==============================*/
#footerArea{
	background-color:#d2d2b2;

}
#footermapBlock{
	text-align:center;
	width:978px;
	margin:0 auto;
	padding:40px 0 40px 0;
}
#footermapSec .floatLeft,
#footermapSec .floatRight{
	width:474px;
	}
#footermapSec .floatLeft{
	text-align:right;
	margin-top:8px;
	}
#footermapSec .floatRight span.btm{
	width:300px;
	display:block;
	margin-right:100px;
	
	}

#copyrightBlock ul li{
	float:left;
	margin-right:20px;
	font-size:12px;
	}
#copyrightBlock{
	width:978px;
	margin:15px auto;
}
#copyrightSec{
	float:left;
	}
#copyright{
	font-size:11px;
	text-align:left;
	margin-top:30px;
}
/*==============================	
other
==============================*/	
/*plagin*/
.plagin{
		font-size:85%;
}
.plagin img{
	margin-right:10px;
}

@media print{
.forReader {	
	position:relative;
	display:none;
	/*for print firefox4 ?￠‰d??*/
}
#bodyArea, 
#bodySec, 
#contentsBlock, 
#contentsInnerBlock, 
.box2, 
.innerbox2, 
.linkListOut, 
.toPagetop {
	overflow:visible !important;
	/*for print firefox4 ?￠‰d??*/
}
#contentsBlock{

}
/*#footermapArea,
#copyright{
	float:left;	
}*/
.pageBrake{
page-break-before:always;
}
}