@charset "UTF-8";
/* CSS Document */

/*----------------------------------
	index用のCSSです
----------------------------------*/

/*----------------------------------メインコンテンツ----------------------------------*/

.CtsMrBox{background:url(../images/bg.jpg); width:960px; margin:0 auto;}
li img { vertical-align: bottom;}
.Bttm{padding-bottom:40px;}
h1, p, h4{
	line-height:0;
}
/*----------------------------------
	ダウンロード
----------------------------------*/
.DlBox{
	display:flex;
	width:940px;
	height:125px;
	position:relative;
	padding-left:20px;
	}
.DlBox h3{
	
}
.DlBox h3 img{
	width:auto;
	vertical-align:bottom;
	font-size:0;
	line-height:0;
	}
.DlBox ul{
	width:640px;
	height:125px;
	background:url(../images/dl_bg.gif) 0 0 no-repeat;
	float:left;
	}
.DlBox li.ip{
	position:absolute;
	top:55px;
	left:320px;
	}
.DlBox li.an{
	position:absolute;
	top:55px;
	right:40px;
	}
.DlHow{
	width:910px;
	height:200px;
	background:url(../images/dl_how_bg.gif) no-repeat bottom;
	margin: 0 0 20px 20px;
	}
.DlHow dl{
	width:350px;
	height:auto;
	float:left;
	padding-left:65px;
	}
.DlHow dd{
	background: url(../images/dl_icn.gif) no-repeat left top;
    padding-left: 30px;
	font-size:10px;
	}
.DlHow_iphone, .DlHow_android{
	width:415px;
}
.DlHow_iphone dt{
	width:220px;
}
.DlHow_android dt{
	width:170px;
}
/*----------------------------------
	操作方法
----------------------------------*/
.GuideBox{
	width:930px;
	height:940px;
	background:url(../images/guide_bg.gif) 0 110px;
	margin: 0 0 0 20px;
	}
.GuideBox ol{
	padding-left:38px;	
	overflow:hidden;
	}
.GuideBox li{
	float:left;
	}
.GuideBox ol:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
/*\*/
* html .GuideBox ol{
    height: 1em;
    overflow: visible;
}
/**/
/*----------------------------------
	ポイント
----------------------------------*/
.PointBox{
	width:930px;
	height:auto;
	margin: 0 0 0 20px;
	}
/*----------------------------------
	冊子紹介
----------------------------------*/
.EbookBox{
	width:930px;
	height:410px;
	background:url(../images/ebook_bg.gif) 0 80px no-repeat;
	margin: 0 0 0 20px;
	}
.EbookBox ul{
	padding-left:60px;	
	overflow:hidden;
	}
.EbookBox li{
	float:left;
	text-align:center;
	font-size:14px;
	line-height:16px;
	font-weight:bold;
	}
.EbookBox ul:after {
    clear: both;
    content: " ";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}
/*\*/
* html .EbookBox ul{
    height: 1em;
    overflow: visible;
}
/**/
.top_link {
  width: 400px;
    /* background-color: #eb7700; */
    /*margin: 2.4rem 1.2rem; */
  margin: 2.4rem auto;
    border-radius: 3rem;
    background: linear-gradient(#0099ff 35%, #0074df 100%);
}
.top_link:hover{
	background: linear-gradient(#0074df 35%, #0099ff 100%)
}

.top_link a span {
    position: relative;
    color: #fff;
    font-family: arial,sans-serif;
    font-weight: bold;
    font-size: 16px;
    line-height: 1.4;
    display: block;
    padding: 0.6rem 2rem 0.6rem 1rem;
    text-align: center;
}

.top_link a span::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 7%;
    width: 10px;
    height: 10px;
    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
    transform: rotate(-135deg);
    margin-top: -5px;
}

.top_link a:hover{
	text-decoration: none;
}