@charset "UTF-8";

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

ユーザーガイド

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

/* intro
--------------------------------------------*/
#userguide.index #contentBody #main #intro {
	margin-bottom: 20px;
	padding: 50px 0 0 50px;
	width: 980px;
	height: 336px;
	background: url(/s/userguide/img/userguide_intro.jpg) no-repeat 0 0;
	box-sizing: border-box;
}
#userguide.index #contentBody #main #intro h2 {
	width: 452px;
	height: 89px;
	padding: 0;
    background: url(/s/userguide/img/userguide_intro_title.png) no-repeat 0 bottom;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
}
#userguide.index #contentBody #main #intro p {
	width: 616px;
	margin-top: 40px;
}

/* alps
--------------------------------------------*/
#userguide.index #contentBody #main #alps {
	margin-bottom: 20px;
	padding: 70px 0 0 456px;
	width: 980px;
	height: 466px;
	background: url(/s/userguide/img/userguide_alps_bg.jpg) no-repeat 0 0;
	box-sizing: border-box;
}
#userguide.index #contentBody #main #alps h2 {
	width: 484px;
	height: 33px;
	padding: 0;
    background: url(/s/userguide/img/userguide_alps_title.png) no-repeat 0 bottom;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
	margin-bottom: 35px;
}
#userguide.index #contentBody #main #alps p {
	width: 484px;
	margin-bottom: 36px;
}
#userguide.index #contentBody #main #alps li{
	padding: 0;
	margin: 0;
}
#userguide.index #contentBody #main #alps .btn1 a{
	width: 363px;
	height: 48px;
	display: block;
	padding: 0;
    background: url(/s/userguide/img/userguide_alps_btn1.png) no-repeat 0 bottom;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
	margin:0 auto 11px;
}
#userguide.index #contentBody #main #alps .btn2 a{
	width: 363px;
	height: 48px;
	display: block;
	padding: 0 0 20px 0;
    background: url(/s/userguide/img/userguide_alps_btn2.png) no-repeat 0 bottom;
	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 {
	padding: 66px 0 0 0;
	width: 980px;
	background:#f4fcff url(/s/userguide/img/userguide_internet_bg.png) no-repeat 0 0;
	box-sizing: border-box;
	border: 4px solid #0093d1;

}
#userguide.index #contentBody #main #internet h2 {
	width: 457px;
	height: 64px;
	padding: 0;
    background: url(/s/userguide/img/userguide_internet_title.png) no-repeat 0 bottom;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
	margin:0 auto 50px;
}
#userguide.index #contentBody #main #internet .btn{
	width: 400px;
	height: 73px;
	padding: 0;
	display: block;
    background: url(/s/userguide/img/btn_internet.png) no-repeat 0 bottom;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
	margin:0 auto 20px;
}
#userguide.index #contentBody #main #internet .btn:hover{
	opacity: 0.7;
}

/* osusume
--------------------------------------------*/
#userguide.index #contentBody #main #osusume{
	background: #f3fcff;
	width: 980px;
	padding:50px 0 30px 30px;
	overflow: hidden;
	box-sizing: border-box;
}
#userguide.index #contentBody #main #osusume:after{
	content:"";
	display: block;
	clear:both;
}
#userguide.index #contentBody #main #osusume h2 {
	width: 384px;
	height: 32px;
	padding: 0;
    background: url(/s/userguide/img/userguide_osusume_title.png) no-repeat 0 bottom;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
	margin:0 auto 50px;
}
#userguide.index #contentBody #main #osusume dl{
	width: 298px;
	margin-right:14px;
	margin-bottom: 46px;
	float: left;
}#userguide.index #contentBody #main #osusume dl.osusume4{
	margin-left:160px;
}
#userguide.index #contentBody #main #osusume dd.text{
	padding: 12px;
}

#userguide.index #contentBody #main #osusume dt{
	width: 140px;
	height: 46px;
	padding: 0;
    background: url(/s/userguide/img/userguide_osusume_t1.png) no-repeat 0 bottom;
	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 0 bottom;
	width: 142px;
}
#userguide.index #contentBody #main #osusume .osusume3 dt{
	background: url(/s/userguide/img/userguide_osusume_t3.png) no-repeat 0 bottom;
	width: 184px;
}
#userguide.index #contentBody #main #osusume .osusume4 dt{
	background: url(/s/userguide/img/userguide_osusume_t4.png) no-repeat 0 bottom;
	width: 230px;
}
#userguide.index #contentBody #main #osusume .osusume5 dt{
	background: url(/s/userguide/img/userguide_osusume_t5.png) no-repeat 0 bottom;
	width: 164px;
}
#userguide.index #contentBody #main  .internetBtnSc{
	width: 980px;
	display: block;
	padding: 30px 0;
    background: #def4fc;
}
#userguide.index #contentBody #main  .internetBtnSc .btn{
	width: 400px;
	height: 73px;
	padding: 0;
	display: block;
    background: url(/s/userguide/img/btn_internet.png) no-repeat 0 bottom;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
	margin:0 auto;
}
#userguide.index #contentBody #main  .internetBtnSc .btn:hover{
	opacity: 0.7;
}