@charset "UTF-8";

/* -------------------------------------------

ユーザーガイド

--------------------------------------------*/
#userguide.index #contentBody #main #visual{
	margin-bottom: 10px;
	width: 300px;
	height: 92px;
	padding:30px 0 0 0;
	box-sizing: border-box;
	background: url(/s/userguide/img/userguide_visual_bg.jpg) no-repeat;
	background-size: 100% auto;
}
#userguide.index #contentBody #main #visual h1 {
	width: 260px;
	height: 18px;
	padding: 0;
    background: url(/s/userguide/img/userguide_visual_title.png) no-repeat;
	background-size: 100% auto;
	margin: 0 auto;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
}


/* intro
--------------------------------------------*/
#userguide.index #contentBody #main #intro {
	margin-bottom: 0;
	padding: 40px 10px 10px;
	width: 300px;
	height: auto;
	background:#f3fcff url(/s/userguide/img/userguide_intro.jpg) no-repeat 0 0;
	box-sizing: border-box;
	background-size: 100% auto;
}
#userguide.index #contentBody #main #intro h2 {
	width: 250px;
	height: 60px;
	padding: 0;
    background: url(/s/userguide/img/userguide_intro_title.png) no-repeat 0 bottom;
	background-size: 100% auto;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
}
#userguide.index #contentBody #main #intro p {
	width: 100%;
	margin-top: 10px;
	line-height: 1.45;
}

/* alps
--------------------------------------------*/
#userguide.index #contentBody #main #alps {
	margin-bottom: 20px;
	padding:20px 10px;
	width: 100%;
	height: auto;
	background:#def4fc;
	background-size: 100% auto;
	box-sizing: border-box;
}
#userguide.index #contentBody #main #alps h2 {
	width: 280px;
	height: 19px;
	padding: 0;
    background: url(/s/userguide/img/userguide_alps_title.png) no-repeat center bottom;
	background-size: 85% auto;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
	margin-bottom: 10px;
}
#userguide.index #contentBody #main #alps p {
	width:100%;
	margin-bottom: 10px;
}
#userguide.index #contentBody #main #alps li{
	padding: 0;
	margin: 0;
}
#userguide.index #contentBody #main #alps .btn1 a{
	width: 260px;
	height: 34px;
	display: block;
	padding: 0;
    background: url(/s/userguide/img/userguide_alps_btn1.png) no-repeat 0 bottom;
	background-size: 100% auto;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
	margin:0 auto 11px;
}
#userguide.index #contentBody #main #alps .btn2 a{
	width: 260px;
	height: 34px;
	display: block;
	padding: 0;
    background: url(/s/userguide/img/userguide_alps_btn2.png) no-repeat 0 bottom;
	background-size: 100% auto;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
	margin:0 auto;
}
#userguide.index #contentBody #main #alps .btn1 a:hover,
#userguide.index #contentBody #main #alps .btn2 a:hover{
	opacity: 0.7;
}

/* internet
--------------------------------------------*/
#userguide.index #contentBody #main #internet {
	margin-bottom: 20px;
	padding:10px;
	width: 100%;
	height: auto;
	background: #f3fcff;
	background-size: 100% auto;
	box-sizing: border-box;
	border:2px solid #0093d1;
}
#userguide.index #contentBody #main #internet h2 {
	width: 280px;
	height: 39px;
	padding: 0;
    background: url(/s/userguide/img/userguide_internet_title.png) no-repeat 0 bottom;
	text-indent: -9999px;
	background-size: 100% auto;
	line-height: 0;
	font-size: 0;
	margin:0 auto 10px;
}
#userguide.index #contentBody #main #internet .btn{
	width: 260px;
	height: 47px;
	padding: 0;
	display: block;
    background: url(/s/userguide/img/btn_internet.png) no-repeat 0 bottom;
	background-size: 100% auto;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
	margin:0 auto;
}
#userguide.index #contentBody #main #internet .btn:hover{
	opacity: 0.7;
}

/* osusume
--------------------------------------------*/
#userguide.index #contentBody #main #osusume{
	background: #f3fcff;
	width: 100%;
	padding:10px;
	overflow: hidden;
	box-sizing: border-box;
}
#userguide.index #contentBody #main #osusume:after{
	content:"";
	display: block;
	clear:both;
}
#userguide.index #contentBody #main #osusume h2 {
	width: 240px;
	height: 20px;
	padding: 0;
    background: url(/s/userguide/img/userguide_osusume_title.png) no-repeat 0 bottom;
	text-indent: -9999px;
	background-size: 100% auto;
	line-height: 0;
	font-size: 0;
	margin:10px auto;
}
#userguide.index #contentBody #main #osusume dd img{
	width: 100%;
	height: auto;
}
#userguide.index #contentBody #main #osusume dl{
	width: 280px;
	margin-right:0;
	margin-bottom: 30px;
	float: none;
}#userguide.index #contentBody #main #osusume dl.osusume4{
	margin-left:0;
}
#userguide.index #contentBody #main #osusume dd.text{
	padding:0;
}

#userguide.index #contentBody #main #osusume dt{
	width: 140px;
	height: 46px;
	padding: 0;
    background: url(/s/userguide/img/userguide_osusume_t1.png) no-repeat center;
	background-size: 80% auto;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
	margin:10px auto 0;
}
#userguide.index #contentBody #main #osusume .osusume2 dt{
	background: url(/s/userguide/img/userguide_osusume_t2.png) no-repeat  center;
	background-size: 80% auto;
	width: 142px;
}
#userguide.index #contentBody #main #osusume .osusume3 dt{
	background: url(/s/userguide/img/userguide_osusume_t3.png) no-repeat  center;
	background-size: 80% auto;
	width: 184px;
	margin-bottom: 10px;
}
#userguide.index #contentBody #main #osusume .osusume4 dt{
	background: url(/s/userguide/img/userguide_osusume_t4.png) no-repeat  center;
	background-size: 80% auto;
	width: 230px;
}
#userguide.index #contentBody #main #osusume .osusume5 dt{
	background: url(/s/userguide/img/userguide_osusume_t5.png) no-repeat  center;
	background-size: 80% auto;
	width: 164px;
}
#userguide.index #contentBody #main  .internetBtnSc{
	width: 100%;
	display: block;
	padding: 30px 0;
    background: #def4fc;
}
#userguide.index #contentBody #main  .internetBtnSc .btn{
	width: 260px;
	height: 47px;
	padding: 0;
	display: block;
    background: url(/s/userguide/img/btn_internet.png) no-repeat 0 bottom;
	background-size: 100% auto;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
	margin:0 auto;
}
#userguide.index #contentBody #main  .internetBtnSc .btn:hover{
	opacity: 0.7;
}