@charset "utf-8";

/* =========================================================
 	Style: Default Reset & Base/layout Style
 -----------------------------------------------------------
 1-0-1. PC ⇔ Tab / Tab ⇔ MB Change
 1-0-2. PC ⇔ (Tab + MB) Change
  - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
 1-1.Reset Style
 1-2.Structure Module
 1-3.Hyper Text Module
 1-4.Layout Box
 1-5.Header
 1-6.Footer
 1-7.Aside(Side Navigation etc.)
 1-8.Text Module
 1-9.List Module
 1-10.Table Module
 1-11.Icons
 1-12.個別ブラウザ対応
 1-13.Common class
 
 2-1.旧ページ用CSS（※旧default.css）
========================================================= */


/* 1-0-1. PC ⇔ Tab / Tab ⇔ MB Change
--------------------------------------------------------- */
/* 960px以上(PC) */
@media only screen and (min-width: 960px) {
	.onlypc {
		display: block;
	}
	.onlysm {
		display: none;
	}
	.onlytab {
		display: none;
	}
	/* PC・Tablet（SM以外） */
	.pctab {
		display: block;
	}
	/* Tablet・SM（PC以外） */
	.smtab {
		display: none;
	}
}
/* 768px～959px(Tablet) */
@media only screen and (min-width:768px) and (max-width: 959px){
	.onlypc {
		display: none;
	}
	.onlysm {
		display: none;
	}
	.onlytab {
		display: block;
	}
	/* PC・Tablet（SM以外） */
	.pctab {
		display: block;
	}
	/* Tablet・SM（PC以外） */
	.smtab {
		display: block;
	}	
}
/* 767px以下(SM) */
@media only screen and (max-width: 767px) {
	.onlypc {
		display: none;
	}
	.onlysm {
		display: block;
	}
	.onlytab {
		display: none;
	}
	/* PC・Tablet（SM以外） */
	.pctab {
		display: none;
	}
	/* Tablet・SM（PC以外） */
	.smtab {
		display: block;
	}
}


/*
.header_menu_open_close {
	margin: 5px 0;
}
*/



/* 1-0-2. PC ⇔ (Tab + MB) Change
--------------------------------------------------------- */
.topic-path:after {
	content:'';
	display: block;
	clear: both;
}

/* 960px以上(PC) */
article h1 {
	float: none;
	width: 100%;
	box-sizing: border-box;
}
.topic-path {
	width: 100%;
	max-width: 960px;
	margin: 10px auto 15px auto;
}

/* 959px以下(Tablet＋SM) */
@media only screen and (max-width: 960px) {
	article .tit-lv1 {
		width: 99.2%;
	}
	.topic-path {
		width: 100%;
		margin-bottom: 0;
	}
	#loginboxall_area {
		display: none;
	}
	#social_btn {
		display: block;
		float: none!important;
	}
	.slider-pro {
		margin: 0 auto 20px;
	}
	
	/* ----- SM Footer ----- */
	#smFooter {
		background: none repeat scroll 0 0 #666666;
		padding: 10px;
		text-align: center;
	}
	#smFooter p {
		color: #ffffff;
		font-size: 12px;
	}
	div.smarttop p.bus {
		background-image: url("//cdn.willer.co.jp/x/bus/share/ktai/img/icon/i_arrow_a.gif");
		background-repeat: no-repeat;
		float: right;
		line-height: 16px;
		margin-right: 5px;
		padding-left: 18px;
	}
	div.smarttop {
		border-top: 2px solid #cccccc;
		overflow: hidden;
		padding: 5px 0;
		text-align: right;
	}
	
}
@media only screen and (max-width: 650px) {
	article .tit-lv1 {
		width: 99%;
	}
}
@media only screen and (max-width: 480px) {
	article .tit-lv1 {
		width: 98.8%;
	}
}
@media only screen and (max-width: 320px) {
	article .tit-lv1 {
		width: 98%;
	}
}


/* 1-1.Reset Style
--------------------------------------------------------- */
/*
		/st/3/ja/pc/css/reset.css参照
*/


/* 1-2.Structure Module
--------------------------------------------------------- */
body {
	font: 12px "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	color: #333;
	background: #fff;
	text-align: left;
	line-height: 1.3em;
}




/* 1-3.Hyper Text Module
--------------------------------------------------------- */
a {
	overflow: hidden;
	outline: none;
}
a:link,
a:visited {
	text-decoration: underline;
}
a:hover,
a:active {
	text-decoration: none;
}
a:link {
	color: #333399;
}
a:visited {
	color: #800080;
}

/* ----- Text隠し ----- */
.guide .lnk-2 > div a,
.head-bus .snav .lnk-2 > div a,
.head-bus .snav .lnk-4 > div a,
.head-bus .snav .lnk-5 > div a,
.head-ferry .snav .lnk-2 > div a,
.head-ferry .snav .lnk-4 > div a,
.lnk-btn a {
	color: #fefefe!important;
}


/* 1-4.Layout Box
--------------------------------------------------------- */
article {
	width: 100%;
	/*max-width: 960px;*/
}

/*
header,
footer {
	width: 100%;
	text-align: left!important;
	box-sizing: border-box;
}
	
	header > div,
	footer > div, 
	article {
		width: 960px;
		margin: 0 auto;
		clear: both;
	}
	footer > div {
		padding-top: 23px;
	}
*/
	
	
	/* ----- Side Contents有ページ ----- */
	aside {
		width: 220px;
		float: left;
	}
	.side-navi article > section {
		width: 720px;
		float: right;
	}
	/* ----- Main Visual Section(w960over) ----- */
	section {
		text-align: center;
	}
	/* ----- Normal Section(article内) ----- */
	article section {
		text-align: left;
	}



/* ◎Utility Nav: Guide */
.guide {
	padding-top: 5px;
}
	.guide > li {
		padding-left: 13px;
		background: no-repeat left top;
	}
	.guide > li + li {
		margin-left: 12px;
	}
	/* ご利用ガイド */
	.guide .lnk-1 {
		background-image: url(//cdn.willer.co.jp/st/share/pc/img/ico-beginer.png);
	}
	/* 会員・サービス */
	.guide .lnk-2 {
		background-image: url(//cdn.willer.co.jp/st/share/pc/img/ico-gift.png);
		padding-left: 18px;
	}
	/* よくある質問 */
	.guide .lnk-3 {
		background-image: url(//cdn.willer.co.jp/st/share/pc/img/ico-question.png);
	}
	/* サイトマップ */
	.guide .lnk-4 {
		background-image: url(//cdn.willer.co.jp/st/share/pc/img/ico-sitemap.png);
		padding-left: 20px;
	}
	/* ▼アイコン */
	/*
	.guide .lnk-1:after,
	.guide .lnk-2:after {
		content: url(//cdn.willer.co.jp/st/share/pc/img/ico-arrow-d-gray.png);
		vertical-align: middle;
		margin-left: -3px;
	}
	*/

		/* ◎Utility Nav: Language */
/*		.language {
			background: #fff;
			color: #999;
			border: 1px solid #d6d6d6;
			-webkit-border-radius: 6px;
			-moz-border-radius: 6px;
			border-radius: 6px;
			text-align: center;
			float: left;
			box-sizing: border-box;
			font-family: "ＭＳ Ｐゴシック", "MS PGothic", sans-serif!important;
		}
	.language > li {
		width: 75px;
		height: auto;
				padding: 5px 0;
	}
	.language > li + li {
		width: 60px;
		border-left: 1px solid #d6d6d6;
	}
	.language div ul {
		padding: 5px;
	}
		.language div li {
			padding: 5px;
			width: 80px;
			text-indent: 15px;
			text-align: left;
		}
			.language div li a {
				display: block;
			}
		.language div li {
			background: url(//cdn.willer.co.jp/st/share/pc/img/ico-arrow-r-pink.png) no-repeat 10px 50%;
		}
		.language div li + li {
			border-top: 1px dotted #ccc;
		}*/
		/* 韓国語表記用 */
/*		.language i {
			font-style: normal;
		}*/
		
/* ----- Dropdown Menu用 Div ----- */
.guide,
/*.language,*/
.menu {
	position: relative;
	list-style: none;
}
/*.language li > div {
	width: 100px;
	background: #fff;
}
.language li > div {
	position: absolute;
	left: 35px;
	top: 28px;
	display: none;
	border: 1px solid #e94f6e;
	z-index: 1000;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-webkit-box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	-moz-box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
	box-shadow: 2px 2px 4px rgba(0,0,0,0.2);
}*/

	/* Fukidashi Img */
	/*.language li > span {
		position: absolute;
		left: 90px;
		top: 18px;
		display: none;
		background: transparent url(//cdn.willer.co.jp/st/share/pc/img/angle.png) no-repeat left top;
		width: 35px;
		height: 11px;
		border: none;
		z-index: 1001;
	}
		.language li:hover > div,
		.language li:hover > span {
			display: block;
		}*/
		
.guide li {
	padding-bottom: 2px;
}


/* ----- Global Nav ----- */
header .global-nav {

	float: left;
	clear: both;
	box-sizing: border-box;
}

.global-nav a,
.global-nav a span {
	display: block;
}
header .global-nav a,
header .global-nav a span {
	width: 148px;
	height: 38px;
}
.global-nav a {
	position: relative;
}
	.global-nav a span {
		position: absolute;
		left: 0;
		top: 0;
		background: no-repeat 0 0;
	}
	/* Default Img */
	.global-nav a:link span,
	.global-nav a:visited span {
		background: url(//cdn.willer.co.jp/st/3/ja/pc/img/btn-gmenu.png?20140324);
	}
	/* On Img */
	.global-nav a:hover span,
	.global-nav a:active span {
		background: url(//cdn.willer.co.jp/st/3/ja/pc/img/btn-gmenu-on.png?20140324);
	}
	/* Selected Img */
	.head-bus a.lnk-bus span,
	.head-tour a.lnk-tour span,
	.head-hotel a.lnk-hotel span,
	.head-ferry a.lnk-ferry span{
		background: url(//cdn.willer.co.jp/st/3/ja/pc/img/btn-gmenu-on.png?20140324);
	}
		/* バス */
		.global-nav a.lnk-bus span {
			background-position: 0 0;
		}
		/* ツアー */
		.global-nav a.lnk-tour span {
			background-position: 0 -40px;
		}
		/* フェリー */
		.global-nav a.lnk-ferry span {
			background-position: 0 -80px;
		}		
		/* ホテル */
		.global-nav a.lnk-hotel span {
			background-position: 0 -120px;
		}			


/* ----- SP Nav ----- */
header .sp,
header .sp2 {
}
header .sp {
	float: left;
}
header .sp2 {
	float: right;
}
	header .sp li,
	header .sp2 li {
		text-indent: 25px;
		margin-left: 15px;
		background: no-repeat left 9px;
		padding: 10px 0 2px;
	}
	/*バスのページのみ「カート」ボタンがありますので、.sp liは短い方がいいです*/
	.head-bus .sp li{
		letter-spacing:-0.05em;
		text-indent: 25px;
		margin-left: 6px;
		background: no-repeat left 9px;
		padding-top: 9px;
	}
	header .sp li {
		background-image: url(//cdn.willer.co.jp/st/share/pc/img/ico-crown.png);
	}
	header .sp2 li {
		background-image: url(//cdn.willer.co.jp/st/share/pc/img/ico-cart.png);
	}

		

/* ----- Local Nav ----- */
.menu {
	width: 960px;
	height: 35px;
	padding-top: 1px;
}
	.menu > li {
		width: 160px;
		height: 35px;
	}	
	.menu > li a,
	.menu > li a span {
		width: 160px;
		height: 35px;
		display: block;
	}
	.menu > li a {
		position: relative;
	}
		.menu > li a span {
			position: absolute;
			left: 0;
			top: 0;
			background: no-repeat 0 0;
		}
		/* Default Img */
		.menu a:link span,
		.menu a:visited span {
			background: url(//cdn.willer.co.jp/st/3/ja/pc/img/btn-smenu.png);
		}
		/* On Img */
		.menu a:hover span,
		.menu a:active span {
			background: url(//cdn.willer.co.jp/st/3/ja/pc/img/btn-smenu-on.png);
		}
		
		/* ----- Basu ----- */
			/* バス予約TOP */
			.menu .lnk-1 a span {
				background-position: 0 0;
			}
			/* 路線一覧 */
			.menu .lnk-2 a span {
				background-position: 0 -40px;
			}
			/* キャンペーン一覧 */
			.menu .lnk-3 a span {
				background-position: 0 -80px;
			}
			/* シート一覧 */
			.menu .lnk-4 a span {
				background-position: 0 -120px;
			}
			/* 乗下車場所一覧 */
			.menu .lnk-5 a span {
				background-position: 0 -160px;
			}
			/* WEBクーポン */
			.menu .lnk-6 a span {
				background-position: 0 -200px;
			}
			/* WILLER20周年用*/
			/*
			.menu .lnk-7 a span {
				lnk-7のclass名を使わないでください
			}
			*/
			
		/* ----- Tour ----- */
			/* ツアー予約TOP */
			.head-tour .menu .lnk-1 a span {
				background-position: -160px 0;
			}
			/* WillPACK（バス+宿泊セットプラン）とは？ */
			.head-tour .menu .lnk-2 a span {
				background-position: 0 -240px;
			}
			.head-tour .menu .lnk-2,
			.head-tour .menu .lnk-2 > a,
			.head-tour .menu .lnk-2 > a span {
				width: 320px;
			}
			/* キャンペーン一覧 */
			.head-tour .menu .lnk-3 a span {
				background-position: -160px -40px;
			}
			
		/* ----- Hotel ----- */
			/* ホテル予約TOP */
			.head-hotel .menu .lnk-1 a span {
				background-position: -480px 0;
			}
			/* WillPACK（バス+宿泊セットプラン）とは？ */
			.head-hotel .menu .lnk-2 a span {
				background-position: 0 -240px;
			}
			.head-hotel .menu .lnk-2,
			.head-hotel .menu .lnk-2 > a,
			.head-hotel .menu .lnk-2 > a span {
				width: 320px;
			}
			/* キャンペーン一覧 */
			.head-hotel .menu .lnk-3 a span {
				background-position: -480px -40px;
			}

		
		/* ----- Ferry ----- */
		/* フェリー予約TOP */
			.head-ferry .menu .lnk-1 a span {
				background-position: -320px 0;
			}
			/* 航路一覧 */
			.head-ferry .menu .lnk-2 a span {
				background-position: -320px -40px;
			}
			/* キャンペーン一覧 */
			.head-ferry .menu .lnk-3 a span {
				background-position: -320px -80px;
			}
			/* 港・ターミナル一覧 */
			.head-ferry .menu .lnk-4 a span {
				background-position: -320px -120px;
			}
			/* 船会社情報 */
			.head-ferry .menu .lnk-5 a span {
				background-position: -320px -160px;
			}





	
/* ----- Link Button ----- */
.lnk-btn {
	float: right;
	clear: none;
	line-height: 1;
}

.lnk-btn,
.lnk-btn a,
.lnk-btn a span {
	width: 210px;
	height: 35px;
}
.lnk-btn a {
	position: relative;
}
	.lnk-btn a span {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		background: no-repeat left top;
	}
	/* Default Img */
	.lnk-btn a span {
		background-image: url(//cdn.willer.co.jp/st/3/ja/pc/img/btn-ddmenu.png);
	}
	/* On Img */
	.lnk-btn a:hover span,
	.lnk-btn a:active span {
		background: url(//cdn.willer.co.jp/st/3/ja/pc/img/btn-ddmenu-on.png);
	}
		
		
/* 1-6.Footer
--------------------------------------------------------- */
/* ----- Bus, Ferry Illust/ W Mark ----- */
.sct-foot {
	width: 960px;
	line-height: 0;
	margin: 10px auto 0;
	position: relative;
	clear: both;
}
	.sct-foot span {
		position: absolute;
		right: 17px;
		bottom: -41px;
		display: block;
		background: url(/st/share/pc/img/item-w-mark.png) no-repeat left bottom;
		width: 50px;
		height: 41px;
	}

/* ----- Footer ----- */
	.foot-ferry {
		text-align: left;
	}

	/* Footer Link Color */
	footer .gnav a:link,
	footer .gnav a:visited,
	footer .gnav a:hover,
	footer .gnav a:active,
	footer dt a:link,
	footer dt a:visited,
	footer dt a:hover,
	footer dt a:active {
		color: #333;
		text-decoration: none;
	}
	footer dd a:link,
	footer dd a:visited {
		color: #666;
		text-decoration: none;
	}
	footer dd a:hover,
	footer dd a:active {
		color: #666;
		text-decoration: underline;
		display: block;
	}

footer .w-group a {
		color: #666;
		text-decoration: none;
	}
	footer .w-group a:hover {
		text-decoration: underline;
	}


footer {
	background: #f5f5f5 url(/st/share/pc/img/bg-footer-line.png) repeat-x left top;
	padding-bottom: 30px;
}
	footer nav + nav {
		border-top: 1px solid #fff;
		padding-top: 20px;
	}
	
	/* Tab */
	footer .gnav {
		border-bottom: 1px solid #ccc;
		position: relative;
		height: 35px;
	}
	footer .gnav ul {
		padding: 0 0 0 15px;
		position: absolute;
		left: 0;
		top: 0;
	}
	footer .gnav a {
		width: 120px;
		height: 25px;
		padding-top: 10px;
		font-weight: bold;
		display: block;
	}
	footer .gnav li {
		float: left;
		width: 118px;
		height: 35px;
		text-align: left;
		text-indent: 25px;
		background: url(/st/share/pc/img/ico-arrow-r-pink.png) no-repeat 12px 50%;
		border-top: 1px solid #f5f5f5;
	}
		/* Selected Tab */
		footer .gnav .lnk-1:hover,
		footer .gnav .lnk-2:hover,
		footer .gnav .lnk-3:hover,
		.foot-bus .gnav .lnk-1,
		.foot-tour .gnav .lnk-2,
		.foot-ferry .gnav .lnk-3 {
			border: 1px solid #ccc;
			border-bottom-color: #f5f5f5;
			background: #f5f5f5 url(/st/share/pc/img/ico-arrow-d-pink.png) no-repeat 12px 50%;
		}
		
		footer .gnav .lnk-1:hover,
		footer .gnav .lnk-2:hover,
		footer .gnav .lnk-3:hover {
			background-position: 10px 50%;
			width: 116px;
			text-indent: 24px;
		}
		.foot-bus .gnav .lnk-1:hover,
		.foot-tour .gnav .lnk-2:hover,
		.foot-ferry .gnav .lnk-3:hover {
			width: 118px;
			text-indent: 25px;
			background-position: 12px 50%;
		}
		
		/* Footer Selected Tab Text Color */
		.foot-bus .gnav .lnk-1 a,
		.foot-tour .gnav .lnk-2 a,
		.foot-ferry .gnav .lnk-3 a {
			color: #f74c78!important;
		}
		
	/* dl */
	footer dl {
		width: 180px;
		float: left;
		padding-bottom: 20px;
	}
	footer dl + dl {
		margin-left: 15px;
	}
	/* Ferry Campaign */
	footer .menu-1 {
		width: 380px;
	}
		footer .menu-1 dd {
			width: 150px;
			float: left;
		}
	
	
		footer dt {
			border-bottom: 1px solid #ccc;
			font-weight: bold;
			/*
			text-indent: 20px;
			background: url(/st/share/pc/img/ico-arrow-r-pink-2.png) no-repeat left 0.25em;
			*/
			padding-bottom: 8px;
			margin-bottom: 10px;
		}
		footer dd {
			margin-bottom: 4px;
			padding-left: 28px;
			background: url(/st/share/pc/img/ico-arrow-r-pink.png) no-repeat 15px 0.25em;
		}
		/* QR-Code */
		footer dd figure img {
			text-align: center;
			margin-top: 10px;
		}
		footer dd figcaption {
		}

	/* ----- Willer Group List ----- */
	.w-group {
		background: url(/st/share/pc/img/logo-w.png) no-repeat left top;
		padding: 0 0 0 66px;
		display: inline-block;
		height: 41px;
		font-size: 11px;
		box-sizing: border-box;
	}
		.w-group ul {
			padding-top: 2px;
		}
			.w-group li {
				float: left;
				padding-right: 1.1em;
				margin-bottom: 10px;
			}
			.w-group li + li {
				padding-left: 1.1em;
				border-left: 1px solid #666;
			}
		
		/* ----- Aside(バナー) ----- */
		.aside,
		footer aside {
			float: right;
			width: auto;
		}
			.aside li,
			footer aside li {
				float: left;
			}
			.aside li + li,
			footer aside li + li {
				margin-left: 8px;
			}

/*
フッターの採用情報/cafeバナー　20131205
-------------------------*/
.emplobnr{
	display:inline;
	vertical-align:middle;
	margin-left: 10px;
}

.cafe{
	display:inline;
	vertical-align:middle;
	float:right;
}


/* 1-7.Aside(Side Navigation etc.)
--------------------------------------------------------- */
/*
.topic-path {
	padding: 0;
	width: 960px;
	margin: 10px auto 15px auto;
	text-align: left;
}
*/
/* ----- Pankuzu ----- */
ul.pankuzu {
	overflow: hidden;
}
	ul.pankuzu li{
		float: left;
		line-height: 1.6em;
		margin-right: 5px;
		white-space: nowrap;
	}
	ul.pankuzu li:last-child {
		color: #F84C78;
	}
	
/* ----- Social Icons ----- */
ul#social_btn {
	float: right;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	width: auto;
	text-align: right;
}
	ul#social_btn li {
		float: left;
	}
	ul#social_btn li + li {
		padding: 0;
		margin-left: 10px;
	}
	/* Facebook */
	ul#social_btn li#facebook_like {
	}
	/* Hatena */
	ul#social_btn li#hatena {
	}
	/* Twitter */
	ul#social_btn li#twitter {
	}
	/* Line */
	ul#social_btn li#line {
	}
	
/* ----- Side Navigation ----- */
aside .snav {
	width: 205px;
	background-color: #eee;
	border: solid 1px #dee3e9;
	padding: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
}
	aside .snav ul {
		background: #fff;
		border: 1px solid #e0e0e0;
		padding: 1px 1px 3px;
		-webkit-border-radius: 4px;
		-moz-border-radius: 4px;
		-o-border-radius: 4px;
		border-radius: 4px;
	}
		aside .snav li + li {
			padding: 0 3px;
		}
			aside .snav li:last-child a {
				border-bottom: none;
			}
		
		aside .snav h1 {
			background: #f84c78;
			margin-bottom: 3px;
			/* height: +padding +border =36px */
			padding: 11px 0 8px;
			border: 1px solid #f84c78;
			text-align: center;
			font-size: 13px;
			font-weight: bold;
			color: #fff;
			-webkit-border-radius: 4px 4px 0 0;
			-moz-border-radius: 4px 4px 0 0;
			-o-border-radius: 4px 4px 0 0;
			border-radius: 4px 4px 0 0;
			position: relative;
		}
			/* ----- IE7/IE6用 ----- */
			aside .snav h1 {
				/height: 16px;
			}
		
			/* Angle */
			aside .snav h1 span {
				border: 6px solid #f84c78;
				border-bottom: 0;
				border-left-color: transparent;
				border-right-color: transparent;
				width: 0;
				position: absolute;
				left: 7px;
				bottom: -6px;
			}

		aside .snav li a {
			padding: 13px 10px 10px 28px;
			border-bottom: 1px dotted #ccc;
			display: block;
			font-size: 12px;
			color: #333399;
			background: url(/st/share/lib/lang/3/pc/img/snav/side_menu_arrow.png) no-repeat 0.5em 1.2em;
		}
		aside .snav li a:hover,
		/* Selected Page */
		aside .snav li.activemn a {
			color: #6C1044;
			background-color: #fff1f5;
			text-decoration: none;
		}

/* 1-8.Text Module
--------------------------------------------------------- */
/* ----- Title Lv.1 ～ Lv.5----- */
.tit-lv1,
.tit-lv2,
.tit-lv3,
.tit-lv4,
.tit-lv5 {
	line-height: 1.4em;
}
/* ----- Title Lv.1 ----- */
.tit-lv1 {/* height: +padding + border +box-shadow = 56px(1行時) */
	padding: 12px 7px 11px 16px;
	box-sizing: border-box;
	margin: 3px 3px 1.5em;
	color: #6c1044;
	font-size: 18px;
	font-weight: bold;
	background: #FCFAFA url(/st/share/pc/img/tit-lv1-angle.png) no-repeat 1px 1px;
	border: solid 1px #e0e0e0;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 0 2px #eee, 0 0 0 3px #DEE3E9;
	-moz-box-shadow: 0 0 0 2px #eee, 0 0 0 3px #DEE3E9;
	-o-box-shadow: 0 0 0 2px #eee, 0 0 0 3px #DEE3E9;
	-ms-box-shadow: 0 0 0 2px #eee, 0 0 0 3px #DEE3E9;
	box-shadow: 0 0 0 2px #eee, 0 0 0 3px #DEE3E9;
}
	/* IE7/IE6用 */
	.tit-lv1 {
		/border: 4px solid #eee;
		/margin-left: 0;
		/margin-right: 0;
		/background-position: 5px 5px;
	}
	/* IE8用 */
	.tit-lv1 {
		border-width: 4px\9;
		border-style: solid\9;
		border-color: #eee\9;
		margin-top: 0\9;
		margin-left: 0\9;
		margin-right: 0\9;
	}
	/* IE9用 */
	.tit-lv1:not(:target) {
		border-width: 1px\9;
		border-style: solid\9;
		border-color: #e0e0e0\9;
		margin-top: 3px\9;
		margin-left: 3px\9;
		margin-right: 3px\9;
	}
	/* IE10用 */
	@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
		.tit-lv1 {
			border: solid 1px #e0e0e0;
			margin-left: 3px;
			margin-right: 3px;
		}
	}
	/* 2015.08.18追加 スニペット対応 */
	.tit-lv1 div {
		float: left;
	}

	
/* ----- Title Lv.2 ----- */
.tit-lv2 {
	/* height: +padding +border =28px(1行時) */
	margin: 1.5em 0;
	padding: 4px 5px 7px 12px;
	border-bottom: 1px dotted #999;
	font-weight: bold;
	font-size: 15px;
	color: #6c1044;
	/*
	letter-spacing: 0.1em;
	*/
	background: url(/st/share/pc/img/tit-bar-pink.png) no-repeat left bottom;
}

/* ----- Title Lv.3～5 ----- */
.tit-lv3,
.tit-lv4,
.tit-lv5 {
	padding: 2px 6px 2px 16px;
	background: url(/st/share/pc/img/ico-square-pink.png) no-repeat left 6px;
	font-size: 13px;
	margin: 1.5em 0 0.5em;
	color: #6c1044;
}
.tit-lv3 {
	/* height: +padding =17px(1行時) */
	border-bottom: 1px dotted #999;
	height: auto;
}
.tit-lv4 {
	padding-bottom: 0;
}
.tit-lv5 {
	padding: 6px 6px 6px 24px;
	background-color: #f3f3f3;
	background-position: 8px 10px;
	font-weight: bold;
}





/* 1-9.List Module
--------------------------------------------------------- */
/* Common List */
.mark-arrow,
.mark-disc,
.mark-note,
.mark-decimal {
	line-height: 1.4em;
}

/* 三角矢印 */
h2.mark-arrow,
h3.mark-arrow,
h4.mark-arrow,
h5.mark-arrow,
p.mark-arrow,
a.mark-arrow,
span.mark-arrow,
.mark-arrow li,
.mark-arrow dd {
	background: url(/st/share/pc/img/ico-arrow-r-pink.png) no-repeat 0.2em 0.45em;
	padding-left: 15px;
	list-style: none;
}
.mark-arrow li + li,
.mark-arrow dd,
.mark-arrow dd + dt {
	margin-top: 0.5em;
}
a.mark-arrow {
	background-position: 0.2em 0.2em; 
}

/* Disc */
.mark-disc {
	margin: 1em 0;
}

.mark-disc li,
.mark-disc dd {
	list-style: disc;
	margin-left: 1.3em;
}
.mark-disc li + li,
.mark-disc dd + dd {
	margin-top: 0.5em;
}

/* ※印 */
.mark-note {
	text-indent: -1em;
	margin-left: 1em;
}
.mark-note li,
.mark-note dd {
	list-style: none;
}
.mark-note li + li,
.mark-note dd + dd {
	margin-top: 0.5em;
}
span.mark-note {
	display: block;
}

/* decimal */
.mark-decimal li {
	margin-left: 1.3em;
	list-style: decimal;
}



/* 1-10.Table Module
--------------------------------------------------------- */
.tbl_basic,
.tbl_basic2,
.tbl_basic#inside {
	box-sizing: border-box;
}

/*┌──────────────────────────┐
　│.tbl_basic …左列にthパターン　　　　　　　　　　　 │
　│.tbl_basic2…上段にthパターン(＆ 左列にもthパターン)│
　│#inside　　…入れ子Tableパターン　　　　　　　　　　│
　│.one-column　…列が一つしかないパターン　　　　　　 │
　│.one-row 　…行が一つしかないパターン　　　　　　　 │
　│.row-union …行は一つ以上で、最下段が合体の時　　　 │
　└──────────────────────────┘*/
.tbl_basic,
.tbl_basic2 {
	border-collapse: separate;
	border-spacing: 0;
	border: 1px solid #cdcdcd;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	margin-bottom: 20px;
	width: 100%;
	overflow: hidden;
}
	.tbl_basic th,
	.tbl_basic2 th {
		color:#6d1044;	
		padding: 16px;
		vertical-align: top;
		font-weight: bold;
	}
	.tbl_basic td,
	.tbl_basic2 td {
		vertical-align:top;
		padding: 16px;
	}
	.tbl_basic th,
	.tbl_basic td,
	.tbl_basic2 th,
	.tbl_basic2 thead tr:first-child th:first-child,
	.tbl_basic2 td {
		border-right: 1px solid #cdcdcd;
		border-bottom: 1px dotted #cdcdcd;
		background-color: #fff;/* IE対策 */
	}
	.tbl_basic th,
	.tbl_basic2 th,
	.tbl_basic2 thead tr:first-child th:first-child {
		background-color: #fcfafa;
	}
	
	
/* 768px以下(SM) */
@media only screen and (max-width: 768px) {
	.tbl_basic th,
	.tbl_basic2 th,
	.tbl_basic td,
	.tbl_basic2 td {
		padding: 5px;
	}
}
	
/*┌──────────────────────────┐
　│.tbl_basic …左列にthパターン　　　　　　　　　　　 │
　└──────────────────────────┘*/
	.tbl_basic tr:last-child td,
	.tbl_basic tr:last-child th {
		border-bottom: none;
	}
	.tbl_basic td:last-child {
		border-right: none;
	}
	/* ===== border 四隅設定 ===== */
	/* 左上 */
	.tbl_basic tr:first-child th {
		-webkit-border-radius: 6px 0 0 0;
		-moz-border-radius: 6px 0 0 0;
		-o-border-radius: 6px 0 0 0;
		border-radius: 6px 0 0 0;
	}
	/* 右上 */
	.tbl_basic tr:first-child td:last-child {
		-webkit-border-radius: 0 6px 0 0;
		-moz-border-radius: 0 6px 0 0;
		-o-border-radius: 0 6px 0 0;
		border-radius: 0 6px 0 0;
	}
	/*左下 */
	.tbl_basic tr:last-child th {
		-webkit-border-radius: 0 0 0 6px;
		-moz-border-radius: 0 0 0 6px;
		-o-border-radius: 0 0 0 6px;
		border-radius: 0 0 0 6px;
	}
	/* 右下 */
	.tbl_basic tr:last-child td:last-child {
		-webkit-border-radius: 0 0 6px 0;
		-moz-border-radius: 0 0 6px 0;
		-o-border-radius: 0 0 6px 0;
		border-radius: 0 0 6px 0;
	}

/*┌──────────────────────────┐
　│.tbl_basic2…上段にthパターン　　　　　　　　　　　 │
　└──────────────────────────┘*/
	.tbl_basic2 th {
		text-align: center;
	}
	.tbl_basic2.txt-left th {
		text-align: left;
	}
	.tbl_basic2 tr:last-child td {
		border-bottom: none;
	}
	.tbl_basic2 th:last-child,
	.tbl_basic2 td:last-child {
		border-right: none;
	}
	/* ===== border 四隅設定 ===== */
	/* 左上 */
	.tbl_basic2 tr:first-child td:first-child,/* 旅行条件書一覧のようなtdパターン */
	.tbl_basic2 tr:first-child th:first-child,
	.tbl_basic2 thead tr:first-child th:first-child {
		-webkit-border-radius: 6px 0 0 0;
		-moz-border-radius: 6px 0 0 0;
		-o-border-radius: 6px 0 0 0;
		border-radius: 6px 0 0 0;
	}
	/* 右上 */
	.tbl_basic2 tr:first-child td:last-child,/* 旅行条件書一覧のようなtdパターン */
	.tbl_basic2 tr:first-child th:last-child,
	.tbl_basic2 thead tr:first-child th:last-child {
		-webkit-border-radius: 0 6px 0 0;
		-moz-border-radius: 0 6px 0 0;
		-o-border-radius: 0 6px 0 0;
		border-radius: 0 6px 0 0;
	}
	/*左下 */
	.tbl_basic2 tr:last-child td:first-child,
	.tbl_basic2 thead + tbody tr:last-child td:first-child {
		-webkit-border-radius: 0 0 0 6px;
		-moz-border-radius: 0 0 0 6px;
		-o-border-radius: 0 0 0 6px;
		border-radius: 0 0 0 6px;
	}
	/* 右下 */
	.tbl_basic2 tr:last-child td:last-child,
	.tbl_basic2 thead + tbody tr:last-child td:last-child {
		-webkit-border-radius: 0 0 6px 0;
		-moz-border-radius: 0 0 6px 0;
		-o-border-radius: 0 0 6px 0;
		border-radius: 0 0 6px 0;
	}
	/* ===== 上段th以外に、左列にもthある場合 ===== */
	.tbl_basic2 tr:last-child th:first-child {
		-webkit-border-radius: 0 0 0 6px;
		-moz-border-radius: 0 0 0 6px;
		-o-border-radius: 0 0 0 6px;
		border-radius: 0 0 0 6px;
		border-bottom: none;
	}
	

/*┌──────────────────────────┐
　│#inside　　…入れ子Tableパターン　　　　　　　　　　│
　│※入れ子側の.tbl_basic、.tbl_basic2にこのidを追加　 │
　└──────────────────────────┘*/
	.tbl_basic#inside th,
	.tbl_basic2#inside th {
		background-color: #f7f7f7;
		color: #333;
	}
	.tbl_basic#inside th,
	.tbl_basic#inside td,
	.tbl_basic2#inside th,
	.tbl_basic2#inside td {
		border-bottom: 1px dotted #cdcdcd;
		-webkit-border-radius: 0;
		-moz-border-radius: 0;
		-o-border-radius: 0;
		border-radius: 0;
	}
	.tbl_basic#inside tr:last-child th,
	.tbl_basic#inside tr:last-child td,
	.tbl_basic2#inside tr:last-child th,
	.tbl_basic2#inside tr:last-child td {
		border-bottom: none;
	}
	/* ===== border 四隅設定 ===== */
	/* 左上 */
	.tbl_basic#inside tr:first-child th:first-child,
	.tbl_basic2#inside tr:first-child th:first-child {
		-webkit-border-radius: 6px 0 0 0;
		-moz-border-radius: 6px 0 0 0;
		-o-border-radius: 6px 0 0 0;
		border-radius: 6px 0 0 0;
	}
	/* 右上 */
	.tbl_basic#inside tr:first-child td:last-child,
	.tbl_basic#inside tr:first-child th:last-child,
	.tbl_basic2#inside tr:first-child th:last-child {
		-webkit-border-radius: 0 6px 0 0;
		-moz-border-radius: 0 6px 0 0;
		-o-border-radius: 0 6px 0 0;
		border-radius: 0 6px 0 0;
	}
	/*左下 */
	.tbl_basic#inside tr:last-child th:first-child,
	.tbl_basic#inside tr:last-child td:first-child,
	.tbl_basic2#inside tr:last-child td:first-child,
	.tbl_basic2#inside tr:last-child th:first-child {
		-webkit-border-radius: 0 0 0 6px;
		-moz-border-radius: 0 0 0 6px;
		-o-border-radius: 0 0 0 6px;
		border-radius: 0 0 0 6px;
	}
	/* 右下 */
	.tbl_basic#inside tr:last-child th:last-child,
	.tbl_basic#inside tr:last-child td:last-child,
	.tbl_basic2#inside tr:last-child th:last-child,
	.tbl_basic2#inside tr:last-child td:last-child {
		-webkit-border-radius: 0 0 6px 0;
		-moz-border-radius: 0 0 6px 0;
		-o-border-radius: 0 0 6px 0;
		border-radius: 0 0 6px 0;
	}

/*┌──────────────────────────┐
　│.one-column　…列が一つしかないパターン　　　　　　 │
　│※そのth、tdにこのclassを追加　　　　　　　　　　　 │
　└──────────────────────────┘*/
/* ----- cell（上）1つパターン ----- */
	.tbl_basic tr:first-child th.one-column,
	.tbl_basic tr:first-child td.one-column,
	.tbl_basic2 tr:first-child th.one-column,
	.tbl_basic2 tr:first-child td.one-column,
	.tbl_basic#inside tr:first-child th.one-column,
	.tbl_basic#inside tr:first-child td.one-column,
	.tbl_basic2#inside tr:first-child th.one-column,
	.tbl_basic2#inside tr:first-child td.one-column {
		-webkit-border-radius: 6px 6px 0 0;
		-moz-border-radius: 6px 6px 0 0;
		-o-border-radius: 6px 6px 0 0;
		border-radius: 6px 6px 0 0;
	}
/* ----- cell（下）1つパターン ----- */
	.tbl_basic tr:last-child th.one-column,
	.tbl_basic tr:last-child td.one-column,
	.tbl_basic2 tr:last-child th.one-column,
	.tbl_basic2 tr:last-child td.one-column,
	.tbl_basic#inside tr:last-child th.one-column,
	.tbl_basic#inside tr:last-child td.one-column,
	.tbl_basic2#inside tr:last-child th.one-column,
	.tbl_basic2#inside tr:last-child td.one-column {
		-webkit-border-radius: 0 0 6px 6px;
		-moz-border-radius: 0 0 6px 6px;
		-o-border-radius: 0 0 6px 6px;
		border-radius: 0 0 6px 6px;
	}
/* ----- cell（上・中・下）1つパターン ----- */
	th.one-column,
	td.one-column {
		border-right: none;
		text-align: center;
	}
	th.one-column.txt-left,
	td.one-column.txt-left {
		border-right: none;
		text-align: left;
	}

/*┌──────────────────────────┐
　│.one-row 　…行が一つしかないパターン　　　　　　　 │
　│※そのtableにこのclassを追加　　　　　　　　　　　  │
　└──────────────────────────┘*/
/* テーブル全列の行が一つ */
.tbl_basic.one-row tr:last-child th:first-child {
	-webkit-border-radius: 6px 0 0 6px;
	-moz-border-radius: 6px 0 0 6px;
	-o-border-radius: 6px 0 0 6px;
	border-radius: 6px 0 0 6px;
	border-bottom: none;
}
.tbl_basic.one-row tr:last-child td:last-child {
	-webkit-border-radius: 0 6px 6px 0;
	-moz-border-radius: 0 6px 6px 0;
	-o-border-radius: 0 6px 6px 0;
	border-radius: 0 6px 6px 0;
}

/* 特定の行が一つ */
	th.one-row,
	td.one-row {
		border-bottom: none;
	}
	/*左下 */
	.tbl_basic tr:first-child th:first-child.one-row,
	.tbl_basic tr:first-child td:first-child.one-row,
	.tbl_basic2 tr:first-child th:first-child.one-row,
	.tbl_basic2 tr:first-child td:first-child.one-row,
	.tbl_basic#inside tr:first-child th:first-child.one-row,
	.tbl_basic#inside tr:first-child td:first-child.one-row,
	.tbl_basic2#inside tr:first-child th:first-child.one-row,
	.tbl_basic2#inside tr:first-child td:first-child.one-row {
		-webkit-border-radius: 6px 0 0 6px;
		-moz-border-radius: 6px 0 0 6px;
		-o-border-radius: 6px 0 0 6px;
		border-radius: 6px 0 0 6px;
	}
	/*右下 */
	.tbl_basic tr:first-child td:last-child.one-row,
	.tbl_basic tr:first-child th:last-child.one-row,
	.tbl_basic2 tr:first-child td:last-child.one-row,
	.tbl_basic2 tr:first-child th:last-child.one-row,
	.tbl_basic#inside tr:first-child td:last-child.one-row,
	.tbl_basic#inside tr:first-child th:last-child.one-row,
	.tbl_basic2#inside tr:first-child td:last-child.one-row,
	.tbl_basic2#inside tr:first-child th:last-child.one-row{
		-webkit-border-radius: 0 6px 6px 0;
		-moz-border-radius: 0 6px 6px 0;
		-o-border-radius: 0 6px 6px 0;
		border-radius: 0 6px 6px 0;
		border-right: none;
	}

/*┌──────────────────────────┐
　│.row-union …行は一つ以上で、最下段が合体の時　　　 │
　│※そのthまたはtdにこのclassを追加　　　　　　　　 　│
　└──────────────────────────┘*/
/* ===== 下段、左列rowが合体している場合 ===== */
	.tbl_basic .row-union,
	.tbl_basic2 .row-union {
		-webkit-border-radius: 0 0 0 6px;
		-moz-border-radius: 0 0 0 6px;
		-o-border-radius: 0 0 0 6px;
		border-radius: 0 0 0 6px;
		border-bottom: none;
	}
	
/* ===== 下段、右列rowが合体している場合 ===== */
	.tbl_basic .row-union2,
	.tbl_basic2 .row-union2 {
		-webkit-border-radius: 0 0 6px 0;
		-moz-border-radius: 0 0 6px 0;
		-o-border-radius: 0 0 6px 0;
		border-radius: 0 0 6px 0;
		border-right: none;
		border-bottom: none;
	}

/* 1-11.Icons
--------------------------------------------------------- */
.foot-bus dd a[target="_blank"]:after,
.foot-tour dd a[target="_blank"]:after,
.foot-ferry dd a[target="_blank"]:after,
.foot-common dd a[target="_blank"]:after,
.foot-mypage dd a[target="_blank"]:after,
a.popup:after,

footer nav a[target="_blank"]:after {
	content: url(/st/share/pc/img/ico-window.png);
	vertical-align: middle;
	margin: 0 2px;
}
/*
a[href$=".pdf"]:after {
	content: url(/st/3/ja/pc/img/pdficon_small.png);
	vertical-align: middle;
	margin: 0 2px;
}
*/
/*.foot-bus li a[target="_blank"]:after,
.foot-tour li a[target="_blank"]:after,
.foot-ferry li a[target="_blank"]:after,
.foot-common li a[target="_blank"]:after,
.foot-mypage li a[target="_blank"]:after,
footer nav a[target="_blank"]:after {
	content: url(/st/share/pc/img/ico-window.png);
	vertical-align: middle;
	margin: 0 2px;
}*/


/* 1-12.個別ブラウザ対応
--------------------------------------------------------- */
/* ----- ハックTest用 ----- */
.example { /background: orange; }/* IE6・IE7 */
.example2 { _background: green; }/* IE6 */

/* ----- IE7+IE6 ----- */
/* ----- Header ----- */
.guide li > div,
.menu li > div {
	/display: none;
	/visibility: hidden;
}
.gnav,
.head-bus .sp,
.head-bus .sp2,
.head-tour .sp,
.head-ferry .sp,
.head-common .sp {
	/margin-top: -15px;
}
/* ----- Footer ----- */
footer > div {
	/margin-top: 38px;
}

/* ----- Common Class ----- */
hr.cl-both {
	/visibility: hidden;
}


/* ----- IE6用 ----- */
body {
	_text-align: center;
	_zoom: 1;
}
header,
footer,
aside,
article {
	_text-align: left;
}

ol,
ul,
li {
	_zoom: normal;
}

hr.cl-both {
	_display: none;
}

.gnav ul {
	_width: 592px;/*444px*/
	_margin-left: 0;
}
.w-group {
	_display: inline;
	_width: 455px;
	_clear: both;
}

aside .snav li + li {
	_margin-bottom: 0;
}

/* ----- IE10用 ----- */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
}


/* ----- iPhone用(200万人キャンペーンHeader) ----- */
@media screen and (max-device-width: 763px) {
	.head-bus .lnk-bnr,
	.head-tour .lnk-bnr {
		width: 200px;
		height: 38px;
	}
	.head-bus .lnk-bnr span,
	.head-tour .lnk-bnr span {
		width: 200px;
		height: 38px;
		top: 1px;
		-webkit-background-size: 200px 38px;
		background-size: 180px 33px;
	}
	.head-bus .lnk-bnr,
	.head-bus .lnk-bnr span,
	.head-tour .lnk-bnr,
	.head-tour .lnk-bnr span {
		font-size: 20%;
	}
}
@media screen and (max-device-width: 618px) {
	.head-bus .lnk-bnr,
	.head-tour .lnk-bnr {
		width: 128px;
		height: 24px;
	}
	.head-bus .lnk-bnr span,
	.head-tour .lnk-bnr span {
		width: 128px;
		height: 24px;
		top: 7px;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}
	.head-bus .lnk-bnr,
	.head-bus .lnk-bnr span,
	.head-tour .lnk-bnr,
	.head-tour .lnk-bnr span {
		font-size: 0;
	}
}
@media screen and (max-device-width: 511px) {
	.head-bus .lnk-bnr,
	.head-tour .lnk-bnr {
		width: 98px;
		height: 24px;
	}
	.head-bus .lnk-bnr span,
	.head-tour .lnk-bnr span {
		width: 98px;
		height: 24px;
		top: 7px;
		-webkit-background-size: 100% 100%;
		background-size: 100% 100%;
	}
	.head-bus .lnk-bnr,
	.head-bus .lnk-bnr span,
	.head-tour .lnk-bnr,
	.head-tour .lnk-bnr span {
		font-size: 0;
	}
}


/* 1-13.Common class
--------------------------------------------------------- */
.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

hr.cl-both {
	clear: both;
	height: 0px;
	border: none;
	padding-top: 0;
	overflow: hidden;
	font-size: 0;
}
#to-top {
	position: fixed;
	width: 30px;
	height: 30px;
	background: url(/st/share/pc/img/ico-to-top.png) no-repeat right 50%;
	right: 20px;
	bottom: 20px;
}
	a#to-top {
		text-decoration: none;
		color: #fff;
		font-weight: normal;
		font-size: 12px;
		text-shadow: none;
		line-height: 140%;
	}

/* ----- Text用共通class ----- */
/* text align */
.txt-center {
	text-align: center;
}
.txt-left {
	text-align: left;
}
.txt-right {
	text-align: right;
}
/* ----- Hover ----- */
.onicon{
	background-color:#FFF;
}
.onicon:hover{
	-ms-filter: "alpha( opacity=80 )";/* for IE 8 & 9 (filter works too) should come BEFORE "filter:" */
	filter:alpha(opacity=80);/*IE 9 8 7 6 5 */
	-moz-opacity:0.8;/* Older than Firefox 0.9 */
	-khtml-opacity: 0.8;/* Safari 1.x (pre WebKit!) */
	opacity:0.8;/* Firefox 0.9+, Safari 2?, Chrome Opera 9+, IE 9+ */
}

/*----------------------------------------------------
知らせ／エラー　BOX
----------------------------------------------------*/

.errorbox {
	background-color: #FFFFFF;
	border: 4px solid #ffe5e5;
	margin-bottom: 15px;
	padding: 15px;
	text-align: center;
}
.errorbox table.errorboxbg {
	background: url(/st/3/ja/pc/bus/sys/img/ico/ico_errorbox.png) no-repeat scroll left top transparent;
	border-collapse: collapse;
	margin: 0 auto;
}
.errorbox table.errorboxbg td {
	height: 34px !important;
	min-height: 34px;
	vertical-align: middle;
}
.errorbox p {
	color: #cc0000;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3em;
	padding-left: 47px;
	text-align: left;
}
.alertbox {
	background-color: #FFFFFF;
	border: 4px solid #FFE5CC;
	margin-bottom: 15px;
	padding: 15px;
	text-align: center;
	color:#cc0000;
	overflow:hidden;
}
.alertbox table.alertboxbg {
	background: url(/st/3/ja/pc/bus/sys/img/ico/ico_alertbox.png) no-repeat scroll left top transparent;
	border-collapse: collapse;
	margin: 0 auto;

}
.alertbox table.alertboxbg td{
	height: 34px !important;
	min-height: 34px;
	vertical-align: middle;
}
.alertbox p {
	color:#cc0000;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3em;
	padding-left: 47px;
	text-align: left;
}
.alertbox .alertulist {
	padding-left: 47px;
	text-align: left;
}
.alertbox .alertulist li{
	color:#cc0000;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3em;
	padding-left: 15px;
	text-align: left;
	background: url(/st/3/ja/pc/bus/sys/img/ico/ico_alertlimaru.png) no-repeat scroll left 8px transparent;
}
.infobox {
	background-color: #FFFFFF;
	border: 4px solid #e5f0c2;
	margin-bottom: 15px;
	padding: 15px;
	text-align: center;
	overflow: hidden;
}
.infobox table.infoboxbg {
	background: url(/st/3/ja/pc/bus/sys/img/ico/ico_infobox.png) no-repeat scroll left top transparent;
	border-collapse: collapse;
	margin: 0 auto;
}
.infobox table.infoboxbg td {
	height: 34px !important;
	min-height: 34px;
	vertical-align: middle;
}
.infobox p {
	color: #333333;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3em;
	padding-left: 47px;
	text-align: left;
}
/*
知らせ／エラー　BOX - END
----------------------------------------------------*/





/* 2-1.旧ページ用CSS
--------------------------------------------------------- */

/* ----- 旧ページ用(フッター領域のMobile Bannar) ----- */
p.mb_bannar{
	width: 900px;
	margin: 0 auto 20px;
	text-align: left;
	clear: both;
	overflow: hidden;
}


/* ----- 旧ページ用(default.css[クリアフィックス]) ----- */
.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用ハック */

.clear { clear: both; }   
.clear hr { display: none; }

/* ----- 旧ページ用(default.css[general]) ----- */
#conts,#contain {
	width: 960px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
    clear: both;
}
/* colors to mark the option to choose */
.zone-unselected{
	background-color: #ffe98f!important;
}
.zone-selected{
	background-color: #FFF;
}
/* ----- 旧ページ用(default.css[テキストスタイル]) ----- */
.txt-b {
	font-weight: bold;
}
.txt-red {
	color: #e5030f;
}
.txt-red-b {
	color: #e5030f;
	font-weight: bold;
}
.txt-b14 {
	font-weight:bold;
	font-size:14px;
}
.txt-b-black {
	font-weight:bold;
	color:#333333!important;
}
.txt-green {	color: #339933;}
.txt-red {	color: #cc0000;}
.txt-red14 {
	color: #cc0000;
	font-size: 14px;
}
.txt-purple {	color: #663399;}
.txt-nob{
	font-weight: normal;
}
.absmid {/* css version of absmiddle, image vertical style alignment */
	vertical-align: middle;
	margin-bottom: .25em;
}
.noneimg{
	border: none;
	padding: 0;
	margin: 0;
	background: none;
}
*+html #wp_pass{	height: 40px!important; overflow: hidden; margin-bottom: 5px;}
.next-area{
	margin-top:20px;
	padding-top:15px;
	padding-bottom:5px;
	border-top:#ccc 2px solid;
	width:100%;
	clear: both;
}
p.brdr_noritsugi {
	line-height: 19px;
	background: url(/st/3/ja/pc/bus/sys/img/ico/arrow_noritsugi_bg.gif) repeat-x;
	text-align: left;
	height: 19px;
	width: 100%;
	clear: both;
	margin-bottom: 15px;
}
p.brdr_noritsugi_long {
	line-height: 19px;
	background: url(/st/3/ja/pc/bus/sys/img/ico/arrow_noritsugi_long.png) no-repeat;
	text-align: left;
	height: 19px;
	width: 906px;
	overflow: hidden;
	clear: both;
	margin-bottom: 15px;
}
p.brdr_oufuku-sw {/*slim and white*/
	line-height: 19px;
	background: url(/st/3/ja/pc/bus/sys/img/ico/arrow_oufuku_bg.gif) repeat-x;
	text-align: left;
	height: 19px;
	width: 896px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	background-color: #FFF;
}
p.brdr_ofuku {
	line-height: 19px;
	background: url(/st/3/ja/pc/bus/sys/img/ico/arrow_oufuku_bg.gif) repeat-x;
	text-align: left;
	height: 19px;
	width: 100%;
	clear: both;
	margin-bottom: 15px;
	display: block;
}
p.brdr_noritsugi-sw {/*slim and white*/
	line-height: 19px;
	background: url(/st/3/ja/pc/bus/sys/img/ico/arrow_noritsugi_bg.gif) repeat-x;
	text-align: left;
	height: 19px;
	width: 896px;
	margin-left: auto;
	margin-right: auto;
	clear: both;
	background-color: #FFF;
}
.cart_about_pay {
	clear: both;
	width: 115px;
}
.strong-left{	text-align: left!important;}
.mini{	font-size: 10px; font-weight: normal;}
.miniblock{	font-size: 10px; font-weight: normal; clear: both; display: block;}
.formsepa {
	display: block;
	height: 1px;
	border: 0;   
	border-top: #999999 1px dotted;
	margin-top: 10px;
	margin-bottom: 10px;
}

/* ----- 旧ページ用(default.css[popup]) ----- */
a.poplnk{
	background: transparent url(/st/3/ja/pc/bus/sys/img/ico/ico_popup.gif) no-repeat scroll left 3px;
	font-size: 10px;
	padding: 1px 0 0 13px;
	float: right;
	font-weight: normal;
}
/* link with popup and arrow image*/
.popya {
	display: block;
	background: transparent url(/st/3/ja/pc/bus/sys/img/ico/ico_popup.gif) no-repeat scroll right 3px;
	font-size: 10px;
	line-height: 1.4;
	margin-top: 5px;
	padding-right: 13px;
	text-align: right;
}
.popya-close{
	margin-left: 8px;
	white-space: nowrap;
	font-size: 12px;
	line-height: 1.4;
	margin-top: 5px;
	margin-right: 5px;
	text-align: right;
}
	.popya-close img{
		margin-left: 4px;		
	}
.popno {
	display: block;
	font-size: 12px;
	line-height: 1.4;
	margin-bottom: 5px;
	padding-left: 8px;
	background: transparent url(/st/3/ja/pc/bus/sys/img/ico/ico_barrow.gif) no-repeat scroll left 3px;
}
	.popno img {
		padding-left: 3px;
	}
.popmag{
	margin-left: 1px;
	margin-right: 3px;
	font-size: 12px;
	line-height: 1.4;
}
.pop-center {
	display: block;
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 5px;
}
.pop-center img {
	padding-left: 3px;
	padding-right: 3px;
}
.popya-trunk {
	display: block;
	font-size: 12px;
	line-height: 1.4;
	margin-top: 25px;
	margin-left: 10px;
	text-align: left;
}
.popya-trunk-single {
	display: block;
	font-size: 12px;
	line-height: 1.4;
	text-align: left;
	margin-bottom: 10px;
}
.popya-pen-single {
	display: block;
	font-size: 12px;
	line-height: 1.4;
	text-align: left;
	margin-bottom: 10px;
}
.pop_pay {
	display: block;
	font-size: 12px;
	line-height: 1.4;
	padding-left: 7px;
	padding-top: 2px;
	text-align: left;
}
	a.pop_pay img {
		margin-left: 3px;
	}
.popyaleft {
	display: block;
	font-size: 12px;
	line-height: 1.4;
	margin-top: 5px;
	text-align: left;
}
.popyaright {
	width: 130px;
	display: block;
	background: transparent url(/st/3/ja/pc/bus/sys/img/ico/ico_popup.gif) no-repeat scroll right 3px;
	font-size: 10px;
	line-height: 1.4;
	margin-top: 5px;
	padding-right: 13px;
	text-align: right;
	float: right;
}
.poplink-abs {
	position: absolute;
	right: 0;
	top: 4px;
	font-weight: normal;
	display: block;
}
.poplink-cart {
	position: absolute;
	right: 0;
	top: 0;
	font-weight: normal;
}


/*
even/odd row style
http://www.w3.org/Style/Examples/007/evenodd.en.html
*/
table.alternate tr:nth-child(odd) {	background: #F9F9F9;}
table.alternate tr:nth-child(even) {	background: #FFFFFF;}

.noborder{
	border-style: none!important;
}
/*Chromeのデフォルトのボーダーの削除ために*/
input:focus{
	outline:none;
	outline: 0;
}
/*input { vertical-align: middle; margin-top: -1px; float:left;}*/

/* ----- 旧ページ用(default.css[ソーシャルボタン]) ----- */
/*
ul#social_btn {
	float: right;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	font-size: 11px;
	width: 325px;
}
	ul#social_btn li {
		float: right;
	}
	ul#social_btn li#facebook_like {
		padding: 0 0 0 10px;
	}
	ul#social_btn li#twitter {
		margin-right: -33px;
	}
.topic-path {
	padding: 0;
	width: 960px;
	margin:10px auto 15px auto;
	text-align: left;
}
*/
#wrapper {
	text-align: left;
	width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	clear: both;
}

/* ----- 旧ページ用(default.css[スマホ]) ----- */
.smtphone {
	display:none;
}

@media only screen 
and (min-device-width : 320px)
and (max-device-width : 480px) {

	.smtphone {
		display:block;
	}
}

/* ----- 旧ページ用(default.css[パンくず]) ----- */
/*
ul.pankuzu {
	overflow: hidden;
}
	ul.pankuzu li{
		float: left;
		line-height: 1.6em;
		margin-right: 5px;
		white-space: nowrap;
	}
	ul.pankuzu li:last-child {
		color:#F84C78;
	}
*/
/* ----- 旧ページ用(default.css[ページの先頭へリンク]) ----- */
.pagetop {
	clear: both;
	text-align: right;
	height: 22px;
	margin: 15px 0px 10px auto;
	font-size: 10px;
	/*padding-right:10px;*/
	padding: 0;
	/*background:url(/st/3/ja/pc/bus/sys/img/ico/back2top.gif) right 8px no-repeat;*/
}
	.pagetop a {
		padding-left: 12px;
		background: url(/st/3/ja/pc/bus/sys/img/ico/back2top.gif) left 4px no-repeat;
	}
/* center version*/
.buttontable-center {
	margin-left: auto;
	margin-right: auto;
}
.buttontable-center td {
	padding-left: 10px;
	padding-right: 10px;
	vertical-align: middle;
}

/* ----- 旧ページ用(default.css[ページトップリンク]) ----- */
.pagetop {
	clear: both;
	width: 95px;
	height: 25px;
	margin: 0 10px 5px auto;
	padding: 0;
}
.arrowtop {
	clear: both;
	text-align: right;
	height: 22px;
	margin: 15px 0px 10px auto;
	font-size: 10px;
	padding: 0;
}
.arrowtop a{
	padding-left: 12px;
	background: url(/st/3/ja/pc/bus/sys/img/ico/back2top.gif) left 4px no-repeat;
}

#cam_end_info {
	width: 960px;
	margin: 0 auto;
}

/* 2018/9/25
--------------------------------------------------------- */
footer .languages {
	width: 480px;
	margin: 10px auto;
	padding: 0;
	display: block;
	overflow: hidden;
}
	footer .languages li {
		float: left;
		width: 80px;
		margin: 0;
		list-style-type: none;
		text-align: center;
	}
		footer .languages a {
			color: #fff;
			font-size: 12px;
		}
		footer .languages a:focus,
		footer .languages a:hover,
		footer .languages a:active{
			color: red;
		}
		footer .languages img{
			width: 48px;
			height: 32px;
		}
footer .lang {
	text-align: center;
}

/* 768px以下 */
@media only screen and (max-width: 767px) {
	footer .languages {
		width: 240px;
	}
}