@charset "UTF-8";


/* /solution/panel/shared/panel-assist-web/css/component-mt01.css
---------------------- 

[base]
 * opacity
 * layout

[component]
 * contentsSection
 * contentsSection element
    * heading
    * paragraph
 * labelList
 * btnList
 * btnList02
 * btnMore
 * layoutBlockA
 * layoutBlockB
 * layoutBlockC
 * layoutBlockD
 * imgBlockA
 * itemBlockA
 * itemBlockB
 * itemBlockC
 * table.type01
 * table.newsListDataTable

[font]
 * family
 * size
 * line-height

[margin]

---------------------- */

/* [base]
--------------------------------------------------------------------- */

/* opacity ------------------------------------- */
.itemBlockA a:hover .category,
.itemBlockA a:hover .img,
.btnList li:hover,
.btnList02 li:hover,
.opacity-txt:hover {
	filter: alpha(opacity=75);
	opacity: .75;
}

.itemBlockB a:hover img,
.opacity:hover img {
	filter: alpha(opacity=85);
	opacity: .85;
}
.none-opacity:hover img,
.none-opacity:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

/* layout -------------------------------------- */
.align_c {text-align:center;}
.align_l {text-align:left;}
.align_r {text-align:right;}
.round_l {float:left;}
.round_r {float:right;}

/* [component]
--------------------------------------------------------------------- */
.contents-area{
	color:#3b3b3b;
	font-size:13px;
	font-family: 'メイリオ', 'Meiryo', sans-serif;
	position:relative;
}

/* contentsSection ----------------------------- */
.contentsSection{
	position:relative;
	margin:35px 50px;
}
#contentsSectionTop{
	margin:50px 50px 35px;
}



/* contentsSection element --------------------- */

/* heading */
#contentsSectionTop{
	border-top: 3px solid #3b3b3b;
	background:url(/solution/panel/shared/panel-assist-web/img/heading-04.png) center 0 no-repeat;
	padding-top:40px;
}
#contentsSectionTop h1{
	text-align:center;
	margin-bottom:40px;
}

.contentsSection h2{
	border-top: 1px solid #3b3b3b;
	background:url(/solution/panel/shared/panel-assist-web/img/heading-03.png) center 0 no-repeat;
	text-align:center;
	padding-top:28px;
	margin:50px 0 30px;
}
.panelAssistWeb-navi-area .heading a{
	color:#fff;
}

/* paragraph */
.contentsSection p{
	margin-bottom:1em;
	line-height:1.7;
}

.contents-area .date{
	position:absolute;
	top:-2.4em; right:50px;
	margin-bottom:0;
	font-weight:bold;
}
.contents-area #contentsSectionTop .date{
	position:relative;
	top:0; right:0;
	margin-bottom:8px;
	text-align:center;
}
.contentsSection .heading02,
.contentsSection .heading01{
	font-weight:bold;
}

.contents-area .arrow{
	background:url(/solution/panel/shared/panel-assist-web/img/icon-arrow-01.png) 0 center no-repeat;
	padding:0 8px;
	color:#0055c4;
	font-weight:bold;
	text-decoration:none;
}
.contents-area .arrow:hover{
	text-decoration:underline;
}




/* entryBody element --------------------- */

/* list */
.entryBody li {
	list-style:outside disc;
	margin-left:24px;
}
.entryBody h3.pgroup {
	text-align:center;
}
.entryBody .center {
	text-align:center;
	margin:28px auto;
}
.entryBody .center * {
	max-width:100%;
}
.entryBody .center>div {
	margin:0 auto;
}




/* labelList ----------------------------------- */

.labelList{
	display:table;
	margin:0 auto 14px;
	font-size:12px;
}
.labelList li{
	width:auto;
	display:table-cell;
	border:2px solid #fff;
	vertical-align:middle;
	text-align:center;
}
.labelList li span{
	color:#fff;
	padding: 5px 12px 4px;
}

.labelList li.type01 span{background:#3b3b3b;}
.labelList li.type02 span{background:#002b57;}




/* btnList ------------------------------------- */

.btnList{
	display:table;
	margin:0 auto;
}
.btnList li{
	width:270px;
	display:table-cell;
	border:10px solid #fff;
	vertical-align:middle;
	text-align:center;
}
.btnList li p{
	padding:2px;
	background:#0046a0;
	border:1px solid #0046a0;
}
.btnList li a{
	display:table-cell;
	width:268px;
	padding-left:15px;
	background:#0046a0 url(/solution/panel/shared/panel-assist-web/img/icon-arrow-08.png) 10px center no-repeat;
	border:1px solid #0046a0;
	vertical-align: middle;
	text-align:center;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
}
.btnList li a span{
	display:table-cell;
	width:249px;
	padding:10px 0;
	background:#0046a0;
	border:1px solid #0046a0;
	vertical-align: middle;
}

/* .icon-addTo */
.btnList li.icon-addTo p{
	background:#fff;
}
.btnList li.icon-addTo a{
	padding-left:41px;
	background:#0046a0 url(/solution/panel/shared/panel-assist-web/img/icon-addto-01.png) 12px center no-repeat;
	color:#0046a0;
}
.btnList li.icon-addTo a span{
	display:table-cell;
	width:223px;
	background:#fff;
	border:1px solid #fff;
}

/* btnList02 ----------------------------------- */
.btnList02{
	text-align:center;
	font-size:12px;
}
.btnList02 li{
	margin:10px 3px;
	width:auto;
	display:inline-block;
}
.btnList02 a{
	display:block;
	background-repeat: no-repeat;
	background-position: 11px center;
	width:auto;
	text-decoration:none;
	font-weight:bold;
}
.btnList02 a.icon-externalWin{
	background-position: 7px center;
}
.btnList02 a span{
	display:block;
	margin-left:24px;
	padding:5px 16px 3px;
}

/* type01 */
.btnList02 .type01 a{
	background-image: url(/solution/panel/shared/panel-assist-web/img/icon-arrow-08.png);
	background-color: #0046a0;
	color:#0046a0;
}
.btnList02 .type01 a.icon-externalWin{
	background-image: url(/solution/panel/shared/panel-assist-web/img/icon-win-03.png);
}
.btnList02 .type01 a span{
	background:#b3cced;
}

/* type02 */
.btnList02 .type02 a{
	background-image: url(/solution/panel/shared/panel-assist-web/img/icon-arrow-06.png);
	background-color: #3b3b3b;
	color:#3b3b3b;
}
.btnList02 .type02 a.icon-externalWin{
	background-image: url(/solution/panel/shared/panel-assist-web/img/icon-win-04.png);
}
.btnList02 .type02 a span{
	background:#e5e5e5;
}

/* return */
.contents-area #contentsSectionTop .infoLink{
	text-align:right;
	position:absolute;
	top:20px; right:0;
}


/* btnList02 ----------------------------------- */
/* リンクグループ用CSS */
.entry-out-links li {
	list-style:none;
	max-width:80%;
	margin:20px auto;
	text-align:center;
	font-size:16px;
}
.entry-out-links li a {
	display:block;
	padding:16px 2px 14px;
	border:1px solid #ccc;
	text-decoration:none;
	color:#3b3b3b;
	font-weight:bold;
}
.entry-out-links li a:hover {
	border:1px solid #0046a0;
	color:#0046a0;
}
.entry-out-links li a span {
	display:block;
	padding:0 4px;
	background:url(http://www.fa.omron.co.jp/solution/panel/shared/panel-assist-web/img/icon-arrow-07.png) 9px center no-repeat;
}
.entry-out-links li a:hover span {
	background-image:url(http://www.fa.omron.co.jp/solution/panel/shared/panel-assist-web/img/icon-arrow-01.png);
}
.entry-out-links span.label {
	font-size: 11px;
	background: #000!important;
	color: #fff;
	display: inline-block;
	padding: 3px 3px 1px;
	margin-right: 10px;
	letter-spacing: 0;
}
.entry-out-links li img {
	margin-left:0.5em;
	vertical-align:baseline;
}


/* btnMore ------------------------------------- */
.btnMore {
	margin-top:30px;
	padding-bottom:30px;
}
.btnMore a{
	background:url(/solution/panel/shared/panel-assist-web/img/icon-arrow-10.png) center bottom no-repeat;
	border:1px solid #ccc;
	color:#3b3b3b;
	display:block;
	font-weight:bold;
	padding:16px 0 16px 0;
	text-align:center;
	text-decoration:none;
}
.btnMore a:hover{
	background:url(/solution/panel/shared/panel-assist-web/img/icon-arrow-09.png) center bottom no-repeat;
	border:1px solid #0046a0;
	color:#0046a0;
}


/* entryContact ----------------------------------- */
/* お問い合わせ */
.entryContact {
	margin:30px 0;
}
.entryContact address {
	margin:0 70px;
	overflow:hidden;
	font-style:normal;
	color:#787878;
	_zoom:1;
}
.entryContact address .main {
	float:left;
	margin-right:20px;
	color:#3094e1;
}
.entryContact address p {
	overflow:hidden;
	padding-top:1em;
	_zoom:1;
}
.entryContact address .sub {
	font-weight:bold;
	text-decoration:none;
	color:#3b3b3b;
}

/* parallelBlockH */
.parallelBlockH h3 {
	font-size:18px;
}
.parallelBlockH .unit01,
.parallelBlockH .unit02 {
	padding:10px;
	border:1px solid #ccc;
	text-align:center;
}
.parallelBlockH .unit01 {
	float:left;
}
.parallelBlockH .unit02 {
	float:right;
}
.parallelBlockH .btnList02 .type01,
.parallelBlockH .btnList02 .type02 {
	margin:10px 0 0;
}
.parallelBlockH .btnList02 .type01 span,
.parallelBlockH .btnList02 .type02 span {
	padding-right:8px;
	padding-left:10px;
}
.parallelBlockH .btnList02 .type01+.type01,
.parallelBlockH .btnList02 .type02+.type02 {
	margin-left:5px;
}


/* layoutBlockA,layoutBlockB --------------- */
.layoutBlockB,
.layoutBlockA {
	width:100%;
	margin-bottom:30px;
}
.layoutBlockB .image,
.layoutBlockA .image{
	width:270px;
	padding-top:3px;
}
.layoutBlockB .description,
.layoutBlockA .description{
	width:560px;
}
.layoutBlockB .description,
.layoutBlockA .image{
	float:left;
}
.layoutBlockB .image,
.layoutBlockA .description{
	float:right;
}

/* layoutBlockC ---------------------------- */
.layoutBlockC{
	width:100%;
	margin-bottom:30px;
}
.layoutBlockC .column02,
.layoutBlockC .column01{
	width:407px;
	float:left;
}
.layoutBlockC .column02{
	float:right;
}
.layoutBlockC .image{
	margin-bottom:27px;
}


/* layoutBlockD ---------------------------- */
.layoutBlockD{
	width:100%;
	margin-bottom:30px;
	padding-top:36px;
	border-top:1px solid #ccc;
}
.layoutBlockD .lead{

}
.layoutBlockD .movie{
	margin:30px 0 ;
	text-align:center;
}
.layoutBlockD .movie iframe{
}
.layoutBlockD .description{
	border:1px solid #ccc;
	padding:16px 20px;
}
.layoutBlockD .description ul{
	border-top:1px solid #ccc;
	padding-top:18px;
	margin-top:14px;
}
.layoutBlockD a.icon-pdf{
	background: url("/solution/panel/shared/panel-assist-web/img/icon-pdf-01.png") no-repeat  left center;
	padding-left:16px;
	color:#3b3b3b;
	text-decoration:none;
}
.layoutBlockD a.icon-pdf span{
	color:#0046a0;
	margin-right:9px;
}
.layoutBlockD a.icon-pdf:hover span{
	text-decoration:underline;
}

/* imgBlockA ------------------------------- */
.imgBlockA{
	width:100%;
	margin-bottom:30px;
}



/* itemBlockA ------------------------------ */
.itemBlockA {
}
.itemBlockA li{
	display:block;
	margin:0 11px;
	float:left;
	width:270px;
}
.itemBlockA a,
.itemBlockA span{
	display:block;
	color:#787878;
	text-decoration:none;
}
.itemBlockA .category{
	border:1px solid #3b3b3b;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:4px 0 2px;
	background:#3b3b3b url(/solution/panel/shared/panel-assist-web/img/icon-arrow-06.png) 9px center no-repeat;
}
.itemBlockA .img{
	border:1px solid #3b3b3b;
}
.itemBlockA .description{
	color:#787878;
	margin:18px 0;
}

/* itemBlockB ------------------------------ */
.itemBlockB{
	margin-top:20px;
	border-top: 1px solid #ccc;
}
.itemBlockB .item{
	position:relative;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	min-height:160px;
}
.itemBlockB dl{
	padding:0 0 0 230px;
}
.itemBlockB dt{
	padding-top:53px;
	font-weight:bold;
}
.itemBlockB dd{
	padding:9px 25px 18px 0;
}
.itemBlockB a{
	text-decoration:none;
	color:#3b3b3b;
}
.itemBlockB a:hover{
	text-decoration:underline;
	color:#3b3b3b;
}
.itemBlockB .label{
	position:absolute;
	left:230px; top:17px;
}
.itemBlockB .label li{
	display:inline-block;
}
.itemBlockB .label span{
	background:#3b3b3b;
	color:#fff;
	display:inline-block;
	padding:3px 12px 2px;
	letter-spacing:0;
}
.itemBlockB img{
	position:absolute;
	left:20px; top:19px;
	border: 1px solid #ccc;
}

/* itemBlockC ------------------------------ */
.itemBlockC{
	margin-bottom:20px;
	overflow:hidden;
	_zoom:1;
}
.itemBlockC .item{
	float:left;
	clear:both;
	border-top: 1px solid #ccc;
	padding:20px 0 0 92px;
	margin-right:20px;
	position:relative;
	min-height:82px;
	width:325px;
}
.itemBlockC .item:nth-child(odd){
	float:right;
	clear:none;
	margin-right:0;
}

.itemBlockC .img{
	position:absolute;
	left:0; top:20px;
}
.itemBlockC img{
	border:1px solid #ccc;
	max-width:80px;
}

.itemBlockC span{
	display:block;
}
.itemBlockC a{
	display:block;
	color:#3b3b3b;
}

.itemBlockC .description,
.itemBlockC .title{
	float:left;
	width:100%;
	font-weight:bold;
}
.itemBlockC .description{
	font-weight:normal;
	padding:12px 0 6px;
}
.itemBlockC .title span{
	color:#0046a0;
}
.itemBlockC a:hover .title span{
	text-decoration:underline;
}
.itemBlockC .btnList02{
	text-align:left;
	margin-bottom:30px;
}
.itemBlockC .btnList02 .type02{
	margin-right:10px;
	margin-bottom:0;
	margin-left:0;
}



/* table.type01 ---------------------------- */
table.type01{
	border-collapse: collapse;
	border:1px solid #ccc;
	clear:both ;
	width:100%;
}

table.type01 td,
table.type01 th{
	text-align:left;
	font-weight:normal;
	border:1px solid #ccc;
	padding:10px 15px 8px;
}
table.type01 th{
	background:#f5f5f5;

}

/* newsListDataTable ----------------------- */
table.newsListDataTable{
	border-collapse: collapse;
	border-top:1px solid #ccc;
	clear:both ;
	width:100%;
}
table.newsListDataTable tr{
	border-bottom:1px solid #ccc;
}
table.newsListDataTable th{
	text-align:left;
}

table.newsListDataTable td,
table.newsListDataTable th{
	padding:20px 0 ;
	color:#787878;
}
table.newsListDataTable .label{
	color:#fff;
	background:#002b57;
	padding: 2px 0 1px;
	display:block;
	text-align:center;
}
table.newsListDataTable a{
	text-decoration:none;
	color:#787878;
	display:block;
}
table.newsListDataTable a:hover{
	text-decoration:underline;
	color:#0046a0;
}

/* [font]
--------------------------------------------------------------------- */

/* family -------------------------------------- */
.contentsSection .heading02,
.contentsSection .heading01,
.contents-area .date,
.contentsSection h4,
.contentsSection h3,
.contentsSection h2,
.contentsSection h1{
	font-family: 'Helvetica', 'Arial', '游ゴシック体', 'Yu Gothic', 'YuGothic', sans-serif;
}

/* return */


/* size ---------------------------------------- */
.contentsSection h1{
	font-size:28px;
}

.searchResultsMsg .num{
	font-size:24px;
}

.contentsSection .heading01,
.contentsSection h2{
	font-size:22px;
}

.parallelBlockF .unit01 .title{
	font-size:20px;
}

.contentsSection h3{
	font-size:20px;
}

.contentsSection h4{
	font-size:19px;
}

.contents-area .heading02,
table.type03 caption{
	font-size:16px;
}

.itemBlockB dt{
	font-size:15px;
}



table.newsListDataTable .label{
	font-size:12px;
}



/* line-height --------------------------------- */

.contentsSection .heading02,
.contentsSection .heading01{
	line-height:1.45;
}

.btnList06 li{
	line-height:1.3;
}

/* [margin]
--------------------------------------------------------------------- */

table.type01,
.layoutBlockA,
.layoutBlockB,
.layoutBlockC,
.layoutBlockD,
.imgBlockA,
.itemBlockB,
.itemBlockC{
	margin:30px 0;
}

.itemBlockA{
	margin:30px -11px;
}


.layoutBlockC .heading01{
	margin-top:50px;
}

.pt0 {padding-top:0px;}
.pt10 {padding-top:10px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt40 {padding-top:40px;}
.pt50 {padding-top:50px;}
.pt60 {padding-top:60px;}

.mt0 {margin-top:0px;}
.mt10 {margin-top:10px;}
.mt20 {margin-top:20px;}
.mt30 {margin-top:30px;}
.mt40 {margin-top:40px;}
.mt50 {margin-top:50px;}
.mt60 {margin-top:60px;}

.mb0 {margin-bottom:0px;}
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}

.mrl-10 {margin-right:-10px; margin-left:-10px;}
.mrl-20 {margin-right:-20px; margin-left:-20px;}
.mrl-30 {margin-right:-30px; margin-left:-30px;}
.mrl-40 {margin-right:-40px; margin-left:-40px;}
.mrl-50 {margin-right:-50px; margin-left:-50px;}
.mrl-60 {margin-right:-60px; margin-left:-60px;}