@charset "UTF-8";

/*
SHOW: 緊急メッセージ表示する
*/
#alert-zone-1{
	display:block!important;
}
#alert-zone-mobile-1{
	display:block!important;
}

/*
PCのみSTYLE 全言語
----------------------*/

#alert-zone-1 {
	border: 2px solid #ffd0d0;
	margin: 0 auto 25px;
	overflow: hidden;
	padding: 8px 8px 4px;
	text-align: left;
	width: 944px;
}
#alert-zone-1 li {
	background: url("/st/3/ja/pc/bus/sys/img/ico/alert_red.gif") no-repeat scroll left top;
	margin-bottom: 4px;
	padding-left: 20px;
	text-align:left;
}


/* =========================================================
 	Style: Default Reset & Base/layout Style
 -----------------------------------------------------------
 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-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
--------------------------------------------------------- */
header,
footer {
	width: 100%;
}
	article{
		width:960px;
		margin:0 auto;
		font-size:12px;
	}
	
	article:after {
	    content: "";
	    clear: both;
	    height: 0;
	    display: block;
	    visibility: hidden;
	}
	
	/*
	header > div,
	footer > div,
	article {
		width: 960px;
		margin: 0 auto!important;
		clear: both;
	}*/
	footer > div {
		padding-top: 23px;
	}
	
	/* ----- articleのwidth変更パターン(bodyにclass使用) ----- */
	.w900 article {
		width: 900px;
	}
	.w1000 article {
		width: 1000px;
	}
	.w1200 article {
		width: 1200px;
	}
	
	/* ----- Side Contents有ページ ----- */
	aside {
		width: 220px;
		float: left;
	}
	.side-navi article > section {
		width: 720px;
		float: right;
		/*padding-bottom: 40px;*/
	}
	/* ----- Main Visual Section(w960over) ----- */
	section {
		text-align: center;
	}
	/* ----- Normal Section(article内) ----- */
	article section {
		text-align: left;
	}



/* 1-5.Header
--------------------------------------------------------- */
/*header {
	background: url(/st/share/pc/img/bg-header-line.png) repeat-x left top;
	height: 130px;
	margin-bottom: 9px;
}*/
/* サブメニュー消しで縮小 */
header.head-tour,
.head-tour {
	height: 93px;
}

	/*
	header > div {
		background: no-repeat 170px top;
		padding-top: 9px;
	}*/
	/*
	.head-bus > div {
		background-image: url(/st/share/pc/img/bg-header-bus.jpg);
	}
	.head-tour > div {
		background-image: url(/st/share/pc/img/bg-header-tour.jpg);
	}
	*/
	.head-ferry > div {
		background-image: url(/st/share/pc/img/bg-header-ferry.jpg);
	}
	.head-mypage > div {
		background-image: url(/st/3/ja/pc/img/bg-header-mypage.png);
	}
	
	/*
	header ul,
	header li {
		float: left;
	}*/
/*	.lang ul,
	.lang ul li,*/
	.menu div li {
		float: none;
	}
		header nav li {
			text-align: center;
			list-style: none;
		}
		header nav div {
			text-align: left;
		}

/* ----- Willer Express Logo ----- */
header h1,
header h1 span {
	width: 152px;
	height: 37px;
}
header h1 {
	position: relative;
	overflow: hidden;
	display: inline;
	float: left;
}
	header h1 span {
		position: absolute;
		left: 0;
		top: 0;
		display: block;
		background: url(/st/share/pc/img/logo-travel.png) no-repeat left top;
	}
	
/* ----- 200万人キャンペーン Link ----- */
.head-bus .lnk-bnr,
.head-tour .lnk-bnr {
	width: 265px;
	height: 30px;
}
	.head-bus .lnk-bnr span,
	.head-tour .lnk-bnr span{
		width: 265px;
		height: 50px;
	}
.head-bus .lnk-bnr,
.head-tour .lnk-bnr {
	position: relative;
	float: left;
	margin-left: 10px;
}
.head-bus .lnk-bnr span,
.head-tour .lnk-bnr span {
	position: absolute;
	left: 0;
	top: -6px;
	display: block;
	height: 50px;
	background: url(/st/3/ja/pc/img/lnk-200man-nin.png) no-repeat left top;
}


/* ----- Utility Nav ----- */
.utility {
	display: inline;
	float: right;
	padding-top: 6px;
	width: auto;
	height: 30px;
}
.utility ul + ul {
	margin-left: 20px;
}
	/* Ferry、Tourのみ言語SELECT無(1/2) */
	.head-ferry .utility,
	.head-tour .utility {
		width: auto;
	}

	/* Guide, Lang → Dropdown Menu */


/* ----- SP Nav ----- */
header .sp,
header .sp2 {
	padding-top: 9px;
}
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-top: 9px;
	}
	header .sp li {
		background-image: url(/st/share/pc/img/ico-crown.png);
	}
	header .sp2 li {
		background-image: url(/st/share/pc/img/ico-cart.png);
	}

/* ----- Global Nav ----- */
header .gnav {
	padding-top: 9px;
	width: 592px;/*444px*/
	float: left;
	clear: both;
}

.gnav a,
.gnav a span {
	display: block;
}
header .gnav a,
header .gnav a span {
	width: 148px;
	height: 38px;
}
.gnav a {
	position: relative;
}
	.gnav a span {
		position: absolute;
		left: 0;
		top: 0;
		background: no-repeat 0 0;
	}
	/* Default Img */
	.gnav a:link span,
	.gnav a:visited span {
		background: url(/st/3/ja/pc/img/btn-gmenu.png?20140324);
	}
	/* On Img */
	.gnav a:hover span,
	.gnav a:active span {
		background: url(/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(/st/3/ja/pc/img/btn-gmenu-on.png?20140324);
	}
		/* バス */
		.gnav a.lnk-bus span {
			background-position: 0 0;
		}
		/* ツアー */
		.gnav a.lnk-tour span {
			background-position: 0 -40px;
		}
		/* フェリー */
		.gnav a.lnk-ferry span {
			background-position: 0 -80px;
		}		
		/* ホテル */
		.gnav a.lnk-hotel span {
			background-position: 0 -120px;
		}			
/* ----- Dropdown Menu (Utility Nav + Sub Nav) ----- */
.guide,
/*.lang,*/
.menu {
	position: relative;
	list-style: none;
}

/* ◎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(/st/share/pc/img/ico-beginer.png);
	}
	/* 会員・サービス */
	.guide .lnk-2 {
		background-image: url(/st/share/pc/img/ico-gift.png);
		padding-left: 18px;
	}
	/* よくある質問 */
	.guide .lnk-3 {
		background-image: url(/st/share/pc/img/ico-question.png);
	}
	/* サイトマップ */
	.guide .lnk-4 {
		background-image: url(/st/share/pc/img/ico-sitemap.png);
		padding-left: 20px;
	}
	/* ▼アイコン */
	/*
	.guide .lnk-1:after,
	.guide .lnk-2:after {
		content: url(/st/share/pc/img/ico-arrow-d-gray.png);
		vertical-align: middle;
		margin-left: -3px;
	}
	*/

/* ◎Utility Nav: Lang */
/*.lang {
	background: #fff;
	color: #999;
	border: 1px solid #d6d6d6;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	text-align: center;
}
	.lang > li {
		width: 75px;
		height: 18px;
		padding-top: 5px;
	}
	.lang > li + li {
		width: 60px;
		border-left: 1px solid #d6d6d6;
	}
	.lang div ul {
		padding: 5px;
	}
		.lang div li {
			padding: 5px;
			width: 80px;
			text-indent: 15px;
			text-align: left;
		}
			.lang div li a {
				display: block;
			}
		.lang div li {
			background: url(/st/share/pc/img/ico-arrow-r-pink.png) no-repeat 10px 50%;
		}
		.lang div li + li {
			border-top: 1px dotted #ccc;
		}
*/
		/* 韓国語表記用 */
		/*.lang i {
			font-style: normal;
		}*/
		

/* ◎Sub 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(/st/3/ja/pc/img/btn-smenu.png);
		}
		/* On Img */
		.menu a:hover span,
		.menu a:active span {
			background: url(/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;
			}
			
		/* ----- 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;
			}
			
	
/* ----- Dropdown Menu用 Div ----- */
/*.lang li > div {
	width: 100px;
	background: #fff;
}

.lang 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 */
/*	.lang li > span {
		position: absolute;
		left: 90px;
		top: 18px;
		display: none;
		background: transparent url(/st/share/pc/img/angle.png) no-repeat left top;
		width: 35px;
		height: 11px;
		border: none;
		z-index: 1001;
	}
		.lang li:hover > div,
		.lang li:hover > span {
			display: block;
		}*/
		
/* ----- Dropdown Menu内 ----- */

/* ----- h2 ----- */

/* ----- p ----- */

/* ----- dl ----- */

/* ----- ul ----- */


/* ----- 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(/st/3/ja/pc/img/btn-ddmenu.png);
	}
	/* On Img */
	.lnk-btn a:hover span,
	.lnk-btn a:active span {
		background: url(/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;
	}
		.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;
	margin:0px 0 10px 0;
}
	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 0 0 0;
	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;
	margin-bottom:150px;
	-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;
			margin:0;
			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
--------------------------------------------------------- */
.tit-lv1-960 {
	/*width: 920px;*/
	/*height: 36px;*/
	padding: 20px 5px 20px 20px;
	margin-bottom: 20px;
	background: url(/img/tith1-960-bkg.png) no-repeat left top;
	overflow: hidden;
}
	.tit-lv1-960 h1{
		color: #6c1044;
		font-size: 18px;
		font-weight: bold;
		margin-top: 0;
    	margin-bottom: 0;
	}
.tit-lv1-720 {
	/*width:680px;*/
	/*height: 36px;*/
	padding: 20px 5px 20px 20px;
	margin-bottom: 20px;
	background: url(/img/tith1-720-bkg.png) no-repeat left top;
	overflow: hidden;
}
	.tit-lv1-720 h1{
		color: #6c1044;
		font-size: 19px;
		font-weight: bold;
		margin-top: 0;
    	margin-bottom: 0;
	}
.tit-lv1-free-right {
	background-image: url(/img/tith1-right-bkg.png);
	background-repeat: no-repeat;
	background-position: right top;
	height:55px;
	margin-bottom:20px;
}
.tit-lv1-free-left {
	background-image: url(/img/tith1-left-bkg.png);
	background-repeat: no-repeat;
	background-position: left top;
	height:55px;
}
.tit-lv1-free h1{
	color:#6c1044;
	font-size:18px;
	font-weight:bold;
	padding-top:18px;
	padding-left:20px;
	width:100%;
	height:37px;
}
/*
.tit-lv2-wrap {
	margin-bottom: 20px;
	border-bottom:#999999 1px dotted;
}
.tit-lv2 {
	color:#6c1044;
	font-size: 16px;
	line-height:16px;
	font-weight:bold;
	margin-bottom: 5px;
	padding-left: 7px;
	border-left:5px solid #f84c78;
	line-height: 1.4;
}
.tit-lv3{
	color:#6c1044;
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 15px;
	padding-left: 16px;
	padding-bottom: 6px;
	background: url('/img/tith3-listheader.png') 0 4px no-repeat;
	border-bottom:#999999 1px dotted;
	overflow: hidden;
	line-height: 1.4;
}
.tit-lv4{
	color:#6c1044;
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 15px;
	padding-left: 16px;
	background: url('/img/tith4-listheader.png') 0 4px no-repeat;
	overflow: hidden;
	line-height: 1.4;
}
.tit-lv5 h5{
	color:#6c1044;
	font-size: 14px;
	font-weight:bold;
	margin-bottom: 15px;
	padding-bottom: 8px;
	padding-right: 10px;
	padding-left: 26px;
	padding-top: 8px;
	background: url('/img/tith5-listheader.png') 10px 10px no-repeat;
	overflow: hidden;
	background-color: #f3f3f3;
	line-height: 1.0;
}
*/


/* ----- 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;
	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 …左列に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;
	}
	
/*┌──────────────────────────┐
　│.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.個別ブラウザ対応
--------------------------------------------------------- */

/* ----- 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
--------------------------------------------------------- */
hr.cl-both {
	clear: both;
	height: 0px;
	border: none;
	padding-top: 0;
	overflow: hidden;
	font-size: 0;
}

#to-top{
	display:none !important;
}

/*
#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
----------------------------------------------------*/




/*
/st/3/ja/pc/parts/で開いた時
----------------------------------------------------*/
.parts article {
	width: 760px;
}


/* 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;
	height:auto !important;
	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;
}

article{
	text-align: left;
}

article img.btn{
	padding:0;
	border:none;
}

article h1{
	margin:0;
	font-size:18px;
	font-weight:bold;
}

article h2{
	margin:0;
	font-size:16px;
	font-weight:bold;
}

article h3{
	margin:0;
	font-size:14px;
	font-weight:bold;
}

article h4{
	margin:0;
	font-size:14px;
	font-weight:bold;
}


article ul{
	margin:0;
	padding:0;
	list-style-type: none;
}

article .lead{
	font-size:12px;
	padding:10px 0;
}

dl{
	margin-bottom:0;
}

/* API Loading Animation
******************************************/
.loader,
.loader:after {
  border-radius: 50%;
  width: 10em;
  height: 10em;
}
.loader {
  margin: 60px auto;
  font-size: 10px;
  position: relative;
  text-indent: -9999em;
  border-top: 1.1em solid rgba(192,192,192, 0.2);
  border-right: 1.1em solid rgba(192,192,192, 0.2);
  border-bottom: 1.1em solid rgba(192,192,192, 0.2);
  border-left: 1.1em solid #c0c0c0;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation: load8 1.1s infinite linear;
  animation: load8 1.1s infinite linear;
}
@-webkit-keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes load8 {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}

@media(min-width : 992px) {
/* PC用 */


	.onlypc{
		display:block;
	}
	.onlytab{
		display:none;
	}
	
	.smtab{
		display:none;
	}
	
	ul#social_btn{
		float:right;
	}
	
}

@media(max-width : 991px) {
/* タブレット以下 */


	.onlypc{
		display:none;
	}
	
	.smtab{
		display:block;
	}


}



/* 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;
	}
}