@charset "UTF-8";
/*------------------------------------------------------------
	カタログダウンロード
------------------------------------------------------------*/

/* category
---------------------------*/
#download #main_title {
	background-image: url(../../common/images/series_title_bg.jpg);
}
#download #main_title .title {
	padding: 42px 0 32px;
}
#download #main_title .title h1 {
	width: 373px;
	height: 46px;
	border-right: none;
	background-image: url(../images/download_title.png);
}



/* common
---------------------------*/
.detail_main .innerBlock {
	padding: 0 10px 30px 10px;
}
.detail_main .innerBlock p + p {
	padding: 20px 0 0 0;
}
.detail_main span.caution {
	display: block!important;
	padding-left: 1em!important;
	text-indent: -1em!important;
}
.detail_main strong {
	font-weight: bold;
}
.detail_main .alignCenter {
	text-align: center;
}
.detail_main .red {
	color: #d71725;
}
.detail_main img.middle {
	margin: 0 3px;
	vertical-align: middle;
}
.detail_main img.middle.second {
	margin: 0 3px 0 0;
}
.detail_main .btn {
	list-style-type: none;
	display: table;
	margin: 0 auto;
	padding: 10px 0 0 0;
}
.detail_main .btn li {
	display: table-cell;
	padding: 0 10px;
}
.detail_main .btn li a {
	display: block;
	min-width: 220px;
	padding: 16px 20px;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #9ba9ac;
	box-sizing: border-box;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
}
.detail_main .btn li a:hover {
	background-color: #7e898c;
}



/* #download
---------------------------*/
#download .detail_main .catalogBlock {
	padding: 0 10px 30px 10px;
}
#download .detail_main .catalogBlock .img {
	float: left;
	width: 184px;
}
#download .detail_main .catalogBlock .text {
	padding: 0 0 0 214px;
}
#download .detail_main .catalogBlock .text .btn {
	margin: 0 0 0 -10px;
	padding: 0;
}
#download .detail_main .catalogBlock .text p + .btn {
	padding: 20px 0 0 0;
}
#download .detail_main .catalogFlash {
	margin: 0 10px 30px 10px;
	padding: 15px 20px;
	border: 1px solid #dddddd;
}
#download .detail_main .catalogFlash dt {
	font-weight: bold;
}
#download .detail_main .catalogFlash dd {
	padding: 5px 0 0 0;
}
#download .detail_main .importantBlock {
	margin: 0 0 30px 0;
	padding: 30px 20px 0 20px;
	border-top: 1px solid #dddddd;
	background: #ececec;
}
#download .detail_main .importantBlock h3 {
	margin: 0 0 15px 0;
	font-size: 15px;
	font-weight: bold;
}
#download .detail_main .importantBlock h3:before {
	display: inline-block;
	content: "";
	width: 13px;
	height: 13px;
	margin-right: 7px;
	background: #a1c42c;
}
#download .detail_main .importantBlock .innerBlock {
	padding: 0 0 30px 0;
}
#download .detail_main .importantBlock .innerBlock p + p {
	padding: 15px 0 0 0;
}
#download .detail_main .importantBlock .innerBlock .reader {
	float: right;
	padding: 0 0 15px 20px;
}
#download .detail_main .importantBlock .innerBlock .reader + p {
	padding: 0;
}
#download .detail_main .importantBlock .innerBlock ul {
	list-style-type: disc;
	margin: 0 0 0 18px;
}
#download .detail_main .importantBlock .innerBlock ol {
	list-style-type: decimal;
	margin: 0 0 0 24px;
}

/* cta
---------------------------*/
#download .ctaBlock {
	border: 1px solid #dddddd;
	background: #EEEEEE;
	padding: 20px;
	margin: 0 10px 10px 10px;
	box-sizing: border-box;
}
#download .ctaBlock dl + dl {
	margin-top: 20px;
	padding-top: 20px;
	border-top: 2px dotted #dddddd;
}
#download .ctaBlock dl {
	display: table;
	width: 100%;
}
#download .ctaBlock dl dt {
	margin-bottom: 10px;
	text-align: left;
	font-weight: bold;
	font-size: 16px;
	display: table-cell;
	vertical-align: middle;
	padding-left: 20px;
	box-sizing: border-box;
}
#download .ctaBlock dl dd {
	display: block;
	text-align: right;
	font-size: 0;
	display: table-cell;
	width: 250px;
}
#download .ctaBlock dl dd a {
	display: inline-block;
	width: 220px;
	padding: 16px 20px;
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	background-color: #9ba9ac;
	box-sizing: border-box;
	-webkit-transition: background-color 0.3s;
	transition: background-color 0.3s;
	vertical-align: middle;
}
#download .ctaBlock dl dd a:hover {
	background-color: #7e898c;
}
#download .ctaBlock dl dd .tel {
	display: inline-block;
	vertical-align: middle;
}