/*事例コンテンツ内での指定用（古い事例用に残しておく）*/
#Title1 {
	font-weight: bold;
	background-color: #0066CC;
	color: #FFFFFF;
	margin: 0px 0px 5px 0px;
	padding: 5px 10px 5px 10px;
}
#Title2 {
	font-weight: bold;
	background-color: #CCFFFF;
	border-top: 2px solid #0066CC;
	border-left: 6px solid #0066CC;
	margin: 0px 0px 5px 0px;
	padding: 5px 10px 5px 10px;
}
#Title3 {
	font-weight: bold;
	background-image: url(../images/dot_qa.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #0066CC;
	margin: 0px 0px 5px 5px;
	padding: 5px 10px 5px 15px;
}
#Title1R {
	font-weight: bold;
	background-color: #FF0000;
	color: #FFFFFF;
	margin: 0px 0px 5px 0px;
	padding: 5px 10px 5px 10px;
}
#Title2R {
	font-weight: bold;
	background-color: #FFCCCC;
	border-top: 2px solid #FF0000;
	border-left: 6px solid #FF0000;
	margin: 0px 0px 5px 0px;
	padding: 5px 10px 5px 10px;
}
#Title3R {
	font-weight: bold;
	background-image: url(../images/dot_qar.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #FF0000;
	margin: 0px 0px 5px 5px;
	padding: 5px 10px 5px 15px;
}

.Title1 {
	font-weight: bold;
	background-color: #0066CC;
	color: #FFFFFF;
	margin: 0px 0px 5px 0px;
	padding: 5px 10px 5px 10px;
}
.Title2 {
	font-weight: bold;
	background-color: #CCFFFF;
	border-top: 2px solid #0066CC;
	border-left: 6px solid #0066CC;
	margin: 0px 0px 5px 0px;
	padding: 5px 10px 5px 10px;
}
.Title3 {
	font-weight: bold;
	background-image: url(../images/dot_qa.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #0066CC;
	margin: 0px 0px 5px 5px;
	padding: 5px 10px 5px 15px;
}
.Title1R {
	font-weight: bold;
	background-color: #FF0000;
	color: #FFFFFF;
	margin: 0px 0px 5px 0px;
	padding: 5px 10px 5px 10px;
}
.Title2R {
	font-weight: bold;
	background-color: #FFCCCC;
	border-top: 2px solid #FF0000;
	border-left: 6px solid #FF0000;
	margin: 0px 0px 5px 0px;
	padding: 5px 10px 5px 10px;
}
.Title3R {
	font-weight: bold;
	background-image: url(../images/dot_qar.gif);
	background-repeat: no-repeat;
	background-position: 0px 8px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #f00;
	margin: 0px 0px 5px 5px;
	padding: 5px 10px 5px 15px;
}


/*余白、フォントサイズ調整*/
div.qinsert{}
div.qinsert,
div.qinsert *{
	line-height: 150%;
}
div.qinsert p{
	margin:10px 0;
}
div.qinsert ul,
div.qinsert ol{
	margin-top: 10px;
	margin-bottom: 10px;
}
div.qinsert li{
	margin-top: 6px;
	margin-bottom: 6px;
}

div.ainsert br{clear: both;}
div.ainsert,
div.ainsert *{
	line-height: 150%;
}
div.ainsert p{
	margin-top: 20px;
	margin-bottom: 10px;
}
div.ainsert li,
div.ainsert li ol,
div.ainsert li ul{
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
}
/*/余白、フォントサイズ調整*/

/*目次テンプレート*/
/*1階層目*/
div.tree1{margin: 20px 0; padding: 0; border: 3px solid #f8bfc8;}
div.tree1 p{margin: 7px 2px 10px 10px; padding: 0; font-weight: bold;}
div.tree1 div{margin: 7px 2px 10px 10px; padding: 0;}
div.tree1 ol{margin: 10px 5px 10px 50px; padding: 0;}
div.tree1 ul{margin: 10px 5px 10px 50px; padding: 0;}
div.tree1 li{margin: 10px 0; padding: 0; font-weight: bold;}
/*2階層目*/
div.tree2{margin: 15px 5px; padding: 0; border-width: 2px 1px; border-style: solid; border-color: #f493a3;}
div.tree2 p{margin: 7px 2px 9px 10px; padding: 0;}
div.tree2 ol{margin: 9px 5px 9px 50px; padding: 0;}
div.tree2 ul{margin: 9px 5px 9px 50px; padding: 0;}
div.tree2 li{margin: 9px 0; padding: 0;}
/*3階層目*/
div.tree3{margin: 15px 5px; padding: 0px; border-width:1px; border-style: solid; border-color: #f493a3;}
div.tree3 p{margin: 7px 2px 8px 10px; padding: 0;}
div.tree3 ol{margin: 8px 5px 8px 50px; padding: 0;}
div.tree3 ul{margin: 8px 5px 8px 50px; padding: 0;}
div.tree3 li{margin: 8px 0; padding: 0;}

/*項目テンプレート*/
/*1階層目*/
/*手順型*/
@media screen{
	h3.tejun{
		margin: 12px 0px 0px;/*勝手に<br>がつくため下の余白は0としておく*/
		padding: 0px 5px 7px 15px;
		border-width: 2px;
		border-style: solid;
		border-color: #d9334d;
		background-color: #ffebee;
	}
	h3.tejun span{/*記載例：＜手順1＞*/
		margin: 0px -5px 7px -15px;
		padding: 3px 5px;
		color: #fff;
		background-color: #d9334d;
		display: block;
		letter-spacing: 1px;
	}
	h3.tejun span.hitkeyword{/*この中にヒットキーワードがある場合の対応*/
		margin: 0px;
		padding: 0px;
		color: #000;
		background-color: #ebeffc;
		display: inline;
		letter-spacing: 0px;
	}
}
@media print{
	h3.tejun{
		margin: 12px 0px 0px;/*勝手に<br>がつくため下の余白は0としておく*/
		padding: 10px 5px;
		border-width: 2px;
		border-style: solid;
		border-color: #d9334d;
	}
	h3.tejun span{/*記載例：＜手順1＞*/
		margin-right: 7px;
		color: #f00;
	}
}
/*場合型*/
h3.case{
	margin: 12px 0 0;/*勝手に<br>がつくため下の余白は0としておく*/
	padding: 12px 3px 12px 10px;
	border-width: 2px 5px 2px 15px;
	border-style: solid;
	border-color: #d9334d;
	background: #ffebee;
}
/*2階層目*/
/*手順型*/
h4.tejun{
	margin: 30px 0 0;/*勝手に<br>がつくため下の余白は0としておく*/
	padding: 3px 5px 3px 10px;
	border-width: 2px 0 0 6px;
	border-style: solid;
	border-color: #e75a70;
	background: #ffebee;
}
/*場合型*/
h4.case{
	margin: 20px 0 0;/*勝手に<br>がつくため下の余白は0としておく*/
	padding: 5px 3px 5px 10px;
	border-width: 2px 3px 2px 7px;
	border-style: solid;
	border-color: #e75a70;
	background: #ffedf0;
}
/*3階層目*/
/*手順型*/
h5.tejun{
	margin: 15px 0 0;/*勝手に<br>がつくため下の余白は0としておく*/
	padding: 3px 5px 3px 10px;
	border-width: 1px 0 0 2px;
	border-style: solid;
	border-color: #ff6880;
	background: #fff5f6;
}
/*場合型*/
h5.case{
	margin: 12px 0 0;/*勝手に<br>がつくため下の余白は0としておく*/
	padding: 3px 3px 3px 10px;
	border-width: 1px 2px 1px 4px;
	border-style: solid;
	border-color: #ff6880;
	background: #fff5f6;
}

/*解決ツールエリアの枠*/
.qawebsolution{
	margin: 10px 2px;
	padding: 8px 8px 8px 12px;
	border: 3px solid #136612;
	line-height: 160%;
}

/*携帯コンテンツのリンク*/
div.mobile{
	margin: 10px 1px;
	padding: 5px 2px 3px 7px;
	border: 2px solid #ddd;
	background: #eee;
}
div.mobile p.qr{
	float: left;
	margin: 0px 12px 0px 0px;
	padding: 0px;
}
div.mobile p.text{
	float: left;
	margin: 0px;
	padding: 0px;
	font-size: 90%;
	line-height: 150%;
}


/*関連QAリンクテンプレート*/
div.related{
	margin: 45px 0 10px;
	padding: 0;
	background: #f8fffe;
	background: #fff;
	color: #3b454e;
	border: 1px solid #3b454e;
}
div.related h3{
	margin: 0;
	padding: 3px 2px 3px 7px;
	background: #3b454e;
	color: #fff;
	font-size:100%;
}
div.related h3 span{
	font-weight: normal;
	font-size: 100%;
	margin-left: 7px;
}

div.related p{
	margin: 8px;
}
div.related ul{
	margin: 0;
	padding: 0 0 0 35px;
}
div.related li{
	margin: 5px 0;
}


/*特定のモデルだけの場合の前置きや他への誘導*/
div.uniqmodel{
	margin: 18px 0;
	padding: 8px;
	background: #f8fffe;
	border: 2px solid #3b454e;
}
div.uniqmodel p{
	margin: 7px 0;
}
div.uniqmodel p.title{
	margin: 0 0 15px;
	padding:3px 7px;
	font-weight:bold;
	background: #cfe;
}
div.uniqmodel ul{
	margin: 0;
	padding: 0 0 0 35px;
}
div.uniqmodel li{
	margin: 5px 0;
}


/*表示展開テンプレート*/
h3.check{
	margin: 0;
	font-size: 130%;
	padding: 7px 3px 5px;
	background: #d5e5ff;
	line-height: 180%;
}
div.solution h3.check{
	margin-top: 30px;
}
h3.check span{
	margin: 0 6px 0 1px;
	padding: 8px;
	background: #071c93;
	color: #fff;
}

/*共通*/
div.solution li{
	line-height: 170%;
	margin-bottom: 12px;
}
/*順番に開いていく*/
/*初期状態のエリア*/
div.choose{margin: 0; padding: 0;}
/*選択した時に変わるクラス名*/
div.choose_on{margin: 0; padding: 0;}
/*本文*/
div.choose div.solution{display: none;}
div.choose_on div.solution{display: auto;margin-bottom: 40px;}
div.choose_on div.solution p{margin-left: 5px;}

h4.choice,
div.choose_on div.choose h4.choice{
	margin: 10px 0 10px 10px !important;
	padding: 15px 0px 15px 32px;
	background: #f0f3fb url('../images/qaitembkoff.gif') no-repeat 8px center;
	border-width: 1px; border-style: solid; border-color: #d1daf9;
	cursor: pointer;
	font-weight: normal;
}

h4.choice:hover,
div.choose_on div.choose h4.choice:hover{
	background: #edfdff url('../images/qaitembkover.gif') no-repeat 8px center;
	border-color: #a0f0ff;
}

div.choose_on h4.choice{
	margin: 10px 0 !important;
	background: #eaeeff url('../images/qaitembkon.gif') no-repeat 8px center;
	border-width: 1px; border-style: solid; border-color: #a7c0fa;
	font-weight: bold;
}

h5.choice{
	padding: 15px 0px 15px 40px;
	cursor: pointer;
}
h5.choice:hover{
	background: #dbf4ff url('../images/qaitembkover.gif') no-repeat 8px center;
	border-color: #a4e1ff;
}
div.choose_on h5.choice{
	margin: 10px 0 !important;
	background: #dff5ff url('../images/qaitembkon.gif') no-repeat 8px center;
	border-width: 2px; border-style: solid; border-color: #7fbcd8;
	font-weight: bold;
}
div.choose_on div.choose h5.choice{
	margin: 10px 0 10px 20px !important;
	background: #ecf9ff url('../images/qaitembkoff.gif') no-repeat 8px center;
	border-width: 1px; border-style: solid; border-color: #b5def1;
	font-weight: normal;
}
div.choose_on div.choose h5.choice:hover{
	background: #dbf4ff url('../images/qaitembkover.gif') no-repeat 8px center;
	border-color: #a4e1ff;
}


/*場合ごとに表示させる場合*/
/*初期状態のエリア*/
div.each_case{margin: 0; padding: 0;}
/*選択した時に変わるクラス名*/
div.each_case_on{margin: 5px 0 50px; padding: 0;}
div.each_case_child_on{margin: 5px 0 60px; padding: 0;}
/*各場合ごとの本文*/
div.each_case div.solution{display: none;}
div.each_case_on div.solution{display: auto;}
/*入れ子内*/
div.each_case_child div.solution{display: none;}
div.each_case_child_on div.solution{display: auto;}


/*場合ごとの選択肢*/
div.each_case h3.choice{
	margin: 0 0 2px;
	padding: 14px 0 14px 33px;
	background: #fafafa url('../images/qachoiceoff.png') no-repeat 9px center;
	border-width: 2px 2px 2px 8px; border-style: solid; border-color: #adcafb;
	cursor: pointer;
}
div.each_case h3.choice:hover{
	background: #ecf3ff url('../images/qachoiceover.png') no-repeat 10px center;
}
div.each_case_on h3.choice{
	margin: 5px 0 10px;
	padding: 15px 0 15px 37px;
	background: #dae8ff url('../images/qachoiceon.png') no-repeat 10px center;
	border-width: 2px 5px 0; border-style: solid; border-color: #84a5de;
	cursor: pointer;
}


/*場合ごとの選択肢の中の子選択肢（下の選択肢より引っ込ませる）*/
div.each_case_child h4.choice{
	margin: 3px 0 3px 9px !important;
	padding: 13px 0 13px 32px;
	background: #ecf9ff url('../images/qachoiceoff.png') no-repeat 8px center;
	border-width: 1px 1px 1px 7px; border-style: solid; border-color: #b5def1;
	font-weight: normal;
	cursor: pointer;
}
div.each_case_child h4.choice:hover{
	background: #dbf4ff url('../images/qachoiceover.png') no-repeat 9px center;
	border-color: #a4e1ff;
}
div.each_case_child_on h4.choice{
	margin: 5px 0 10px 4px !important;
	padding: 13px 0 13px 35px;
	background: #dff5ff url('../images/qachoiceon.png') no-repeat 10px center;
	border-width: 2px 2px 0; border-style: solid; border-color: #7fbcd8;
	font-weight: bold;
	cursor: pointer;
}

/*すべて展開・折りたたみ*/
p.openmenu{
	margin: 10px 0 7px !important;
	text-align: right;
	font-size: 80%;
}
div.solution p.openmenu{
	margin: 25px 0 10px !important;
}
.openmenu span{
	cursor: pointer;
	margin: 3px;
	padding: 3px;
	color: #666;
	font-weight: bold;
	border: 1px solid #ccc;
}
.openmenu span:hover{
	color: #000;
	background: #aff;
	border: 1px solid #000;
}


/*本文内のテンプレート*/
div.advice{
	margin: 17px 5px 20px;
	padding: 5px 10px;
	/*
	border-width: 2px 1px;
	border-style: solid;
	border-color: #29869c;
	*/
	border: 1px solid #29869c;
	line-height: 190%;
}
div.steps{
	margin: 17px 5px 20px;
	padding: 5px 10px;
	border: 2px solid #ddd;
	line-height: 190%;
}
/*20170111追加MART用スタイル*/
div.martlink{
	margin: 17px 5px 20px;
	padding: 5px 10px;
	border: 2px solid #1C89B5;
	line-height: 190%;
}
/*20170111追加MART用スタイルここまで*/
div.attention{
	margin: 17px 5px 20px;
	padding: 5px 10px;
	border: 1px solid #f00;
	line-height: 200%;
}
div.important{
	margin: 17px 5px 20px;
	padding: 5px 10px;
	border: 1px solid #f15884;
	line-height: 190%;
}
div.important_r{
	margin: 17px 5px 20px;
	padding: 5px 10px;
	border: 1px solid #f15884;
	color: #ea0043;
	line-height: 190%;
}
div.reference{
	margin: 17px 5px 20px;
	padding: 5px 10px;
	border: 1px solid #bbb;
	line-height: 190%;
}
div.advice p,
div.attention p,
div.important p,
div.important_r p,
div.reference p{
	margin: 8px 0;
	padding: 0;
}
div.advice ul,
div.advice ol,
div.attention ul,
div.attention ol,
div.important ul,
div.important ol,
div.important_r ul,
div.important_r ol,
div.reference ul,
div.reference ol,
div.advice li,
div.attention li,
div.important li,
div.important_r li,
div.reference li{
	margin-top: 10px;
	margin-bottom: 10px;
}

/**/
div.otheranswer{
	margin: 40px 0 20px;
}
div.otheranswer h3{
	margin: 0 0 10px;
	padding: 5px 7px;
	background: #d1e2ff;
	border: 1px solid #9cbbf1;
}
div.otheranswer p{
	margin: 10px 0px 10px 5px;
	line-height: 170%;
}
div.otheranswer li{
	line-height: 170%;
	margin-bottom: 12px;
}

/**/
div.ifbefore{
	margin: 15px 0;
	padding: 0;
	border-width: 1px 1px 1px 5px;
	border-style: solid ;
	border-color: #f15884;
}
div.ifbefore p{
	margin: 0 !important;
	padding: 3px 3px 3px 7px;
}
div.ifbefore p.title{
	color: #ea0043;
	background: #fee;
}

/*タブメニュー表示非表示*/
div.tabindex{
	margin: 20px 0 0;
	padding: 3px;
}
div.tabindex p{
	float: left;
	margin: 0;
	padding: 0;
}
div.tabindex p a{
	display: block;
	margin: 1px;
	padding: 5px 10px;
	border-width: 1px 1px 0;
	border-style: solid ;
	border-color: #aaa;
}
div.tabindex p.active a{
	color: black;
	background: #a0ffcd;
	margin: 0;
	border-width: 2px 2px 0;
	border-style: solid ;
	border-color: #aaa;
}
div.tabindex:after{
	content:"";
	clear: both;
	display: block;
}

div.tabarea{
	clear: both;
	margin: 0 0 10px;
	padding: 0;
	border-width: 2px 3px 3px;
	border-style: solid ;
	border-color: #aaa;
}
div.tabarea > div{
	display: none;
	background: #fff;
	margin: 0 0;
	padding: 2px;
	border: 15px solid #eaf5ef;
}
div.tabarea div.firstview{
	border: 20px solid #eee;
	margin: 0;
	padding: 25px 20px;
	color: #777;
	font-style:italic;
}



/*枠改善2017_12_26*/
.info_box {
	background: #D0E8FF;
}

.info_box .title {
	padding: 5px 8px;
	background: #55AAFF;
	font-weight: bold;
	color: #FFFFFF;
}

.info_box .text {
	margin: 0 0 10px;
	padding: 8px 8px 0px 8px;
	overflow: hidden;
}

.info_box .text p {
	margin: 0 0 8px;
}

.info_box .text ul,li {
	margin: 0 0 10px;
}


.important_box {
	margin: 0 0 10px;
	border:#FF3300 4px double;
}

.important_box p {
	margin:0px;
	padding: 8px;
}


.important_box ul,li {
	margin: 0 0 10px;
}


.label_box {
	background: #ffffff;
}

.label_box .title {
	display: inline;
	padding: 5px 10px;
	font-weight: bold;
	color: #ffffff;
	border-radius: 5px 5px 0 0;
}


.label_box .text {
	margin: 2px 0 10px;
}


.label_box .text p {
	margin:0px;
	padding: 8px;
}

.label_box .text ul {
	margin: 0 0 20px;
	padding: 0 0 0 20px;
}

.label_box .text li {
	margin: 0 10px 0 0;
}

.green .title {
    background: #29869c;
}
.green .text {
	border: solid 1px #29869c;
}

.pink .title {
    background: #f15884;
}
.pink .text {
    border: solid 1px #f15884;
}

.red .title {
    background: #ff0000;
}
.red .text {
    border: solid 1px #ff0000;
}

.orange .title {
    background: #FF9900;
}
.orange .text {
    border: solid 1px #FF9900;
}