@charset "UTF-8";
/*------------------------------------------------------------
	PSEについて
------------------------------------------------------------*/

/* category
---------------------------*/
#pse #gnavi ul li.pse a {
	background-image: url(../../common/images/gnav_icon_on.png)!important;
}
#pse #gnavi ul li.pse:after {
	bottom: 20px!important;
	opacity: 1!important;
	filter: alpha(opacity=100)!important;
	display: block\0/!important; /* for IE8 */
}
#pse #main_title {
	background-image: url(../../common/images/series_title_bg.jpg);
}
#pse #main_title .title {
	padding: 42px 0 32px;
}
#pse #main_title .title h1 {
	width: 259px;
	height: 46px;
	border-right: none;
	background-image: url(../images/pse_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;
}

.detail_main .banner {
    text-align: center;
}
.detail_main .banner img {
    width: 100%;
    height: auto;
    margin-bottom: 40px;
}

/* #pse
---------------------------*/
#pse .detail_main .pseList {
	list-style-type: none;
	margin: 0 0 0 0;
    font-size: 0;
}
#pse .detail_main .pseList li {
    padding: 0 0 0 6px;
    width: 140px;
    display: inline-block;
}
#pse .detail_main .pseList li img {
    width: 100%;
    height: auto;
}
#pse .detail_main .houtekiList {
	display: block;
	margin: 5px 0;
	padding: 5px 15px;
	border: 1px solid #dddddd;
}
#pse .detail_main .houtekiList li {
	padding-left: 1em;
	text-indent: -1em;
}
#pse .detail_main .houtekiCheck {
	display: table;
	margin: 0 auto;
	padding: 20px 0 0 0;
}
#pse .detail_main .houtekiCheck dl {
	display: inline-block;
}
#pse .detail_main .houtekiCheck p {
	display: inline-block;
	margin: 0 0 0 20px;
}
#pse .detail_main .qanda {
	margin: -15px 0;
	padding: 0 0 30px 0;
}
#pse .detail_main .qanda dt {
	min-height: 47px;
	margin: 0 0 15px 0;
	padding: 19px 0 0 42px;
	color: #95b91e;
	font-size: 15px;
	font-weight: bold;
	border-top: 1px dotted #bcbcbc;
	background: url(../images/q.gif) no-repeat 0 15px;
	box-sizing: border-box;
}
#pse .detail_main .qanda dt:first-child {
	border-top: none;
}
#pse .detail_main .qanda dd {
	min-height: 32px;
	margin: 0 0 15px 0;
	padding: 4px 0 0 42px;
	background: url(../images/a.gif) no-repeat left top;
	box-sizing: border-box;
}
#pse .detail_main .systemupLead {
	padding: 0 0 30px 0;
	font-size: 20px;
	font-weight: bold;
}
#pse .detail_main .systemupLead img {
	margin: 0 4px;
	vertical-align: middle;
}
#pse .detail_main .systemupTitle {
	padding: 0 0 12px 0;
	color: #fc7826;
	font-size: 20px;
	font-weight: bold;
}
#pse .detail_main .systemupTitle img {
	margin: 0 8px 0 0;
	vertical-align: middle;
}
#pse .detail_main .systemupTitle img.pse {
	margin: 0 4px 0 0;
}
#pse .detail_main .systemupTarget dl {
	float: left;
	width: 360px;
	padding: 10px;
	border: 1px solid #ea5404;
	box-sizing: border-box;
}
#pse .detail_main .systemupTarget dl:nth-of-type(2) {
	float: right;
	border: 1px solid #008cd6;
}
#pse .detail_main .systemupTarget dt {
	padding: 0 0 5px 0;
	color: #ea5404;
	font-weight: bold;
}
#pse .detail_main .systemupTarget dl:nth-of-type(2) dt {
	color: #008cd6;
}
#pse .detail_main .systemupTarget dd {
	padding-left: 1em;
	text-indent: -1em;
}
#pse .detail_main .caseBlock {
	width: 760px;
	margin: 0 0 30px 0;
	padding: 20px 0 10px 0;
	background: url(../images/pse_wood_case_bg01.gif) repeat-y left top;
}
#pse .detail_main .caseBlock .caseHead {
	padding: 0 0 10px 0;
}
#pse .detail_main .caseBlock .caseHead li {
	float: left;
	margin: 0 0 0 10px;
}
#pse .detail_main .caseBlock .caseHead li:nth-of-type(2) {
	margin: 0 0 0 40px;
}
#pse .detail_main .caseBlock h5 {
	margin: 0 10px;
	padding: 5px 0;
	font-size: 15px;
	font-weight: bold;
	text-align: center;
	border-top: 5px solid #999999;
	border-bottom: 1px solid #999999;
	background: #ffffff;
}
#pse .detail_main .caseBlock > div {
	display: table;
	width: 760px;
	margin: 0 0 20px 0;
	background: url(../images/pse_wood_case_bg02.gif) repeat-y left center;
}
#pse .detail_main .caseBlock > div dl {
	display: table-cell;
	width: 380px;
	padding: 10px 30px 10px 20px;
	box-sizing: border-box;
}
#pse .detail_main .caseBlock > div dl:nth-of-type(2) {
	padding: 10px 20px 10px 30px;
}
#pse .detail_main .caseBlock > div dt {
	font-weight: bold;
}
#pse .detail_main .caseBlock > div dd {
	padding: 10px 0 0 0;
}
#pse .detail_main .caseBlock > div dd.pse {
	min-height: 70px;
	padding: 10px 0 0 68px;
	background: url(../images/icon_pse21.gif) no-repeat 0 10px;
}
#pse .detail_main .caseBlock > div dd.notpse {
	min-height: 73px;
	padding: 10px 0 0 68px;
	background: url(../images/icon_pse22.gif) no-repeat 0 10px;
}
#pse .detail_main .caseBlock > div dd ul {
	list-style-type: disc;
	margin: 0 0 0 20px;
}
#pse .detail_main .caseBlock > div dd li {
	color: #ea5404;
}
#pse .detail_main .tanaitaBlock {
	width: 760px;
	margin: 0 0 30px 0;
	padding: 15px 20px;
	border: 1px solid #a1c42c;
	box-sizing: border-box;
}
#pse .detail_main .tanaitaBlock h4 {
	padding: 0 0 15px 0;
	color: #95b91e;
	font-size: 20px;
	font-weight: bold;
}
#pse .detail_main .tanaitaBlock h4 span {
	font-size: 15px;
	font-weight: bold;
}
#pse .detail_main .tanaitaBlock h4 img {
	margin: 0 4px 0 0;
	vertical-align: middle;
}
#pse .detail_main .tanaitaBlock h5 {
	margin: 0 0 20px 0;
	padding: 5px 15px 3px 15px;
	font-size: 15px;
	font-weight: bold;
	background: #d0e198;
}
#pse .detail_main .tanaitaBlock .img {
	float: left;
	width: 373px;
}
#pse .detail_main .tanaitaBlock .text {
	padding: 0 0 0 393px;
}
#pse .detail_main .tanaitaBlock .text strong {
	color: #ea5404;
}

/* .susumeBox
---------------------------*/
#pse .detail_main .susumeBox {
    margin-bottom: 40px;
}
#pse .detail_main .susumeBox .title {
    margin-bottom: 20px;
    text-align: center;
}
#pse .detail_main .susumeBox .title:after {
    content: " ";
    display: block;
    border-top: #a1c42c 2px solid;
    border-bottom: #d0e198 5px solid;
    margin: 10px 0 0 0;
    position: relative;
}
#pse .detail_main .susumeBox .title span {
    font-size: 22px;
    display: block;
    font-weight: bold;
}
#pse .detail_main .susumeBox .title em {
    font-size: 30px;
    display: block;
    font-style: normal;
    font-weight: bold;
}

#pse .detail_main .susumeBox .mB20 {
    margin-bottom: 20px;
}
#pse .detail_main .susumeBox .mB40 {
    margin-bottom: 40px;
}

#pse .detail_main .susumeBox .attentionWrap {
    background: url("../images/susume_ttention_btm.png") no-repeat center bottom;
    padding-bottom: 60px;
    position: relative;
    margin-bottom: 30px;
}
#pse .detail_main .susumeBox .attentionWrap .ic {
    position: absolute;
    top: -3px;
    left: -3px;
}
#pse .detail_main .susumeBox .attentionWrap .wrap {
    border: 4px solid #231815;
    padding: 20px;
    display: table;
}
#pse .detail_main .susumeBox .attentionWrap .wrap > p {
    display: table-cell;
    vertical-align:middle;
    text-align: center;
    padding-right: 20px;
    line-height: 2em;
    width: 150px;
    color: #231815;
}
#pse .detail_main .susumeBox .attentionWrap .wrap > dl {
    display: table-cell;
    vertical-align:middle;
    border-left: 1px solid #231815;
    padding-left: 20px;
}
#pse .detail_main .susumeBox .attentionWrap .wrap > p em {
    font-style: normal;
    font-weight: bold;
    font-size: 36px;
    display: block;
}
#pse .detail_main .susumeBox .attentionWrap .wrap > p span {
    font-weight: bold;
    font-size: 24px;
    display: block;
}
#pse .detail_main .susumeBox .attentionWrap .wrap > dl dt {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 16px;
}

#pse .detail_main .susumeBox .patternBox {
    margin-bottom: 30px;
}
#pse .detail_main .susumeBox .patternBox .typeBox {
    height: 34px;
    margin: 0 0px 20px 0px;
    background-color: #e1edf0;
}
#pse .detail_main .susumeBox .patternBox .typeBox h4 {
    border: none;
    margin: 0;
    padding: 6px 0 0 10px;
    font-size: 16px;
    font-weight: bold;
}