/* CSS Document */

.contents-main{
	position:relative;
}

.list-guide li{
background-position: top 5px left;
background-repeat: no-repeat;
padding-left: 20px;
margin-top: 15px;
}
.list-guide li:first-child{
margin-top: 0;
}
.list-guide .s-num-01{ background-image:url(/railway/netyoyaku/guide/img/num1.gif);}
.list-guide .s-num-02{ background-image:url(/railway/netyoyaku/guide/img/num2.gif);}
.list-guide .s-num-03{ background-image:url(/railway/netyoyaku/guide/img/num3.gif);}
.list-guide .s-num-04{ background-image:url(/railway/netyoyaku/guide/img/num4.gif);}
.list-guide .s-num-05{ background-image:url(/railway/netyoyaku/guide/img/num5.gif);}
.list-guide .s-num-06{ background-image:url(/railway/netyoyaku/guide/img/num6.gif);}

.grid-cmn > [class*=col] > .txt-guide + .list-guide,
.grid-cmn > [class*=col] > .list-guide + .txt-guide {
margin-top: 15px;
}
.bo-none{
border:none;
}
.adjust-01 .grid-cmn{
margin-top:0;
}
.adjust-01 .grid-cmn .col2-6:first-child{
width:421px;
}
.adjust-01 .grid-cmn .col2-6:last-child{
width:399px;
}
.adjust-01 .grid-cmn .col2-6 figure{
	border:1px solid #ccc;
}

.adjust-01 section{
	margin-bottom:55px;
}

.ttl-cmn-04{
	margin:10px 0 20px;
}

.guide-menu ul{
	overflow:hidden;
	padding:0 47px;
}
.guide-menu ul li{
	float:left;
	width:360px;
	margin-bottom:20px;
	padding:23px;
	background-color:#fff5f6;
}
.guide-menu ul li:nth-child(2n){
	float:right;
}
.guide-menu ul li dt{
	position:relative;
	width:100%;
	margin-bottom:15px;
	font-size:23px;
	font-weight:bold;
	line-height:1.0;
	letter-spacing:1px;
	text-align:center;
	border:1px solid #bdbdbd;
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#f5f5f5));
	background:-moz-linear-gradient(top, #fff, #f5f5f5);
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#ffffff, endcolorstr=#f5f5f5))";/*IE8 IE9*/
	zoom:1;/*IE8 IE9*/
	background:linear-gradient(to bottom, #fff, #f5f5f5);/*IE10*/
	background:linear-gradient(top, #fff, #f5f5f5);
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
.guide-menu ul li dt:after{
	content:"";
	display:block;
	position:absolute;
	right:11px;
	top:50%;
	width:9px;
	height:16px;
	margin-top:-9px;
	background:url(img/icon01.png) 0 0 no-repeat;
	background-size:9px 16px;
}
.guide-menu ul li dt a{
	display:block;
	width:100%;
	height:100%;
	padding:32px;
	color:#333;
	text-decoration:none;
}
.guide-menu ul li:last-child dt a{
	padding:20px 32px 21px;
}
.guide-menu ul li dd{
	font-size:17px;
	line-height:1.5;
}
.register-btn{
	width:420px;
	margin:20px auto 50px;
	font-size:23px;
	font-weight:bold;
	line-height:1.0;
	letter-spacing:1px;
	text-align:center;
	background-color:#e82026;
	-webkit-border-radius:6px;
	-moz-border-radius:6px;
	border-radius:6px;
}
.register-btn a{
	display:block;
	width:100%;
	height:100%;
	padding:23px;
	color:#fff;
	text-decoration:none;
}
.register-btn a span{
	position:relative;
	display:inline-block;
	padding-left:35px;
}
.register-btn a span:before{
	content:"";
	display:block;
	position:absolute;
	left:0px;
	top:50%;
	width:23px;
	height:28px;
	margin-top:-15px;
	background:url(img/icon02.gif) 0 0 no-repeat;
	background-size:23px 28px;
}
.inner-menu{
	overflow:hidden;
}
.inner-menu li{
	float:left;
	width:200px;
	margin-right:12px;
}
.inner-menu li:last-child{
	width:199px;
	margin-right:0;
}
.inner-menu li a{
	position:relative;
	display:block;
	width:100%;
	height:100%;
	padding:22px 30px 22px 15px;
	color:#fff;
	font-weight:bold;
	line-height:1.4;
	text-decoration:none;
	text-align:center;
	background-color:#e72026;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	zoom:1;
}
.inner-menu li.pH a{
	padding:12px 30px 11px 15px;
}
.inner-menu li a:after{
	content:"";
	display:block;
	position:absolute;
	right:10px;
	top:50%;
	width:12px;
	height:7px;
	margin-top:-3px;
	background:url(img/icon03.gif) 0 0 no-repeat;
	background-size:12px 7px;
}

/*マウスオーバー*/
.guide-menu ul li dt:hover{
	background:#fbfbfb;
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#fbfbfb, endcolorstr=#fbfbfb))";/*IE8 IE9*/
}
.guide-menu ul li dt:hover a{
	color:#808080;
}
.register-btn:hover{
	-ms-filter:"alpha(opacity=70)";/*IE8 IE9*/
	-moz-opacity:0.7;
	opacity:0.7;
	zoom:1;/*IE*/
}

/*ページトップボタン*/
.page_top{
	position:fixed;
	display: block;
	width:165px;
	margin-left:670px;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	background-color:#e72026;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
.page_top a{
	display:block;
	padding:4px 0 4px 21px;
	color:#fff;
	text-decoration:none;
	background:url(img/icon04.gif) no-repeat 12px center;
}

.mb50{
	margin-bottom:50px !important;
}

@media screen and (max-width: 767px) {
.adjust-01 .grid-cmn .col2-6:first-child{
width:100%;
}
.adjust-01 .grid-cmn .col2-6:last-child{
width:100%;
}

.guide-menu ul{
	padding:0;
}
.guide-menu ul li{
	float:none;
	width:100%;
	margin-bottom:10px;
	padding:10px;
}
.guide-menu ul li:nth-child(2n){
	float:none;
}
.guide-menu ul li dt{
	margin-bottom:7px;
	font-size:16px;
}
.guide-menu ul li dt:after{
	right:8px;
	width:6px;
	height:12px;
	margin-top:-5px;
	background-size:6px auto;
}
.guide-menu ul li dt a{
	padding:15px 32px;
}
.guide-menu ul li:last-child dt a{
	padding:15px 32px;
}
.guide-menu ul li dd{
	font-size:13px;
}
.guide-menu ul li dd br{
	display:none;
}
.register-btn{
	width:100%;
	margin:0 auto 30px;
	font-size:16px;
}
.register-btn a{
	padding:18px;
}
.register-btn a span{
	padding-left:27px;
}
.register-btn a span:before{
	width:18px;
	height:22px;
	margin-top:-11px;
	background:url(img/icon02.gif) 0 0 no-repeat;
	background-size:18px auto;
}
.inner-menu li{
	width:49%;
	margin-right:0;
	margin-bottom:2%;
}
.inner-menu li:last-child{
	width:49%;
}
.inner-menu li:nth-child(2n){
	float:right;
}
.inner-menu li a{
	font-size:112%;
}
.inner-menu li.pH a{
	padding:13px 30px 13px 15px;
}
.inner-menu li a:after{
	right:5px;
	width:10px;
	background-size:10px auto;
}
.page_top{
	right:12px;
	margin-left:0px;
}

.s_mb30{
	margin-bottom:30px !important;
}
}

@media screen and (max-width: 320px) {
.inner-menu li a{
	padding-bottom:6px;
	font-size:110%;
	line-height:1.2;
}
.inner-menu li a:after{
	right:50%;
	top:42px;
	margin-top:0px;
	margin-right:-5px;
}
}