/* CSS Document */

*{
margin:0;
padding:0;
font-weight:normal;
}

img{
border:0;
vertical-align:bottom;
}


td,th{
vertical-align:top;
text-align:left;
}

main p{
margin:0;
padding-bottom:20px;
}
/* 見出し*/
h1,h2,h3,h4,h5{
font-size:100%;
}


.clear{
clear:both;
}

body{
	behavior:url("img/pass/csshover.htc");}


/* clearfix */  
.clearfix:after { 
visibility: hidden; 
display: block; 
font-size: 0;
content: " ";
clear: both;
height: 0;
}   
* html .clearfix { zoom: 1; }/* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */  


.sp .sp_none{display: none;}
.pc .pc_none{display: none;}

/*===============================*/

main{
background:url(img/bg.gif) repeat 0 0;
color:#333;}

main a{
color:#333;
text-decoration:underline;
}

main a:hover{
color:#333;
text-decoration:none;
}

 
.cont a:hover img{opacity:0.8;filter:alpha(opacity=80);-ms-filter: "alpha( opacity=80 )"}



/* -------------------- パンくずの設定 -------------------- */



#pankuzu	{
width:946px;
color: #666666;
text-align:left;
font-size:12px;
padding:0 2px 7px 2px;
margin:7px auto 0;
}


#pankuzu a, #pankuzu a:visited	{
color: #666666;
text-decoration: none;
}

#pankuzu a:hover	{
color: #999;
text-decoration: underline;
}


/* レイアウト
--------------------------------*/

.pc #wrap{
clear:both;
width:950px;
margin:0 auto;
height:auto !important;
height:100%;
background:url(img/center.gif) repeat-y;
}

.pc .menu{
width:930px;
margin:0 auto;
}

.sp .menu{
	width:100%;
}
.sp .menu img{
	width:50%;
	margin: 0;
	padding: 0;
}


.pc .cont{
width:930px;
margin:0 auto ;
padding:25px 25px 0 25px;
background:url(img/cont_top.gif) no-repeat 0 0;
}

.sp .cont{
	background: #FFF;
	border:5px solid #A6DEEB;
	padding: 5px;
}
.sp img.girl{width: 100%; padding:20px 5px 5px 0; margin-left: -5px;}

.cont h2{
padding-bottom:8px;
}
.sp .cont h2 img{max-width:100%;}

.cont h3{
padding-bottom:5px;
}




/* 汎用 */
.fl{float:left;}
.fr{float:right;}
.ml10	{margin-left:10px;}
.mr10	{margin-right:10px;}
.mt5{ margin-top:5px;}
.mr5{ margin-right:5px;}
.mt15{ margin-top:15px;}
/* index.htm */

.main_title{
	background: url("/ngo/air/rail/img/title_bg.jpg") no-repeat 0 0;
	margin: 0 auto;
	position: relative;
}
.pc .main_title{height:280px; width: 930px;}
.pc .logo{padding: 20px 30px;}
.pc .main_title .btn{position: absolute; right:20px; bottom:10px;}

.sp .main_title{background-position: center; background-size: cover;}
.sp .logo{width:100%; padding: 5px;}
.sp .main_title .btn{display: none;}




.pc .top2{
background:url(img/top2.jpg) no-repeat 0 0;
width:950px;
height:160px;
position:relative;
}

.pc .top2 a{display: none;}

.sp .top2{
	background:url(/ngo/air/rail/img/title_bg.jpg) no-repeat;
	background-position: center;
	background-size: cover;
	width: 100%;
}

.sp .top2 img{padding: 10px; width: 80%;}

.btn_index{
display:block;
width:540px;
height:200px;
position:absolute;
left:34px;
top:17px;
}

.btn_index2{
display:block;
width:340px;
height:130px;
position:absolute;
left:34px;
top:17px;
}

.btn_search{
display:block;
width:250px;
height:80px;
position:absolute;
right:36px;
top:180px;
}


.btn_search2{
display:block;
width:250px;
height:55px;
position:absolute;
right:36px;
top:92px;
}


.topphoto{
clear:both;
padding-bottom:15px;}

.pc .topphoto img{
width:290px;
height:200px;
float:left;
}

.sp .topphoto img{
width:60%;
float:left;
}

.sp .cont{
	width: 100%;
}
.sp .topphoto{
	overflow-x: scroll;
	display: flex;
}

.index{
clear:both;
padding-bottom: 20px;
overflow: hidden;
}

.pc .index_l{
clear:both;
float:left;
width:670px;
/*height:480px;*/
background:url(img/index/box_bg.gif) no-repeat 0 0;
padding:20px 18px 30px 22px;
}

.sp .routemap{width: 100%;}
.sp .index_l{
	background: #FEFEB4;
}


.pc #wrap .wbox{
float:left;
width:310px;
padding:0;
}

.sp #wrap .wbox{
width:310px;
padding:0;
	margin: 0 auto 15px;
}

#wrap .wbox .inner	{
background: url(img/index/wbox_bg.gif) no-repeat center bottom;
padding:0 0 5px 0;
margin:0;
}

dl.dlNews {
clear:both;
width:288px;
	padding-top:5px;
margin:0 auto;
border-bottom: solid 1px #e8d2bd ;

}
dl.dlNews.last {
border-bottom:none;
}


dl.dlNews dt { 
clear:both;
float:left;
padding-right:1em;
width:60px;
padding:0;
}

dl.dlNews dd {
width:285px;
margin:0 0 0 65px;
_margin:0 0 0 60px;
padding: 5px 0;
color:#333;
font-size: 12px;

}

dl.dlNews dd a{
font-weight:bold;
}

a.other{
text-align:right;
padding-top:2px;
padding-right:5px;
display: block;
}

.sp a.other{
	padding: 10px;
}


.pc .index_r{
float:right;
width:200px;
}

.sp .index_r{
width:100%;
}

.index_r img{
margin-bottom:5px;
}

.osusume_info{
background:url(img/index/bn_h2.gif) no-repeat center 0;
padding-top:24px;
}

.sp .osusume_info{
	padding-top: 30px;
	display: flex;
	overflow-x: scroll;
}






/* train.htm */

.train_info{
padding-bottom:15px;
margin-bottom:15px;
/*background:url(img/border_blue.gif) repeat-x left bottom;*/
}

.PC .train_info{
	position: relative;
}

.train_info h3{
	color: #274a78;
	font-weight: bold;
}

.box{width:350px; margin-top:5px;}
.box_s{width:230px; margin-top:5px; }

.text{
padding-left:3px;
padding-bottom:10px;
}

.text a{font-weight: bold;}

.train_info .item{
	width:31%;
	margin:5px 1%;
	border:1px solid #A3A3A3;
	float: left;
	padding-bottom: 5px;
}

.train_info .item .photoBox{
	text-align: center;
	padding: 5px;
}

.train_info .item p{
	padding: 5px;
}
.train_info .item h3{
	display: block;
	background: #676767;
	color: aliceblue;
	text-align: center;
	padding-top: 3px;
}

.train_info .item dl{
	font-size: 80%;
	padding: 5px;
}

.innerBtn_box a{
	display: block;
	width:80%;
	padding: 5px;
	margin: 5px auto;
	background: #f08300;
	color: aliceblue;
	text-align: center;
	text-decoration: none;
}


.sp .train_info .item{
	width:48%;
	margin:5px 1%;
	border:1px solid #A3A3A3;
	float: left;
	padding-bottom: 5px;
}

.sp .train_info .item img{
	width:100%;
}



/* pass.htm */

.pass_info{
padding-bottom:15px;
margin-bottom:15px;
}

.pass_box{
width:590px;
}

.sp .pass_box{width: 94%; margin: 0 auto; float: none;}

.sp .passmap{width: 100%; padding:5px 30px; margin-right: 0; float: none;}
.sp .passmap img{width: 100%;}


ul.icon li{
display:inline;
float:left;
text-indent:-9999px;
display:block;
width:35px;
height:33px;
overflow:hidden;
background:url(img/pass/icon.gif) no-repeat;
}

ul.icon li.conti{background-position: 0 0;}
ul.icon li.flex{background-position: -35px 0;}
ul.icon li.youth{background-position: -70px 0;}
ul.icon li.senior{background-position: -105px 0;}
ul.icon li.star{background-position: -140px 0;}
ul.icon li.twin{background-position: -175px 0;}
ul.icon li.sever{background-position: -210px 0;}

.icon_info{ font-size:85%; padding-top:14px;}




ul.memo{
clear:both;
width:330px;
height:132px;
background: url(img/pass/memo_bg.gif) no-repeat 0 0;
padding:15px 5px 5px 8px;
color:#000;
line-height:130%;
font-size:80%;
}

ul.memo li{
list-style:none outside;
background: url(img/pass/list_icon.gif) no-repeat 0 1px;
padding:1px 0 1px 18px;
margin:0 5px 0 0;
}

.ttl{
background:none;
font-weight:bold;
padding-left:1px;
padding-bottom:3px;
}



.memo b{ font-size:110%;
line-height:160%;
}

.area_icon{ width:330px; padding-top:5px;}
.area_link{ width:220px;padding-right:20px;}
.area_link img{padding-bottom:5px;}

.sp .area_link{padding-top:10px;}

.passholder{
width:880px;
height:140px;
background:url(img/pass/passholder_bg.gif) no-repeat 0 0;
padding:5px 30px;
margin-bottom:10px;
}

.passholder h2{font-size: 130%; font-weight: bold; color: #1B145F;}

.sp .passholder{
	width:100%;
	height: auto;
	background: #CCECF3;
	padding: 5px;
}

.btn{
text-align:right;
padding-bottom:10px;
}


/* その他のパス */
h2.other_pass{
	width: 100%;
	height: 65px;
	background: url("/ngo/air/rail/img/pass/pass_h2_5.gif") no-repeat left top;
}

.sp h2.other_pass{
	height: 40px;
	background-size: cover;
}

.otherpass
{
border-collapse: collapse;
border: 1px solid #69c;
margin-top:5px;
margin-bottom:10px;
}

.otherpass th
{	
	padding: 10px 5px;
font-size: 14px;
	color: #039;
	border-top: 1px solid #69c;
	border-bottom: 1px dashed #69c;
	background: #E8EDff;
	text-align:center;
}
.otherpass td
	
{
border-right: 1px dashed #69c;
padding: 5px 15px ;
color: #669;
}
.otherpass a{	color: #669; text-decoration:none;}
.otherpass a:hover{	color: #669; text-decoration: underline;}

.otherpass td:hover {color: #339; background: #d0dafd; }


/* model.htm */

.use{

width:300px;
height:60px;
background:url(img/model/pass_bg.gif) no-repeat 0 0;
text-align:center;
padding:20px 0 0 60px;
margin-top:25px;
margin-right:2px;
margin-left:5px;}

.use a{color:#0066ff; font-size:110%; }

.modelplan{ clear:both; padding-bottom:10px;}




/* morepass.htm */

.main_tit { clear:both;
	color:#FFF; 
	font-size:14px; font-weight:bold;
	padding:5px 10px 5px;
}

.pc .main_tit {
	background: url(img/morepass/subtit.gif) no-repeat 0 0;
	height:40px;
}
.sp .main_tit{
	background: #C00000;
	border-radius: 3px;
	margin-bottom: 15px;
}
.block_tit {
	background:url(img/morepass/icon_yajirushi.gif) no-repeat left;
	padding-left:35px;
	margin-bottom:15px;
	clear:both;
}
	.block_tit div {
		height:23px;
		border:#7f7f7f dotted 1px;
		border-width:1px 0px;
		padding-top:4px;
		color:#c00;
		font-size:13px;
		font-weight:bold;}

.morepass_box{
padding-right:5px;
margin:0;
float:left;
}

.morepass_box img { display:inline; }
.morepass_box p { margin:0 5px 0;}
.morepass_box p a{ color:#003399;}

.sp .morepass_wrp a{display: block;}
.sp .morepass_box img{width: 100%;}

.pc .s{
width:435px;
float:left;
}

.sp .s{
	width:100%;
}

.ss{
width:286px;
float:left;
}

.table1 a {color:#003399;}
.ulCaution b{font-weight: bold; }
.ulCaution{font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}