@charset "utf-8";

* { margin: 0; padding: 0; font-size: 100%; font-style: normal;}

body {
	margin: 0px;
	padding: 0px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Helvetica, Arial, Verdana, sans-serif;
	font-size: 12px;
	color: #333;
	line-height: 14px;
	background-color: #E6E6E6;
}

a         { color: #0071bb; text-decoration: underline; cursor: pointer;}
a:visited { color: #3b41a4;}
a:hover   { color: #f80;}
a:focus,
a:active  { color: #f90;}

.banners { list-style: none;}
.banners li { padding-bottom: 10px;}

img { border: none;}

#mainContents {
	float: right;
	width: 730px;
	line-height: 1.5;
}

#mainContents h1 { font-weight: normal;}
#mainContents h2,
#mainContents h3,
#mainContents h4,
#mainContents h5,
#mainContents h6 { padding: 5px 10px; margin: 5px 0 10px; font-weight: normal; font-size: 14px;}
#mainContents p { padding: 5px 10px 15px;}
#mainContents ul { padding-left: 25px; padding-bottom: 10px;}
#mainContents ol { padding-left: 30px; padding-bottom: 10px;}

#mainContents table {
	border: 1px solid #aaa;
	border-collapse: collapse;
	margin: 5px 10px 15px;
}

#mainContents th,
#mainContents td { border: 1px solid #aaa;}

#mainContents th,
#mainContents td {
	padding: 3px 8px;
}

#mainContents dl { padding: 5px 10px 15px;}
#mainContents dd { padding-left: 20px;}

#mainContents #breadcrumbsList { text-align: right; padding: 5px 0;}
#mainContents #breadcrumbsList a { text-decoration: underline;}
#mainContents #breadcrumbsList a:hover { color: #f00;}

#mainContents ul.noMark { list-style: none; text-indent: -1em;}

.aC { text-align: center;}
.aL { text-align: left;}
.aR { text-align: right;}
.fL { float: left;}
.fR { float: right;}

#mainContents .priceTbl { width: 85%;}
#mainContents .priceTblMax { width: 98%;}
#mainContents .priceTbl span { display: block;}
#mainContents .priceTbl span.mini { font-size: 10px;}

#mainContents .schTable { width: 90%;}
#mainContents .schTable tbody td { text-align: center; height: 3em;}


#topCenterContents { width: 510px; margin-left: 220px;}

.schedule #mainContents .moveDate { text-align: center;}
.schedule #mainContents .moveDate .submit { padding: 5px 3em;}
.schedule #mainContents .moveDate .printBtn { margin-left: 10px;}

.faq #mainContents dt { background: url(../img/img_question.png) no-repeat #FFF1EB; padding-left: 40px; padding-top: 6px; min-height: 22px;}
.faq #mainContents dd { padding-top: 6px; background: url(../img/img_answer.png) no-repeat #FFF8E4; padding-left: 40px; min-height: 18px; padding-bottom: 6px;}

.license #mainContents .seniorTbl th { width: 20%;}
.license #mainContents .seniorTbl dl { padding: 0 0 5px;}
.license #mainContents .seniorTbl dd { padding-left: 0;}

.license #mainContents .seniorTbl dt { color: #f00;} /* School */
.license #mainContents .seniorTbl strong { color: #f00;} /* School */

#mainContents p.attention { border: 1px dashed #666; background: #f0f0f0; margin: 5px 10px 15px; padding: 8px;}
#mainContents p.attentionRed { border: 1px dashed #f66; background: #fff0f0; margin: 5px 10px 15px; padding: 8px;}

.voice .movieBox { width: 600px; margin: 0 auto 15px; padding: 5px 10px 10px; background: #000; border: 3px solid #ccc;}
.voice #mainContents ul { list-style: none; list-style-image: url(../img/icon_voice.png); margin: 20px 30px;}
.voice #mainContents li { border-bottom: 1px dashed #aaa; padding-bottom: 3px; margin-bottom: 3px;}
.voice .movieBox { width: 640px; margin: 0 auto 15px;}
.voice .movieBoxMini { width: 320px; margin: 0 auto 15px;}

.entry #mainContents p.agreement a { text-align: center; display: block; background: url(../img/entry_bnr.png); width: 480px; height: 42px; margin: 1em auto 0; font-size: 14px; line-height: 21px; padding: 9px 0; text-decoration: none; color: #000;}
.entry #mainContents p.agreement a:hover { background-position: 0 -60px;}
.entry .privacyRule { padding: 10px; height: 150px; overflow: auto; background: #f0f0f0; border-top: 1px solid #aaa; border-left: 1px solid #aaa;}
.entry #mainContents h3 { margin-bottom: 0; margin-top: 2em;}

.application #mainContents dl { font-size: 14px;}
.application #mainContents dt { float: left; width: 145px; color: #555;}
.application #mainContents dt strong { color: #f00;}
.application #mainContents dd { padding-left: 150px; border-bottom: 1px dashed #aaa; padding-bottom: 8px; margin-bottom: 8px;}
.application #mainContents .thank__reclabel { width: 100px; }
.application #mainContents .thank__recremarks { padding-left: 100px; }
.application #mainContents span.miniRed { background: #FFEDFF; color: #DA0000; font-size: 10px; padding: 0 5px; display: block; margin: 4px 0; border-left: 3px solid #DA0000;}
.application #mainContents span.mini { font-size: 12px; color: #555;}
.application #mainContents input[type=text] { padding: 4px; font-size: 14px;}
.application #mainContents .list4 { list-style: none; margin: 4px 0; padding: 0;}
.application #mainContents .list4 li { display: inline; margin-right: 5px; white-space: nowrap;}
.application #mainContents label { cursor: pointer;}
.application #mainContents .aC input { padding: 3px 2em; font-size: 14px;}
.application #mainContents .tipped { color: #999;}

.contact #mainContents dl { font-size: 14px;}
.contact #mainContents dt { float: left; width: 185px;}
.contact #mainContents dt strong { color: #f00;}
.contact #mainContents dd { padding-left: 190px; border-bottom: 1px dashed #aaa; padding-bottom: 8px; margin-bottom: 8px;}
.contact #mainContents span.miniRed { background: #FFEDFF; color: #DA0000; font-size: 10px; padding: 0 5px; display: block; margin: 4px 0; border-left: 3px solid #DA0000;}
.contact #mainContents span.mini { font-size: 12px; color: #555;}
.contact #mainContents input[type=text] { padding: 4px; font-size: 14px;}
.contact #mainContents label { cursor: pointer;}
.contact #mainContents .aC input { padding: 3px 2em; font-size: 14px;}
.contact #mainContents .tipped { color: #999;}

.contact #mainContents .telNum { border: 1px solid #aaa; padding: 0; margin-bottom: 25px;}
.contact #mainContents .telNum dt { text-align: center; padding-top: 8px;}
.contact #mainContents .telNum dd { font-size: 24px; border: none; padding-bottom: 0; margin-bottom: 0;}

.contact #inName { width: 10em;}
.contact #inNameKana { width: 10em;}
.contact #inTel { width: 8em;}
.contact #inPost { width: 8em;}
.contact #inAddress { width: 20em;}
.contact #inTimezone { width: 20em;}
.contact #inEmail { width: 25em;}
.contact #inMessage { width: 35em; height: 12em;}

/* フッター
============================== */

#Footer { background: #E6E6E6; margin: 0; padding: 0;}
#Footer div { width: 950px; margin: 0 auto;}
#Footer p { float: left;}
#Footer dl { margin-left: 290px; line-height: 1.5; margin-top: 10px; border-left: 2px solid #333; padding-left: 8px; margin-right: 330px;}
#Footer dt { color: #333;}
#Footer dd { color: #666;}
#Footer ul { float: right; width: 325px; list-style: none; border-left: 2px solid #aaa; padding-left: 8px; line-height: 1.5;}
#Footer li { display: inline; border-right: 1px solid #aaa; padding-right: 5px; margin-right: 2px; white-space: nowrap;}
#Footer a { color: #555; text-decoration: none;}
#Footer a:hover { color: #000; text-decoration: underline;}

/***************************************************************** btn_mousikomi
*/

#btn_mousikomi { background: url(../../img/btn_moushikomi.jpg) no-repeat 0 50%; margin: 0 0 10px; padding: 0;}
#btn_mousikomi a { display: block; color:#FFF; font-size:14px; font-weight: normal; line-height: 60px; height: 60px; padding-left: 40px; text-decoration: none;}
#btn_mousikomi a:hover { background-image: url(../../img/btn_moushikomi_hover.jpg);}

/***************************************************************** btn_mousikomi
*/

.musasiBox dt { float: left;}
.musasiBox dd { margin-left: 120px;}
.musasiBox dd a { font-size: 16px;}
.musasiBox p { float: right;}
.musasiBox p img { border: 1px solid #ccc; padding: 0; margin: 0;}

/***************************************************************** guideCts
*/

#mainContents .guideCts .fL,
#mainContents .guideCts .fR { width: 49%; margin: 10px 0; padding: 0;}
#mainContents .guideCts dt { border: 1px solid #ccc;}
#mainContents .guideCts dt a { display: block; background: #f0f0f0; font-size: 14px; padding: 5px 8px; text-decoration: none;}
#mainContents .guideCts dd { padding: 8px; border: 1px solid #ccc; border-top: none; min-height: 6em;}
#mainContents .guideCts dd a { float: left;}
#mainContents .guideCts dd span { display: block; margin-left: 58px;}

#chkWin ul { padding-left: 20px;}
#chkWin span { color: red;}
#chkWin p { color: blue; margin: 5px 0;}

.phoheContact { display: none;}
.openMenu { display: none;}

.imeon { ime-mode: active;}
.imeoff { ime-mode: disabled;}

#news_com { line-height: 1.5;}
#news_com span { display: block;}
#news_com a { text-decoration: underline;}

#mainContents td.aR span { margin-right: 20%;}

.bus_guide #mainContents .selRouteBtn { padding: 0;}
.bus_guide #mainContents .selRouteBtn li { display: inline-block; margin-right: 5px;}
.bus_guide #mainContents .selRouteBtn a { display: block; padding: 5px 10px; border: 1px solid #ccc; text-decoration: underline;}

.bus_guide .schTbl { width: 95%;}
.bus_guide .schTbl tbody td { height: 30px;}
.bus_guide #mainContents .schTbl td { padding: 0;}
.bus_guide .schTbl a { display: block; text-align: center; height: 30px; line-height: 30px; font-size: 14px; color: #333; text-decoration: none;}
.bus_guide .schTbl span { font-size: 8px;}
.bus_guide .schTbl a:hover { background: #eee;}
.bus_guide .schTimeTbl { width: 80%;}

.bus_guide #mainContents ul.busAgree { border: 1px solid #ccc; padding: 10px 5px 10px 30px; margin-left: 20px; margin-right: 30px;}

.schedule #mainContents td span { display: block; border-top: 1px solid #333;}

#mainContents a.button { display: inline-block; padding: 3px 1em; margin: 0 0.2em;
	background: #888;
	background: linear-gradient(top, #888, #555);
	background: -moz-linear-gradient(top, #888, #555);
	background: -webkit-gradient(linear, left top, left bottom, from(#888), to(#555));
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	color: #fff;
	text-decoration: none;
}

#mainContents a:hover.button {
	background: #555;
    background: linear-gradient(top, #555, #222);
    background: -moz-linear-gradient(top, #555, #222);
    background: -webkit-gradient(linear, left top, left bottom, from(#555), to(#222));
}

#gMap { width: 100%; height: 350px;}

.news #mainContents ul { line-height: 1.5;}
.news #mainContents ul span { display: block;}
.news #mainContents ul a { text-decoration: underline;}


.news #mainContents ul { list-style:none; margin:0; padding:5px 10px 0 10px; }
.news #mainContents ul li{ border-bottom:dotted 1px #666; margin:0; padding:5px 0;}
.news #mainContents ul li span{ color:#03F;}

.links .schoolLink dt,
.links .schoolLink dd { font-size: 14px; line-height: 1.6;}
.links .schoolLink dt { width: 5em; float: left; color: #666;}
.links .schoolLink dd { padding-left: 5.2em; color:  #111; border-bottom: 1px dashed #aaa;}

.links #mainContents .reccomendLink a { background: url(../../img/blank_link.png) no-repeat 0 50%; margin: 0 0 10px; padding: 0 0 0 24px; text-decoration: none; color: #a00;}
.links #mainContents .reccomendLink a:hover { text-decoration: underline; color: #00a}
.links #mainContents .reccomendLink dt { font-size: 14px;}
.links #mainContents .reccomendLink dd { padding-left: 24px;}

.application .priceView table { float: left; width: 400px; font-size: 14px;}
.application #mainContents .priceList { float: right; list-style: none; width: 300px; padding: 0; margin-top: 4px; border-bottom: 1px solid #999;}
.application .priceView .priceList dt { padding-left: 8px; padding-top: 5px;}
.application .priceView .priceList dd { text-align: right; padding-right: 10px;}
.application #mainContents .priceView dd { margin: 2px 0 0; padding: 2px 0 0; border-top: 1px dashed #999; border-bottom: none;}
.application #mainContents .priceView dd.depPrice { color: #f00;}
.application #mainContents .priceView dd.sumPrice { border-top: 1px solid #999;}

.application .paymentBox { border: 1px solid #000; text-align: center; padding: 20px 0; width: 500px; margin: 10px auto;}
.application .paymentBox p { font-size: 14px;}
.application .paymentBox .submit { padding: 3px 2em;}

.campaign #mainContents h3 { margin-top: 15px;}

#mainContents p.priceComment { padding: 0; text-align: right; margin-top: -15px;}


/******************************************************************** leftBannerArea
*/

.leftBannerArea { list-style: none; margin: 0; padding: 0;}
.leftBannerArea li { position: relative; margin: 10px 0;}
.leftBannerArea li span { position: absolute;}

.leftBannerArea li.bnrFullStdAt span { text-align: right; display: block; top: 5px; right: 24px; color: #dd3324; font-weight: bold; font-size: 12px; line-height: 1; font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}

.c-remarksLine {
	display: inline-block;
	padding-left: 1em;
	text-indent: -1em;
}

.c-remarksLine__mark {
	display: inline-block;
	width: 1em;
	text-indent: 0;
	text-align: center;
}
.u-sp {
  display: none;
}
.u-pc {
  display: block;
}

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

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

.p-bus-guide__type-A {
	background-color: #fecffa;
}
.p-bus-guide__type-B {
	background-color: #abc8e2;
}
.p-bus-guide__type-C {
	background-color: #dbdbdb;
}