@charset'UTF-8'

/*******************************************************************************
コンテンツ部分
********************************************************************************/

#maintenance-contents {
}

#maintenance-contents h3 {
	margin: 0 0 10px 0;
	padding: 8px 0 8px 0;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #828282;
	font-size: 122%;
	font-weight: bold;
	clear:both;
	width: 100%;
}
#maintenance-contents p {
	margin: 0 0 10px 0;
	line-height: 1.8;
	text-align: left;
	clear: both;
}

.txt-caution {
	color: #AD1D2C;
	font-weight: bold;
	font-size: 122%;
}

/* リスト */
#about ol, #list-01 .content-box ol, #list-02 .content-box ol, #about ul, #list-01 .section .content-box ul, #list-02 .section .content-box ul {
	list-style-position: inside;
	margin: 0 0 20px 0;
	padding: 0 0 0 15px;
	text-align: left;
}
#maintenance-contents ol li {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	line-height: 1.5;
	list-style-type: normal;
}
#maintenance-contents  ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	line-height: 1.5;
	list-style-type: none;
}
#maintenance-contents  ul.captions li {
	margin: 0 0 5px 0;
	padding: 0 0 0 1em;
	text-indent: -1em;
	line-height: 1.6;
	list-style-type: none;
}

#maintenance-contents ol li.listcaption {
	list-style-type: none;
	color: #666;
	font-size: 90%;
	}

.mt25 {
	margin-top:25px;
}
em.slash {
	display: none;
}

ul.product-list {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.product-list li {
	display: inline-block;
}
ul.product-list li a {
	display: inline-block;
	padding-right: 1.5em;
}

#lead ul.product-list li {
	display: inline-block;
	width: auto;
	float: none;
}
.charge-info ul.product-list li {
	display: inline-block;
	width: auto;
	float: none;
}


/*******************************************************************************
リード
********************************************************************************/

#lead {
}

#lead table {
	width: 100%;
	border:1px solid #CCC;
	margin: 10px 0;
}
#lead table th {
	background: #EEE;
	padding: 8px;
	border:1px solid #CCC;
}
#lead table th:first-child {
	width:30%;
	min-width: 150px;
}
#lead table td {
	background: #FFF;
	padding: 8px;
	border:1px solid #CCC;
}


/*******************************************************************************
デリバリー&センドバック延長保守サービスとは？
********************************************************************************/

#about {
}

#about .inner-box {
	width: 100%;
}

/* 左：デリバリー保守 */
#about .delivery {
	width: 100%;
	text-align: center;
	padding:20px 0 0 0;
	margin-right:1.9em;
	}
#about .delivery h3 {
	color: #FF6496;
	border-color: #FF6496;
}
#about .delivery img {
	max-width: 100%;
	height: auto;
	padding:0 0 15px 0;
	}

/* 右：センドバック延長保守 */
#about .sendback {
	width: 100%;
	margin:0;
	padding:20px 0 0 0;
	text-align: center;
	}
#about .sendback h3 {
	color: #F39800;
	border-color: #F39800;
}
#about .sendback img {
	max-width: 100%;
	height: auto;
	padding:0 0 15px 0;
	}

#about .pdf-link {
	text-align: center;
	padding: 0;
	clear: both;
	margin: 10px auto 20px auto;
}
#about .pdf-link .btn-mat {
	width: 100%;
	display: inline-block;
	clear: both;
	color: #FFF;
}
#about .pdf-link .btn-mat a {
	padding: 20px 5px 15px 5px;
	display:block;
	color: #FFF;
	border-radius: 3px;
	-webkit-border-radius:1px;
	-moz-border-radius: 3px;
	box-shadow: #c9c9c9 0px 0px 1px 1px;
	-webkit-box-shadow: #c9c9c9 0px 0px 1px 1px;
	-moz-box-shadow: #c9c9c9 0px 0px 1px 1px;
	position: relative;
	z-index: 0;
	background-color: #014099;
}
#about .pdf-link .btn-mat a:link{color: #FFF;text-decoration:none;}
#about .pdf-link .btn-mat a:visited{color: #FFF;text-decoration:none;}
#about .pdf-link .btn-mat a:hover{color: #FFF;text-decoration: none;background-color: #1B6AC2;}
#about .pdf-link .btn-mat img{
	vertical-align: middle;
	margin: 0 10px 0 0;
}
#about .pdf-link .btn-mat em{
	vertical-align:middle;
	font-size: 	146.5%;
	font-weight:bold;
	padding:0 5px 0 0;
}
#about .pdf-link .btn-mat span{
	vertical-align:middle;
	font-size:108%;
	font-weight:bold;
}
#about .pdf-link .btn-mat strong{
	display: block;
	font-weight: normal;
	font-size: 85%;
	line-height: 1.1;
	padding: 0 0 8px 0;
}

#about .img-c {
	text-align: center;
	margin: 10px auto;
}
#about .img-c img {
	width: 100%;
	max-width: 677px;
	height: auto;
}


/*******************************************************************************
保守サービスメニュー
********************************************************************************/

#info {
	margin-bottom: 50px;
}

#list-01 h3, #list-02 h3, #list-03 h3 {
	border-bottom: 1px dotted #666;
	padding: 8px 0;
	width: 100%;
}

.p-multi-tab__label-area a img {
	margin-right: 5px;
}

/***********************************************************
価格表テーブル
************************************************************/

ul.price-table-box{
}
ul.price-table-box li {
	vertical-align:top;
	width: 100%;
}
ul.price-table-box li p {
	font-size:93%;
}
ul.price-table-box li p em {
	color: #AD1D2C;
}


table.price-list {
	margin: 0;
	border-collapse: collapse;
	width: 100%;
	color: #333;
	letter-spacing:normal;
	table-layout: fixed;
}
table.price-list th {
	padding: 15px 0 12px 0;
	font-size: 93%;
	color: #333;
	border: 1px solid #b7b7b7;
	text-align: center;
	background-color: #FDE9E8;
}
table.price-list td {
	font-size: 93%;
	padding: 8px 8px 8px 8px;
	margin: 0;
	color: #666;
	border: 1px solid #b7b7b7;
	text-align: center;
	background-color: #fff;
	line-height: 1.5;
}

.products-list {
	font-size:93%;
	margin: 10px 0;
	text-align: center;
	font-weight: bold;
}
.products-list a {
	display: block;
	padding: 10px;
	background: #fff;
	border-radius: 2px;
	border:solid 1px #BABABA;
	}
.products-list a:link{color: #333;text-decoration:none;}
.products-list a:visited{color: #333;text-decoration:none;}
.products-list a:hover{color: #333;text-decoration:underline;}
.products-list img{
	vertical-align: middle;
	margin: 0 6px 0 0;
}

.menu-caution {
	clear: both;
	margin-left: 15px;
}


/*******************************************************************************
保守対象製品
********************************************************************************/

table.charge {
	width: 100%;
	line-height: 1.5;
	margin: 0 0 20px 0;
	border-bottom: 1px solid #014099;
	table-layout: fixed;
}
table.charge th {
	padding: 10px 10px;
	text-align: center;
	background: #014099;
	color: #FFF;
	font-weight: bold;
	font-size: 110%;
}
table.charge th:first-child {
	width: 40%;
}
table.charge td {
	padding: 5px 10px;
	border-bottom: 1px solid #014099;
	text-align: left;
}
table.charge td h3 {
	font-size: 110%;
	margin: 0 0 10px 0;
}

table.charge tr.charge-info th {
	background: #FFF;
	color: #333;
	border-right: 1px solid #014099;
	border-bottom: 1px solid #014099;
}
table.charge tr.charge-info th.send-deli {
	font-size: 100%;
	text-align: left;
}
table.charge tr.charge-info th.send-deli h3 {
	margin: 10px 0;
	text-align: center;
	font-size: 110%;
}
table.charge tr.charge-info th.send-deli ul li {
	display: inline-block;
	float: none;
	width: auto;
	font-weight: normal;
}

table.charge tr.charge-info th h3 {
	background: #014099;
	border-radius: 2px;
	color: #FFF !important;
	padding: 3px 0;
	margin:0;
}
table.charge tr.charge-info th ul {
	margin: 0 0 15px 0;
}
table.charge tr.charge-info th li {
	margin: 0;
}



@media print, screen and (min-width: 87.5em) {
}
@media print, screen and (min-width: 80em) {
}
@media print, screen and (min-width: 61.25em) {
}
@media print, screen and (min-width: 48em) {

	#lead ul.product-list li {
		display: block;
		width: 33%;
		float: left;
	}
	.charge-info ul.product-list li {
		display: block;
		width: 33%;
		float: left;
	}

	/* 左：デリバリー保守 */
	#about .delivery {
		float:left;
		width: calc(50% - 1em);
		text-align: center;
		padding:20px 0 0 0;
		margin-right:1.9em;
		}
	#about .delivery h3 {
		color: #FF6496;
		border-color: #FF6496;
	}
	#about .delivery img {
		max-width: 100%;
		height: auto;
		padding:0 0 15px 0;
		}

	/* 右：センドバック延長保守 */
	#about .sendback {
		float:left;
		width: calc(50% - 1em);
		margin:0;
		padding:20px 0 0 0;
		text-align: center;
		}

	#list-02 ul.price-table-box li {
		vertical-align:top;
		float:left;
		width: calc(50% - 1em);
	}
	#list-02 ul.price-table-box li:first-child {
		margin-right:1.9em;
	}
	#about .pdf-link .btn-mat {
		width: 80%;
	}
}