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

#print{
  
  display:none;
}

#gnv li#gnv_3 a {
	background-position: -308px bottom;
}

#cts {
	padding-bottom: 539px;
}

.cate-ttl {
	background-image: url(/jp/services/img/main_p.jpg);
}


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

 /services/index.html

------------------------*/
.idx .catelist {
	margin-top: 30px;
	overflow: hidden;
}
.idx .catelist .catelist-inr {
	width: 657px;
}
.idx .catelist .catelist-inr .commlink {
	background: url(/jp/common/img/corner_line01.gif) no-repeat right bottom;
	float: left;
	position: relative;
	width: 219px;
}
.idx .catelist .catelist-inr .commlink .inr {
	padding: 20px 19px 40px;
}
.idx .catelist .catelist-inr .commlink .inr h2 {
	font-size:115%;
	font-weight:bold;
	letter-spacing:0.05em;
	margin-bottom:3px;
	color:#444;
}
.idx .catelist .catelist-inr .commlink .inr .tx {
	margin-top: 15px;
	font-size: 108.3%;
}
.idx .catelist .catelist-inr .commlink .inr .more {
	position: absolute;
	bottom: 17px;
	right: 19px;
	font-size: 83.4%;
	border:1px solid #D52706;
  padding:0 3px;
}
.idx .catelist .catelist-inr .commlink .inr .more a {
	background: url(/jp/common/img/arr06.gif) no-repeat right center;
	padding-right: 9px;
	color: #D52706;
	text-decoration: none;



}
.idx .catelist .catelist-inr .hover .inr .more a {
	text-decoration: underline;

}


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

 /services/customizeservice/index.html

------------------------*/
.customize .lead {
	margin-top: 35px;
	font-size: 108.3%;
}

.customize .case {
	background: url(/jp/common/img/shadow01.gif) no-repeat center bottom;
	padding-bottom: 15px;
}
.customize h2 {
	background: url(/jp/common/img/line02.gif) repeat-x left center;
}
.customize h2 span {
	background: url(/jp/common/img/body_bg.gif);
	padding-right: 15px;
	font-size: 150%;
}
.customize .case h3 {
	border-left: 6px solid #D83313;
	padding-left: 15px;
	color: #D83313;
	font-size: 158.4%;
}
.customize .case ul {
	margin: 10px 0 0 30px;
}
.customize .case ul li {
	list-style: disc;
	font-size: 133.3%;
}
.customize .case dl {
	background: url(/jp/common/img/dot_w02.gif) repeat-x;
	padding: 30px 0 30px 20px;
	overflow: hidden;
}
.customize .case dl:first-child {
	background: none;
}
.customize .case dl dt {
	float: left;
	margin-right: 50px;
}
.customize .case dl dd {
	overflow: hidden;
}

.customize .voice {
	margin-top: 65px;
}
.customize .voice h2 {
	background-image: none;
}
.customize .voice .commb {
	background: url(/jp/common/img/dot_w02.gif) repeat-x;
	padding: 30px 0 30px 0;
	overflow: hidden;
}
.customize .voice .commb:first-child {
	background: none;
}
.customize .voice .commb .float-l,
.customize .voice .commb .float-r {
	width: 305px;
}
.customize .voice .commb p {
	font-size: 108.3%;
}
.customize .voice .commb .ttl {
	margin-bottom: 15px;
	text-align: center;
}
.customize .voice .commb .ttl p,
.customize .voice .commb .ttl h3 {
	display: inline-block;
	*display: inline;
	text-align: left;
	vertical-align: middle;
	zoom: 1;
}
.customize .voice .commb .ttl h3 {
	margin-left: 16px;
	*margin-left: 20px;
	color: #D83313;
	font-size: 125%;
}



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

 /services/applications/index.html

------------------------*/
.appli {
}
.appli .anchor {
	background: url(/jp/common/img/line02.gif) repeat-x left bottom;
	padding: 10px 0 25px;
	overflow: hidden;
}
.appli .anchor li {
	margin-top: 10px;
	padding: 0 5px;
	float: left;
	border-right: 1px solid #CCC;
}
.appli .anchor li a {
	color: #D83313;
}

.appli .usecase .commb {
	background: url(/jp/common/img/dot_w02.gif) repeat-x;
	margin-top: 40px;
	padding-top: 40px;
}
.appli .usecase .commb:first-child {
	background: none;
	margin-top: 0;
	padding-top: 30px;
}
.appli .usecase .commb .ttl {
	background: url(/jp/services/applications/img/bg02.gif) no-repeat right center;
	margin-bottom: 20px;
}
.appli .usecase .commb .ttl h2,
.appli .usecase .commb .ttl .type {
	display: table-cell;
	*display: inline;
	vertical-align: middle;
	zoom: 1;
}
.appli .usecase .commb .ttl h2 {
	padding: 5px 32px 5px 15px;
	border-left: 6px solid #D83313;
	color: #D83313;
	font-size: 158.4%;
}
.appli .usecase .commb .ttl .type {
	background: url(/jp/services/applications/img/bg01.gif) no-repeat left center;
}
.appli .usecase .commb .ttl .type .inr {
	padding: 12px 20px 11px;
	*padding: 12px 20px;
	overflow: hidden;
}
.appli .usecase .commb .ttl .type .inr .tx {
	margin-right: 17px;
	font-size: 108.3%;
}
.appli .usecase .commb .ttl .type .inr .link {
	font-size: 125%;
}
.appli .usecase .commb .ttl .type .inr a {
	background: url(/jp/common/img/arr02.gif) no-repeat left center;
	margin: 0 10px;
	padding-left: 13px;
	color: #D83313;
}
.appli .usecase .commb .lead,
.appli .usecase .commb .imgcol .cap {
	font-size: 108.3%;
}
.appli .usecase .commb .imgcol {
	margin-top: 25px;
	overflow: hidden;
}
.appli .usecase .commb .imgcol .float-l,
.appli .usecase .commb .imgcol .float-r {
	width: 305px;
}
.appli .usecase .commb .imgcol .cap {
	margin-bottom: 5px;
	padding-left: 10px;
}



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

 /services/supportsystem/index.html

------------------------*/
.support h3 {
	margin-bottom: 15px;
}
.support p {
	font-size: 108.3%;
	line-height: 1.8;
}


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

/Services/Rohs/index.html

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

.rohs_chart {
border: 1px solid #D9D9D9;
border-collapse: collapse;
margin-top:10px;
background-color:#fff;
width:960px;
}

.rohs_chart a{
color:#D83313;
}

.rohs_chart  td
{
border: 1px solid #D9D9D9;
padding:3px;
}

.rohs_chart  th{
border-right: 1px solid #D9D9D9;
border-left: 1px solid #D9D9D9;
background-color:#F2F2F2;
text-align:left;
padding:3px;
}

.rohs .rohs_chart_h2{
background-color:#F2F2F2;
}

.rohs .notice{
border:3px solid #D52706;
background-image:url(/jp/common/img/bg_notice.gif);
color:#D83313;
padding:10px 10px;
margin-top:15px;
margin-bottom:10px;
font-size:14px;
}

.rohs .chart_h1{
border-top:4px solid #64B741;
padding-top:4px;
font-size:16px;
background-color:#fff;
background-image:url(/jp/services/chart/img/bg_chart.gif);
}
.rohs .chart_h1 a{
color:#fff;
font-size:14px;
text-decoration:none;
}

.rohs .chart_h1 a:hover{
color:#D83313;
}

.rohs .notice{
border:3px solid #D52706;
background-image:url(/jp/common/img/bg_notice.gif);color:#D83313;
padding:10px 10px;
margin-top:15px;
margin-bottom:10px;
font-size:14px;
}
.rohs .notice span{
font-weight:bold;
}

.rohs .rohs_pdf{margin:20px 350px;}



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

/Services/export/index.html

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



.export a{
color:#D83313;
}

.export h2{
border-left: 6px solid #D83313;
padding-left: 15px;
color: #D83313;
font-size:18px;
margin-top:20px;
margin-bottom:7px;
}
.export h3{font-size:14px;margin-top:15px;margin-bottom:2px;border-bottom:1px solid #999;}

.export h4{
font-size:16px;
text-align:center;
margin-bottom:7px;
border-bottom:1px dotted #B3B3B3;
}

.export p{
font-size:13px;
}
.export .list{
margin-top:10px;
}
.export .text{
margin:15px 0;
font-size:14px;
}
.export .clause{
border:1px solid #D83313;
padding:0 15px 15px 15px;
}
.export .note{
color:#D83313;
font-weight:bold;
}
.export .bold{
font-weight:bold;
}
.export .how_to{
background-color:#F2F2F2;
padding:7px;
border-radius: 6px;
}
.export ol {
    list-style-position: inside;
	line-height:18px;
}
.export ol li {
    padding-left: 2em;
    text-indent: -2em;
}
.export .btn_ag{
margin:20px 399px;;
}
.first_chart{
border-collapse: collapse;
background-color:#fff;
border:2px solid #D9D9D9;
width:920px;
margin-bottom:5px;
margin-top:10px;
}


.first_chart th,
.first_chart td{
border:1px solid #D9D9D9;
padding:10px;
}

.first_chart th{
background-color:#fff;
text-align:center;
font-size:13px;
width:120px;

}
.first_chart  .st_1{
border-bottom:1px dotted #D83313;
}
.first_chart td{
background-color:#F2F2F2;
font-size:13px;
}

/* qa */
.dtl-wrap .qa {
	padding-bottom: 10px;
}
.dtl-wrap .qa dl {
	background: url(/jp/common/img/dot_w02.gif) repeat-x;
	margin-top: 5px;
	padding-top: 10px;
}
.dtl-wrap .qa dl dt,
.dtl-wrap .qa dl dd {
	background-position: 0 0;
	background-repeat: no-repeat;
	padding-left: 40px;
	min-height: 30px;
}
.dtl-wrap .qa dl dt {
	background-image: url(/jp/common/img/icn_question02.gif);
	margin-bottom: -10px;
	padding-top: 5px;
	font-size: 108%;
	min-height: 25px;
}
.dtl-wrap .qa dl dd {
	background-image: url(/jp/common/img/icn_answer.gif);
	margin-top: 15px;
	padding-top: 5px;
	font-size: 108%;
}

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

/Services/chart/index.html

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


.chart h3{
padding: 10px 15px;
border-top: 1px dotted #D9D9D9;
border-bottom: 1px dotted #D9D9D9;
background-color:#fff;
margin-top: 15px;
margin-bottom: 10px;
font-size: 18px;
}

.chart h2{
border-left: 6px solid #D83313;
padding-left: 15px;
color: #D83313;
font-size:18px;
margin-top:40px;
margin-bottom:7px;
}
.chart h4{
font-size:16px;
margin-top:7px;
margin-bottom:5px;
}

.chart p{
font-size:12px;
}
.chart .list{
margin-top:10px;
}
.chart .text{
margin:15px 0;
font-size:14px;
}
.chart .clause{
border:1px solid #D83313;
padding:0 15px 15px 15px;
}
.chart .note{
color:#D83313;
font-weight:bold;
margin-right:5px;
}

.chart .how_to{
background-color:#F2F2F2;
padding:10px;
border-radius: 6px;
list-style-position: inside;
line-height:18px;
font-size:13px;
}

.chart .how_to a{
color:#D83313;
}

.chart .howto li {
	padding-left: 1em;
	text-indent: -1em;
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom:1px dotted #B3B3B3;
}

.chart .procedure{
  margin-left:20px;
	font-size:14px;
}

.chart .procedure a{
color:#D83313;
}

.chart .procedure th,
.chart .procedure td {
	padding-top:15px;
}

.chart .procedure th{
	padding:4px 4px;
	font-size:16px;
	color:#D83313;
}

.chart .procedure td{
	padding-left:5px;
	border-bottom:1px dotted #D83313;
}
.chart .issue{
text-align:center;
}

.chart .issue a{
border-radius:4px;
width :170px;
display:block;
background-color:#ce4a4a;
color:#fff;
text-decoration:none;
padding:10px;
margin-bottom:10px;
}

.chart .issue a:hover{
width :170px;
display:block;
background-color:#f27d7d;
text-decoration:none;
padding:10px;
}






/*一つ目の表*/
.chart .first_chart{
border-collapse: collapse;
background-color:#fff;
border:2px solid #D9D9D9;
width:960px;
margin-bottom:70px;
}


.chart .first_chart th,
.chart .first_chart td{
border:1px solid #D9D9D9;
padding:10px;
}

.chart .first_chart th{
background-color:#fff;
text-align:center;
font-size:12px;
width:80px;
}
.chart .first_chart th .st_1{
border-bottom:1px dotted #D83313;
}
.chart .first_chart td{
background-color:#F2F2F2;
}

/*二つ目以降の表*/
.chart .other_chart {
border-left: 2px solid #D9D9D9;
border-right: 2px solid #D9D9D9;
border-bottom: 2px solid #D9D9D9;
border-collapse: collapse;
margin-top:10px;
background-color:#fff;
width:960px;
}

.chart .other_chart a{
color:#D83313;
}

.chart .other_chart  th,
.chart .other_chart  td
{
border: 1px solid #D9D9D9;
padding:3px;
}
.chart .other_chart  th{
border-right: 1px solid #D9D9D9;
background-color:#F2F2F2;
text-align:center;
}

.chart .other_chart .st_2{
border-top:4px solid #D83313;
font-size:16px;
}

.chart .other_chart .st_3{
border-top:4px solid #b7b7b7;
font-size:16px;
}

.chart .notice{
border:3px solid #D52706;
background-image:url(/jp/common/img/bg_notice.gif);
color:#D83313;
padding:10px 10px;
margin-top:15px;
margin-bottom:10px;
font-size:14px;
}

.chart_h1{
font-size:16px;
background-color:#fff;
background-image:url(/jp/services/chart/img/bg_chart.gif);
}
.chart_h1 a{
color:#fff;
font-size:14px;
text-decoration:none;
}

.chart_h1 a:hover{
color:#D83313;
}

.chart .other_chart td,
.chart .first_chart td,
.chart .other_chart th,
.chart .first_chart th{
font-size:13px;
}
.chart .th_width{width:95px;}
.chart .red{color:#fff; background-color:#D52706;}
.chart .red a{color:#fff;}

.chart .pink{
/*background-image:url(/jp/services/chart/img/bg_pink.gif);*/
color:#d50000;
}

.chart .green{
/*background-image:url(/jp/services/chart/img/bg_green.gif);*/
}


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

/Services/movies/index.html

------------------------*/
			.movies  .btn a {
				-moz-box-shadow:inset 0px 13px 0px 0px #e38d8d;
				-webkit-box-shadow:inset 0px 13px 0px 0px #e38d8d;
				box-shadow:inset 0px 13px 0px 0px #e38d8d;
				background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e38b8b), color-stop(1, #ad0000) );
				background:-moz-linear-gradient( center top, #e38b8b 5%, #ad0000 100% );
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e38b8b', endColorstr='#ad0000');
				background-color:#e38b8b;
				-webkit-border-top-left-radius:3px;
				-moz-border-radius-topleft:3px;
				border-top-left-radius:3px;
				-webkit-border-top-right-radius:3px;
				-moz-border-radius-topright:3px;
				border-top-right-radius:3px;
				-webkit-border-bottom-right-radius:3px;
				-moz-border-radius-bottomright:3px;
				border-bottom-right-radius:3px;
				-webkit-border-bottom-left-radius:3px;
				-moz-border-radius-bottomleft:3px;
				border-bottom-left-radius:3px;
				text-indent:0px;
				border:1px solid #c43f3f;
				display:inline-block;
				color:#ffffff;
				font-size:12px;
				font-weight:bold;
				height:30px;
				line-height:30px;
				width:200px;
				margin-left:218px;
				text-decoration:none;
				text-align:center;
				text-shadow:0px 0px 6px #c41c1c;
		}
			.movies .btn a:hover {
				background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ad0000), color-stop(1, #e38b8b) );
				background:-moz-linear-gradient( center top, #ad0000 5%, #e38b8b 100% );
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ad0000', endColorstr='#e38b8b');
				background-color:#ad0000;
		}
			.movies .btn:active{	position:relative;top:1px;}

.movies .lead {font-size:110%;margin:20px 0;}
.movies .movie{overflow:hidden;padding:20px 0;border-top:1px dotted #aaaaaa;}
.movies .movie .movie_left{float:left;margin-top:5px;}
.movies .movie .movie_left img{border:5px solid #555;}
.movies .movie_right{width:430px;float:right;}
.movies .movie_right .txt{font-size:100%;margin:10px 0;background-color:#F2F2F2;width:400px;padding:10px;border-radius:4px;}
.movies .movie_right .tit{font-size:120%;color:#D83313;border-left:10px solid #D83313;padding-left:10px;height:30px;line-height:30px;font-weight:bold;}



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

/Services/movies/.../index.html

------------------------*/
			.movies_child  .btn a {
				-moz-box-shadow:inset 0px 20px 0px 0px #e38d8d;
				-webkit-box-shadow:inset 0px20px 0px 0px #e38d8d;
				box-shadow:inset 0px 20px 0px 0px #e38d8d;
				background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #e38b8b), color-stop(1, #ad0000) );
				background:-moz-linear-gradient( center top, #e38b8b 5%, #ad0000 100% );
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#e38b8b', endColorstr='#ad0000');
				background-color:#e38b8b;
				-webkit-border-top-left-radius:3px;
				-moz-border-radius-topleft:3px;
				border-top-left-radius:3px;
				-webkit-border-top-right-radius:3px;
				-moz-border-radius-topright:3px;
				border-top-right-radius:3px;
				-webkit-border-bottom-right-radius:3px;
				-moz-border-radius-bottomright:3px;
				border-bottom-right-radius:3px;
				-webkit-border-bottom-left-radius:3px;
				-moz-border-radius-bottomleft:3px;
				border-bottom-left-radius:3px;
				text-indent:0px;
				border:1px solid #c43f3f;
				display:inline-block;
				color:#ffffff;
				font-size:12px;
				font-weight:bold;
				height:40px;
				line-height:40px;
				width:400px;
				margin-left:130px;
				text-decoration:none;
				text-align:center;
				text-shadow:0px 0px 6px #c41c1c;
					}
			.movies_child .btn a:hover {
				background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ad0000), color-stop(1, #e38b8b) );
				background:-moz-linear-gradient( center top, #ad0000 5%, #e38b8b 100% );
				filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ad0000', endColorstr='#e38b8b');
				background-color:#ad0000;}
			.movies_child .btn:active{position:relative;top:1px;}
			.movies_child .movie{float:left;margin-right:10px;margin-top:20px;overflow:hidden;}
			.movies_child .movie dt{border-left:5px solid #D93416; padding:5px; margin:5px 0;height:40px;}
			.movies_child .movie dt a{font-size:110%;margin-bottom:5px;color:#D93416;height:40px;text-decoration:underline;}
			.movies_child .movie dd img{border:2px solid #555;}
			.movies_child .movie_wrap{overflow:hidden;}
			.movies_child .back a{
				letter-spacing:0.05em;
				margin-top: 40px;
		    color: #555;
		    background-color: #d3d3d3;
		    padding: 7px;
		    border-radius: 40px;
		    display: block;
		    width: 637px;
		    text-align: center;
		    font-size: 140%;
}
			.movies_child .back a:hover{background-color: #F3F3F3;}