@charset "utf-8";
/* CSS Document */

img {
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
	padding: 0;
	margin: 0;
}

/* ツアータイトル
------------------------------------------ */
.titleBox {
	box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px 0px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px 0px;
	-moz-box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 3px 0px;
	margin-bottom: 30px;
}
.titleBox .title {
	background-color: #E8E8F3;
	font-size: 18px;
	color: #000;
}
.titleBox .date {
	font-size: 12px;
}
.titleBox .date span {
	float: left;
	margin-right: 10px;
}
/* 行程種別／往路・復路の申し込み
------------------------------------------ */
.inner {
	width: 96%;
	margin: 0 auto;
}
.inner .select {
	background-color: #09F;
	font-size: 16px;
	color: #FFF;
}
.inner .selectBox {
	background-color: #E5F5FF;
}
.inner .selectItem {
	background-color: #B2E0FF;
	font-size: 14px;
	color: #000;
	margin-top: 20px;
}
/* ご案内
------------------------------------------ */
.inner .guide {
	background-color: #F90;
	margin-top: 20px;
	color: #FFF;
}
.inner .guideBox {
	background-color: #FFC;
	font-size: 12px;
}
/* 注意書き
------------------------------------------ */
.inner .intro {
	background-color: #FFE5E5;
	font-size: 14px;
	color: #F00;
}
/* 往路・復路ご利用列車
------------------------------------------ */
.inner .check {
	background-color: #FC0;
	font-size: 16px;
	color: #000;
	margin-top: 30px;
}
.inner .checkItem {
	background-color: #FFC;
	font-size: 14px;
	color: #000;
	margin-top: 20px;
}
/* 参加人数
------------------------------------------ */
.inner .total {
	background-color: #FFE5E5;
	margin-top: 20px;
	color: #F00;
	border: 2px solid #F00;
	text-align: center;
}
.inner .total span {
	font-size: 14px;
	color: #000;
}
/* 子供区分と提供サービス
------------------------------------------ */
.inner table.child {
	width: 100%;
	border: #CCC solid 1px;
	border-collapse: collapse;
	text-align: center;
}
.inner table.child th, .inner table.child td {
	border-bottom: #CCC solid 1px;
	border-left: #CCC solid 1px;
	padding: 6px;
}
.inner table.child th {
	background-color: #F3F1E3;
}
.inner p.dotted {
	border: 1px dotted #CCC;
	margin: 40px 0;
}
/* カレンダー
------------------------------------------ */
table.calendar {
	float: left;
	width: 100%;
	border: #CCC solid 1px;
	border-collapse: collapse;
	font-size: 16px;
	font-weight: bold;
}
table.calendar th, table.calendar td {
	border-bottom: #CCC solid 1px;
	border-left: #CCC solid 1px;
}
table.calendar th {
	text-align: center;
	font-weight: bold;
	padding: 5px;
}
table.calendar td {
	height: 30px;
}
table.calendar .week {
	background-color: #F3F1E3;
}
table.calendar .sat {
	background-color: #7FCCFF;
}
table.calendar .sun {
	background-color: #FF7F7F;
}
table.calendar .bg_sat {
	background-color: #E5F5FF;
	color: #06F;
}
table.calendar .bg_sun {
	background-color: #FFE5E5;
	color: #F00;
}
table.calendar td a {
	display: block;
	height: 30px;
}
table.calendar td a:hover {
	background-color: #FF9;
	box-shadow:rgb(255, 153, 0) 0px 0px 0px 2px inset;
	-webkit-box-shadow:rgb(255, 153, 0) 0px 0px 0px 2px inset;
	-moz-box-shadow:rgb(255, 153, 0) 0px 0px 0px 2px inset;
	text-decoration: none;
}
table.calendar .select {
	background-color: #FF9;
}
/* フォーム内のフォントサイズ
------------------------------------------ */
.inner .formFont {
	font-size: 14px;
}





/* リセット用
------------------------------------------ */

footer{
    position: static !important;
    text-shadow:none !important;
}

footer a{
	color: #0065d6 !important;
	font-weight: normal !important;
}

/* スマホ用追加
------------------------------------------ */
header *, footer * { 
	margin: 0;
	padding: 0; 
}

footer ul {
	list-style: none;
}