@charset "shift_jis";
/* CSS Document */

/* variation */
.largeBox .variPopup {
	width:733px;
	color:#333;
	font-weight:normal;
}
.largeBox .variPopupTop {
	background:url(https://img1.kakaku.k-img.com/images/category/variation/variation_balloon_01l.png) no-repeat;
	width:733px;
	height:11px;
}
.largeBox .variPopupMid {
	background:url(https://img1.kakaku.k-img.com/images/category/variation/variation_balloon_02l.png) repeat-y;
	width:733px;
}
#all .largeBox .variPopupMain {
	width:709px;
}
.largeBox .variPopupBtm {
	background:url(https://img1.kakaku.k-img.com/images/category/variation/variation_balloon_03l.png) no-repeat;
	width:733px;
}
.largeBox .variPopupBtn {
	padding-top:10px;
}

/* menu */
#menu .h2Btn {width:auto;}

.menuBox01,.menuBox01 .listCon,
.menuBox01,.menuBox01 .tglCon {
	position:relative;
}
#mainContents .menuBox01 .variItemBox {
	display:none;
	position:absolute;
	left:175px;
	top:12px;
}
#mainContents .menuBox01 .listCon .variItemBox,
#mainContents .menuBox01 .tglCon .variItemBox {
	left:167px;
	top:4px;
}
#mainContents .tglBox .variItemBox {
	display:none;
	position:absolute;
	left:199px;
	top:3px;
}
#mainContents .menuBox01 .guidePopBtn {
	position:absolute;
	right:8px;
	top:11px;
	cursor:pointer;

}
#mainContents .menuBox01 .listCon .guidePopBtn,
#mainContents .menuBox01 .tglCon .guidePopBtn {right:0;top:3px;}
#mainContents #menu.menuFrame001 .listCon + .tglCon .guidePopBtn,
#mainContents #menu.menuFrame001 .tglCon + .listCon .guidePopBtn,
#mainContents #menu.menuFrame001 .listCon + .listCon .guidePopBtn,
#mainContents #menu.menuFrame001 .tglCon + .tglCon .guidePopBtn {top:13px;}
#mainContents #menu.menuFrame001 .listCon + .listCon .variItemBox,
#mainContents #menu.menuFrame001 .tglCon + .tglCon .variItemBox {top:14px;}
.variGuide {
	text-align:left;
	padding:10px;
}
.variGuideLoad {
	display:block;
	text-align:center;
	padding:50px 0 30px;
	width:709px;
}
div.variGuide + p.variPopupBtn {border-top:1px dotted #ccc;width:100%;}


#menu .searchspec .tglBox {position:relative;}
#menu .searchspec .tglBox .guidePopBtn {
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	padding:4px;
	}
#menu .searchspec ul li,#menu .selectedmenu ul li {position:relative;}
#menu .searchspec ul li .variPopup a,#menu .selectedmenu ul li .variPopup a {background:none;padding-left:0;}
#menu .searchspec ul li .guidePopBtn,#menu .selectedmenu ul li .guidePopBtn {
	position:absolute;
	right:-1px;
	top:-1px;
	cursor:pointer;
	}

#menu .searchspec ul li .variItemBox,
#menu .selectedmenu ul li .variItemBox {
	display:none;
	position:absolute;
    left: 188px;
    top: 0;
}
#menu .searchspec .tglBox .variItemBox,
#menu .selectedmenu .tglBox .variItemBox {
	display:none;
	position:absolute;
	left:199px;
	top:5px;}

#menu .searchspec .variItemBox .variPopupMain .variPopupBtn span,
#menu .selectedmenu .variItemBox .variPopupMain .variPopupBtn span {
    display: inline-block;
    background: url(https://img1.kakaku.k-img.com/images/category/variation/variation_close_02.png) no-repeat;
    height: 23px;
    padding: 9px 20px 0 40px;
    font-size: 110%;
}
#menu .searchspec .variItemBox .variPopupMain .variPopupBtn a,
#menu .selectedmenu .variItemBox .variPopupMain .variPopupBtn a {
    display: inline-block;
    background: url(https://img1.kakaku.k-img.com/images/category/variation/variation_close_02.png) no-repeat right -92px;
    height: 32px;
    text-decoration: none;
    }

/*============================
 2. headType
============================*/
.modalBox a {}
.modalBox a:hover {text-decoration:underline;}
.modalBox .headType01 {
	display:-webkit-table;
	display:table;
	width:100% !important;
	border-bottom:1px solid #bbb;
	background-color: #ebebeb !important;
	background-image:none !important;
	margin:0 0 10px !important;
	padding:0 !important;
	left:0 !important;
}
.modalBox .headType01 span {
	display:table-cell;
	padding:9px 10px 8px 10px;
	font-size:16px;
	vertical-align:middle;
	border-top:1px solid #fff;
}

.modalBox .headType02 {
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	font-size:16px;
	padding:0;
	background-color: #e4eec3;
	width:100% !important;
}
.modalBox .headType02:first-child {
	border-top-width: 0;
}
.modalBox .headType02 span {
	display:block;
	border-top:1px solid #fff;
	padding:6px 10px;
}
.modalBox .headType03 {
	background-color: #e8e8e8;
	border-top: none;
	margin-top: 8px;
	width:100% !important;
	  display: table;
  width: 100%;
  padding: 7px 10px;
  color: #555;
  background: #e2e2e2;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.modalBox .headType04 {
	border-left:5px solid #96c602;
	padding-left:5px;
	margin-top: 8px;
	width:100% !important;
	font-size:13px;
}
.modalBox .headType03:first-child,
.modalBox .headType04:first-child {
	margin-top: 0;
}
.modalBox .floatLBox .headType03:first-child,
.modalBox .floatLBox .headType04:first-child {
	margin-top: 8px;
}

/*============================
 3. layoutColumn
============================*/
.modalBox .layoutColumn .layoutBox {
	padding: 8px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	margin-bottom:10px;
}
.modalBox .layoutColumn + .layoutColumn .layoutBox {
	padding-top: 0;
}
.modalBox .layoutColumn .row .layoutBox {
	padding: 8px 8px 8px 4px;
	float: left;
	width: 50%;
}
.modalBox .layoutColumn + .layoutColumn .row .layoutBox {
	padding-top: 0;
}
.modalBox .layoutColumn .row .layoutBox:first-child {
	padding-left: 8px;
	padding-right: 4px;
}
.modalBox .layoutBox .imgType01 img {
	max-width: 100%;
}

/*============================
 4. bdLayoutColumn
============================*/
.modalBox .bdLayoutColumn.column2 .bdLayoutBox,
.modalBox .bdLayoutColumn.column3 .bdLayoutBox,
.modalBox .bdLayoutColumn .row {
	border-top: 1px solid #ccc;
}
.modalBox .layoutColumn.column4 .row {display:inline;float:left;}
.modalBox .layoutColumn.column2 .layoutBox,.modalBox .bdLayoutColumn.column2 .bdLayoutBox {width:339px;float:left;clear:both;}
.modalBox .layoutColumn.column2 .layoutBox:nth-child(2n),.modalBox .bdLayoutColumn.column2 .bdLayoutBox:nth-child(2n){margin-left:10px;clear:none;}
.modalBox .layoutColumn.column3 .layoutBox {width:229px;float:left;}
.modalBox .layoutColumn.column4 .layoutBox,.modalBox .bdLayoutColumn.column4 .bdLayoutBox {width:172px;float:left;}
.modalBox .layoutColumn.column4 .layoutBox:nth-child(2n),.modalBox .bdLayoutColumn.column4 .bdLayoutBox:nth-child(2n) {}

.modalBox .bdLayoutColumn .row {
	border-top: 1px solid #ccc;
}
.modalBox .bdLayoutColumn .row .bdLayoutBox {
	float: left;
	width: 50%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
.modalBox .bdLayoutColumn .row .bdLayoutBox:first-child {
	border-right: 1px solid #ccc;
}
.modalBox .floatLBox + .floatRBox {
	margin-top: 8px;
}
.modalBox .bdLayoutColumn .bdLayoutBox .bdLayoutBoxIn {
	padding: 8px;
}
.modalBox .bdLayoutBox .imgType01 img {
	max-width: 100%;
}

/*============================
 5. parts
============================*/
.modalBox .catchType01,
.modalBox .imgType01,
.modalBox .txtType01 {
	margin-top: 8px;
}
.modalBox .catchType01:first-child,
.modalBox .imgType01:first-child,
.modalBox .txtType01:first-child,
.modalBox .linkType01:first-child {
	margin-top: 0;
}
.modalBox .catchType01 {
	border: 2px solid #f90;
	padding: 8px;
}
.modalBox .catchType01 .fwBold {
	font-weight: bold;
}
.modalBox .imgType01 {
	text-align: center;
}
.modalBox .imgType01 img {
	max-width: 300px;
}
.variGuide .modalBox .linkType01 {display:none;}
/*============================
 6. listType
============================*/
.modalBox .listType01 {
	margin-top: 8px;
	border: 1px solid #bbb;
	border-top-width: 0;
}
.modalBox .listType01:first-child {
	margin-top: 0;
}
.modalBox .listType01 dt {
	display:-webkit-table;
	display:table;
	background:#e2e2e2;
	width:100%;
	padding:7px 10px;
	color:#555;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.modalBox .listType01 dd ul > li {
	border-top:1px solid #bbb;
}
.modalBox .listType01 dd ul > li:first-child {
	border-top:none;
}
.modalBox .listType01 dd ul > li a {
	display:block;
	background:url(https://img1.kakaku.k-img.com/images/smartphone/icon_linkarrow.png) no-repeat right center;
	-webkit-background-size:18px 13px;
	background-size:18px 13px;
	padding:12px 20px 12px 10px;
	font-size:16px;
}

/*============================
 7. table
============================*/

.modalBox .tblHead01 {
	display:-webkit-table;
	display:table;
	background:#e2e2e2;
	width:100%;
	padding:7px 10px;
	color:#555;
	border-top:1px solid #bbb;
	border-bottom:1px solid #bbb;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}
.modalBox .scrollArea {
	margin-top: 8px;
}

.modalBox .list {
	margin-top: 10px;
	width:100% !important;
	border-top: #b6b6b6 solid 1px;
	border-left: #b6b6b6 solid 1px;
	border-collapse:collapse;
}
.modalBox .list:first-child {
	margin-top: 0;
}
.modalBox .list th,
.modalBox .list td {
	padding:4px !important;
	border-right: #b6b6b6 solid 1px !important;
	border-bottom: #b6b6b6 solid 1px !important;
}

#all .variItemBox .variPopupMain .modalBox .list th,
#all .variItemBox .variPopupMain .modalBox .list td {
	padding:4px !important;
	border-right: #b6b6b6 solid 1px !important;
	border-bottom: #b6b6b6 solid 1px !important;
	background:none;
	}

.modalBox .list th {
	background: #f0f0f0;
	text-align:center;
	font-weight:bold;
}
.modalBox .list .bgGood,
.modalBox .list .bgStandard,
.modalBox .list .bgBad,
.modalBox .list .bgBad02,
.modalBox .list .bgQuestion {
	text-align:center;
}
.modalBox .list .bgGood {
	background:#ffe5e5 url(https://img1.kakaku.k-img.com/images/category/article_bg_good.gif) left no-repeat;
}
.modalBox .list .bgStandard {
	background:#d5f7d2 url(https://img1.kakaku.k-img.com/images/category/article_bg_standard.gif) left no-repeat;
}
.modalBox .list .bgBad {
	background:#daebff url(https://img1.kakaku.k-img.com/images/category/article_bg_bad.gif) left no-repeat;
}
.modalBox .list .bgBad02 {
	background:#e2d4ef url(https://img1.kakaku.k-img.com/images/category/article_bg_bad02.gif) left no-repeat;
}
.modalBox .list .bgQuestion {
	background:#e5e2ce url(https://img1.kakaku.k-img.com/images/category/article_bg_question.gif) left no-repeat;
}
.modalBox .list th.darkcolor,
.modalBox .list td.darkcolor {
	background:#b3b3b3;
	color: #fff;
}
.modalBox .list th.lightcolor,
.modalBox .list td.lightcolor {
	background:#f0f0f0;
	}
.modalBox .notes {
	font-size: 0.85em;
	margin-top:5px !important;
}

.modalBox .list .bgGood,
.modalBox .list .bgStandard,
.modalBox .list .bgBad,
.modalBox .list .bgBad02,
.modalBox .list .bgQuestion {
	text-align:center;
}
.modalBox .list .bgGood {
	background:#ffe5e5 url(https://img1.kakaku.k-img.com/images/category/article_bg_good.gif) center no-repeat;
}
.modalBox .list .bgStandard {
	background:#d5f7d2 url(https://img1.kakaku.k-img.com/images/category/article_bg_standard.gif) center no-repeat;
}
.modalBox .list .bgBad {
	background:#daebff url(https://img1.kakaku.k-img.com/images/category/article_bg_bad.gif) center no-repeat;
}
.modalBox .list .bgBad02 {
	background:#e2d4ef url(https://img1.kakaku.k-img.com/images/category/article_bg_bad02.gif) center no-repeat;
}
.modalBox .list .bgQuestion {
	background:#e5e2ce url(https://img1.kakaku.k-img.com/images/category/article_bg_question.gif) center no-repeat;
}
.modalBox .scrollArea + .notes {
	padding: 0 8px 8px;
}

/*============================
 8. faq
============================*/
.modalBox .faq {
	padding: 8px;
}
.modalBox .faq dl {
	margin-top: 8px;
	line-height: 1.4;
}
.modalBox .faq dl + dl {
	border-top:dotted 1px #b2b2b2;
	padding-top: 16px;
}
.modalBox .faq dl dt.question {
	margin-bottom: 20px;
	color: #3399cc;
	font-weight: bold;
	padding-left: 37px;
}
.modalBox .faq dl dt.question span {
	background: #3399cc;
	padding: 6px 8px;
	color: #fff;
	margin-left: -37px;
	margin-right: 10px;
}
.modalBox .faq dl dd.answer {
	color: #cc3399;
	font-weight: bold;
	margin-bottom: 8px;
	padding-left: 37px;
}
.modalBox .faq dl dd.answer span {
	background: #cc3399;
	padding: 6px 8px;
	color: #fff;
	margin-left: -37px;
	margin-right: 10px;
}
.modalBox .faq dl dd.answerImg {
	margin: 0 0 10px 0;
	text-align: center;
}

/*============================
 9. wordList
============================*/
.modalBox .wordList {
	padding: 8px;
}
.modalBox .wordList dt {
	margin-top: 10px;
}
.modalBox .wordList dt:first-child {
	margin-top: 0;
}
.modalBox .wordList dd {
	margin-top: 5px;
}


/*============================
10. tableList
============================*/
.modalBox .list {
	margin-top: 10px;
	width:100%;
	border-top: #b6b6b6 solid 1px;
	border-left: #b6b6b6 solid 1px;
	border-collapse:collapse;
}
.modalBox .list:first-child {
	margin-top: 0;
}
#all .variItemBox .variPopupMain .modalBox .list th,
#all .variItemBox .variPopupMain .modalBox .list td {
	padding:4px;
	border-right: #b6b6b6 solid 1px;
	border-bottom: #b6b6b6 solid 1px;
	vertical-align: top !important;
}
#all .variItemBox .variPopupMain .modalBox .list th {
	background: #f0f0f0 !important;
	text-align:center;
	font-weight:bold;
}
#all .variItemBox .variPopupMain .modalBox .list .bgGood,
#all .variItemBox .variPopupMain .modalBox .list .bgStandard,
#all .variItemBox .variPopupMain .modalBox .list .bgBad,
#all .variItemBox .variPopupMain .modalBox .list .bgBad02,
#all .variItemBox .variPopupMain .modalBox .list .bgQuestion {
	text-align:center;
}
#all .variItemBox .variPopupMain .modalBox .list .bgGood {
	background:#ffe5e5 url(https://img1.kakaku.k-img.com/images/category/article_bg_good.gif) left no-repeat !important;
}
#all .variItemBox .variPopupMain .modalBox .list .bgStandard {
	background:#d5f7d2 url(https://img1.kakaku.k-img.com/images/category/article_bg_standard.gif) left no-repeat !important;
}
#all .variItemBox .variPopupMain .modalBox .list .bgBad {
	background:#daebff url(https://img1.kakaku.k-img.com/images/category/article_bg_bad.gif) left no-repeat !important;
}
#all .variItemBox .variPopupMain .modalBox .list .bgBad02 {
	background:#e2d4ef url(https://img1.kakaku.k-img.com/images/category/article_bg_bad02.gif) left no-repeat !important;
}
#all .variItemBox .variPopupMain .modalBox .list .bgQuestion {
	background:#e5e2ce url(https://img1.kakaku.k-img.com/images/category/article_bg_question.gif) left no-repeat !important;
}
#all .variItemBox .variPopupMain .modalBox .list th.darkcolor,
#all .variItemBox .variPopupMain .modalBox .list td.darkcolor {
	background:#b3b3b3 !important;
	color: #fff !important;
}
#all .variItemBox .variPopupMain .modalBox .list th.lightcolor,
#all .variItemBox .variPopupMain .modalBox.list td.lightcolor {
	background:#f0f0f0 !important;
	}
.modalBox .notes {
	font-size: 0.85em;
	margin-top:5px !important;
}
/* add sm1 170302 */
#all .variItemBox .variPopupMain .modalBox .list .tblCap {
	background:#999 !important;
	color:#fff !important;
}
#all .variItemBox .variPopupMain .modalBox .list .fs120 {
	line-height:1.5;
}
#all .variItemBox .variPopupMain .modalBox .list th.alignL {
	text-align:left;
}
#all .variItemBox .variPopupMain .modalBox .list .bgGood p,
#all .variItemBox .variPopupMain .modalBox .list .bgStandard p,
#all .variItemBox .variPopupMain .modalBox .list .bgBad p,
#all .variItemBox .variPopupMain .modalBox .list .bgBad02 p {
	text-align:left;
	padding:0 10px 0 40px;
	line-height:1.5;
}
#all .variItemBox .variPopupMain .modalBox .list p.ttl {
	font-weight:bold;
}
#all .variItemBox .variPopupMain .modalBox ul.styleDot {
	margin:10px 10px 10px 20px;
	border-top:none;
	width:auto;
	padding-top:0;
}
#all .variItemBox .variPopupMain .modalBox ul.styleDot li  {
	list-style-type:disc;
	margin:0 0 5px 0;
}