@charset "UTF-8";
/*=====================================
初期設定
=====================================*/
html, body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	background-color: #FFFFFF;
	color: #1d1d1d;
	font-family: "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
}

p {line-height: 160% !important;}
#wrapper {width:700px; padding:20px; box-sizing: border-box; margin: auto;}



.hikaku {width:100%;}
.hikaku td {width: 50%; text-align: center; vertical-align: top;}

/* タグのリセット */
h1, h2, h3, h4, h5, h6, p, address, ul, ol, li, dl, dt, dd, caption, img, form, blockquote, label {
	padding: 0px;
	margin: 0px;
	border: none;
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 100%;
	list-style-type: none;
}
table, th, td {
/*	border: none;*/
	font-size: 100%;
	font-style: normal;
	font-weight: normal;
	line-height: 160%;
	list-style-type: none;
}
/* テキストエリア内文字サイズのブラウザ間での統一 */
textarea {
	font-size: 100%;
}
/* 画像の下にできる隙間を除去 */
/* 画像綺麗に縮小 */
img {
	vertical-align: bottom;
	-ms-interpolation-mode: bicubic; 

}
/* float解除 */
.clear {
	clear: both;
	height: 1px;
	font-size: 0px;
	line-height: 0px;
}
/*=====================================
基本レイアウト
=====================================*/
a {
	color: #2b93e4;
	text-decoration: none;
}
a:hover {
	color: #79c5ff;
	text-decoration: none;
}
.ptop30 {
	padding-top: 30px !important;
}
.ptop50 {
	padding-top: 50px !important;
}
.pbtm30 {
	padding-bottom: 30px !important;
}
.pbtm50 {
	padding-bottom: 50px !important;
}
.mlft20 {
	margin-left: 20px !important;
}
.mlft40 {
	margin-left: 40px !important;
}
.mrgt20 {
	margin-right: 20px !important;
}
.mrgt40 {
	margin-right: 40px !important;
}
.mbtm00 {
	margin-bottom: 0px !important;
}
.mbtm20 {
	margin-bottom: 20px !important;
}
.nodp {
	display: none;
}
.img-left {
	float: left;
}
.img-right {
	float: right;
}
.mphoto-full {
	margin-left: 20px !important;
	margin-right: 20px !important;
	margin-bottom: 30px !important;
}
.txt-center {
	text-align: center;
}
.txt-right {
	text-align: right;
}
.font12 {
	font-size: 12px !important;
}
.font14 {
	font-size: 14px !important;
}
.font16 {
	font-size: 16px !important;
}
.font18 {
	font-size: 18px !important;
}
.font-b {
	font-weight: bold;
}



/*=====================================
共通
=====================================*/
body {
	width: 100%;
	position: relative;
	height: auto !important;
	height: 100%;
	min-height: 100%;
}
#CONTAINER {
	padding-bottom: 342px;
}
.wrapper {
    width: 990px;
    margin: 0 auto;
	position: relative;
}
#PAGEBANNER {
	width: 990px;
}
#PAGEBANNER h1 {
	width: 990px;
	height: 55px;
}
#PAGEBANNER h1 > a {
	display: block;
	width: 990px;
	height: 45px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#PAGEBANNER a#PAGEBANNER01 {
	background-image: url(../site-img/pagebanner01.gif);
}
#PAGEBANNER a#PAGEBANNER02 {
	background-image: url(../site-img/pagebanner02.gif);
}
#PAGEBANNER a#PAGEBANNER03 {
	background-image: url(../site-img/pagebanner03.gif);
}
#PAGEBANNER a#PAGEBANNER04 {
	background-image: url(../site-img/pagebanner04.gif);
}
#PAGEBANNER a#PAGEBANNER05 {
	background-image: url(../site-img/pagebanner05.gif);
}
#PAGEBANNER a#PAGEBANNER06 {
	background-image: url(../site-img/pagebanner06.gif);
}
#PAGEBANNER a#PAGEBANNER07 {
	background-image: url(../site-img/pagebanner07.gif);
}
#PAGEBANNER a#PAGEBANNER08 {
	background-image: url(../site-img/pagebanner08.gif);
}
#PAGEBANNER a#PAGEBANNER09 {
	background-image: url(../site-img/pagebanner09.gif);
}
#PAGEBANNER a#PAGEBANNER10 {
	background-image: url(../site-img/pagebanner10.gif);
}
#PAGEBANNER a#PAGEBANNER11 {
	background-image: url(../site-img/pagebanner11.gif);
}
#PAGEBANNER a#PAGEBANNER12 {
	background-image: url(../site-img/pagebanner12.gif);
}
#PAGEBANNER a#PAGEBANNER13 {
	background-image: url(../site-img/pagebanner13.gif);
}
#PAGEBANNER ul {
	margin-bottom: 40px;
}
#PAGEBANNER ul li {
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	padding-left: 13px;
	padding-right: 10px;
	background-image: url(../site-img/icon_topicpath.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
	color: #8d8d8d;
	font-size: 12px;
}
#PAGEBANNER ul li a {
	color: #8d8d8d;
	text-decoration: underline;
}
#PAGEBANNER ul li a:hover {
	color: #8d8d8d;
	text-decoration: none;
}
.topicpath-home {
	background-image: url(../site-img/icon_home.png) !important;
	background-position: 0 1px !important;
	background-repeat: no-repeat;
	padding-left: 15px !important;
}
#PAGETOP {
	z-index: 999;
	position: fixed;
	right: 35px;
	bottom: 305px;
}
#PAGETOP a {
	display: block;
	width: 72px;
	height: 72px;
	background-image: url(../site-img/btn_pagetop.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#PAGETOP a:hover {
	background-image: url(../site-img/btn_pagetop_hover.png);
	transition: all .2s ease-in;
}

/* */



form input[type="text"]{height:30px;padding:5px; font-size:20px; box-sizing: border-box;}
form input#last_name,form input#first_name {width:230px; margin-right:20px;}

form textarea {font-size:20px;}
form select {font-size:16px;}

form input.button {font-size:30px; padding:20px;}

/* NXP */

h2.h-BarGreen {font-size:24px !important;}

.nxp_opabar_fse {
    display: block;
    padding: 6px 14px 4px 14px;
    background-color:rgba(3,156,109,0.70);
    color: #ffffff;
    font-size: 13px;
    line-height: 160%;
    text-align: center;
    margin-top:-30px;
    z-index: 9999;
    position: relative;

}
.nxp_opabar_dte {
    display: block;
    padding: 6px 14px 4px 14px;
    background-color:rgba(69,107,186,0.70);
    color: #ffffff;
    font-size: 13px;
    line-height: 160%;
    text-align: center;
    margin-top:-30px;
    z-index: 9999;
    position: relative;

}


/*=====================================
ヘッダー
=====================================*/
header {
	height: 100px;
	background-color: #ffffff;
	border-bottom: 1px solid #d9d9d8;
}
header div h1,
header div p#HEADER-LOGO {
	position: absolute;
	top: 35px;
	left: 0px;
	width: 488px;
	height: 30px;
}
header div h1 a,
header div p#HEADER-LOGO a {
	display: block;
	width: 488px;
	height: 30px;
	background-image: url(../site-img/header_logo_nxp.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
header div h1#HEADER-LOGO-p,
header div p#HEADER-LOGO-p {
	position: absolute;
	top: 35px;
	left: 0px;
	width: 488px;
	height: 50px;
}
header div h1#HEADER-LOGO-p a,
header div p#HEADER-LOGO-p a {
	display: block;
	width: 488px;
	height: 50px;
	background-image: url(../site-img/header_logo_nxp_p.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
header div p#HEADER-LINK {
	position: absolute;
	top: 20px;
	right: -1px;
	width: 197px;
	height: 35px;
}
header div p#HEADER-LINK a {
	display: block;
	width: 197px;
	height: 35px;
	background-image: url(../site-img/header_btn_private.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
}
header div p#HEADER-LINK a:hover {
	background-image: url(../site-img/header_btn_private_hover.gif);
	transition: all .2s ease-in;
}
header div ul {
	position: absolute;
	top: 69px;
	right: 0px;
	color: #8d8d8d;
	font-size: 11px;	
}
header div ul li {
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	margin-left: 20px;
	padding: 0 0 0 10px;
	background-image: url(../site-img/icon_arrow_gr.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
}
header div ul li a {
	color: #8d8d8d;
	text-decoration: underline;
}
header div ul li a:hover {
	color: #8d8d8d;
	text-decoration: none;
}



/*=====================================
メインメニュー
=====================================*/
#gnavi {
	width: 100%;
	height: 44px;
	z-index: 100000;
	background-color: #ffffff;
	border-bottom: 1px solid #d9d9d8;
}
#menu {
    width: 990px;
    margin: 0 auto;
    zoom:1;
}
#menu:before,
#menu:after {
    content: "";
    display: table;
}
#menu:after {
    clear: both;
}
#menu li {
    float: left;
    position: relative;
}
#menu a {
    float: left;
	display: block;
	background-repeat: no-repeat;
	background-position: 0 0;
}
#menu a#menu-btn01,
#menu a#menu-btn02,
#menu a#menu-btn03,
#menu a#menu-btn04, 
#menu a#menu-btn05,
#menu a#menu-btn06 {
	height: 44px;
	margin-right: 30px;
	text-indent: -9999px;
}
#menu a#menu-btn01 {
	width: 70px;
	background-image: url(../site-img/globalmenu_btn01.gif);
}
#menu a#menu-btn02 {
	width: 111px;
	background-image: url(../site-img/globalmenu_btn02.gif);
}
#menu a#menu-btn03 {
	width: 113px;
	background-image: url(../site-img/globalmenu_btn03.gif);
}
#menu a#menu-btn04 {
	width: 70px;
	background-image: url(../site-img/globalmenu_btn04.gif);
}
#menu a#menu-btn05 {
	width: 153px;
	background-image: url(../site-img/globalmenu_btn05.gif);
}
#menu a#menu-btn06 {
	width: 95px;
	background-image: url(../site-img/globalmenu_btn06.gif);
}
#menu a#menu-btndl {
	width: 195px;
	height: 40px;
	margin-top: 2px;
	margin-left: 3px;
	background-image: url(../site-img/globalmenu_btndl.gif);
	text-indent: -9999px;
}
#menu li:hover > a {
	transition: all .2s ease-in;
}
#menu a#menu-btn01:hover {
	background-image: url(../site-img/globalmenu_btn01_hover.gif);
}
#menu a#menu-btn02:hover {
	background-image: url(../site-img/globalmenu_btn02_hover.gif);
}
#menu a#menu-btn03:hover {
	background-image: url(../site-img/globalmenu_btn03_hover.gif);
}
#menu a#menu-btn04:hover {
	background-image: url(../site-img/globalmenu_btn04_hover.gif);
}
#menu a#menu-btn05:hover {
	background-image: url(../site-img/globalmenu_btn05_hover.gif);
}
#menu a#menu-btn06:hover {
	background-image: url(../site-img/globalmenu_btn06_hover.gif);
}
#menu a#menu-btndl:hover {
	background-image: url(../site-img/globalmenu_btndl_hover.gif);
}
#menu a#menu-btn01-p,
#menu a#menu-btn02-p,
#menu a#menu-btn03-p,
#menu a#menu-btn04-p, 
#menu a#menu-btn05-p {
	height: 44px;
	margin-right: 45px;
	text-indent: -9999px;
}
#menu a#menu-btn01-p {
	width: 140px;
	background-image: url(../site-img/globalmenu_pbtn01.gif);
}
#menu a#menu-btn02-p {
	width: 111px;
	background-image: url(../site-img/globalmenu_btn02.gif);
}
#menu a#menu-btn03-p {
	width: 98px;
	background-image: url(../site-img/globalmenu_pbtn03.gif);
}
#menu a#menu-btn04-p {
	width: 123px;
	background-image: url(../site-img/globalmenu_pbtn04.gif);
}
#menu a#menu-btn05-p {
	width: 95px;
	background-image: url(../site-img/globalmenu_btn06.gif);
}
#menu a#menu-btn01-p:hover {
	background-image: url(../site-img/globalmenu_pbtn01_hover.gif);
}
#menu a#menu-btn02-p:hover {
	background-image: url(../site-img/globalmenu_btn02_hover.gif);
}
#menu a#menu-btn03-p:hover {
	background-image: url(../site-img/globalmenu_pbtn03_hover.gif);
}
#menu a#menu-btn04-p:hover {
	background-image: url(../site-img/globalmenu_pbtn04_hover.gif);
}
#menu a#menu-btn05-p:hover {
	background-image: url(../site-img/globalmenu_btn06_hover.gif);
}

#menu ul {
    margin: 20px 0 0 0;
    _margin: 0; /*IE6 only*/
    opacity: 0;
    visibility: hidden;
    position: absolute;
    top: 47px;
    left: 0;
    z-index: 1;
    background: #ffffff;
    transition: all .2s ease-in-out;
	border-top: #d9d9d8 solid 1px;
	border-bottom: #d9d9d8 solid 1px;
	border-left: #d9d9d8 solid 1px;
	border-right: #d9d9d8 solid 1px;
}
#menu li:hover > ul {
    opacity: 1;
    visibility: visible;
    margin: 0;
}
#menu ul ul {
    top: 0;
    left: 220px;
    margin: 0 0 0 20px;
    _margin: 0; /*IE6 only*/
}
#menu ul li {
    float: none;
    display: block;
    border: 0;
	color: #1d1d1d;
	font-size: 13px;
	line-height: 160%;
}
#menu ul li:last-child {   
    box-shadow: none;    
}
#menu ul a {    
    padding: 12px 8px;
    width: 215px;
    _height: 10px; /*IE6 only*/
    display: block;
	box-sizing: border-box;
	border-bottom: #d9d9d8 solid 1px;
    float: none;
    text-transform: none;
	color: #1d1d1d;
	text-decoration: none;
}
#menu ul a:hover {
    background-color: #f7f7f6;
	color: #8d8d8d;
}
#menu ul li:first-child > a {
}
#menu ul li:first-child > a:after {
    content: '';
    position: absolute;
    left: 40px;
    top: -6px;
    border-left: 6px solid transparent;
    border-right: 6px solid transparent;
    border-bottom: 6px solid #d1d1d1;
}
#menu ul ul li:first-child a:after {
    left: -6px;
    top: 50%;
    margin-top: -6px;
    border-left: 0; 
    border-bottom: 6px solid transparent;
    border-top: 6px solid transparent;
    border-right: 6px solid #d9d9d8;
}
#menu ul li:first-child a:hover:after {
    border-bottom-color: #d9d9d8; 
}
#menu ul ul li:first-child a:hover:after {
    border-right-color: #d9d9d8; 
    border-bottom-color: transparent;   
}
#menu ul li:last-child > a {
	border:none;
}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100000;
}



/*=====================================
フッター
=====================================*/
footer {
	position: absolute;
	bottom: 0;
	width: 100%;
}
footer div.footermenu {
	width: 100%;
	padding-top: 50px;
	padding-bottom: 50px;
	background-color: #222;
}
footer div.footermenu > ul {
	width: 800px;
	margin: 0 auto 20px;
	color: #ffffff;
	font-size: 12px;
	line-height: 160%;
	text-align: center;
}
footer div.footermenu > ul li {
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	margin-bottom: 12px;
	padding: 0 20px;
	color: #ffffff;
	font-size: 12px;
	line-height: 120%;
	border-right: 1px solid #fff;
}
footer div.footermenu > ul li:first-child {	
	border-left: 1px solid #fff;
}
footer div.footermenu > ul li a {
	color: #ffffff;
	text-decoration: underline;
}
footer div.footermenu > ul li a:hover {
	color: #ffffff;
	text-decoration: none;
}
a#FOOETR-LOGO {
	display: block;
	margin: 0 auto;
	width: 343px;
	height: 21px;
	background-image: url(../site-img/footer_logo_nxp.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.footer {
	height: 145px;
	color: #8d8d8d;
	font-size: 11px;
	line-height: 150%;
}
.footer a {
	color: #8d8d8d;
	text-decoration: underline;
}
.footer a:hover {
	color: #8d8d8d;
	text-decoration: none;
}
div.footer > img.footer-ob {
	position: absolute;
	top: 20px;
	left: 0;
}
div.footer > p.footer-txt {
	position: absolute;
	top: 20px;
	left: 200px;
	font-size: 11px;
	line-height: 150%;
}
div.footer > ul.footersubmenu {
	position: absolute;
	top: 20px;
	right: 0;
	font-size: 11px;
	line-height: 150%;
}
div.footer > ul.footersubmenu li {
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	margin-left: 15px;
	padding: 0 0 0 10px;
	background-image: url(../site-img/icon_arrow_gr.png);
	background-repeat: no-repeat;
	background-position: 0 2px;
}
div.footer > ul.footersubmenu li a {
	color: #8d8d8d;
	text-decoration: underline;
}
div.footer > ul.footersubmenu li a:hover {
	color: #8d8d8d;
	text-decoration: none;
}
div.footer > ul.footersocial {
	position: absolute;
	top: 47px;
	right: 0;
}
div.footer > ul.footersocial li {
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	margin-left: 10px;
	padding: 0;
	background-repeat: no-repeat;
	background-position: 0 0;
}
div.footer > ul.footersocial li a {
	display: block;
	width: 44px;
	height: 44px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
div.footer > ul.footersocial li a.icon-tw {
	background-image: url(../site-img/btn_tw.gif);
}
div.footer > ul.footersocial li a.icon-fb {
	background-image: url(../site-img/btn_fb.gif);
}
div.footer > ul.footersocial li a:hover {
	transition: all .2s ease-in;
}
div.footer > ul.footersocial li a.icon-tw:hover {
	background-image: url(../site-img/btn_tw_hover.gif);
}
div.footer > ul.footersocial li a.icon-fb:hover {
	background-image: url(../site-img/btn_fb_hover.gif);
}
div.footer > p.footer-copy {
	position: absolute;
	top: 92px;
	left: 0;
}



/*=====================================
サイドメニュー
=====================================*/
#SIDEMENU {
	float: left;
	width: 230px;
	vertical-align: top;
	margin-right: 40px;
}
#SIDEMENU nav,
#SIDEMENU nav ul {
	margin-top: 0;
	width: 230px;
}
#SIDEMENU nav ul {
	margin-bottom: 20px;
	border-top: 1px solid #d9d9d8;
}
#SIDEMENU nav ul li {
	background-color: #f7f7f6;
	padding: 0 8px 0 25px;
	background-image: url(../site-img/icon_side_bl.png);
	background-repeat: no-repeat;
	background-position: 8px 13px;
	border-right: 1px solid #d9d9d8;
	border-bottom: 1px solid #d9d9d8;
}
#SIDEMENU nav ul li a {
	display: block;
	padding: 10px 0 9px 0;
	color: #1d1d1d;
	font-size: 13px;
	line-height: 160%;
	text-decoration: none;
}
#SIDEMENU nav ul li.selected {
	background-color: #ffffff;
	background-image: url(../site-img/icon_side_or.png);
	border-right: 1px solid #ffffff;
}
#SIDEMENU nav ul li.selected > a {
	color: #eca700;
}
#SIDEMENU nav ul li:hover {
	background-color: #ffffff;
	background-image: url(../site-img/icon_side_gr.png);
	color: #8d8d8d;
    transition: all .2s ease-out;
}
#SIDEMENU nav ul li:hover > a {
	color: #8d8d8d;
}
#SIDEMENU nav ul li.selected:hover {
	background-image: url(../site-img/icon_side_or.png);
}
#SIDEMENU nav ul li.selected:hover > a {
	color: #eca700;
}
#SIDEMENU nav ul li > ul {
	width: 220px;
	margin-left: -15px;
	margin-bottom: 0px;
	border-top: none;
}
#SIDEMENU nav ul li > ul li {
	padding: 0 8px 0 20px;
	background-color: #ffffff;
	background-image: url(../site-img/icon_sub_bl.png);
	background-repeat: no-repeat;
	background-position: 10px 16px;
	border-top: 1px solid #d9d9d8;
	border-right: none;
	border-bottom: none;
}
#SIDEMENU nav ul li > ul li.selected {
	background-image: url(../site-img/icon_sub_or.png);
}
#SIDEMENU nav ul li > ul li:hover {
	background-image: url(../site-img/icon_sub_gr.png);
	background-position: 12px 16px;
    transition: all .1s ease-out;
}
#SIDEMENU nav ul li > ul li.selected:hover {
	background-image: url(../site-img/icon_sub_or.png);
}



/*=====================================
内部パーツ
=====================================*/
article {
	float: right;
	margin-top: -8px;
	vertical-align: top;
	font-size: 14px;
	line-height: 160%;
}
.contents-full {
	width: 990px;
	margin: 0 auto;
}
.contents-right {
	width: 720px;
}
article p {
	color: #1d1d1d;
	font-size: 14px;
	line-height: 160%;
	letter-spacing: normal;
}
.contents-full p {
	margin: 0 20px 30px 20px;
}
.contents-right p {
	margin: 0 0 30px 5px;
}
article hr {
	clear: both;
	border-top: 1px dotted #bbbbbb;
	border-left: none;
	border-right: none;
	border-bottom: none;
}
.contents-full hr {
	margin: 0 20px 30px 20px;
}
.contents-right hr {
	margin: 0 0 30px 5px;
}
.h-Title {
	margin-bottom: 30px;
	padding-left: 20px;
	padding-bottom: 25px;
	background-image: url(../site-img/icon_bar_bl.png);
	background-repeat: no-repeat;
	background-position: 0 9px;
	border-bottom: 3px solid #e8e8e8;
	color: #1d1d1d;
	font-size: 24px;
	font-weight: bold;
	line-height: 160%;
}
.h-Title > a {
	color: #1d1d1d;
	text-decoration: none;
}
.h-Title > a:hover {
	color: #79c5ff;
}
.h-BarGreen {
	clear: both;
    margin:1.5em 0 1em;
	padding: 0 0 0 15px;
       /*
	background-image: url(../site-img/icon_bar_gn.png);
	background-repeat: no-repeat;
	background-position: 0 6px;
    
    */
    border-left:5px solid #eca700;
    padding-left:0.5em;
	color: #456bba;
	font-size: 18px;
	font-weight: bold;
	line-height: 160%;
}
.contents-full .h-BarGreen {
	margin: 0 20px 25px 20px;
}
.contents-right .h-BarGreen {
	margin: 0 0 25px 5px;
}
.h-BarGreen > a {
	color: #82c500;
	text-decoration: none;
}
.h-BarGreen > a:hover {
	color: #a8ee21;
}
.h-BarOrange {
	clear: both;
	padding: 0 0 0 15px;
	background-image: url(../site-img/icon_bar_or.png);
	background-repeat: no-repeat;
	background-position: 0 6px;
	color: #eca700;
	font-size: 18px;
	font-weight: bold;
	line-height: 160%;
}
.contents-full .h-BarOrange {
	margin: 0 20px 25px 20px;
}
.contents-right .h-BarOrange {
	margin: 0 0 25px 5px;
}
.h-BarOrange > a {
	color: #eca700;
	text-decoration: none;
}
.h-BarOrange > a:hover {
	color: #ffdd46;
}
.h-BarGray {
	clear: both;
	padding: 5px 0px 2px 12px;
	background-color: #e8e8e8;
	border-left: 3px solid #cfcfcf;
	color: #1d1d1d;
	font-size: 15px;
	font-weight: bold;
	line-height: 160%;
}
.contents-full .h-BarGray {
	margin: 0 20px 25px 20px;
}
.contents-right .h-BarGray {
	margin: 0 0 25px 5px;
}
.h-BarGray > a {
	color: #1d1d1d;
	text-decoration: none;
}
.h-BarGray > a:hover {
	color: #aaaaaa;
}
.h-TxtGray {
	padding: 0 0 12px 22px;
	background-image: url(../site-img/icon_square_or.png);
	background-repeat: no-repeat;
	background-position: 5px 6px;
	border-bottom: 1px solid #d9d9d8;
	color: #747473;
	font-size: 15px;
	font-weight: bold;
	line-height: 160%;
}
.contents-full .h-TxtGray {
	margin: 0 20px 25px 20px;
}
.contents-right .h-TxtGray {
	margin: 0 0 25px 5px;
}
.h-TxtGray > a {
	color: #747473;

	text-decoration: none;
}
.h-TxtGray > a:hover {
	color: #aaaaaa;
}
.h-TxtGreen {
	padding: 5px 14px 2px 14px;
	border: 1px solid #d9d9d8;
	color: #82c500;
	font-size: 14px;
	font-weight: bold;
	line-height: 160%;
}
.contents-full .h-TxtGreen {
	margin: 0 20px 25px 20px;
}
.contents-right .h-TxtGreen {
	margin: 0 0 25px 5px;
}
.h-TxtGreen > a {
	color: #82c500;
	text-decoration: none;
}
.h-TxtGreen > a:hover {
	color: #a8ee21;
}
.h-TxtOrange {
	padding: 5px 14px 2px 14px;
	border: 1px solid #d9d9d8;
	color: #eca700;
	font-size: 14px;
	font-weight: bold;
	line-height: 160%;
}
.contents-full .h-TxtOrange {
	margin: 0 20px 25px 20px;
}
.contents-right .h-TxtOrange {
	margin: 0 0 25px 5px;
}
.h-TxtOrange > a {
	color: #eca700;
	text-decoration: none;
}
.h-TxtOrange > a:hover {
	color: #ffdd46;
}
.contents-full ul.orange,
.contents-full ul.green,
.contents-full ul.black,
.contents-full ul.pink {
	margin: 0 20px 25px 40px;
}
.contents-right ul.orange,
.contents-right ul.green,
.contents-right ul.black,
.contents-right ul.pink {
	margin: 0 0 25px 20px;
}
ul.orange li,ul.green li, ul.black li, ul.pink li {
	padding: 0px 0px 6px 20px;
	background-repeat: no-repeat;
	background-position: 0 7px;
	font-size: 14px;
	line-height: 160%;
}
ul.orange li:last-child,
ul.green li:last-child,
ul.black li:last-child,
ul.pink li:last-child {
	padding: 0px 0px 0px 18px;
}
ul.orange li {
	background-image: url(../site-img/point_or.png);
}
ul.green li {
	background-image: url(../site-img/point_gn.png);
}
ul.black li {
	background-image: url(../site-img/point_bl.png);
}
ul.pink li {
	background-image: url(../site-img/point_pk.png);
}
table.box1 {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #d9d9d8;
	font-size: 14px;
}
.contents-full table.box1 {
	max-width: 920px;
	margin: 0 35px 30px 35px;
}
.contents-right table.box1 {
	max-width: 690px;
	margin: 0 15px 30px 15px;
}
table.box1 th {
	padding: 5px 10px 2px 10px;
	background-color: #f7f7f6;
	border: 1px solid #d9d9d8;
	color: #8d8d8d;
	font-weight: bold;
	line-height: 160%;
	text-align: left;
	vertical-align: top;
}
table.box1 td {
	padding: 5px 10px 2px 10px;
	border: 1px solid #d9d9d8;
	line-height: 160%;
	vertical-align: top;
}
table.box1 td.title {
	background-color: #222222;
	border: 1px solid #d9d9d8;
	color: #ffffff;
	font-weight: normal;
	line-height: 160%;
}
table.box2 {
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #d9d9d8;
	font-size: 14px;
}
.contents-full table.box2 {
	max-width: 920px;
	margin: 0 35px 30px 35px;
}
.contents-right table.box2 {
	max-width: 690px;
	margin: 0 15px 30px 15px;
}



table.box2 th {
	padding: 5px 10px 2px 10px;
	background-color: #e8e8e8;
	border: 1px solid #ABABAB;
	color: #333333;
	font-weight: bold;
	line-height: 160%;
	text-align: left;
	vertical-align: top;
}
table.box2 td {
	padding: 5px 10px 2px 10px;
	border: 1px solid #ABABAB;
	line-height: 160%;
	vertical-align: top;
    background: #ffffff;
}
table.box2 td.title {
	background-color: #bcbcbc;
	border: 1px solid #ABABAB;
	color: #ffffff;
	font-weight: bold;
	line-height: 160%;
}

.ancer {
	display: block;
	padding-left: 23px;
	background-image: url(../site-img/icon_linkarrow.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
}
.contents-full .ancer {
	margin: 0 0 25px 35px;
}
.contents-right .ancer {
	margin: 0 0 25px 10px;
}
span.icon {
	display: inline-block;
	background-repeat: no-repeat;
}
span.white-Arrow {
	width: 20px;
	height: 14px;
	background-image: url(../site-img/arrow_wh_s.png);
	background-position: 0 4px;
}
span.black-Arrow {
	width: 20px;
	height: 14px;
	background-image: url(../site-img/arrow_bl_s.png);
	background-position: 0 4px;
}
a.btn {
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	box-sizing: border-box;
	margin: 0 0 30px 0;
	padding: 9px 20px 7px 20px;
	font-size: 14px;
	font-weight: bold;
	line-height: 160%;
	text-decoration: none;
	text-align: center;
}
a.blue {
	color: #ffffff;
	background-color: #3ca2f1;
	border-right: 2px solid #0065b4;
	border-bottom: 2px solid #0065b4;
}
a.blue:hover {
	background-color: #79c5ff;
	border-right: 2px solid #3ca2f1;
	border-bottom: 2px solid #3ca2f1;
}
a.green {
	color: #0c0c0c;
	background-color: #c8ff59;
	border-right: 2px solid #90c500;
	border-bottom: 2px solid #90c500;
}
a.green:hover {
	background-color: #dcff91;
	border-right: 2px solid #95e000;
	border-bottom: 2px solid #95e000;
}
a.pink {
	color: #ffffff;
	background-color: #ff4675;
	border-right: 2px solid #b4002e;
	border-bottom: 2px solid #b4002e;
}
a.pink:hover {
	background-color: #ff8daa;
	border-right: 2px solid #e03a64;
	border-bottom: 2px solid #e03a64;
}
a.orange {
	color: #0c0c0c;
	background-color: #ffd853;
	border-right: 2px solid #dfa000;
	border-bottom: 2px solid #dfa000;
}
a.orange:hover {
	background-color: #ffe882;
	border-right: 2px solid #e7b110;
	border-bottom: 2px solid #e7b110;
}
a.btn-Full {
	display: block;
	box-sizing: border-box;
	margin: 0 25px 30px 20px;
	padding: 10px 20px 8px 20px;
	font-size: 16px;
	font-weight: bold;
	line-height: 160%;
	text-decoration: none;
	text-align: center;
}
a.blue-Big {
	color: #ffffff;
	background-color: #3ca2f1;
	border: 3px solid #79c5ff;
	box-shadow: 0 2px 0 #e6e6e6;
}
a.blue-Big:hover {
	background-color: #79c5ff;
}
a.green-Big {
	color: #0c0c0c;
	background-color: #c8ff59;
	border: 3px solid #a2f400;
	box-shadow: 0 2px 0 #e6e6e6;
}
a.green-Big:hover {
	background-color: #dcff91;
	border: 3px solid #dcff91;
}
a.pink-Big {
	color: #ffffff;
	background-color: #ff4675;
	border: 3px solid #ff9db6;
	box-shadow: 0 2px 0 #e6e6e6;
}
a.pink-Big:hover {
	background-color: #ff9db6;
}

a.purple-Big {
	color: #ffffff;
	background-color: #52489c;
	border: 3px solid #bfb7ff;
	box-shadow: 0 2px 0 #e6e6e6;
}
a.purple-Big:hover {
	background-color: #bfb7ff;
}


a.orange-Big {
	color: #0c0c0c;
	background-color: #ffd853;
	border: 3px solid #f2b500;
	box-shadow: 0 2px 0 #e6e6e6;
}
a.orange-Big:hover {
	background-color: #ffe882;
	border: 3px solid #ffe882;
}

div.box-white {
	clear: both;
	box-sizing: border-box;
	padding: 30px 25px 0px 25px;
	background-color: #ffffff;
	border: 2px solid #e8e8e8;
}

div.box-Gray {
	clear: both;
	box-sizing: border-box;
	padding: 30px 25px 0px 25px;
	background-color: #f7f7f6;
	border: 2px solid #e8e8e8;
}
div.box-Orange {
	clear: both;
	box-sizing: border-box;
	padding: 30px 25px 0px 25px;
	background-color: #ffffff;
	border: 3px solid #ffe883;
}
div.box-Green {
	clear: both;
	box-sizing: border-box;
	padding: 30px 25px 0px 25px;
	background-color: #ffffff;
	border: 3px solid #c8ff59;
}
.contents-full div.box-Gray,
.contents-full div.box-Orange,
.contents-full div.box-Green {
	margin: 0 20px 30px 20px;
}
.contents-right div.box-Gray,
.contents-right div.box-Orange,
.contents-right div.box-Green {
	margin: 0 0 30px 5px;
}
.contents-full div.box-Gray > p,
.contents-full div.box-Orange > p,
.contents-full div.box-Green > p {
	margin: 0 auto 30px auto;
}
.contents-full div.box-Gray > a.ancer,
.contents-full div.box-Orange > a.ancer,
.contents-full div.box-Green > a.ancer {
	margin: 0 5px 30px 5px;
}
.contents-right div.box-Gray > p,
.contents-right div.box-Orange > p,
.contents-right div.box-Green > p {
	margin: 0 auto 30px auto;
}
span.label {
	display: inline-block;
	margin: 0 0 8px 0;
	padding: 1px 10px 0 10px;
	font-size: 12px;
	vertical-align: top;
}
span.lightgray {
	background-color: #e8e8e8;
	color: #1d1d1d;
}
span.gray {
	color: #ffffff;
	background-color: #bcbcbc;
}
span.black {
	color: #ffffff;
	background-color: #222222;
}
span.orange {
	color: #ffffff;
	background-color: #f1c000;
}
span.green {
	color: #ffffff;
	background-color: #91db00;
}
span.pink {
	color: #ffffff;
	background-color: #ff4675;
}
.contents-full ul.list-a,
.contents-full ul.list-b {
	display: block;
	margin: 0 20px 30px 20px;
}
.contents-right ul.list-a,
.contents-right ul.list-b {
	display: block;
	margin: 0 0 30px 5px;
}
ul.list-a li,
ul.list-b li {
	margin-bottom: 13px;
	padding-bottom: 8px;
	border-bottom: 1px dotted #bbb;
	color: #1d1d1d;
	line-height: 160%;
}
ul.list-a li a {
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	margin: 0 0 0 5px;
	padding-left: 23px;
	background-image: url(../site-img/icon_linkarrow.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	vertical-align: top;
}
ul.list-b li span {
	float: left;
	margin: 0 0 0 5px;
	width: 90px;
	vertical-align: top;
}
ul.list-b li a {
	display: block;
	margin: 0 0 0 100px;
	padding-left: 23px;
	background-image: url(../site-img/icon_linkarrow.png);
	background-repeat: no-repeat;
	background-position: 0 3px;
	vertical-align: top;
}
.contents-full ul.pagenation {
	margin: 0 20px 30px 20px;
}
.contents-right ul.pagenation {
	margin: 0 0 30px 5px;
}
ul.pagenation li {
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	overflow: hidden;
	width: 30px;
	height: 30px;
	margin-bottom: 5px;
	background-color: #fff;
	border: 1px solid #d9d9d8;
	text-align: center;
}
ul.pagenation li a {
	display: block;
	width: 30px;
	height: 30px;
	padding-top: 9px;
}
ul.pagenation li a:hover {
    background-color: #f7f7f6;
	color: #8d8d8d;
}
ul.pagenation li.selected {
	background-color: #d9d9d8;
}
ul.pagenation li.selected > a {
	color: #fff;
}
ul.pagenation li.selected > a:hover {
	background-color: #d9d9d8;
	color: #fff;
}
ul.pagelink {
	padding: 15px 15px 0px 15px;
	background-color: #fff;
	border: 2px solid #e8e8e8;
	text-align: center;
    margin-top:15px;
}
.contents-full ul.pagelink {
	margin: 0 20px 30px 20px;
}
.contents-right ul.pagelink {
	margin: 0 0 30px 0;
}
ul.pagelink li {
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	margin-bottom: 15px;
	padding: 0 15px 0 10px;
	border-right: 1px dotted #bbb;
	color: #1d1d1d;
	line-height: 120%;
}
ul.pagelink li:last-child {
	border-right: none;
}
ul.pagelink li a {
	display: block;
}

ul.pagelink.fse li a {
	color:#039c6d;
}
ul.pagelink.fse li a:hover {
color:#37B991;
transition: 0.3s;}


/*=====================================
トップページ
=====================================*/
.bg_gr {
	background-color: #f7f7f6;
}
#TOPMAIN {
	width: 100%;
}
div#MAINIMAGE {
	width: 100%;
	height: 350px;
	background-image: url(../site-img/top_mainbg.jpg);
	background-repeat: no-repeat;
	background-size: 100%;
	background-position: 50% top;
}
#MAINIMAGE-LOGO {
	width: 391px;
	height: 168px;
	margin: 0 auto;
	background-image: url(../site-img/top_mainlogo.png);
	background-repeat: no-repeat;
	background-position: 0 54px;
	text-indent: -9999px;
}
#MAINIMAGE-LEAD {
	width: 833px;
	height: 74px;
	margin: 0 auto;
	background-image: url(../site-img/top_mainlead.png);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.mainimage-product {
	float: left;
	width: 290px;
	margin: 0 20px 50px 20px;
	background-image: url(../site-img/top_bg_product.png);
	background-repeat: repeat;
}
.mainimage-product > a {
	display: block;
	color: #1d1d1d;
	font-size: 14px;
	line-height: 160%;
}
.mainimage-product h2 {
	display: block;
	width: 290px;
	height: 155px;
	margin: 0;
	background-repeat: no-repeat;
	background-position: 50% 17px;
	text-indent: -9999px;
}
.mainimage-product h2#MAINIMAGE-SERVER {
	background-image: url(../site-img/top_icon_server.png);
}
.mainimage-product h2#MAINIMAGE-DESKTOP {
	background-image: url(../site-img/top_icon_desktop.png);
}
.mainimage-product h2#MAINIMAGE-SDK {
	background-image: url(../site-img/top_icon_sdk.png);
}
.mainimage-product p {
	margin: 0 15px;
	padding-bottom: 15px;
	font-size: 14px;
	line-height: 160%;
}
.toplink-detail1,
.toplink-detail2,
.toplink-detail3 {
	border-top: 1px solid #d9d9d8;
	font-size: 13px;
	line-height: 160%;
}
.toplink-detail1 a,
.toplink-detail2 a,
.toplink-detail3 a {
	display: block;
	padding: 10px 14px 10px 14px;
	background-image: url(../site-img/icon_arrow_bl.png);
	background-repeat: no-repeat;
	background-position: right 15px;
	font-size: 13px;
	line-height: 160%;
}
.toplink-detail1 a {
	color: #039c6d;
}
.toplink-detail2 a {
	color: #456bba;
}
.toplink-detail3 a {
	color: #e12890;
}
.toplink-detail1 a:hover {
	color: #4fe8b9;
}
.toplink-detail2 a:hover {
	color: #86aaf6;
}
.toplink-detail3 a:hover {
	color: #ff92cf;
}
.toplink-dl1,
.toplink-dl2,
.toplink-dl3 {
	color: #fff;
	font-size: 13px;
	line-height: 160%;
}
.toplink-dl1 a,
.toplink-dl2 a,
.toplink-dl3 a {
	display: block;
	background-image: url(../site-img/icon_dl_wh.png);
	background-repeat: no-repeat;
	background-position: right 14px;
	padding: 10px 14px 10px 14px;
	background-color: #222222;
	color: #fff;
}
.toplink-dl1 a:hover {
	background-color: #039c6d;
}
.toplink-dl2 a:hover {
	background-color: #456bba;
}
.toplink-dl3 a:hover {
	background-color: #e12890;
}
.toptitlearea {
	position: relative;
	width: 990px;
	height: 63px;
}
.toptitlearea h1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 700px;
	height: 27px;
}
.toptitlearea h1 a {
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	height: 27px;
	background-repeat: no-repeat;
	text-indent: -9999px;
	vertical-align: top;
}
.toptitlearea h1#TOPTITLE-case a {
	width: 127px;
	background-image: url(../site-img/top_title_case.png);
}
.toptitlearea h1#TOPTITLE-news a {
	width: 95px;
	background-image: url(../site-img/top_title_news.png);
}
.toptitlearea h1 span {
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	width: 400px;
	height: 27px;
	color: #222222;
	font-size: 19px;
	/* font-family: 'Kozuka Mincho Pro', 'Kozuka Mincho Std', '小塚明朝 Pro M', '小塚明朝 Std M', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif ; */
	line-height: 160%;
}
.toptitlearea p {
	position: absolute;
	top: 0;
	right: 0;
	vertical-align: top;
}
.toptxtlink {
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	margin: 0;
	padding: 8px 0px 0px 20px;
	background-image: url(../site-img/icon_toplink_bl.png);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	color: #1d1d1d;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
}
div.box3 {
	margin: 0;
	width: 33.3%;
	float: left;
    padding:10px 8px;; 
    box-sizing: border-box;
}
div.box-Type01 {
	background-color: #fff;
	border: 1px solid #d1d1d1;
	box-shadow: 0 0 3px #d1d1d1;

}
div.box-Type01 h2 {
	padding: 15px 14px 0px 14px;
	color: #1d1d1d;
	font-size: 14px;
	font-weight: bold;
	line-height: 160%;
}
div.box-Type01 p {
	margin: 0 auto;
	padding: 15px 14px 15px 14px;
	color: #1d1d1d;
	font-size: 14px;
	line-height: 160%;
}
div.box-Type01 span {
	display: block;
	padding: 6px 14px 4px 14px;
	background-color: #222222;
	color: #ffffff;
	font-size: 13px;
	line-height: 160%;
	text-align: center;
}
div.box-Type01 a.btn-detail {
	display: block;
	background-color: #fff;
	background-image: url(../site-img/icon_arrow_bl.png);
	background-repeat: no-repeat;
	background-position: right 15px;
	padding: 10px 14px 10px 14px;
	border-top: 1px solid #d9d9d8;
	font-size: 13px;
	line-height: 160%;
}
dl.topnews {
	margin: 0 20px;
}
dl.topnews dt {
	clear: left;
	float: left;
	padding: 5px 20px 3px 20px;
	background-color: #e8e8e8;
	text-align: center;
	color: #1d1d1d;
	font-size: 14px;
	line-height: 160%;
}
dl.topnews dd {
	display: block;
	width: 815px;
	padding: 5px 0 0 0;
	margin: 0 0 15px 135px;
	color: #1d1d1d;
	font-size: 14px;
	line-height: 160%;
	vertical-align: top;
}
dl.topnews dd a {
	color: #1d1d1d;
	text-decoration: underline;
	vertical-align: top;
}
dl.topnews dd a,
dl.topnews dd span {
	vertical-align: top;
}
dl.topnews dd a:hover {
	color: #79c5ff;
	text-decoration: none;
}
.icon-new {
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	overflow: hidden;
	width: 30px;
	height: 30px;
    /*
	background-image: url(../site-img/icon_new.png);
    */
    border-left:5px solid #039c6d;
    padding-left:0.5em;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
.newslisticon {
	margin: -5px 10px 0 0;
}



/*=====================================
サーバー版
=====================================*/
#SERVER-PAGE {
	position: relative;
}
#SERVER-PAGE h1.h-BarGreen,
#SERVER-PAGE h2.h-BarGreen,
#SERVER-PAGE h3.h-BarGreen {
	    /*
	background-image: url(../site-img/icon_new.png);
    */
    border-left:5px solid #039c6d;
    padding-left:0.5em;
	color: #039c6d !important;
}
#SERVER-PAGE h1.h-BarGreen > a,
#SERVER-PAGE h2.h-BarGreen > a,
#SERVER-PAGE h3.h-BarGreen > a {
	color: #039c6d !important;
}
#SERVER-PAGE h1.h-BarGreen > a:hover,
#SERVER-PAGE h2.h-BarGreen > a:hover,
#SERVER-PAGE h3.h-BarGreen > a:hover {
	color: #039c6d !important;
}
#SERVER-PAGE h1.h-BarGray,
#SERVER-PAGE h2.h-BarGray,
#SERVER-PAGE h3.h-BarGray,
#SERVER-PAGE h4.h-BarGray {
	background-color: #e1f8ef !important;
	border-left: 3px solid #afead3 !important;
}

#SERVER-PAGE .over_bg h1.h-BarGray,
#SERVER-PAGE .over_bg h2.h-BarGray,
#SERVER-PAGE .over_bg h3.h-BarGray,
#SERVER-PAGE .over_bg h4.h-BarGray {
	background-color:#f1f1f1 !important;
	border-left: 3px solid #afead3 !important;
    color:#039c6d !important;
}



#SERVER-PAGE h1.h-BarGray > a:hover,
#SERVER-PAGE h2.h-BarGray > a:hover,
#SERVER-PAGE h3.h-BarGray > a:hover,
#SERVER-PAGE h4.h-BarGray > a:hover {
	color: #039c6d !important;
}
#SERVERTOP {
	position: relative;
	width: 950px;
	height: 165px;
	margin: 0 auto;
}
/*
#SERVERTOP h1 {
	position: absolute;
	top: 13px;
	left: 0;
	margin: 0;
	width: 302px;
	height: 68px;
	background-image: url(../site-img/server_logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
*/
#SERVERTOP span.green_box {
	position: absolute;
	top: 98px;
	left: 0;
	margin: 0;
	width: 400px;
	height: 34px;
    line-height: 36px;
	background-color: #039c6d;
	color: #fff;
	font-size: 18px;
	text-align: center;
}
/*
#SERVERTOP p {
	position: absolute;
	top: 0;
	left: 332px;
	margin: 0;
	width: 617px;
	height: 125px;
	background-image: url(../site-img/server_toplead.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
*/

.server_top {color:#fff; }
.server_top p,
.server_top ul,
.dte_top p,
.dte_top ul,
.main_visual p {line-height: 1.4em; margin-bottom:1em;}

.server_top ul li {line-height: 1.4em;}

a.server-btn01 {
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	width: 400px;
	height: 84px;
	background-image: url(../site-img/server_btn01.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
a.server-btn02 {
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	width: 400px;
	height: 60px;
	background-image: url(../site-img/server_btn01.gif);
	background-repeat: no-repeat;
	background-position: 0 -24px;
	text-indent: -9999px;
}
a.server-btn01:hover, a.server-btn02:hover {
	background-image: url(../site-img/server_btn01_hover.gif);
	transition: all .2s ease-in;
}
div.box-Type02 {
	display: block;
}
div.box-Type02 h2 {
	padding: 15px 0px 0px 0px;
	color: #1d1d1d;
	font-size: 16px;
	font-weight: bold;
	line-height: 160%;
	text-align: center;
}
div.box-Type02 p {
	margin: 0 auto;
	padding: 15px 0px 0px 0px;
	color: #1d1d1d;
	font-size: 14px;
	line-height: 160%;
}
#SERVER-SIMULATOR {
	display: block;
	width: 545px;
	height: 85px;
	margin: 0 0 25px 20px;
	background-image: url(../site-img/server_simulator.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}



/*=====================================
デスクトップ版
=====================================*/
#DESKTOP-PAGE {
	position: relative;
}
#DESKTOP-PAGE h1.h-BarGreen,
#DESKTOP-PAGE h2.h-BarGreen,
#DESKTOP-PAGE h3.h-BarGreen {
/*
    background-image: url(../site-img/icon_bar_desktop.png) !important;
    */
    border-left:5px solid #456bba;
    padding-left:0.5em;
	color: #456bba !important;
}
#DESKTOP-PAGE h1.h-BarGreen > a,
#DESKTOP-PAGE h2.h-BarGreen > a,
#DESKTOP-PAGE h3.h-BarGreen > a {
	color: #456bba !important;
}
#DESKTOP-PAGE h1.h-BarGreen > a:hover,
#DESKTOP-PAGE h2.h-BarGreen > a:hover,
#DESKTOP-PAGE h3.h-BarGreen > a:hover {
	color: #456bba !important;
}
#DESKTOP-PAGE h1.h-BarGray,
#DESKTOP-PAGE h2.h-BarGray,
#DESKTOP-PAGE h3.h-BarGray,
#DESKTOP-PAGE h4.h-BarGray {
	background-color: #dee8fc !important;
	border-left: 3px solid #bacdf3 !important;
}
#DESKTOP-PAGE h1.h-BarGray > a:hover,
#DESKTOP-PAGE h2.h-BarGray > a:hover,
#DESKTOP-PAGE h3.h-BarGray > a:hover,
#DESKTOP-PAGE h4.h-BarGray > a:hover {
	color: #456bba !important;
}
#DESKTOP {
	position: relative;
	width: 950px;
	margin: 0 auto;
}
/*
#DESKTOP h1 {
	position: absolute;
	top: 13px;
	left: 0;
	margin: 0;
	width: 302px;
	height: 68px;
	background-image: url(../site-img/desktop_logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
*/

#DESKTOP span.blue_box {
	position: absolute;
	top: 98px;
	left: 0;
	margin: 0;
	width: 400px;
	height: 27px;
	background-color: #456bba;
	color: #fff;
	font-size: 14px;
	line-height: 200%;
	text-align: center;
}
/*
#DESKTOP p {
	position: absolute;
	top: 0;
	left: 332px;
	margin: 0;
	width: 617px;
	height: 168px;
	background-image: url(../site-img/desktop_toplead.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
*/

a.desktop-btn01 {
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	width: 400px;
	height: 84px;
	background-image: url(../site-img/desktop_btn01.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
a.desktop-btn02 {
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	width: 400px;
	height: 84px;
	background-image: url(../site-img/desktop_btn02.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
a.desktop-btn03 {
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	width: 400px;
	height: 60px;
	background-image: url(../site-img/desktop_btn01.gif);
	background-repeat: no-repeat;
	background-position: 0 -24px;
	text-indent: -9999px;
}
a.desktop-btn04 {
	display: inline-block;
	*display: inline;  
	*zoom: 1;
	width: 400px;
	height: 60px;
	background-image: url(../site-img/desktop_btn02.gif);
	background-repeat: no-repeat;
	background-position: 0 -24px;
	text-indent: -9999px;
}
a.desktop-btn01:hover, a.desktop-btn03:hover {
	background-image: url(../site-img/desktop_btn01_hover.gif);
	transition: all .2s ease-in;
}
a.desktop-btn02:hover, a.desktop-btn04:hover {
	background-image: url(../site-img/desktop_btn02_hover.gif);
	transition: all .2s ease-in;
}
#DESKTOP-SIMULATOR {
	display: block;
	width: 545px;
	height: 85px;
	margin: 0 0 25px 20px;
	background-image: url(../site-img/desktop_simulator.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}



/*=====================================
SDK版
=====================================*/
#SDK-PAGE {
	position: relative;
}
#SDK-PAGE h1.h-BarGreen,
#SDK-PAGE h2.h-BarGreen,
#SDK-PAGE h3.h-BarGreen {
/*	background-image: url(../site-img/icon_bar_sdk.png) !important; */
	color: #e12890 !important;
}
#SDK-PAGE h1.h-BarGreen > a,
#SDK-PAGE h2.h-BarGreen > a,
#SDK-PAGE h3.h-BarGreen > a {
	color: #e12890 !important;
}
#SDK-PAGE h1.h-BarGreen > a:hover,
#SDK-PAGE h2.h-BarGreen > a:hover,
#SDK-PAGE h3.h-BarGreen > a:hover {
	color: #e12890 !important;
}
#SDK-PAGE h1.h-BarGray,
#SDK-PAGE h2.h-BarGray,
#SDK-PAGE h3.h-BarGray,
#SDK-PAGE h4.h-BarGray {
	background-color: #feebf6 !important;
	border-left: 3px solid #f7cae4 !important;
}
#SDK-PAGE h1.h-BarGray > a:hover,
#SDK-PAGE h2.h-BarGray > a:hover,
#SDK-PAGE h3.h-BarGray > a:hover,
#SDK-PAGE h4.h-BarGray > a:hover {
	color: #e12890 !important;
}

#SDK-PAGE h2.h-BarGreen {border-color:#ff4675;}



#SDK {
	position: relative;
	width: 950px;
	height: 190px;
	margin: 0 auto;
}
#SDK h1 {
	position: absolute;
	top: 13px;
	left: 0;
	margin: 0;
	width: 302px;
	height: 68px;
	background-image: url(../site-img/sdk_logo.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#SDK span {
	position: absolute;
	top: 98px;
	left: 0;
	margin: 0;
	width: 302px;
	height: 27px;
	background-color: #e12890;
	color: #fff;
	font-size: 14px;
	line-height: 200%;
	text-align: center;
}
#SDK p {
	position: absolute;
	top: 0;
	left: 332px;
	margin: 0;
	width: 617px;
	height: 150px;
	background-image: url(../site-img/sdk_toplead.gif);
	background-repeat: no-repeat;
	text-indent: -9999px;
}


/*add*/
.flbox-left {
	width:50%;
	float:left;
}
.flbox-right {
	width:50%;
	float:right;
}
.contents-full ol {
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 25px;
	margin-left: 20px;
}
.contents-right ol {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 20px;
	list-style-position: inside;
}
.contents-full ol li,
.contents-right ol li {
	background-repeat: no-repeat;
	background-position: 0 7px;
	font-size: 14px;
	line-height: 160%;
	list-style-type: decimal !important;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}
.contents-full ol li:last-child,
.contents-right ol li:last-child {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.fs-es {
	font-size:0.6em !important;
}
.fs-s {
	font-size:0.8em !important;
}
.fs-l {
	font-size:1.2em !important;
}
.fs-el {
	font-size:1.4em !important;
}


/*最後に統合*/
#PAGETOP {
	z-index: 999;
	position: fixed;
	right: 35px;
	bottom: 100px;
}
#PAGEBANNER h1 div {
	display: block;
	width: 990px;
	height: 45px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#PAGEBANNER div#PAGEBANNER01 {
	background-image: url(../site-img/pagebanner01.gif);
}
#PAGEBANNER div#PAGEBANNER02 {
	background-image: url(../site-img/pagebanner02.gif);
}
#PAGEBANNER div#PAGEBANNER03 {
	background-image: url(../site-img/pagebanner03.gif);
}
#PAGEBANNER div#PAGEBANNER04 {
	background-image: url(../site-img/pagebanner04.gif);
}
#PAGEBANNER div#PAGEBANNER05 {
	background-image: url(../site-img/pagebanner05.gif);
}
#PAGEBANNER div#PAGEBANNER06 {
	background-image: url(../site-img/pagebanner06.gif);
}
#PAGEBANNER div#PAGEBANNER07 {
	background-image: url(../site-img/pagebanner07.gif);
}
#PAGEBANNER div#PAGEBANNER08 {
	background-image: url(../site-img/pagebanner08.gif);
}
#PAGEBANNER div#PAGEBANNER09 {
	background-image: url(../site-img/pagebanner09.gif);
}
#PAGEBANNER div#PAGEBANNER10 {
	background-image: url(../site-img/pagebanner10.gif);
}
#PAGEBANNER div#PAGEBANNER11 {
	background-image: url(../site-img/pagebanner11.gif);
}
#PAGEBANNER div#PAGEBANNER12 {
	background-image: url(../site-img/pagebanner12.gif);
}
#PAGEBANNER div#PAGEBANNER13 {
	background-image: url(../site-img/pagebanner13.gif);
}

/*add*/
.mglt20 {
	margin-left: 20px;
}
.flbox-left {
	width:50%;
	float:left;
}
.flbox-right {
	width:50%;
	float:right;
}
.contents-full ol {
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 25px;
	margin-left: 63px;
}
.contents-right ol {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 25px;
	margin-left: 43px;
	list-style-position: outside;
}
.contents-full ol li,
.contents-right ol li {
	background-repeat: no-repeat;
	background-position: 0 7px;
	font-size: 14px;
	line-height: 160%;
	list-style-type: decimal !important;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 6px;
	padding-left: 0px;
}
.contents-full ol li:last-child,
.contents-right ol li:last-child {
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.fs-es {
	font-size:0.6em !important;
}
.fs-s {
	font-size:0.8em !important;
}
.fs-l {
	font-size:1.2em !important;
}
.fs-el {
	font-size:1.4em !important;
}
input.btn-Full {
	display: block;
	box-sizing: border-box;
	margin: 0 25px 30px 20px;
	padding: 10px 20px 8px 20px;
	font-size: 16px;
	font-weight: bold;
	line-height: 160%;
	text-decoration: none;
	text-align: center;
	cursor:pointer;
}
input.pink-Big {
	color: #ffffff;
	background-color: #ff4675;
	border: 3px solid #ff9db6;
	box-shadow: 0 2px 0 #e6e6e6;
}
input.pink-Big:hover {
	background-color: #ff9db6;
}
.mbtm0 {
	margin-bottom: 0px !important;
}
.nolink { 
	cursor:default;
}
tr#NXPowerLite th {
	background: #98D5E4;
	color: #333;
	padding-top: 10px;
	padding-bottom: 10px;
    white-space: nowrap;
}
tr#NXPowerLiteFS th {
	background: #C2DDA2;
	color: #333;
	padding-top: 10px;
	padding-bottom: 10px;
}
.cmn_table tr:nth-child(odd) td  { 
  background-color: #f9f9f9 !important;
}
.cmn_table td.table-right  {
	text-align:right;
    white-space: nowrap;
}
.cmn_table td.table-center  {
	text-align:center;
}
.caution {
	color: #F00;
}
.cmn_table th.white  { 
  background-color: #FFFFFF !important;
}
.cmn_table th.total  { 
	padding-top: 10px;
	padding-bottom: 10px;
    white-space: nowrap;
}


/*add2018/03*/
.column2 {
	box-sizing: border-box;
	display: inline-block;
	width: 450px;
	margin-left: 20px;
	margin-right: 20px;
	margin-bottom: 40px;
	padding: 20px 0px;
	vertical-align: top;
}
.linebox {
	border: 1px solid #1d1d1d;
}
.column2 > h2 {
	margin: 0 20px 10px 20px;
	color: #1d1d1d;
	font-size: 15px;
	font-weight: bold;
	line-height: 160%;
}


/*最後に上書き*/
#PAGETOP {
	z-index: 999;
	position: fixed;
	right: 35px;
	bottom: 100px;
}
#PAGEBANNER h1 div {
	display: block;
	width: 990px;
	height: 45px;
	background-repeat: no-repeat;
	text-indent: -9999px;
}
#PAGEBANNER div#PAGEBANNER01 {
	background-image: url(../site-img/pagebanner01.gif);
}
#PAGEBANNER div#PAGEBANNER02 {
	background-image: url(../site-img/pagebanner02.gif);
}
#PAGEBANNER div#PAGEBANNER03 {
	background-image: url(../site-img/pagebanner03.gif);
}
#PAGEBANNER div#PAGEBANNER04 {
	background-image: url(../site-img/pagebanner04.gif);
}
#PAGEBANNER div#PAGEBANNER05 {
	background-image: url(../site-img/pagebanner05.gif);
}
#PAGEBANNER div#PAGEBANNER06 {
	background-image: url(../site-img/pagebanner06.gif);
}
#PAGEBANNER div#PAGEBANNER07 {
	background-image: url(../site-img/pagebanner07.gif);
}
#PAGEBANNER div#PAGEBANNER08 {
	background-image: url(../site-img/pagebanner08.gif);
}
#PAGEBANNER div#PAGEBANNER09 {
	background-image: url(../site-img/pagebanner09.gif);
}
#PAGEBANNER div#PAGEBANNER10 {
	background-image: url(../site-img/pagebanner10.gif);
}
#PAGEBANNER div#PAGEBANNER11 {
	background-image: url(../site-img/pagebanner11.gif);
}
#PAGEBANNER div#PAGEBANNER12 {
	background-image: url(../site-img/pagebanner12.gif);
}
#PAGEBANNER div#PAGEBANNER13 {
	background-image: url(../site-img/pagebanner13.gif);
}
#menu ul a {    
    padding: 12px 8px;
    width: 230px;
    _height: 10px; /*IE6 only*/
    display: block;
	box-sizing: border-box;
	border-bottom: #d9d9d8 solid 1px;
    float: none;
    text-transform: none;
	color: #1d1d1d;
	text-decoration: none;
}



.over_bg {background: #ccc;}


.over_bg{
	width: 100vw;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
    background-color: #f1f1f1;
    padding: 40px 0 20px 0;
    margin-bottom:30px;
}
.over_bg .inner{
    width:990px;
	margin: 0 auto ;
}

/* By intermidns */



.header_dl { vertical-align: middle; width:350px; height:40px; background: #F8D24D; text-align: center; border-radius: 3px;margin-top:2px; padding-top:10px; box-sizing: border-box;}
.header_dl:hover {background: #FFF663;}

.dl_banner_green {display: block; width:60%; text-align: center; padding:20px; box-sizing: border-box; color:#fff; background: rgba(3,156,109,0.80);
border-radius: 2px; border:2px solid #fff; margin: auto; font-size:16px;}
.dl_banner_green:hover {background: #37B991; color:#fff; transition: 0.3s}
.dl_banner_green span {display:block; font-size:14px;}


.dl_banner_blue {display: block; width:75%; text-align: center; padding:20px; box-sizing: border-box; color:#fff; background:rgba(69,107,186,0.90);
border-radius: 2px; border:2px solid #fff; margin: auto; font-size:16px; line-height: 1.3em;}
.dl_banner_blue:hover {background: #456bba; color:#fff; transition: 0.1s; border-color:#F8D24D;}
.dl_banner_blue span {display:block; font-size:14px;}

.dl_banner_pink {display: block; width:75%; text-align: center; padding:20px; box-sizing: border-box; color:#fff; background:rgba(225,73,104,0.80);
border-radius: 2px; border:2px solid #fff; margin: auto; font-size:16px; margin-top:10px;}
.dl_banner_pink:hover {background: #E14968; color:#fff; transition: 0.3s}
.dl_banner_pink span {display:block; font-size:14px;}


.bold {font-weight: bold;}
.server_top {background: url(/products/images/nxp_fse_top_bg.jpg) right center; background-size:cover;}
.dte_top {background: url(/products/images/nxp_dte_top_bg.jpg) center top; background-size:cover; color: #fff;}
.main_visual {background: url(/products/images/nxp_personal_top_bg.jpg) center center; background-size:cover; color: #fff;}

.main_visual2  {background: url(/site-img/header_bg.jpg) right center; background-size:cover;}
.main_visual3  {background: url(/site-img/header_bg-dark.jpg) right center; background-size:cover; margin-bottom:0 !important;}
#DESKTOP-PAGE h2.h-BarGreen {color:#456bba !important;}

a img:hover {opacity: 0.8; transition: 0.3s;}

.alignCenter {text-align: center;}
.alignLeft {text-align: left;}
.alignRight {text-align: right}

.main_visual p {line-height: 1.3em;}

.h-BarGreen {font-size:24px !important;}

.price {font-weight: bold; font-size:30px; margin-top:1em;padding-left:2em;}
.price span {font-size:60%;}


.image_box1 {height: 210px; text-align: center;}

.image_box2  {height: 180px; text-align: center; padding:0 10px;}

.image_box3  {height: 130px; text-align: center;}

.img_box_gray {text-align: center; background: #dde2e6; padding:30px; box-sizing: border-box;}
 
/* PRODUCT FORM Arrangement*/

form#cvForm input, form#cvForm textarea {border:1px solid #ccc;}
form#cvForm input:hover, form#cvForm textarea:hover {border-color: #393939}
form#cvForm input[type="text"]{height:36px; width:480px; padding:8px; font-size:20px; box-sizing: border-box;}
form#cvForm input#last_name,form#cvForm input#first_name {width:230px; margin-right:20px;}

form#cvForm textarea {font-size:20px;}
form#cvForm select {font-size:16px;}
form#cvForm input.button {font-size:30px; padding:20px;}
form#cvForm label:hover {font-weight: bold;}
form#cvForm input:checked + label {font-weight: bold;} 
input::placeholder {font-size:70%; color:#999;}

form#cvForm .cmn_btn_submit {width:240px; height:60px; font-size:20px; font-weight: bold; border: 2px solid #039c6d; color:#039c6d; background: #ffffff;transition: 0.3s ; margin-bottom:3em;}
form#cvForm .cmn_btn_submit:hover {background:#039c6d; color:#fff;}

#DESKTOP-PAGE form#cvForm .cmn_btn_submit {border-color:#456bba; color:#456bba;}
#DESKTOP-PAGE form#cvForm .cmn_btn_submit:hover {background:#456bba; color:#fff;}


.target {padding-top: 100px !important; margin-top: -100px !important;}
.bold {font-weight: bold;}
/*
.fl-imgright {float:right;}
*/
table.box01 td,
table.box01 th {
    padding: 5px ;
    font-size: 14px;
    text-align: left;
}

table.box01 th {font-weight: bold;}

td.gray {background-color: #f3f3f3;}

.one_half {width:50%; float:left;}
.layout_wrapper {float:none; overflow: hidden; }