@charset "utf-8";

/*========================
■ エンベデッド製品共通
========================*/
* {
	box-sizing: border-box;
}

h1 {
	font-size: 22px !important;
	line-height: 140% !important;
	margin-top: 30px !important;
	margin-bottom: 30px !important;
}

h2.nolabel,
h3.nolabel {
    padding: 0 !important;
    background: none !important;
	border: none !important;
    margin-left: 0 !important;
}

.ttl_h3 {
	font-size:16px;
	line-height:140%;
	font-weight:bold;
}


.embe_anchor {
	margin-bottom: 30px;
}
.embe_anchor li {
	padding-left: 30px !important;
	padding-right: 30px !important;
}
#common_list .pdf,
#common_list .zip{
	background-position: 0px 3px;
	padding-left: 45px;
}
#common_list .pdf {
	background-image: url(/embedded/support/images/ico_dl_pdf.gif);
}
#common_list .zip {
	background-image: url(/embedded/support/images/ico_dl_zip.gif);
}
/*========================
 ■ スライドパネル
 ========================*/
a.slide {
	display: inline-block;
	font-size: 15px;
}

a.slide i {
	padding-left: 5px;
	font-size: 18px;
	vertical-align: middle;
}
	
.slideBox {
	display:none;
}

/*========================
■4: #header_swrc
========================*/
#header_swrc {
    width: 900px;
    background: url(/common/img_p/bg_header_n.gif) repeat-x top;
    height: 49px;
    margin: 0;
    border-bottom: 2px solid #6575AB
}


/*========================
■ トップ
========================*/
#embedded_home h1 {
	text-align: center;
	margin: 0 0 4px !important;
	padding: 0 !important;
}

#embedded_home h2 {
	font-size: 18px;
	text-align: left;
	background: none !important;
	border: none !important;
	margin: 0 0 10px !important;
	padding: 0 !important;
}

#embedded_home h3 {
	background: none !important;
	border: none !important;
}

#embedded_home h4 {
	background: none !important;
	border: none !important;
}

#embedded_home .linkmenu01 ul {
	background: #ff0 !important;
	margin: 0 !important;
	padding: 0 !important;
}

#embedded_home .linkmenu01 li {
	float: left;
	list-style: none;
	width: 25%;
	text-align: center;
	margin: 0 !important;
	padding: 0 !important;
}

#embedded_home .intro  {
    font-size: 16px;
	line-height: 130%;
	width: 910px;
	margin:10px auto;
}
	
/* 2017 3Q改版 */
#embedded_home .linkmenu01.lineup-box ul li{
	text-align: left;
}
#embedded_home .linkmenu01.lineup-box > ul{
	display: flex;
	background: none !important;
}
#embedded_home .linkmenu01.lineup-box > ul > li{
	width: 225px;
	margin-right: 22px !important;
	border-style: solid;
	border-width: 2px;
}
#embedded_home .linkmenu01.lineup-box li:last-child{
	margin-right: 0 !important;
}
#embedded_home .linkmenu01.lineup-box li .inner{
	padding: 0 15px !important;
}
#embedded_home .linkmenu01.lineup-box li .inner > ul > li,
#embedded_home .linkmenu01.lineup-box .link-more{
	font-size: 90%;
}
#embedded_home .linkmenu01.lineup-box .inner > ul {
	margin: 10px 0 !important;
	border-top: #666 dotted 1px;
	background: none !important;
}
#embedded_home .linkmenu01.lineup-box li li,
#embedded_home .linkmenu01.lineup-box .link-more{
	width: 100%;
	background: url(/embedded/images/icon_arrow2.gif) no-repeat left 7px;
	padding: 3px 0 3px 13px !important;
}
#embedded_home .linkmenu01.lineup-box li li.open {
	background: url(/embedded/images/icon_arrow_down.gif) no-repeat left 7px;
	padding: 3px 0 3px 13px !important;
}
#embedded_home .lineup-box li.som {
	border-color: #586db0;
}

#embedded_home .lineup-box li.boardcomputer {
	border-color: #3497d2;
}
#embedded_home .lineup-box li.ar {
	border-color: #20b4c0;
}
#embedded_home .lineup-box li.enhancement {
	border-color: #71b163;
}

/* 2018/4 改版 */
.topimages {
	margin: -20px 0 0;
}

/*========================
■ 製品一覧
========================*/
.productList {
	border-top: 1px solid #ccc;
}

.productList .product_row {
	clear: both;
	border-bottom: 1px solid #ccc;
}

.productList .sep {
	border-bottom: 5px double #ccc;
}

.productList .product_row a {
	display: block;
	width: 100%;
	height: 120px;
	text-decoration: none !important;
}

.productList .product_row a:hover {
	background: #eff7ff;
}

.productList .product_img {
	float: left;
	margin: 5px 30px 0 30px;
}

.productList .product_feature {
	display: block;
	padding-top:20px;
	color: #333;
}

.productList .product_ttl {
	display: inline-block;
	padding-top:7px;
	font-size:16px;
	font-weight:bold;
	text-decoration: underline;
}


/*========================
■ CPU一覧
========================*/
h1.appli_ttl {
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

.list_box_cpu {
	border:#ccc solid 1px;
	padding:20px 0 10px 10px;
	width:850px;
	margin:5px auto 20px;
}

.top_list_float_cpu li {
	float:left;
	list-style: none;
	margin-right:30px;
	padding:0;
}

.top_list_float_cpu li.last {
	float:left;
	margin-right:0;
	padding:0;
}

li.cpu {
	list-style: none;
	background: url("/embedded/images/icon_arrow.gif") no-repeat 0 .25em;
	padding-left: 13px;
	font-weight:bold;
	}

li.list_cpu {
	list-style: none;
	padding-left: 15px;
}

/*========================
■ アプリケーション
========================*/
.application_box {
	background: #E2F3FF;
	width: 96%;
	margin: 20px auto 10px;
	height: 260px;
	border-radius: 20px;
	overflow: auto;
}

.application_box .task {
	float: left;
	width: 35%;
	padding-top: 15px;
}
.application_box h3 {
	background: none !important;
	border: none !important;
	font-size: 20px !important;
	font-weight: normal !important;
	padding: 0 !important;
	margin: 15px 0 0 30px  !important;
}

.application_box .task ul {
	margin-left: 60px !important;
}

.application_box .products_link {
	float: right;
	height: 200px;
	margin-top:30px;
	margin-right: 25px;
	border-radius: 8px;
	background: #fff;
}

.application_box .products_link ul {
	margin: 35px 15px 25px 0 !important;
	/*width: 525px;*/
}

.application_box .products_link li {
	list-style: none;
	float: left;
	margin-left: 15px !important;
	font-size: 12px;
	line-height: 120%;
	text-align: center;
}

.application_box .products_link li img {
	/*border: 1px solid #ccc;*/
	margin-bottom: 5px;
}

/*========================
■ カタログダウンロード
========================*/
.catalog {
	margin-top: 15px;
	margin-bottom: 15px;
}

.catalog h2 {
	background: none !important;
	border: none !important;
	font-size: 16px !important;
	color: #fff !important;
	text-align: center !important;
	margin: 0 !important;
	padding: 5px 0 7px !important;
}

.catalog h3 {
	font-size: 15px !important;
	padding: 5px 7px !important;
	margin: 0 !important;
}

.catalog .inner {
	background: #fff !important;
	padding: 7px !important;
	overflow: auto;
}

.catalog ul {
	margin: 5px 0 0 0 !important;
}

.catalog ul li {
	padding: 5px 3px !important;
	margin: 0 !important;
}

.catalog .col1 {
	width: 24%;
}
.catalog .col2 {
	width: 23.5%;
}

.catalog .col3 {
	width: 50%;
}

.catalog .col1 {
	padding: 0 5px 0 0;
    float: left;
}

.catalog .col2 {
	padding: 0 5px;
    float: left;
}

.catalog .col3 {
	padding: 0 0 0 5px;
    float: left;
}

.catalog .som,
.catalog .boardcomputer,
.catalog .ar,
.catalog .card {
	padding: 4px;
}

.catalog .som {
	background: #586db0;
}
.catalog .boardcomputer {
	background: #3497d2;
}
.catalog .ar {
	background: #20b4c0;
}
.catalog .card {
	background: #71b163;
}

.catalog .ar .ar_l {
	float: left;
	width: 49%;
}
.catalog .ar .ar_r {
	float: right;
	width: 49%;
}
/* 2017_3Q追加 */

ol.notice-list{
	padding:0 0 0 2em;
	margin:0 !important;
}
ol.notice-list > li{
	list-style-type:none;
	list-style-position:inside;
	counter-increment: cnt;
	padding-left: 3em;
	text-indent: -3em;
}
ol.notice-list > li:before{
	display: marker;
	content: "(注" counter(cnt) ") ";
	color: #c33;
}
ol.notice-list ul li{
	padding-left: 1em;
	list-style-position: inside;
}
a .notice{
	text-decoration: underline;
	text-decoration-color: #c33;
}

/*========================
■ 2018/4 コンテンツダウンロード
========================*/
.successor {
	display:none;
}

/*========================
■ 2018/4 カスタマイズ、マニュアルボタン
========================*/
.info_btn_all {
	margin:30px auto 0;
	padding:0;
	width:725px;
	box-sizing: border-box !important;
}
.info_btn_l {
	margin:0;
	padding:0 20px;
	float:left;
	box-sizing: border-box !important;
}
.info_btn_r {
	margin:0;
	padding:0 20px;
	float:right;
	box-sizing: border-box !important;
}

.info_btn_one {
	margin:30px auto 0;
	padding:0;
	width:320px;
	box-sizing: border-box !important;
}
.info_btn_c {
	margin:0;
	padding:0 20px;
	text-align: center;
	box-sizing: border-box !important;
}
.info_txt {
	text-align: left;
	display:inline-block;
}

/*========================
■ 2018/4_追加 製品一覧 トップ
========================*/
#embedded_home .tpList1 {
	margin-top:-30px
}

#embedded_home .tpList1 .col1, #embedded_home .tpList1 .col2 {
	width: 460px;
    float: left;
}

#embedded_home .tpList2 .col1, #embedded_home .tpList2 .col2 {
	width: 460px;
    float: left;
}

#embedded_home .tpList1 .col1 {
	padding: 0 25px 0 0;
}

#embedded_home .tpList2 .col1 {
	padding: 0 1px 0 0;
}

#embedded_home .tpList1 .col2 {
	padding: 0 20px 0 5px;
}

#embedded_home .tpList2 .col2 {
	padding: 0 0 0 1px;
}

#embedded_home .textL {
	margin: 15px 0 10px -10px;
	font-size: 1.071em;			/* 15px */
	line-height: 1.267em;		/* 19px */
	padding: 10px 10px 10px 20px;
	background: #f0f0f0;
	border-top: 1px solid #ccc;
    position: relative;
    zoom: 1;
}

#embedded_home .tpimg {
	padding: 0px 0px 0px 20px;
    margin: -15px 10px 0px 0;
    float: left;
    text-align: center;
    line-height: 18px;
}

#embedded_home .tpimg20 {
	padding: 0px 0px 0px 20px;
    margin: -15px 10px 0px 20px;
    float: left;
    text-align: center;
    line-height: 18px;
}

#embedded_home .alignR {
	text-align: right;
	margin-left:auto;
	margin-right: 5px;
}

/*========================
■ 2018/4 製品ラインナップ
========================*/
#main02 h3.lineup {
    padding: 4px 0 4px 10px;
    background: none;
    border-style: none none none solid;
    border-left: solid #212176 5px;
    margin-top: 15px;
    margin-left: 5px;
    margin-bottom: -15px;
    height: auto;
}

/*========================
■ 2018/4 カスタマイズ テキスト部分
========================*/
.custom_txt {
    width: 860px;
	padding: 0 0 0 50px;
}


/*========================
■ オンサイト保守対象ロゴボックス
========================*/
.onsite_mainte_box {
    position: relative;
    top: 30px;
    left: -50px;
    text-shadowdow: 1px 1px 2px #d37900;
    display: block;
    width: calc(130% - 2px);
    height: calc(100% - 2px);
    content: "";
    background: linear-gradient(to bottom, #ffc740 0%, #fb9705 53%, #f98e00 100%);
    border: 1px solid #bb8b42;
    border-color: #bf7900;
    border-radius: 4px;
}

.onsite_mainte_box p {
		position: relative;
		display: block;
		padding: 1em;
		color: #fff !important;
		font-size: 14px;
		font-weight: bold
}