
/*=============================================================
 Common Layout
=============================================================*/
/* reset style
-------------------------------------------------------------*/
*{
	padding:0;
	margin:0;
}
section,article,aside,hgroup,header,footer,nav,figure,figcaption,summary{
	display:block;
	padding: 0px;
	margin: 0px;
}
ol,ul,dl,li,dt,dd{list-style: none;}
hr{display:none;}
img{vertical-align:top;}
html{-webkit-text-size-adjust:none;}
body{
	color:#333;
	font:87.5%/1 Arial, Helvetica, sans-serif;
	font-feature-settings: "pwid";
	letter-spacing: 0.05em;
	background:#fff;
	text-align:left;
}
a,img{
	margin:0;
	padding:0;
	border:none;
}
h1,h2,h3,h4,h5,h6{
	font-size:100%;
	line-height:1;
}
sup,
sub{
	height:0;
	line-height:1;
	vertical-align:baseline;
	margin:0 1px;
	position:relative;
}
.ie6 sup,
.ie6 sub{vertical-align: bottom;}
sup{bottom:0.7ex;}
sub{top:0.1ex;}

/* JS element
-------------------------------------------------------------*/
.over{}
.png-bg{}
.noSc{}
.telLink{}
.act-lm-PAGENAME{}/* menu active (add body) */

/* a Element
-------------------------------------------------------------*/
a{
	color:#0062a0;
	text-decoration:underline;
}
a:link{color:#0062a0;}
a:visited{color:#639;}
a:hover{color:#7fb0cf;}
.mobile a:hover{color:#0062a0;}
.overOpc:hover,
a:hover .overOpc{opacity:0.5;}
.mobile .overOpc:hover,
.mobile a:hover .overOpc{opacity:1;}
img.ico-pdf,
img.ico-excel,
img.ico-zip,
img.ico-blank,
img.ico-movie{
	background:url(../image/parts_spr.png) no-repeat -27px 0;
	vertical-align:-2px;
	width:15px;
	height:16px;
	margin:0 3px 0 1px;
}
img.ico-excel{background-position:-44px 0;}
img.ico-zip{
	width:20px;
	background-position:-107px 0;
}
img.ico-blank{
	background-position:0 0;
	width:12px;
	height:13px;
	margin-left:4px;
}
img.ico-movie{
	background-position:-15px 0;
	width:12px;
	height:13px;
	margin-left:4px;
}
/* block Layout
-------------------------------------------------------------*/
#container{min-width:1000px;}
.forReader,
.dsp-none,
.tb-dsp-block,
.sp-dsp-block,
.spP-dsp-block{display:none;}
.tb-dsp-none{}
.sp-dsp-none{}
.spP-dsp-none{}

/* Float Element */
.cClear{clear:both !important;}
.fLeft {float:left !important;}
.fRight{float:right !important;}
.column-layout{
	width:100%;
	overflow:hidden;
}
.clearfix:after{
	content:"";
	display:block;
	clear:both;
	width:0;
	height:0;
}
.ie6 .clearfix,
.ie7 .clearfix{display:inline-block;}


/* width */
.w-auto{width:auto !important;}
.w5{width:5%;}
.w10{width:10%;}
.w15{width:15%;}
.w18{width:18%;}
.w20{width:20%;}
.w25{width:25%;}
.w30{width:30%;}
.w35{width:35%;}
.w40{width:40%;}
.w45{width:45%;}
.w50{width:50%;}
.w55{width:55%;}
.w60{width:60%;}
.w65{width:65%;}
.w70{width:70%;}
.w75{width:75%;}
.w80{width:80%;}
.w85{width:85%;}
.w90{width:90%;}
.w95{width:95%;}
.w100{width:100%;}
.w100px{width:100px;}
.w154px{width:154px;}
.sp-wMax{}/*---SmartPhone : 100% */
.sp-wAuto{}/*---SmartPhone : auto */

/* aligh */
.alignL{text-align:left !important;}
.alignC{text-align:center !important;}
.alignR{text-align:right !important;}
.valignT{vertical-align:top !important;}
.valignM{vertical-align:middle !important;}
.valignB{vertical-align:bottom !important;}

/* margin padding */
.mT0{margin-top:0 !important;}
.mT5{margin-top:5px !important;}
.mT10{margin-top:10px !important;}
.mT15{margin-top:15px !important;}
.mT20{margin-top:20px !important;}
.mT25{margin-top:25px !important;}
.mT30{margin-top:30px !important;}
.mT40{margin-top:40px !important;}
.mT50{margin-top:50px !important;}
.mR14{margin-right:14px !important;}
.mR20{margin-right:20px !important;}
.mB0 {margin-bottom:0 !important;}
.mB5 {margin-bottom:5px !important;}
.mB10{margin-bottom:10px !important;}
.mB15{margin-bottom:15px !important;}
.mB20{margin-bottom:20px !important;}
.mB25{margin-bottom:25px !important;}
.mB30{margin-bottom:30px !important;}
.mB40{margin-bottom:40px !important;}
.mB50{margin-bottom:50px !important;}
.mL14{margin-left:14px !important;}
.mL20{margin-left:20px !important;}
.pT0{padding-top:0 !important;}
.pT5{padding-top:5px !important;}
.pT10{padding-top:10px !important;}
.pT15{padding-top:15px !important;}
.pT20{padding-top:20px !important;}
.pT25{padding-top:25px !important;}
.pT30{padding-top:30px !important;}
.pT40{padding-top:40px !important;}
.pT50{padding-top:50px !important;}
.pR14{padding-right:14px !important;}
.pR20{padding-right:20px !important;}
.pB0 {padding-bottom:0 !important;}
.pB5 {padding-bottom:5px !important;}
.pB10{padding-bottom:10px !important;}
.pB15{padding-bottom:15px !important;}
.pB20{padding-bottom:20px !important;}
.pB25{padding-bottom:25px !important;}
.pB30{padding-bottom:30px !important;}
.pB40{padding-bottom:40px !important;}
.pB50{padding-bottom:50px !important;}
.pL14{padding-left:14px !important;}
.pL20{padding-left:20px !important;}
.sp-mT0{}
.sp-mT20{}

/* text Layout
-------------------------------------------------------------*/
/* SizeVariation( px) */
.txt-size10{font-size:71.4% !important;}
.txt-size11{font-size:78.6% !important;}
.txt-size12{font-size:85.7% !important;}
.txt-size13{font-size:92.9% !important;}
.txt-size16{font-size:114.3% !important;}
.txt-size18{font-size:128.6% !important;}
.txt-size20{font-size:142.9% !important;}
.lh-125{line-height:1.25 !important;}
.lh-150{line-height:1.5 !important;}
.lh-175{line-height:1.75 !important;}
.textNormal{font-weight: normal !important;}

/*---.nowrap   --- SmartPhone : normal */
/*---.sp-nowrap --- SmartPhone : nowrap */
.nowrap,
.sp-nowrap{white-space:nowrap;}
.textUrl{word-break:break-all;}

small{font-size:100%;}
.textS{font-size:85.7%;}
.textL{font-size:128.6%;}

/* Color */
.textRed{color:#f00 !important;}
.key{color:#0089b6 !important;}

/*=============================================================
 header
=============================================================*/

/*=============================================================
 footer
=============================================================*/

@media only screen and (min-width:768px){
.fixBnr-report a {
	background:url(https://www.uacj.co.jp/english/shared/img/fixbnr_report_img_s.png) no-repeat right bottom;	
}
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 background
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (-webkit-min-device-pixel-ratio:1.5),
only screen and (min-device-pixel-ratio:1.5){

/* a Element
-------------------------------------------------------------*/
img.ico-pdf,
img.ico-excel,
img.ico-zip,
img.ico-blank,
#globalDropBox .listIcon li a:before,
#ftrInr:before{
	background-image:url(../image/parts_sp_spr.png);
	-webkit-background-size:auto 110px;
	background-size:auto 110px;
}


}


/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Mobile devices (Tablet (portrait), Smartphones)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:1023px){

/* block Layout
-------------------------------------------------------------*/
img{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	max-width:100%;
}


}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Tablet (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (min-width:768px) and (max-width:1023px){

/* block Layout
-------------------------------------------------------------*/
#container{min-width:768px;}
.tb-dsp-none{display:none !important;}
.tb-dsp-block{display:block;}


/*=============================================================
 header
=============================================================*/

/*=============================================================
 footer
=============================================================*/

}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:767px){

/* block Layout
-------------------------------------------------------------*/
#container{
	font-size:16px;
	min-width:320px;
}
.sp-dsp-none{display:none !important;}
.sp-dsp-block{display:block;}

/* margin padding */
.sp-mT0{margin-top:0 !important;}
.sp-mT20{margin-top:20px !important;}

/* txt Layout
-------------------------------------------------------------*/
.nowrap{white-space:normal;}

/* width
-------------------------------------------------------------*/
.sp-wMax{width:100% !important;}
.sp-wAuto{
	width:auto !important;
	max-width:none !important;
}


/*=============================================================
 header
=============================================================*/


/*=============================================================
 footer
=============================================================*/



}

/*+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 Smartphones (portrait)
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media only screen and (max-width:440px){

/* block Layout
-------------------------------------------------------------*/
.spP-dsp-none{display:none !important;}
.spP-dsp-block{display:block;}


}
