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

@import url(//fonts.googleapis.com/earlyaccess/cwtexfangsong.css);
@import url(//fonts.googleapis.com/css?family=Roboto:900,400);

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	ベーススタイル
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
html,body																																																										{ width:100%; }
body 																																																													{ font-size:14px; font-family: “Noto Sans”, “Noto Sans CJK JP”, sans-serif; text-shadow: 0px 0px 1px rgba(0, 0, 0, .1); letter-spacing:0; color:#000000; line-height:1.7em; }
body img																																																											{ text-shadow:none; }
input																																																														{ outline:none; }

.translation { color: #f00 !important; }
.translation a { color: #f00 !important; }
#headerWrap #naviSection ul#naviList li .menuDetail a.translation:link,
#headerWrap #naviSection ul#naviList li .menuDetail a.translation:visited,
#headerWrap #naviSection ul#naviList li .menuDetail a.translation:hover,
#headerWrap #naviSection ul#naviList li .menuDetail a.translation:active { color: #f00 !important; }

#headerWrap #naviSection ul#naviList li.spNavi p a span.translation { color: #f00 !important; }

/*------------------------------
	a
-------------------------------*/
a																																																																	{ color:#0098d6; text-decoration:none; }
a:hover																																																												{ color:#0098d6; text-decoration:underline; }
a:hover img																																																									{ opacity:0.7; filter:alpha(opacity=70); }
a:focus 																																																												{ outline:none; }

/*------------------------------
	float
-------------------------------*/
/* float */
.fLeft																																																														{ float:left; }
.fRight																																																													{ float:right; }

/* clearfix */
.cf:before, .cf:after																																																				{ display:table; content:""; }
.cf:after																																																												{ clear:both; }
.cf																																																																{ zoom:1; overflow:hidden; }

/*hides from IE-mac */
/** html .cf					{height:1%}
.cf								{display:inline-block;}*/

/*------------------------------
	text
-------------------------------*/
.txtCenter					{ text-align:center !important; }
.txtRight						{ text-align:right !important; }
.txtLeft						{ text-align:Left !important; }

.txtBold						{ font-weight:bold; }
.txtNormal					{ font-weight:normal; }

/*------------------------------
  font-size
-------------------------------*/
.f10 { font-size:72% !important; }
.f11 { font-size:79% !important; }
.f12 { font-size:86% !important; }
.f13 { font-size:93% !important; }
.f14 { font-size:100% !important; }
.f15 { font-size:108% !important; }
.f16 { font-size:115% !important; }
.f17 { font-size:122% !important; }
.f18 { font-size:129% !important; }
.f19 { font-size:136% !important; }
.f20 { font-size:143% !important; }
.f21 { font-size:150% !important; }
.f22 { font-size:158% !important; }
.f23 { font-size:165% !important; }
.f24 { font-size:172% !important; }
.f25 { font-size:179% !important; }
.f26 { font-size:186% !important; }

/*------------------------------
	margin
-------------------------------*/
.mt0								{ margin-top:0px !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; }
.mt60							{ margin-top:60px !important; }
.mt70							{ margin-top:70px !important; }
.mt80							{ margin-top:80px !important; }

.mr0								{ margin-right:0px !important; }
.mr5								{ margin-right:5px !important; }
.mr10							{ margin-right:10px !important; }
.mr15							{ margin-right:15px !important; }
.mr20							{ margin-right:20px !important; }
.mr25							{ margin-right:25px !important; }
.mr30							{ margin-right:30px !important; }

.mb0								{ margin-bottom:0px !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; }

.ml0								{ margin-left:0px !important; }
.ml5								{ margin-left:5px !important; }
.ml10							{ margin-left:10px !important; }
.ml15							{ margin-left:15px !important; }
.ml20							{ margin-left:20px !important; }
.ml25							{ margin-left:25px !important; }
.ml30							{ margin-left:30px !important; }


/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	レイアウト
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* リスト */
ul.atComment			 																																																			{ margin-left:0; padding:0; }
ul.atComment li		 																																																			{ text-indent:-1em; margin:0 0 0 1em; padding:0; list-style:none; }

/* テキスト */
p.atComment																																																							{ text-indent:-1em; margin-left:1em; padding:0; }

/* 表示 */
.displayBlock																																																							{ display:block !important; }
.displayInline																																																							{ display:inline !important; }
.displayNone																																																							{ display:none !important; }
.pcDisplayBlock																																																					{ display:block; }
.pcDisplayNone																																																					{ display:none; }
.posFixed { position: fixed; width: 100%; height: 100%; left: 0; }

/*ボタン*/
button																																																												{ border:none; margin-top:5px; background:none; padding:0; }
sub																																																														{ font-size:0.5em; bottom:0; }

/*---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------
	コンテンツ部分
----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
/* 共通 */
.contentOuter																																										{ width:1200px; min-width:1200px; margin:0 auto; padding:60px 0 70px; }
.linkWin																																															{ background:url(/en/common/images/icon_win01.gif) no-repeat right center; padding-right:20px; }
.linkWin01																																													{ background:url(/en/common/images/icon_win03.gif) no-repeat right center; padding-right:20px; min-height:13px; }
.linkBtn																																															{ border:solid 2px #0085cc; font-size:114%; width: 216px; padding:12px 15px 10px; display:block; text-align:center; border-radius:8px; font-weight:bold; margin:0 auto; background:#ffffff; color:#000000; }
.linkBtn span																																											{ background:url(/en/common/images/icon_arrow04.png) no-repeat right center; display:block; padding-right:10px; }
.linkBtn01																																													{ border:solid 1px #0085cc; font-size:88%; width:128px; padding:5px 10px; margin:0; }
.iconPos																																														{ padding-left:10px; vertical-align:middle; }

/*------------------------------
	header
-------------------------------*/
#headerWrap																																											{ margin:0 auto; padding-top:20px; width:1200px; min-width:1200px; }
#headerWrap a																																										{ color:#000000; }
#headerWrap h1																																								{ float:left; margin-top: 20px; }
#headerWrap #naviSection																																	{ float:right; }
#headerWrap #naviSection ul#pcNaviList																							{ float:right; margin-top:5px; }
#headerWrap #naviSection ul#pcNaviList li																						{ float:left; font-size:86%; text-align:center; }
#headerWrap #naviSection ul#pcNaviList li a																				{ display:block; border-right:solid 1px #e5e5e5; padding:0 24px; }
#headerWrap #naviSection ul#pcNaviList li:first-child a													{ border-left:solid 1px #e5e5e5; }
#headerWrap #naviSection ul#pcNaviList li.lastChild a													{ padding:5px 19px; }
#headerWrap #naviSection p#spNaviBtn,
#headerWrap #naviSection ul#naviList li.spNavi																		{ display:none; }
#headerWrap #naviSection ul#naviList																									{ clear:both; padding-top:15px; }
#headerWrap #naviSection ul#naviList li																								{ float:left; font-weight:bold; width:158px; text-align:center; }
#headerWrap #naviSection ul#naviList li a																						{ display:block; padding:5px 3px; border-right:solid 1px #e5e5e5; }
#headerWrap #naviSection ul#naviList li:first-child a														{ border-left:solid 1px #e5e5e5; }

/* メガメニュー */
#headerWrap #naviSection ul#naviList li .menuDetail														{ display:none; padding-top:15px; position:absolute; left:0; right:0; min-width:1200px; z-index:100; }
#headerWrap #naviSection ul#naviList li .menuDetail > div										{ background:#0085cc; }
#headerWrap #naviSection ul#naviList li .menuDetail .contentOuter				{ padding:35px 0; position:relative; overflow:visible; }
#headerWrap #naviSection ul#naviList li .menuDetail ul												{ padding:5px 0 20px; float:left; border-left:solid 1px #ffffff; }
#headerWrap #naviSection ul#naviList li .menuDetail ul li											{ float:none; font-weight:normal; padding:0 45px; margin-top:15px; text-align:left; width:auto; }
#headerWrap #naviSection ul#naviList li .menuDetail ul li a										{ color:#ffffff; border:none; background:url(/en/common/images/icon_arrow08.gif) no-repeat left 0.7em; padding-left:15px; }
#headerWrap #naviSection ul#naviList li .menuDetail a:link,
#headerWrap #naviSection ul#naviList li .menuDetail a:visited,
#headerWrap #naviSection ul#naviList li .menuDetail a:hover,
#headerWrap #naviSection ul#naviList li .menuDetail a:active								{ color:#ffffff !important; }


#headerWrap #naviSection ul#naviList li .menuDetail p.arrowPos						{ position:absolute; top:-7px; }
#headerWrap #naviSection ul#naviList li .menuDetail p.imgPos							{ float:left; font-weight:normal; text-align:left; margin:25px 60px 0 0; }
#headerWrap #naviSection ul#naviList li .menuDetail p.imgPos a						{ color:#ffffff; border:none; }
#headerWrap #naviSection ul#naviList li .menuDetail p.imgPos a span		{ display:block; margin-top:15px; font-size:129%; background:url(/en/common/images/icon_arrow03.gif) no-repeat left 0.2em; padding-left:20px; }

#headerWrap #naviSection ul#naviList li#naviCorporate .menuDetail p.arrowPos								{ right:545px; }
#headerWrap #naviSection ul#naviList li#naviWork .menuDetail p.arrowPos											{ right:385px; }
#headerWrap #naviSection ul#naviList li#naviTechnology .menuDetail p.arrowPos						{ right:230px; }
#headerWrap #naviSection ul#naviList li#naviIr .menuDetail p.arrowPos														{ right:70px; }
#headerWrap #naviSection ul#naviList li#naviRecruit .menuDetail ul li .linkWin															{ padding-right:25px; }



/* サーチ */
.search_pos									{ display:none; }
.cover_area									{ background:#0085cc url(/en/common/images/search_bg_close.png) no-repeat 99% 20px; position:fixed; width:100%; height:100%; top:0; left:0; opacity:0.9; filter:alpha(opacity=90); z-index:101; cursor:pointer; }
.search_center							{ left:0; right:0; margin:0 auto; top:355px; width:610px; position:absolute; z-index:102; }
.txtInput											{ width:470px; padding:0 30px; font-size:171%; height:80px; border:none; border-radius:7px 0 0 7px; }
.btnInput											{ vertical-align:bottom; }
.btnInput:hover						{ opacity:0.7; filter:alpha(opacity=70); }

/*------------------------------
	footer
-------------------------------*/
#footerWrap																																											{ border-top:solid 1px #e5e5e5; }
#footerWrap a																																										{ color:#000000; }
#footerWrap #footerLinkSection																													{ position:relative; padding:10px 0 40px; margin:0 auto; width:1200px; min-width:1200px; }
#footerWrap #footerLinkSection p																												{ position:absolute; left:0; top: 80px; }
#footerWrap #footerLinkSection p#pagetopBtn																			{ position:fixed; left:auto; right:0; bottom:45px; top: auto; float:none; margin:0 auto; text-align:right; width:53px; z-index:10; }
#footerWrap #footerLinkSection p#pagetopBtn img															{ width:100%; }
#footerWrap #footerLinkSection ul#footerLinkList																{ float:right; margin-top:10px; }
#footerWrap #footerLinkSection ul#footerLinkList > li													{ float:left; width:215px; }
#footerWrap #footerLinkSection ul#footerLinkList > li.lastChild							{ width:150px; }
#footerWrap #footerLinkSection ul#footerLinkList li ul li												{ margin-top:18px; }
#footerWrap #footerLinkSection ul#footerLinkList li ul li a											{ background:url(/en/common/images/icon_arrow05.png) no-repeat left 0.3em; padding-left:15px; }

#footerWrap #footerCopyrightSection																									{ border-top:solid 1px #e5e5e5; }
#footerWrap #footerCopyrightSection .contentOuter															{ padding:20px 0; }
#footerWrap #footerCopyrightSection ul																							{ float:left; }
#footerWrap #footerCopyrightSection ul li																						{ float:left; font-size:85%; }
#footerWrap #footerCopyrightSection ul li a																					{ margin-left:25px; padding-left:25px; border-left:solid 1px #e5e5e5; }
#footerWrap #footerCopyrightSection ul li:first-child a													{ margin-left:0; padding-left:0; border-left:none; }
#footerWrap #footerCopyrightSection p																								{ float:right; font-size:85%; }

/*------------------------------
	contentWrap
-------------------------------*/
.contentWrap																																										{ min-width:1200px; margin-top:15px; border-top:solid 2px #70bbe3; }
.contentWrap .comingSoon																																{ font-size:171%; text-align:center; margin:300px 0; }


/* パンくずナビ */
.contentWrap ul.breadcrumbList																												{ margin:13px auto; width:1200px; }
.contentWrap ul.breadcrumbList li																											{ float:left; font-size:86%; }
.contentWrap ul.breadcrumbList li a																									{ background:url(/en/common/images/icon_arrow06.gif) no-repeat right 0.4em; padding-right:17px; margin-right:10px; }

/* タイトル */
.contentWrap .titleSection																																	{ background:#eaf8ff url(/en/common/images/bg_title_pc.gif) no-repeat center top; border-top:solid 1px #e5e5e5; border-bottom:solid 1px #e5e5e5; height: 169px; position: relative; }
.contentWrap .titleSection .contentOuter																{ position: absolute; top: 50%; left: 0; right: 0; transform: translateY(-50%); padding: 0; }
.contentWrap .titleSection h2																														{ font-size:286%; font-weight:normal; line-height: 1.1; }
.contentWrap .titleSection h2 span																										{ font-size:40%; color:#0086cc; display:block; padding-bottom:8px; }

/*------------------------------
	policyArea
-------------------------------*/
.contentWrap #policyArea dl dt																													{ font-size:186%; color:#0387cd; border-bottom:solid 2px #e5e5e5; padding-bottom:18px; line-height:1.2em; margin-top:50px;}
.contentWrap #policyArea dl dd																													{ margin-top:30px; }

/* sitepolicyWrap */
#sitepolicyWrap #policyArea																															{ width:1200px; margin:80px auto 85px; }
#sitepolicyWrap #policyArea dl dt:first-child																			{ margin-top:0; }
#sitepolicyWrap #policyArea dl dd																											{ margin-top:0; }
#sitepolicyWrap #policyArea dl dd p																									{ margin-top:30px; }

/* privacypolicyWrap */
#privacypolicyWrap #policyArea dl dt:first-child																	{ margin-top:30px; }
#privacypolicyWrap #policyArea dl dd																								{ margin-left:2em; text-indent:-1.5em; }
#privacypolicyWrap #policyArea dl dd a																							{ display:inline-block; margin-top:10px; margin-left:1.5em; }

/* informationsecurityWrap */
#informationsecurityWrap #policyArea																								{ width:1200px; margin:80px auto 85px; }
#informationsecurityWrap #policyArea dl dt:first-child												{ margin-top:50px; }
#informationsecurityWrap #policyArea dl dd																			{ margin-left:2em; text-indent:-1.5em; }
#informationsecurityWrap #policyArea dl dd a																		{ display:block; margin-top:10px; margin-left:1.5em; }

/*------------------------------
	1カラム
-------------------------------*/
.contentWrap .singleColumnSection h2																							{ position:relative; min-width:1200px; }
.contentWrap .singleColumnSection h2 img																				{ width:100%; }
.contentWrap .singleColumnSection h2 span																			{ position:absolute; left:0; width:1200px; margin:0 auto; right:0; font-size:300%; }

/* topIndexList */
.contentWrap ul.topIndexList li																															{ float:left; margin-top:30px; border:solid 1px #e5e5e5; padding:15px 20px; cursor:pointer; }
.contentWrap ul.topIndexList li:hover																											{ text-decoration:underline; color:#0788cd; }
.contentWrap ul.topIndexList li p.linkTxt																								{ font-size:143%; color:#0788cd; border-bottom:solid 1px #e5e5e5; font-weight:normal; }
.contentWrap ul.topIndexList li p.linkTxt a																							{ display:block; background:url(/en/common/images/icon_arrow04.png) no-repeat right 0.25em; padding:0 20px 10px 0; }
.contentWrap ul.topIndexList li p.linkTxt a span.linkWin													{ background-position:right center; }
.contentWrap ul.topIndexList li p.descriptionTxt																			{ margin-top:15px; }
.contentWrap ul.topIndexList li p.descriptionTxt span															{ font-size:86%; display:block; margin-top:5px; }

/* oneQuarterList */
.contentWrap .singleColumnSection #indexArea ul#oneQuarterList li																				{ width:238px; margin-left:26px; }
.contentWrap .singleColumnSection #indexArea ul#oneQuarterList li:first-child												{ margin-left:0; }

/* oneThirdList */
.contentWrap .singleColumnSection #indexArea ul#oneThirdList li																						{ width:338px; margin-left:30px; }
.contentWrap .singleColumnSection #indexArea ul#oneThirdList li:nth-child(3n+1)									{ margin-left:0; }

/* oneHalfList */
.contentWrap .twoColumnSection ul#oneHalfList li																																	{ width:383px; margin-left:30px; }
.contentWrap .twoColumnSection ul#oneHalfList li:nth-child(2n+1)																					{ margin-left:0; }
.contentWrap .twoColumnSection ul#oneHalfList li p.linkTxt																										{ display:table; width:100%; }
.contentWrap .twoColumnSection ul#oneHalfList li p.linkTxt a																									{ display:table-cell; vertical-align:middle; line-height:1.6em; background-position:right center; }

/*------------------------------
	2カラム
-------------------------------*/
.contentWrap .twoColumnSection																											{ width:1200px; margin:80px auto 85px; }

/* mainArea */
.contentWrap .twoColumnSection .mainArea																			{ width:880px; float:left; }
.contentWrap .twoColumnSection .mainArea h3																	{ font-size:200%; font-weight:normal; color:#0387cd; border-bottom:solid 2px #e5e5e5; padding-bottom:15px; line-height:1.5em; }

/* sideArea */
.contentWrap .twoColumnSection .sideArea																				{ width:260px; float:right; }
.contentWrap .twoColumnSection .sideArea h3																		{ font-size:143%; font-weight:normal; }
.contentWrap .twoColumnSection .sideArea h3 a																{ color:#0086cc; line-height: 1.4; display:block; background:url(/en/common/images/icon_arrow04.png) no-repeat right 0.5em; padding:5px 15px 20px 0; }
.contentWrap .twoColumnSection .sideArea ul li																	{ border-bottom:solid 1px #e5e5e5; font-size:114%; }
.contentWrap .twoColumnSection .sideArea ul li:first-child									{ border-top:solid 1px #e5e5e5; }
.contentWrap .twoColumnSection .sideArea ul li a																{ display:block; background:url(/en/common/images/icon_arrow05.png) no-repeat right 1.8em; padding:18px 15px 18px 0; color:#000000; }


/*------------------------------
	ニュース
-------------------------------*/
/* infoTabList */
.contentWrap ul#infoTabList li																															{ float:left; border:solid 1px #e5e5e5; text-align:center; margin-left:13px; }
.contentWrap ul#infoTabList li:first-child																							{ margin-left:0; }
.contentWrap ul#infoTabList li	a																														{ padding:7px 0; display:block; background:#ffffff; color:#000000; }
.contentWrap ul#infoTabList li a.tabOn																								{ background:#0085cc; color:#ffffff; pointer-events:none; }

/* infoContentsList */
.contentWrap .infoContentsList																														{ display:none; }
.contentWrap .infoContentsList li																													{ border-bottom:solid 1px #e5e5e5; }
.contentWrap .infoContentsList li a																											{ background:url(/en/common/images/icon_arrow04.png) no-repeat; display:block; padding:15px 20px 15px 0; }
.contentWrap .infoContentsList li .txtNews																						{ display:block; padding:15px 20px 15px 0; }
.contentWrap .infoContentsList li .infoDate																					{ display:inline-block; vertical-align:top; font-size:114%; width:130px; color:#000000; }
.contentWrap .infoContentsList li .infoCategory																		{ display:inline-block; vertical-align:top; font-size:86%; width:120px; color:#ffffff; padding:1px 0; text-align:center; border-radius:5px; }
.contentWrap .infoContentsList li .infoTxt																						{ display:inline-block; vertical-align:top; font-size:114%; margin-left:25px; }
.contentWrap .infoContentsList li a:hover .infoTxt																{ text-decoration:underline; }

.contentWrap #infoAll																																					{ display:block; }

/* infoContentsListカテゴリー */
.contentWrap .infoContentsList li .categoryTopix																	{ background:#70bbe3; }
.contentWrap .infoContentsList li .categoryRelease																{ background:#0085cc; }
.contentWrap .infoContentsList li .categoryIr																				{ background:#339a83; }