@charset "utf-8";
/* CSS Document */
/*
=========================================================
履歴
目次作成(2017/12/11)
『2.リプレイスメントサービスについて』に表記追加(2017/12/11)
『1.オーナーページ　インデックス』『2.リプレイスメントサービスについて』に表記変更・追加(2018/2/7)

=========================================================
*/
/*
=========================================================
目次
0.base settings
1.オーナーページ　インデックス
2.リプレイスメントサービスについて
3.ストリーム サービスキャンペーン
4.製品保証制度のご案内
5.製品保証登録入り口
=========================================================
*/

/*
=========================================================
0.base settings
=========================================================
*/

/* #int_box,
.int_box {
	font-size: 16px;
}*/
h4 {
	font-weight: bold;
	font-size: 14px;
	margin: 10px auto 5px;
}
.emphasis {
	font-weight: bold;
}
.comments{
	color: #ff0000;
}
.new_line{
	margin-top: 10px;
	margin-bottom: 30px;
}


/* 消してもよい */
/* .detail{
	margin-top: 10px;
} */


/*
=========================================================
1.オーナーページ　インデックス
=========================================================
*/
/*
.top_area p {
	padding: 10px;
}
*/
.sec_owner{
	margin: 10px auto 35px;
}
.sec_owner p{
	width:750px;
	line-height:1.6;
}
.sec_owner ul{
	margin:20px auto 30px;
}
.sec_owner li{
	margin:10px 10px 0 0;
}
.sec_owner li a:hover{
	opacity: 0.5;  
}
.sec_owner h3 a:hover{
	color: #00569C;
	border-color: #00569C;
}
.attention_A {
    font-size: 80%;
    margin-left: 10px;
}
.ListA {
	list-style-type: disc;
	padding-left: 15px;
}
/*
=========================================================
2.リプレイスメントサービスについて
=========================================================
*/

/*テーブルの設定*/
.hyou1{
	width:750px;
	margin:10px 0;
}	
.hyou1 table{
	border:2px solid #333;
    margin-right: 10px;
    margin-bottom: 10px;
    float: left;
}
.hyou1 caption {
    font-size: 1.2em;
    font-weight: bold;
}
.hyou1 th {
    font-weight: bold;
    text-align: center;
    border: 1px solid #333;
	padding: 2px 4px;
}
.hyou1 td{
    padding: 3px;
    border: 1px solid #333;
}


.hyou1 ul{
	text-align:left;
	margin:10px auto 20px 0;
	line-height:1.4;
}
.hyou1 li.mark{
	color:#F00;
	font-weight:bold;
}
.hyou1 li.mark::before{
	content: "※";
}
.hyou1 li.mark-2{
    margin-left: -15px;
}
.hyou1 li.mark-2::before{
	content: "※1";
    font-size: 85%;
    margin-right: 1em;
}

ul.order{
	margin:15px auto 30px 30px;
	list-style-type: disc;
	line-height:1.5;
}
ul.order .document{
	margin-left:3em;
}

/*
=========================================================
3.ストリーム サービスキャンペーン
=========================================================
*/
div.rn6_can{
	margin-bottom:30px;
	line-height:1.6;
}
div.rn6_can dl{
}
div.rn6_can dl dt {
	font-weight: bold;
	font-size: 16px;
	margin: 30px auto 5px 20px;
	/*border-bottom: #009245 solid 2px; */
    color: #009245;
	display: list-item;
	list-style-type: decimal;
}
div.rn6_can dl dd img{
	margin: 10px auto 10px 80px;
}
div.rn6_can table{
	font-size:10px;
	margin:5px auto 10px 0;
}
div.rn6_can table td{
	padding-left:5px;
}


/*
=========================================================
4.製品保証制度のご案内
=========================================================
*/
.sec_warr{
	overflow:hidden;
	width:800px;
	padding-left:40px;
}
.sec_warr dl{
	line-height:1.5;
	font-size:14px;
	width:350px;
	float:left;
	/*margin-left:20px;*/
}
.sec_warr dt{
	font-weight:bold;
	margin-top:10px;
}
.sec_warr dd{
	margin-left:1em;
}


/*
=========================================================
5.製品保証登録入り口
=========================================================
*/
.sec_ownerA{
	margin: 0 auto 15px;
}
.sec_ownerA p{
	width:750px;
	line-height:1.6;
}
ul.orderA{
	margin:15px auto 0 30px;
	list-style-type: disc;
	line-height:1.5;
}
ul.orderA .document{
	margin-left:3em;
}
.regist_area{
	margin:30px auto 50px;
	text-align:center;
}
input[type="button"] {
	border:solid 1px #ccc;
	font-weight:bold;
	font-size:14px;
	color:#333;
	background-color:#eee;
	border-radius:3px;
	width:130px;
	height:40px;
	margin:0 10px;
}
input[type="button"]:hover {
	background-color:#fafafa;
	color:#ccc;
}

/*
=========================================================
6.製品自主回収のお知らせ
=========================================================
*/
.btn-area {
  list-style-type: none;
  overflow: hidden;
  /*floatの解除*/
  padding-left: 35px;
  padding-right: 35px;
  position: relative;
	display: flex;
	justify-content: center;
	margin-bottom: 5em;
}
.btn-area li {
  display: block;
  float: left;
  width: 370px;
}
.btn-area a {
  display: block;
  position: relative;
  /* 子要素にabsoluteを使うので、親要素にこれを入れる */
  font-size: 19px;
  font-weight: bold;
  color: #fff;
  text-decoration: none;
  text-align: center;
  background: #009844;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #009844), color-stop(50%, #009844), color-stop(51%, #007531), color-stop(100%, #007531));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #009844 0%, #009844 50%, #007531 51%, #007531 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #009844 0%, #009844 50%, #007531 51%, #007531 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #009844 0%, #009844 50%, #007531 51%, #007531 100%);
  /* W3C */
  margin: 0 10px;
  padding: 15px 0;
  border-radius: 15px;
  /* CSS3草案 */
  -webkit-border-radius: 15px;
  /* Safari,Google Chrome用 */
  -moz-border-radius: 15px;
  /* Firefox用 */
}
.btn-area a:hover {
  background: #007531;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #007531), color-stop(50%, #007531), color-stop(51%, #009844), color-stop(100%, #009844));
  /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #007531 0%, #007531 50%, #009844 51%, #009844 100%);
  /* Chrome10+,Safari5.1+ */
  background: -ms-linear-gradient(top, #007531 0%, #007531 50%, #009844 51%, #009844 100%);
  /* IE10+ */
  background: linear-gradient(to bottom, #007531 0%, #007531 50%, #009844 51%, #009844 100%);
  /* W3C */
}
/* ボタン左の三角マーク */
.btn-area a:before {
  content: "";
  /* これがないと表示されません */
  display: block;
  position: absolute;
  top: 50%;
  left: 20px;
  width: 0;
  height: 0;
  margin-top: -8px;
  border: 8px solid transparent;
  /* 左ボーダー以外は非表示 */
  border-left: 8px solid #fff;
  /* 左ボーダーで三角形を作る */
}