@charset "utf-8";


/* module
------------------------------------------------------------ */

.pc { display: block;}
.sp,
.printView { display: none;}

.textImage { line-height: 40em; overflow: hidden;}


/* header
------------------------------------------------------------ */

#headerColor { width: 100%; height: 70px; position: fixed; left: 0; top: 0; z-index: 99; background-color: rgba(0,33,79,0.85); display: none;}
#headerWrap { width: 100%; position: fixed; left: 0; top: 0; z-index: 100;}

.headerBox { width: 100%; height:70px;}

.header { width: 1080px; height:70px; margin: 0 auto; overflow: hidden;}
.header .logo { float: left; width: 245px; height: 30px; margin: 25px 0 0 10px;}
.header .logo > img { height: 30px;}
.header ul { float: right; display:block; width: 690px; list-style: none; overflow: hidden;}
.header ul li { float: left;}
.header ul li a { display: block; height:68px;}
.header ul li a.home { width:80px; background: url(../img/navi_home.png) no-repeat;}
.header ul li a.company { width:100px; background: url(../img/navi_company.png) no-repeat;}
.header ul li a.business { width:100px; background: url(../img/navi_business.png) no-repeat;}
.header ul li a.future { width:130px; background: url(../img/navi_future.png) no-repeat;}
.header ul li a.access { width:90px; background: url(../img/navi_access.png) no-repeat;}
.header ul li a.recruit { width:95px; background: url(../img/navi_recruit.png) no-repeat;}
.header ul li a.contact { width:95px; background: url(../img/navi_contact.png) no-repeat;}
.header ul li a:hover,
.header ul li a.current { border-bottom: solid 2px #FFF;}

.menuBox { width: 1080px; height: 300px; margin: 1px auto 0; position:relative; display: none; }
.menuBox.company ul { position:absolute; top:0; right:410px;}
.menuBox.business ul { position:absolute; top:0; right:310px;}
.menuBox.future ul { position:absolute; top:0; right:210px;}
.menuBox.recruit ul { position:absolute; top:0; right:-10px;}

.menuBox ul { list-style:none;}
.menuBox ul li {}
.menuBox ul li a {
	display: block; width: 185px; margin: 0 0 1px; padding: 13px 0 13px 15px; color:#001C42; line-height: 100%; text-decoration: none; position:relative;
	background-color: rgba(255,255,255,0.85);
}
.menuBox ul li a.child {
	margin: 0; padding: 10px 0 10px 15px;
}
.menuBox ul li a.current,
.menuBox ul li a:hover { color:#FFF; background-color: rgba(0,28,60,0.85);}
.menuBox ul li a:before {
	content:""; display:block; width:6px; height:12px; margin-top: -6px; position:absolute; top: 50%; right: 8px;
	background: url(../img/icon_arrow01.png) no-repeat;
}
.menuBox ul li span.label {
	display: block; margin: 0; padding: 8px 0 4px 15px; color: #001C42;
	background: rgba(255,255,255,0.85);
}

.menuSp { display:none; }


/* mainImage
------------------------------------------------------------ */

.mainImage { 
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.topPage .mainImage { height: 450px; padding-top: 240px; background-image: url(../img/mainimage_top_pc_201801.png);}
/*.topPage .mainImage h1 { width: 380px; height: 326px; margin: 0 auto; background: url(../img/h1_top_pc.png) no-repeat;}*/
.message .mainImage { height: 250px; padding-top: 230px; background-image: url(../img/company/mainimage_message_pc.jpg);}
.message .mainImage h1 { width: 151px; height: 80px; margin: 0 auto; background: url(../img/company/h1_message_pc.png) no-repeat;}
.company .mainImage { height: 250px; padding-top: 230px; background-image: url(../img/company/mainimage_company_pc_202010.jpg);}
.company .mainImage h1 { width: 130px; height: 80px; margin: 0 auto; background: url(../img/company/h1_company_pc.png) no-repeat;}
.organization .mainImage { height: 250px; padding-top: 230px; background-image: url(../img/company/mainimage_organization_pc.jpg);}
.organization .mainImage h1 { width: 130px; height: 80px; margin: 0 auto; background: url(../img/company/h1_organization_pc.png) no-repeat;}
.office .mainImage.pc { height: 660px; padding-top: 160px; background-image: url(../img/company/mainimage_office_bg.png);}
.office .mainImage h1 { width: 850px; height: 80px; margin: 0 auto; background: url(../img/company/h1_office_pc.png) no-repeat;}
.development .mainImage { height: 250px; padding-top: 230px; background-image: url(../img/company/mainimage_development_pc.jpg);}
.development .mainImage h1 { width: 150px; height: 80px; margin: 0 auto; background: url(../img/company/h1_development_pc.png) no-repeat;}
.movie .mainImage { height: 330px; padding-top: 150px; background-image: url(../img/company/mainimage_movie02_pc.png);}
.contact .mainImage { height: 270px; padding-top: 210px; background-image: url(../img/mainimage_contact_pc.jpg);}
.contact .mainImage h1 { width: 130px; height: 80px; margin: 0 auto; background: url(../img/h1_contact_pc.png) no-repeat;}
.information .mainImage { height: 280px; padding-top: 200px; background-image: url(../img/mainimage_information_pc_02.jpg);}
.information .mainImage h1 { width: 130px; height: 80px; margin: 0 auto; background: url(../img/h1_information_pc.png) no-repeat;}
.timetable .mainImage { height: 250px; padding-top: 230px; background-image: url(../img/business/mainimage_timetable_pc.jpg);}
.timetable .mainImage h1 { width: 190px; height: 80px; margin: 0 auto; background: url(../img/business/h1_timetable_pc.png) no-repeat;}
.strong .mainImage { height: 250px; padding-top: 230px; background-image: url(../img/business/mainimage_strong_pc.jpg);}
.strong .mainImage h1 { width: 270px; height: 80px; margin: 0 auto; background: url(../img/business/h1_strong_pc.png) no-repeat;}
.ship .mainImage { height: 250px; padding-top: 230px; background-image: url(../img/business/mainimage_ship_pc.jpg);}
.ship .mainImage h1 { width: 150px; height: 80px; margin: 0 auto; background: url(../img/business/h1_ship_pc.png) no-repeat;}
.safety .mainImage { height: 250px; padding-top: 230px; background-image: url(../img/future/mainimage_safety_pc_02.jpg);}
.safety .mainImage h1 { width: 150px; height: 80px; margin: 0 auto; background: url(../img/future/h1_safety_pc.png) no-repeat;}
.management .mainImage { height: 250px; padding-top: 230px; background-image: url(../img/future/mainimage_management_pc_02.jpg);}
.management .mainImage h1 { width: 290px; height: 80px; margin: 0 auto; background: url(../img/future/h1_management_pc.png) no-repeat;}
.approach .mainImage { height: 250px; padding-top: 230px; background-image: url(../img/future/mainimage_approach_pc.jpg);}
.approach .mainImage h1 { width: 330px; height: 80px; margin: 0 auto; background: url(../img/future/h1_approach_pc.png) no-repeat;}
.activities .mainImage { height: 250px; padding-top: 230px; background-image: url(../img/future/mainimage_activities_pc.jpg);}
.activities .mainImage h1 { width: 210px; height: 80px; margin: 0 auto; background: url(../img/future/h1_activities_pc.png) no-repeat;}
.program .mainImage { height: 250px; padding-top: 230px; background-image: url(../img/future/mainimage_program_pc_02.jpg);}
.program .mainImage h1 { width: 310px; height: 80px; margin: 0 auto; background: url(../img/future/h1_program_pc.png) no-repeat;}
.sitemap .mainImage { height: 250px; padding-top: 230px; background-image: url(../img/mainimage_sitemap_pc.jpg);}
.sitemap .mainImage h1 { width: 170px; height: 80px; margin: 0 auto; background: url(../img/h1_sitemap_pc.png) no-repeat;}
.privacy .mainImage { height: 270px; padding-top: 210px; background-image: url(../img/mainimage_privacy_pc.jpg);}
.privacy .mainImage h1 { width: 270px; height: 80px; margin: 0 auto; background: url(../img/h1_privacy_pc.png) no-repeat;}
.recruit .mainImage { height: 270px; padding-top: 210px; background-image: url(../img/mainimage_recruit_pc.jpg);}
.recruit .mainImage h1 { width: 130px; height: 80px; margin: 0 auto; background: url(../img/h1_recruit_pc.png) no-repeat;}
.work .mainImage { height: 270px; padding-top: 210px; background-image: url(../img/mainimage_work_pc.jpg);}
.work .mainImage h1 { width: 193px; height: 80px; margin: 0 auto; background: url(../img/h1_work_pc.png) no-repeat;}


/* contents
------------------------------------------------------------ */

.contentsWrap { width: 1080px; margin: 0 auto;}

.pageTitle,
.contentsTitle { padding: 35px 20px 15px; border-bottom: solid 2px #8090A7;}
.pageTitle h2,
.contentsTitle h3 { height: 40px;}

.message .pageTitle h2 { background: url(../img/company/h2_message_pc.png) no-repeat;}
.company .pageTitle h2 { background: url(../img/company/h2_company_pc.png) no-repeat;}
.organization .pageTitle h2 { background: url(../img/company/h2_organization_pc.png) no-repeat;}
.development .pageTitle h2 { background: url(../img/company/h2_development_pc.png) no-repeat;}
.movie .pageTitle h2 { background: url(../img/company/h2_movie_pc.png) no-repeat;}
.contact .pageTitle h2 { background: url(../img/h2_contact_pc.png) no-repeat;}
.information .pageTitle h2 { background: url(../img/h2_information_pc.png) no-repeat;}
.timetable .pageTitle h2 { background: url(../img/business/h2_timetable_pc.png) no-repeat;}
.safety .pageTitle h2 { background: url(../img/future/h2_safety_pc.png) no-repeat;}
.management .pageTitle h2 { background: url(../img/future/h2_management_pc.png) no-repeat;}
.approach .pageTitle h2 { background: url(../img/future/h2_approach_pc.png) no-repeat;}
.activities .pageTitle h2 { background: url(../img/future/h2_activities_pc.png) no-repeat;}
.program .pageTitle h2 { background: url(../img/future/h2_program_pc.png) no-repeat;}
.sitemap .pageTitle h2 { background: url(../img/h2_sitemap_pc.png) no-repeat;}
.privacy .pageTitle h2 { background: url(../img/h2_privacy_pc.png) no-repeat;}
.access .pageTitle h2 { background: url(../img/h2_office_pc.png) no-repeat;}
.ship .pageTitle h2.chitose { background: url(../img/business/h2_shipChitose_pc.png) no-repeat;}
.ship .pageTitle h2.hayate { background: url(../img/business/h2_shipHayate_pc.png) no-repeat;}
.ship .pageTitle h2.phoenix { background: url(../img/business/h2_shipPhoenix_pc.png) no-repeat;}
.ship .pageTitle h2.daybreaksbell { background: url(../img/business/h2_shipDaybreaksbell_pc.png) no-repeat;}
.ship .pageTitle h2.genbu { background: url(../img/business/h2_shipGenbu_pc.png) no-repeat;}
.ship .pageTitle h2.byakko { background: url(../img/business/h2_shipByakko_pc.png) no-repeat;}
.ship .pageTitle h2.shinmeimaru { background: url(../img/business/h2_shipShinmeimaru_pc.png) no-repeat;}
.ship .pageTitle h2.princessbell { background: url(../img/business/h2_shipPrincessbell_pc.png) no-repeat;}
.route .pageTitle h2.routeView { background: url(../img/business/h2_toutemap-view_pc.png) no-repeat;}
.recruit .pageTitle h2.label01 { background: url(../img/h2_recruit01_pc.png) no-repeat;}
.recruit .pageTitle h2.label02 { background: url(../img/h2_recruit02_pc.png) no-repeat;}
.recruit .pageTitle h2.label03 { background: url(../img/h2_recruit03_pc.png) no-repeat;}
.work .pageTitle h2.label01 { background: url(../img/h2_work01_pc.png) no-repeat;}
.work .pageTitle h2.label02 { background: url(../img/h2_work02_pc.png) no-repeat;}
.work .pageTitle h2.label03 { background: url(../img/h2_work03_pc.png) no-repeat;}
.work .pageTitle h2.label04 { background: url(../img/h2_work04_pc.png) no-repeat;}
.work .pageTitle h2.label05 { background: url(../img/h2_work05_pc.png) no-repeat;}


p.lead { margin: 30px 20px 20px;}


/* footer
------------------------------------------------------------ */

#footerWrap {}

.subNavi { border-top: dotted 1px #1A3861;}
.subNavi .layout { width: 1080px; margin: 0 auto; padding: 25px 0; overflow: hidden;}
.subNavi .layout ul { list-style: none; overflow: hidden;}
.subNavi .layout ul.fL li { float: left;}
.subNavi .layout ul.fL li a { display: block; height: 40px; margin: 15px 0 0 20px;}
.subNavi .layout ul.fL li a.timetable { width: 120px; background: url(../img/btn_subNavi_timetable.png) no-repeat;}
.subNavi .layout ul.fL li a.yakkan { width: 100px; background: url(../img/btn_subNavi_yakkan.png) no-repeat;}
.subNavi .layout ul.fL li a.privacy { width: 160px; background: url(../img/btn_subNavi_privacy.png) no-repeat;}
.subNavi .layout ul.fL li a.sitemap { width: 120px; background: url(../img/btn_subNavi_sitemap.png) no-repeat;}
.subNavi .layout ul.fL li a:hover { background-position: 0 -40px;}
.subNavi .layout ul.fR li { float: left; margin-right: 40px;}

.pageTop { border-top: dotted 1px #1A3861;}
.pageTop a { display: block; height: 37px; padding-top: 23px;}
.pageTop a:hover { background: #082855;}
.pageTop a span {
	display: block; width: 26px; height: 14px; margin: 0 auto;
	background: url(../img/btn_pageTop.png) no-repeat;
}

.gradaBox {
	padding-bottom: 10px; border-top: dotted 1px #1A3861;
	background: linear-gradient(top, #00214F, #F00);
	background: -moz-linear-gradient(top, #00214F, #001C42);
	background: -webkit-gradient(linear, left top, left bottom, from(#00214F), to(#001C42));
}
.gradaBox .allNavi { width: 1080px; margin: 0 auto; overflow: hidden;}
.gradaBox .allNavi ul { float: left; width: 216px; list-style: none; margin-top:40px;}
.gradaBox .allNavi ul span,
.gradaBox .allNavi ul a { font-size: 12px; line-height: 220%; color: #FFF; text-decoration: none;}
.gradaBox .allNavi ul a:hover { color: #7FB1FC; text-decoration: underline;}

.gradaBox .copyright {}
.gradaBox .copyright .logo { width: 245px; height: 30px; margin: 40px auto;}
.gradaBox .copyright .logo > img { height: 30px;}
.gradaBox .copyright p {
	width: 300px; height: 20px; margin: 0 auto;
	background: url(../img/copyright.png) no-repeat;
}

#transportation_contract_link { padding: 30px 50px; text-align: center; background: #FFF;}
#transportation_contract_link a { display: inline-block; margin: 10px 0; padding-left: 20px; color: #00214F; background: url(../img/icon-pdf.png) no-repeat;}
#transportation_contract_link a:hover { text-decoration: none;}


/* breadcrumb
------------------------------------------------------------ */

.breadcrumbWrap { margin: 120px 0 20px;}
.breadcrumbWrap .breadcrumb { width: 1040px; margin: 0 auto; font-size: 12px;}


/* link
------------------------------------------------------------ */

a.more01 {
	display: inline-block; width: 120px; height: 30px;
	background: url(../img/more01.png) no-repeat;
}
a.more02 {
	display: inline-block; width: 90px; height: 30px;
	background: url(../img/more02.png) no-repeat;
}
a.more01:hover,
a.more02:hover { background-position: 0 -30px;}

a.colorDaybreaksbell { color: #D88525;}
a.colorDaybreaksbell:hover { color: #E8B377; text-decoration: none;}
a.colorHayate,.colorHayate { color: #3E99FF;}
a.colorHayate:hover { color: #A4CFFF; text-decoration: none;}
a.colorChitose { color: #66CC66;}
a.colorChitose:hover { color: #B8E7B8; text-decoration: none;}
a.colorPhoenix { color: #FFF;}
a.colorPhoenix:hover { color: #B5B5B5; text-decoration: none;}





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





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

/* module
------------------------------------------------------------ */

.pc { display:none;}
.sp { display:block;}


/* header
------------------------------------------------------------ */

#headerColor { height: 46px;}

.headerBox { height: 46px;}

.header { width: auto; height:46px;}
.header .logo { width: 165px; height: 20px; margin: 13px 0 0 10px;}
.header .logo > img { height: 20px;}
.header ul { display: none;}

.header .menuSpBtn { float: right; width: 25px; height: 20px; margin: 13px 10px 0 0;}

.menuSp { display:none; }
.menuSp ul {}
.menuSp ul li {}
.menuSp ul li a {
	display:block; padding: 8px 20px; border-bottom: solid 1px #00214F; position:relative;
	/*font-size:16px; font-weight:bold;*/ color:#001C42; line-height:100%; text-decoration:none;
	background-color: rgba(255,255,255,0.9);
}
.menuSp ul li a:after {
	content:""; display:block; width:10px; height:10px; position:absolute; top:50%; right:12px; margin-top:-5px;
	background: url(../img/icon_arrow04.png) no-repeat;
	-moz-background-size: 10px 10px;
		 background-size: 10px 10px;
}
.menuSp ul li a.toggle:after {
	background: url(../img/icon_arrow05.png) no-repeat;
	-moz-background-size: 10px 10px;
		 background-size: 10px 10px;
}
.menuSp ul li a.toggle.open:after {
	background: url(../img/icon_arrow06.png) no-repeat;
	-moz-background-size: 10px 10px;
		 background-size: 10px 10px;
}
.menuSp ul li ul {}
.menuSp ul li ul li {}
.menuSp ul li ul li a {
	padding: 8px 35px; color: #FFF; border-bottom: solid 1px #3E4B71;
	background-color: rgba(0,28,60,0.95);
}
.menuSp ul li ul li a.child {
	border-bottom: none;
}
.menuSp ul li ul li a:after {
	background: url(../img/icon_arrow07.png) no-repeat;
	-moz-background-size: 10px 10px;
		 background-size: 10px 10px;
}

.menuSp ul li ul li  span.label {
	display: block; margin: 0; padding: 8px 35px 4px; color: #FFF;
	background: rgba(0,28,60,0.95);
}


/* mainImage
------------------------------------------------------------ */

.topPage .mainImage { height: 210px; padding-top: 90px;}

.information .mainImage { height: 125px; padding-top: 75px;}
.information .mainImage h1 { width: 81px; height: 50px; -moz-background-size: 81px 50px; background-size: 81px 50px;}
.message .mainImage { height: 125px; padding-top: 75px;}
.message .mainImage h1 { width: 81px; height: 50px; -moz-background-size: 81px auto; background-size: 81px auto;}
.company .mainImage { height: 125px; padding-top: 75px;}
.company .mainImage h1 { width: 81px; height: 50px; -moz-background-size: 81px 50px; background-size: 81px 50px;}
.development .mainImage { height: 125px; padding-top: 75px;}
.development .mainImage h1 { width: 94px; height: 50px; -moz-background-size: 94px 50px; background-size: 94px 50px;}
.organization .mainImage { height: 125px; padding-top: 75px;}
.organization .mainImage h1 { width: 81px; height: 50px; -moz-background-size: 81px 50px; background-size: 81px 50px;}
.office .mainImage.sp { height: 300px; padding-top: 100px; background-image: url(../img/company/mainimage_office_pc_202407.png);}
.office .mainImage h1 { width: 103px; height: 50px; margin: 0 0 0 30px; -moz-background-size: 103px 50px; background-size: 103px 50px;}
.movie .mainImage { height: 140px; padding-top: 60px;}
.strong .mainImage { height: 125px; padding-top: 75px;}
.strong .mainImage h1 { width: 169px; height: 50px; -moz-background-size: 169px 50px; background-size: 169px 50px;}
.ship .mainImage { height: 110px; padding-top: 90px;}
.ship .mainImage h1 { width: 94px; height: 50px; -moz-background-size: 94px 50px; background-size: 94px 50px;}
.timetable .mainImage { height: 125px; padding-top: 75px;}
.timetable .mainImage h1 { width: 119px; height: 50px; -moz-background-size: 119px 50px; background-size: 119px 50px;}
.safety .mainImage { height: 125px; padding-top: 75px;}
.safety .mainImage h1 { width: 94px; height: 50px; -moz-background-size: 94px 50px; background-size: 94px 50px;}
.management .mainImage { height: 125px; padding-top: 75px;}
.management .mainImage h1 { width: 181px; height: 50px; -moz-background-size: 181px 50px; background-size: 181px 50px;}
.approach .mainImage { height: 125px; padding-top: 75px;}
.approach .mainImage h1 { width: 206px; height: 50px; -moz-background-size: 206px 50px; background-size: 206px 50px;}
.activities .mainImage { height: 125px; padding-top: 75px;}
.activities .mainImage h1 { width: 131px; height: 50px; -moz-background-size: 131px 50px; background-size: 131px 50px;}
.program .mainImage { height: 125px; padding-top: 75px;}
.program .mainImage h1 { width: 194px; height: 50px; -moz-background-size: 194px 50px; background-size: 194px 50px;}
.contact .mainImage { height: 130px; padding-top: 70px;}
.contact .mainImage h1 { width: 81px; height: 50px; -moz-background-size: 81px 50px; background-size: 81px 50px;}
.sitemap .mainImage { height: 125px; padding-top: 75px;}
.sitemap .mainImage h1 { width: 106px; height: 50px; -moz-background-size: 106px 50px; background-size: 106px 50px;}
.privacy .mainImage { height: 130px; padding-top: 70px;}
.privacy .mainImage h1 { width: 169px; height: 50px; -moz-background-size: 169px 50px; background-size: 169px 50px;}
.recruit .mainImage { height: 130px; padding-top: 70px;}
.recruit .mainImage h1 { width: 81px; height: 50px; -moz-background-size: 81px 50px; background-size: 81px 50px;}
.work .mainImage { height: 130px; padding-top: 70px;}
.work .mainImage h1 { width: 121px; height: 50px; -moz-background-size: 121px 50px; background-size: 121px 50px;}


/* contents
------------------------------------------------------------ */

.contentsWrap { width: auto;}

.pageTitle,
.contentsTitle { margin: 0 10px; padding: 20px 10px 10px;}
.pageTitle h2,
.contentsTitle h3 { height: 28px;}

.information .pageTitle h2 { -moz-background-size: 154px 28px; background-size: 154px 28px;}
.message .pageTitle h2 { -moz-background-size: 182px auto; background-size: 182px auto;}
.company .pageTitle h2 { -moz-background-size: 196px 28px; background-size: 196px 28px;}
.development .pageTitle h2 { -moz-background-size: 196px 28px; background-size: 196px 28px;}
.organization .pageTitle h2 { -moz-background-size: 196px 28px; background-size: 196px 28px;}
.movie .pageTitle h2 { -moz-background-size: 196px 28px; background-size: 196px 28px;}
.ship .pageTitle h2.chitose { -moz-background-size: 140px 28px; background-size: 140px 28px;}
.ship .pageTitle h2.hayate { -moz-background-size: 245px 28px; background-size: 245px 28px;}
.ship .pageTitle h2.phoenix { -moz-background-size: 175px 28px; background-size: 175px 28px;}
.ship .pageTitle h2.daybreaksbell { -moz-background-size: 280px 28px; background-size: 280px 28px;}
.ship .pageTitle h2.genbu { -moz-background-size: 140px 28px; background-size: 140px 28px;}
.ship .pageTitle h2.byakko { -moz-background-size: 140px 28px; background-size: 140px 28px;}
.ship .pageTitle h2.shinmeimaru { -moz-background-size: 154px 28px; background-size: 154px 28px;}
.ship .pageTitle h2.princessbell { -moz-background-size: auto 28px; background-size: auto 28px;}
.route .pageTitle h2.routeView { -moz-background-size: 224px 28px; background-size: 224px 28px;}
.timetable .pageTitle h2 { -moz-background-size: 273px 28px; background-size: 273px 28px;}
.safety .pageTitle h2 { -moz-background-size: 168px 28px; background-size: 168px 28px;}
.management .pageTitle h2 { -moz-background-size: 336px 28px; background-size: 336px 28px;}
.approach .pageTitle h2 { -moz-background-size: 392px 28px; background-size: 392px 28px;}
.activities .pageTitle h2 { -moz-background-size: 280px 28px; background-size: 280px 28px;}
.program .pageTitle h2 { -moz-background-size: 308px 28px; background-size: 308px 28px;}
.access .pageTitle h2 { -moz-background-size: 154px 28px; background-size: 154px 28px;}
.contact .pageTitle h2 { -moz-background-size: 210px 28px; background-size: 210px 28px;}
.sitemap .pageTitle h2 { -moz-background-size: 147px 28px; background-size: 147px 28px;}
.privacy .pageTitle h2 { -moz-background-size: 238px 28px; background-size: 238px 28px;}
.recruit .pageTitle h2.label01 { -moz-background-size: 392px 28px; background-size: 392px 28px;}
.recruit .pageTitle h2.label02 { -moz-background-size: 392px 28px; background-size: 392px 28px;}
.recruit .pageTitle h2.label03 { -moz-background-size: 392px 28px; background-size: 392px 28px;}
.work .pageTitle h2.label01 { -moz-background-size: 392px 28px; background-size: 392px 28px;}
.work .pageTitle h2.label02 { -moz-background-size: 392px 28px; background-size: 392px 28px;}
.work .pageTitle h2.label03 { -moz-background-size: 392px 28px; background-size: 392px 28px;}
.work .pageTitle h2.label04 { -moz-background-size: 392px 28px; background-size: 392px 28px;}
.work .pageTitle h2.label05 { -moz-background-size: 392px 28px; background-size: 392px 28px;}

p.lead { margin: 20px;}


/* breadcrumb
------------------------------------------------------------ */

.breadcrumbWrap { margin: 60px 0 10px;}
.breadcrumbWrap .breadcrumb { width: auto; margin: 0 10px;}


/* footer
------------------------------------------------------------ */

.subNavi .layout { width: auto; padding: 15px 0;}
.subNavi .layout ul.fL { float: none !important; width: 300px; margin: 0 auto;}
.subNavi .layout ul.fL li { float: left; width: 150px; margin-bottom: 10px;}
.subNavi .layout ul.fL li a { display: block; height: 30px; margin:0;}
.subNavi .layout ul.fL li a.timetable { width: 144px; background: url(../img/btn_subNavi_timetable_sp.png) no-repeat;
	-moz-background-size: 144px 30px; 
		 background-size: 144px 30px;
}
.subNavi .layout ul.fL li a.yakkan { width: 144px; background: url(../img/btn_subNavi_yakkan_sp.png) no-repeat;
	-moz-background-size: 144px 30px; 
		 background-size: 144px 30px;
}
.subNavi .layout ul.fL li a.privacy { width: 144px; background: url(../img/btn_subNavi_privacy_sp.png) no-repeat;
	-moz-background-size: 144px 30px; 
		 background-size: 144px 30px;
}
.subNavi .layout ul.fL li a.sitemap { width: 144px; background: url(../img/btn_subNavi_sitemap_sp.png) no-repeat;
	-moz-background-size: 144px 30px; 
		 background-size: 144px 30px;
}

.subNavi .layout ul.fR { float: none !important; width: 240px; margin: 5px auto 0;}
.subNavi .layout ul.fR li { float: left; width: 60px; margin: 0 30px;}
.subNavi .layout ul.fR li img { width: 60px;}

.pageTop a { display: block; height: 25px; padding-top: 15px;}
.pageTop a span {
	width: 19px; height: 10px;
	-moz-background-size: 19px 10px;
		 background-size: 19px 10px;
}

.gradaBox .copyright .logo { width: 123px; height: 15px; margin: 20px auto 15px;}
.gradaBox .copyright .logo > img { height: 15px;}
.gradaBox .copyright p {
	width: 220px; height: 10px;
	background: url(../img/copyright_sp.png) no-repeat;
	-moz-background-size: 220px 10px;
		 background-size: 220px 10px;
}

/* link
------------------------------------------------------------ */

a.more01 {
	width: 80px; height: 25px;
	background: url(../img/more01_sp.png) no-repeat;
	-moz-background-size: 80px 25px;
		 background-size: 80px 25px;
}
a.more02 {
	width: 70px; height: 25px;
	background: url(../img/more02_sp.png) no-repeat;
	-moz-background-size: 70px 25px;
		 background-size: 70px 25px;
}

a.more01:hover,
a.more02:hover { background-position: 0 0;}


}