@charset "UTF-8";
@import "../../css/reset.css";
@import "../../css/common.css";
@import "infoCommon.css";
@import "http://haart-support.jp/information/css/subwindow.css";

#doc {
	line-height:1.6;
}
#doc ol,
#doc ul {
	margin-left: 2em;
}
#doc ol {
	list-style-type: decimal;
}
#doc ul ol ,
#doc ol ol {
	list-style-type: lower-roman;
}

#doc h2 {
 	margin: 1.5em 0 .5em;
	font-size: 1.5em;/* 21px */
	line-height: 1.2;
}
#doc h3 {
 	margin: 2em 0 .5em;
	font-size: 1.2857em;/* 18px */
	line-height: 1.2;
}
#doc h4 {
 	margin: 1.5em 0 .5em;
	font-size: 1.2857em;/* 18px */
	line-height: 1.2;
}
#doc h5 {
 	margin: 1.5em 0 .5em;
	font-size: 1.142857em; /* 16px */
	font-weight: normal;
	line-height: 1.2;
}
#doc h6 {
 	margin: 1.5em 0 .5em;
	font-size: 1.142857em; /* 14px */
	font-weight: bold;
	line-height: 1.2;
}
#doc h2 + h3 ,
#doc h3 + h4 ,
#doc h4 + h5 ,
#doc h5 + h6 {
	margin-top: .5em;
}
#doc dt {
	font-weight:bold;
}
#doc dd	{
	margin-left: 3em;
}
#doc strong {
	font-weight: bold;
}

#doc sup,
#doc sub {
	font-size: 0.8em;
}
#doc sup {
	vertical-align: 20%;
}
#doc sub {
	vertical-align: -20%;
}

/* --- テーブル ---*/
#doc table	{
	margin:.5em 0 1em;
	width: auto;
	border-collapse: collapse;
	border: 1px solid #333333;
	border-spacing: 0;
	empty-cells: show;
}
#doc table caption	{
	caption-side: top;
	margin: 0;
	padding: 1px;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
}
#doc table caption {
	text-align: left;
}
#doc table tr:nth-child(2n) {
	background: #f9f9f9;
}
#doc table th {
	background-color: #eeeeee;
	font-size: 1em;
	line-height: 1.2;
	border: 1px solid #333333;
	padding: 3px;
}
#doc table thead th {
	white-space: nowrap;
}
#doc table td {
	font-size: 1em;
	line-height: 1.2;
	border: 1px solid #333333;
	padding: 3px;
	vertical-align: top;
}


/* ---- 前文 ---- */
#copy1 {
	margin-top: 1em;
	margin-bottom: 1em;
	padding-bottom: 1em;
	background-color: #F5F9FD;
	border: solid 1px #69c;
	font-size: 0.9em;
	text-indent: 1em;
}
#copy1 h6 {
	margin-top: 0;
	margin-bottom: 1em;
	background-color: #6699cc;
	color: #ffffff;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.5;
}
#copy1 p {
	margin-left: 1em;
}
/* タイトル */
#ttl {
	text-align: center;
	line-height: 1.2;
}
/* 警告 */
#doc .warning {
	border: solid 1px #FF0000;
	color: #ff0000;
	margin: 1em 0;
	padding: .3em .5em;
}
/* 禁忌（赤字罫囲み） */
#doc .kinki {
	border: solid 1px #FF0000;
	margin: 1em 0;
	padding: .3em .5em;
}
#doc table.kinki th ,
#doc table.kinki td {
	border: solid 1px #FF0000;
}
/* （破線囲み） */
#doc .hasen {
	border: dashed 1px #666666;
	margin: 1em 0;
	padding: .3em .5em;
}
#doc .warning > h2 ,
#doc .kinki   > h2 ,
#doc .hasen   > h2 ,
#doc .warning > h3 ,
#doc .kinki   > h3 ,
#doc .hasen   > h3 ,
#doc .warning > h4 ,
#doc .kinki   > h4 ,
#doc .hasen   > h4 {
	margin-top: .5em;
}
/* 下線 */
.kasen {
	text-decoration: underline;
}

/* --- 配置 ---*/
.centering {
	text-align: center;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
/* Ajax メニュー */
div#menu_wrap {
	position: fixed;
	top: 2em;
	right: 2em;
	width: 200px;
	padding: 0 8px 8px 0;/* シャドウ分の余白 */
	overflow: hidden;
	z-index: 1;
}
div#menu_wrap .ajaxdata {
	background: #fff;
	padding: 0 .5em 1em;
	border: 1px solid #ccc;
	color: #999;
	cursor: move;
	line-height: 1.5;
	-moz-border-radius: 8px 8px;
	-webkit-border-radius: 8px 8px;
	border-radius: 8px 8px;
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
}
div#menu_wrap h1 {
	width: auto;
	height: auto;
	background: #6699CC;
	color: #FFFFFF;
	font-size: 1em;
	font-weight: bold;
	line-height: 1.2;
	margin: -1px -8px 1em;
	padding: 7px 28px 7px 7px;
	text-align: left;
	z-index: 2;
	-moz-border-radius: 8px 8px 0 0 ;
	-webkit-border-radius: 8px 8px 0 0 ;
	border-radius: 8px 8px 0 0 ;
}
div#menu_wrap.close .ajaxdata {
	border: 1px solid transparent;
	background: transparent;
	height: 92%;
	padding-bottom: 0;
	line-height: 1.5;
	-moz-border-radius: 8px 8px ;
	-webkit-border-radius: 8px 8px ;
	border-radius: 8px 8px ;
}
div#menu_wrap.close h1 {
	-moz-border-radius: 8px 8px ;
	-webkit-border-radius: 8px 8px ;
	border-radius: 8px 8px ;
}
div#menu_wrap ul {
	list-style-type: none;
}
div#menu_wrap ol {
	padding-left: 2.5em;
}
div#menu_wrap a {
	text-decoration: none;
}

div#menu_wrap .btn-close {
	position: absolute;
	top: 5px;
	left: 176px;
	display: block;
	width: 16px;
	height: 16px;
	cursor: pointer;
	color: #ccc;
	background: #fff url(http://haart-support.jp/information/css/icons.png) no-repeat 0 2px;
	line-height: 1;
	z-index: 5;
	-moz-border-radius: 4px 4px;
	-webkit-border-radius: 4px 4px;
	border-radius: 4px 4px;
	-moz-box-shadow: inset 0 -1px 3px #aaa;
	-webkit-box-shadow: inset 0 -1px 3px #aaa;
	box-shadow: inset 0 -1px 3px #aaa;
}
div#menu_wrap .btn-close:hover {
	color: #fff;
}
div#menu_wrap.close .btn-close {
	background-position: -16px 2px;
}
/* 説明 */
div#detail_wrap {
	z-index: 2;
	position: fixed;
	top: 6em;
	right: 2em;
	width: 350px;
}
div#detail_wrap .ajaxdata {
	color: #fff;
	cursor: move;
	line-height: 1.5;
	-moz-border-radius: 8px 8px ;
	-webkit-border-radius: 8px 8px ;
	border-radius: 8px 8px ;
	-moz-box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
	-webkit-box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
	box-shadow: 3px 3px 5px rgba(0,0,0,0.4);
}
div#detail_wrap .btn-close {
	position: absolute;
	top: 5px;
	right: 5px;
	display: block;
	width: 20px;
	height: 20px;
	cursor: pointer;
	color: #ccc;
	vertical-align: top;
	text-align: right;
	line-height: 1;
	font-weight: bold;
}
div#detail_wrap .btn-close:hover {
	color: #fff
}
/* 副作用 */
div#detail_wrap.se .ajaxdata {
	background: #3366cc url("../images/sebk.gif") 0 0 repeat-y;
	padding: 1em 0;
}
div#detail_wrap.se h1 {
	height: auto;
	width: auto;
	margin: 0;
	padding: 0 0 0 25px;
	background: none;
	text-align: left;
	line-height: 1;
	color: #fff;
	font-size: .7857em;/* 11px */
	font-weight: normal;
}
div#detail_wrap.se h2 {
	margin: 5px;
	padding: 2px 19px;
	background: #6597fc;
	border: 1px solid #fff;
	color: #fff;
	line-height: 1;
	font-size: 1.2857em;/* 18px */
}
div#detail_wrap.se h2 img {
	vertical-align: top;
}
div#detail_wrap.se .quotation {
	margin: 6px;
	padding: 0;
	text-align: right;
	line-height: 1.2;
	color: #fff;
	font-size: .7857em;/* 11px */
}
div#detail_wrap.se dl {
	margin: 0;
	padding: 0;
}
div#detail_wrap.se dt {
	background: transparent url("../images/se0z.gif") repeat 0 0;
	margin: 1em 0 0 21px;
	padding: 0;
	line-height: 1;
	font-size: 1.571em;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
div#detail_wrap.se dt img {
	display: block;
	vertical-align: bottom;
	padding: 0;
	margin-left: -21px;
}
div#detail_wrap.se dd {
	margin: 0.5em 6px 0 30px;
	padding:0;
	line-height: 1.5;
}
div#detail_wrap.se .ruiji {
	text-decoration: none;
}
div#detail_wrap.se a:link.ruiji,
div#detail_wrap.se a:visited.ruiji 	{
	color: #99ff99;
	border-bottom: solid 1px #99ff99;
}
div#detail_wrap.se a:hover.ruiji,
div#detail_wrap.se a:focus.ruiji,
div#detail_wrap.se a:active.ruiji {
	color: #fff;
	background-color: #009966;
}
/* 類似語 */
div#detail_wrap.ruiji .ajaxdata {
	background: #009966 url("../images/ruiji_bk.gif") 0 0 repeat-y;
	padding: 1em 0;
}
div#detail_wrap.ruiji h1 {
	height: auto;
	width: auto;
	margin: 0;
	padding: 0 0 0 25px;
	background: none;
	text-align: left;
	line-height: 1;
	color: #fff;
	font-size: .7857em;/* 11px */
	font-weight: normal;
}
div#detail_wrap.ruiji h2 {
	margin: 5px;
	padding: 2px 19px;
	background: #cfc;
	border: 1px solid #fff;
	color: #fff;
	line-height: 1;
	font-size: 1.2857em;/* 18px */
}
div#detail_wrap.ruiji h2 img {
	vertical-align: top;
}
div#detail_wrap.ruiji .quotation {
	margin: 6px;
	padding: 0;
	text-align: right;
	line-height: 1.2;
	color: #fff;
	font-size: .7857em;/* 11px */
}
div#detail_wrap.ruiji dl {
	margin: 0;
	padding: 0;
}
div#detail_wrap.ruiji dt {
	background: transparent url("../images/ruiji0z.gif") repeat 0 0;
	margin: 1em 0 0 21px;
	padding: 0;
	line-height: 1;
	font-size: 1.571em;
	font-weight: normal;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
div#detail_wrap.ruiji dt img {
	display: block;
	vertical-align: top;
	padding: 0;
	margin-left: -21px;
}
div#detail_wrap.ruiji dd {
	margin: 0.5em 6px 0 30px;
	padding:0;
	line-height: 1.5;
}

div#detail_wrap.ruiji dl dl {
	margin: 1em 0;
	padding: 0;
}
div#detail_wrap.ruiji dl dl dt {
	margin: 1em 0 0;
	padding: 3px ;
	border-bottom: 0 none #fff;
	font-size: 1em;
}
div#detail_wrap.ruiji dl dl dd {
	margin-top: 0;
	margin-left: 30px;
}

/* アドバイス */
div#detail_wrap.advice .ajaxdata {
	padding: 0 1em 1em;
	background: #6699cc;
}
div#detail_wrap.advice h2 {
	font-size: 1em;
	margin: 0 -1em 1em;
	padding: 0 1em;
	background-color: #336699;
	border-bottom: solid 1px #cccccc;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	line-height: 2;
	-moz-border-radius: 8px 8px 0 0 ;
	-webkit-border-radius: 8px 8px 0 0 ;
	border-radius: 8px 8px 0 0 ;
}
div#detail_wrap.advice ol {
	padding: 0 0 0 2.5em;
}
div#detail_wrap.advice ul {
	padding: 0 0 0 1.5em;
}
div#detail_wrap.advice .quot {
	margin-top: 1em;
	font-size: 0.9em;
	text-align: center;
	line-height: 1;
}
div#detail_wrap.advice div#comment {
	margin-top: 1em;
	padding: 0.5em;
	color: #6699cc;
	line-height: 1.5;
	background: #ffffff;
	border: solid 1px #336699;
}
div#detail_wrap.advice div#comment h3 {
	margin: 0 0 1em 0;
	background: #6699cc;
	color: #fff;
	border: solid 1px #336699;
	font-size: 1em;
	font-weight: bold;
	text-align: center;
	line-height: 1.4;
}

/* 印刷 */
@media print{
	div#menu_wrap ,
	div#detail_wrap {
		display: none !important;
	}

}