@charset "Shift_JIS";

/* **************************************************

Name: floating.css

Description: 閉じるボタン付き追随ウィンドウ（フローティングバナー）

***************************************************** */


/* [-] 追随ウィンドウ*/
.DocWindow{
	padding:0;
	position:fixed;
	bottom:auto;
	z-index:10;
	box-sizing:border-box;
	border:2px solid #505050;
	background-color:#fff;
}

.DocWindow .close a{
	display:block;
	width:10px;
	height:10px;
	position:absolute;
	top:5px;
	right:5px;
	text-decoration:none;
	border:1.5px solid #fff;
	padding:3px;
	color:#fff;
	font-size:20px;
	line-height:1em;
}

.DocWindow h2 {
	display: block;
	position: static;
	background:none !important;
	font-size: 100%;
	padding:0;
	margin-bottom:0 !important;
	padding-bottom:0 !important;
}
.DocWindow h2:before {
	content:none;
}
.DocWindow h2 span{
	color:#fff;
	text-align:center;
	font-weight:normal;
	font-size:90%;
	background-color:#2a2a2a;
	padding-right: 35px;
}
.DocWindow h2 span.OnLine{
	background-color:#AD001D;
}
.DocWindow h2 span.OnDemand{
	background-color:#004B79;
}

.DocWindow a.floatIMG:hover {
	opacity: .8;
}
.DocWindow a.floatIMG img {
	width:100%;
}

.DocWindow ul.img_txt li,
.DocWindow ul.img_txt li strong{
	color:#fff;
}
.DocWindow ul.img_txt li img {
	padding-top: 15px;
}
.DocWindow ul.img_txt li:last-child{
	font-size:73%;
	text-align:center;
	margin:10px;
	text-shadow: 3px  3px 5px #000,
				-3px  3px 5px #000,
				 3px -3px 5px #000,
				-3px -3px 5px #000;
}
.DocWindow .doc_dl a{
	margin:15px auto;
	padding:5px 15px 5px 5px;
	display:block;
	width:80%;
	text-decoration:none;
	color:#fff;
	text-shadow:none;
	background-color:#e60027;
	font-size:100%;
	font-weight:bold;
	background-image: url("/image/jp/r1/icon/icon_new_window_white_hd.png");
	background-repeat: no-repeat;
	background-position: right 7px center;
	background-size: 16px 16px;
	-moz-background-size: 16px 16px;
	-webkit-background-size: 16px 16px;
	-o-background-size: 16px 16px;
	-ms-background-size: 16px 16px;

}

.DocWindow .doc_dl a:hover{
	background-color: #b1000e;
}



/* [-] レスポンシブ対応
=========================================================================================== */


/* for - 1500px
=========================================================================================== */
@media screen and (max-width: 1500px) {

}

/* for - 994px
=========================================================================================== */
@media screen and (max-width: 994px) {

}

/* for - 767px
=========================================================================================== */
@media screen and (max-width: 767px) {
.DocWindow h2 {
    width: 300px;
    margin:0 0 0 auto;
}

}

/* for - 579px
=========================================================================================== */
@media screen and (max-width: 579px) {
.DocWindow h2 {
    width: 100%;
    margin:0;
}

}

/* for - 399px
=========================================================================================== */
@media screen and (max-width: 399px) {

}