@charset "UTF-8";
/*------------------------------------------------------------
	照明の基礎知識
------------------------------------------------------------*/

/* category
---------------------------*/
#compare #main_title {
	background-image: url(../../common/images/series_title_bg.jpg);
}
#compare #main_title .title {
	padding: 42px 0 32px;
}
#compare #main_title .title h1 {
	width: 300px;
	height: 46px;
	border-right: none;
	background-image: url(../images/compare_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: 160px;
	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;
}



/* #compare
---------------------------*/
#compare .detail_main .alignRight {
	text-align: right;
}
#compare .detail_main .line_title span {
	color: #69bab7;
	font-weight: bold;
	font-size: 20px;
	padding: 0;
}
#compare .detail_main .compareMain {
	padding: 0 0 30px 0;
}
#compare .detail_main .compareTbl {
	width: 100%;
	border-top: 2px solid #999999;
	border-collapse: separate;
}
#compare .detail_main .compareTbl th {
	padding: 8px;
	font-weight: bold;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #dddddd;
	background: #fafafa;
}
#compare .detail_main .compareTbl.lineup th {
	text-align: left;
}
#compare .detail_main .compareTbl th:first-child {
	border-right: 1px solid #999999;
}
#compare .detail_main .compareTbl th.noline {
	border-right: none;
}
#compare .detail_main .compareTbl th span {
	font-size: 12px;
	font-weight: normal;
}
#compare .detail_main .compareTbl td {
	padding: 8px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #dddddd;
}
#compare .detail_main .compareTbl td.item01 {
	color: #6279ad;
	font-weight: bold;
}
#compare .detail_main .compareTbl td.item02 {
	color: #ea5404;
	font-weight: bold;
}
#compare .detail_main .compareTbl td.item03 {
	color: #9fa0a0;
	font-weight: bold;
}
#compare .detail_main .compareTbl td.item04 {
	color: #f6ab00;
	font-weight: bold;
}
#compare .detail_main .compareTbl td.item05 {
	color: #0087af;
	font-weight: bold;
}
#compare .detail_main .compareTbl td.item06 {
	color: #76a315;
	font-weight: bold;
}
#compare .detail_main .compareTbl td.item07 {
	color: #080059;
	font-weight: bold;
}
#compare .detail_main .compareTbl + .caption {
	padding: 5px 0 0 0;
	text-align: right;
}
#compare .detail_main .compareTbl + .graph {
	padding: 20px 0 0 0;
	text-align: center;
}
#compare .detail_main .compareSyodo {
	padding: 0 10px 30px 10px;
}
#compare .detail_main .compareSyodo .img {
	float: left;
	width: 174px;
}
#compare .detail_main .compareSyodo .text {
	padding: 0 0 0 204px;
}
#compare .detail_main .compareSyodo .text p + p {
	padding: 25px 0 0 0;
}
#compare .detail_main .bluelightItem {
	padding: 20px 40px 0 40px;
}
#compare .detail_main .bluelightItem > div {
	float: left;
	width: 320px;
}
#compare .detail_main .bluelightItem > div:nth-of-type(2) {
	float: right;
}
#compare .detail_main .bluelightItem > div li {
	margin: 5px 0 0 0;
	padding: 0 0 0 14px;
	background: url(../../common/images/icon_arrow_yg.png) no-repeat 0 0.3em;
}
#compare .detail_main .bluelightBlock {
	padding: 0 10px 30px 10px;
}
#compare .detail_main .bluelightBlock .img {
	float: left;
	width: 250px;
	padding: 20px 0 0 0;
}
#compare .detail_main .bluelightBlock > div {
	float: right;
	width: 460px;
	padding: 0;
}