@charset "utf-8";
/* ----------------------------------------------
	愛産大工業高等学校への通学
------------------------------------------------- */
#main{
	padding-bottom: 80px;
}
#pagetitle{
    padding: 0px;
    line-height: normal;
    height: auto;
}
#pagetitle.railroad{
    background-image: -webkit-linear-gradient(45deg,rgba(0,51,153,1.00) 0%,rgba(51,102,204,1.00) 50.77%,rgba(0,51,153,1.00) 100%);
    background-image: -moz-linear-gradient(45deg,rgba(0,51,153,1.00) 0%,rgba(51,102,204,1.00) 50.77%,rgba(0,51,153,1.00) 100%);
    background-image: -o-linear-gradient(45deg,rgba(0,51,153,1.00) 0%,rgba(51,102,204,1.00) 50.77%,rgba(0,51,153,1.00) 100%);
    background-image: linear-gradient(45deg,rgba(0,51,153,1.00) 0%,rgba(51,102,204,1.00) 50.77%,rgba(0,51,153,1.00) 100%);
}
#pagetitle.rrdetail{
    border-bottom: 1px solid #999999;
}
#pagetitle p {
    line-height: normal;
    padding-bottom: 15px;
    padding-top: 15px;
    height: auto;
    margin-bottom: 0px;
}

#pagetitle.railroad h2 {
    padding-top: 80px!important;
    padding-bottom: 10px!important;
    background-image: url(../images/railroad/bg.png);
    border-bottom: 1px solid #FFFFFF;
    height: auto;
}
#pagetitle.rrdetail h2 {
    padding-top: 80px!important;
    padding-bottom: 10px!important;
    height: auto;
}
#pagetitle h2 img {
    margin: 0px!important;
    padding: 0px!important;
}
.breadlist {
    border-bottom: 1px solid #999999;
}
.breadlist a {
    color: #6699CC;
    text-decoration: none;
}

.breadlist p {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
    font-size: 14px;
    padding-top: 10px;
    padding-bottom: 10px;
}




.txtset{
	padding: 75px 10px 0;
	text-align: center;
	color: #345193;
	font-weight: bold;
}
.txtset .text{
	letter-spacing: 0.1em;
	line-height: 2.28;
}
.centerphoto{
    text-align: center;
    padding-bottom: 20px;
}

.pc-none{
    display: none!important;
}
.sp-none{
    display: block!important;
}
.traincap img {
    padding-right: 5px;
    vertical-align: middle;
    padding-bottom: 4px;
}
.rr_link li {
    display: inline-block;
    list-style-type: none;
    padding-bottom: 10px;
    padding-right: 4px;
}
.rr_link {
    padding: 0px;
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    width: 90%;
}

.rr_link li a {
    padding-top: 6px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 6px;
    display: block;
    text-decoration: none;
    font-weight: bold;
}
.rr_link .jr a {
    background-color: #F9C270;

}
.rr_link .jr02 a {
    background-color: #F2B3D0;
}
.rr_link .shitetsu a {
    background-color: #BBD4EF;
}
.rr_link .meitetsu a {
    background-color: #BFD8AB;
}

.rr_link .meitetsu02 a {
    background-color: #D1BADA;
}

.rr_link .meitetsu03 a {
    background-color: #BDDBDB;
}

.rr_link .meitetsu04 a {
    background-color: #EDE897;
}

.rr_link .meitetsu05 a {
    background-color: #FFE894;
}
.whitecell {
    width: 80px!important;
    border-style: none!important;
}
.railbox {
    width: 720px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -80px;
    padding-top: 160px;
}
.traincap01 {
    margin: 0px;
    text-align: center;
    padding-top: 2px;
    padding-bottom: 2px;
}
.tablecap {
    margin-top: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: auto;
    width: 548px;
    font-size: 10px;
    padding-top: 2px;
}


.railtitle {
    padding-top: 2px;
    padding-right: 4px;
    padding-left: 4px;
    padding-bottom: 2px;
    width: 532px;
    margin-left: auto;
    margin-right: auto;
    line-height: 30px;
}
.railtitle h4 {
    margin: 0px;
    float: left;
    width: auto;
}
.railtitle p {
    font-size: 10px;
    text-align: right;
    margin: 0px;
    float: right;
}
.tblbox02 table{
    border-collapse: collapse;
    width: 100%;
}
.tblbox02 th {
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
    border-top: 1px solid #999999;
}
.tblbox02 td {
    border-right: 1px solid #999999;
    border-bottom: 1px solid #999999;
}
.tblbox02 th:nth-of-type(4n) {
    border-right-style: none;
}

.tblbox02 td:nth-of-type(4n) {
    border-right-style: none;
    width: auto;
}
.tblbox02 td.hosoku_lu {
    border-top: 1px solid #999999!important;
    border-left: 1px solid #999999!important;
    border-right-style: none!important;
}
.tblbox02 td.hosoku_u {
    border-top: 1px solid #999999!important;
    border-right-style: none!important;
}
.tblbox02 td.hosoku_l {
    border-left: 1px solid #999999!important;
    border-right-style: none!important;
}

div {  
    zoom: 1;/*for IE 5.5-7*/  
}
/*
div:after {
    content: ".";  
    clear: both;  
    display: block;  
    line-height: 0;  
    height: 0;  
    visibility: hidden;  
} */ 
.clear {
	clear: both;
}
.txt10 {
    font-size: 10px;
}

.railtitle.jr {
    background-color: #F9C270;
}

.railtitle.jr02 {
    background-color: #F2B3D0;
}
.railtitle.shitetsu {
    background-color: #BBD4EF;
}
.railtitle.meitetsu {
    background-color: #BFD8AB;
}
.railtitle.meitetsu02 {
    background-color: #D1BADA;
}
.railtitle.meitetsu03 {
    background-color: #BDDBDB;
}
.railtitle.meitetsu04 {
    background-color: #EDE897;
}
.railtitle.meitetsu05 {
    background-color: #FFE894;
}
.breadlist {
    font-size: 10px;
}



@media screen and (max-width: 767px) {

	.txtset .text{
		text-align: left;
	}
	.txtset .text br{
		display: none;
	}
}
.list_area{
	margin: 75px auto 0;
	padding: 0 10px;
	width: 100%;
	max-width: 480px;
}
.list_block + .list_block{
	margin-top: 50px;
}
.list_block .txtbox{
	float: left;
	width: calc(100% - 85px);
}
.list_block .txtbox .title,
.list_block .txtbox .date{
	font-size: 19px;
	font-weight: bold;
	line-height: 1.58;
	color: #345193;
	letter-spacing: 0.04em;
}
.list_block .txtbox .text{
	margin-top: 10px;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 0.04em;
}
.list_block .btn{
	float: right;
	width: 75px;
}
.list_block .btn img{
	width: 100%;
	height: auto;
}
@media screen and (max-width: 767px) {
	.list_block .txtbox{
		width: calc(100% - 60px);
	}
	.list_block .txtbox .title,
	.list_block .txtbox .date{
		font-size: 16px;
		letter-spacing: 0.04em;
	}
	.list_block .btn{
		float: right;
		width: 50px;
	}
    
.centerphoto img{
    width: 100%;
    height: auto;
}
    #pagetitle img {
        width: 300px;
        height: auto;
}
.pc-none{
    display: block!important;
}
.sp-none{
    display: none!important;
}
    .railbox{
    width: 90%;
    font-size: 10px;
    margin-top: 50px;
    }
    .railtitle{
        width: auto;
    }
    .tblbox02 td{
        width: auto;
    }
    
#pagetitle.railroad h2 {
    padding-top: 40px!important;
}
.breadlist p {
    font-size: 10px;
}
}