@charset "UTF-8";

@media print {

/* フォームページ全般 */
div#Form-Page {
    width: 980px;
    height: auto;
    margin: 0 auto;
}
/* タイトル */
div#Form-Page-Title {
    text-align: left;
}
div#Form-Page-Title-Ribbon {
    margin: 10px auto;
}
h2 {
    vertical-align: middle;
    border-left: 5px solid #FF4C00;
    font-size: 24px;
    padding: 5px 15px;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.35);
}
p.text-caption {
    font-size: 14px;
    font-weight: bold;
    color: #FF2700;
    margin-bottom: 3px;
}
p.text-caption2 {
    font-size: 14px;
    font-weight: bold;
}
p.text-captioncolor {
    font-size: 14px;
    font-weight: bold;
    color: #FF2700;
}
/* サブタイトル */
.Form-Info-Ribbon {
}
.Form-Info-Ribbon:after{
}
p#ErrorMessage {
    font-size: 18px;
    font-weight: bold;
    background-color: #FDD;
    color: #D22;
    text-align: center;
    padding: 10px;
}
h3 {
    vertical-align: middle;
    margin: 5px 10px;
    padding: 5px auto 3px auto;
    font-size: 18px;/*文字サイズ*/
    color: #1E3358;
    font-weight: bold;
    border-bottom: 2px solid #dfdfdf;
    width: 70%;
    position: relative;
}
h3:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: 2px solid #4f4f4f;
    left: -5px;
    bottom: -2px;
    width: 30%;
}
h4 {
    margin: 5px 0;
    padding: .25em .25em .25em .75em;
    font-size: 16px;
    text-align: left;
}
ul {
    list-style: none;
    line-height: 24px;
    font-size: 14px;
}
/* テーブル共通 */
table.Table-Common {
    margin: 5px auto 5px auto;
    text-align: center;
    line-height: 1.5;
    width: 95%;
    border: 1px solid #aaa;
    text-align: left;
}
table.Table-Common thead {
    width: auto;
    text-align: center;
    vertical-align: middle;
    background-color: #f0f1f9;
}
table.Table-Common thead tr {
}
table.Table-Common thead tr th {
    width: auto;
    font-weight: bold;
    padding: 5px 10px;
    text-align: center;
    vertical-align: middle;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
}
table.Table-Common thead tr td {
    padding: 10px;
    vertical-align: top;
    border-bottom: 1px solid #ccc;
}
table.Table-Common tbody {
}
table.Table-Common tbody tr {
}
table.Table-Common tbody tr th {
    padding: 5px 10px;
    font-size: 14px;
    font-weight: normal;
    vertical-align: middle;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
    width: 200px;
    background: #f0f0f0;
}
table.Table-Common tbody tr td {
    width: auto;
    padding: 5px 10px;
    vertical-align: middle;
    font-size: 14px;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
}
/* 入力フォーム */
p.Form {
    padding: 5px;
    line-height: 18px;
}
/* 説明 */
.Description {
    margin: 5px 0;
    padding: .25em .25em .25em 2em;
    font-size: 14px;
    text-align: left;
}
/* 必須 */
span.Input-Must {
    background-color: #FF4C00;
    border-radius: 30px;
    box-sizing: border-box;
    color: #ffffff;
    display: inline-block;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.3;
    margin-left: 9px;
    padding: 2px 0px 1px;
    right: 0;
    top: 0;
    width: 40px;
    text-align: center;
}
/* エラー文字 */
span.error {
    padding: 2px;
    color: #D22;
    font-weight: bold;
    font-size: 12px;
    background-color: #FDD;
}
/* 入力例 */
span.Text-Small {
    font-size: 12px;
}
/* 項目欄共通 */
input[type="text"],
input[type="date"] {
    height: 24px;
    padding: 2px 10px;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
}
input[type="text"].Short-Box {
    width: 90px;
}
input[type="text"].Normal-Box {
    width: 180px;
}
input[type="text"].Long-Box {
    width: 350px;
}
input[type="text"].Ja {
    ime-mode: active;
}
input[type="text"].En {
    ime-mode: inactive;
}
input[type="text"].EnOnly {
    ime-mode: disabled;
}
select {
    width: auto;
    height: 30px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
/* 備考欄共通 */
p.TPT-Title {
    font-size: 14px;
}
p.TPT-Title span {
    background-color: #FED;
}
div#FSC2-Price-Text {
    margin: 0 auto;
    width: 100%;
    text-align: center;
}
div#Tour-Price-Text,
div#Form-TextArea {
    width: 46.5%;
    display: inline-block;
    font-size: 12px;
    padding: 5px;
    height: 100%;
    vertical-align: top;
}
div#Tour-Price-Text {
    text-align: left;
    border: 1px solid #CCC;
}
div#OtherFormTextArea {
    width: 94%;
}
div.Textarea {
    margin: 0 auto;
    text-align: center;
}
textarea {
    ime-mode: active;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 0 auto;
    padding: 5px 10px;
    text-align: left;
    vertical-align: top;
    width: 98%;
}
.Form-Select-TextArea {
    height: 54px;
}
#Form-Request-TextArea {
    width: 94%;
    height: 240px;
}
#Form-Traveler-TextArea {
    width: 94%;
    height: 54px;
}
/* ラジオボックス */
input[type="radio"].Must-Radio {
    display: none;
}
span.Must-Radio-Part {
    padding-left: 25px;
    position:relative;
    margin-right: 20px;
}
span.Must-Radio-Part::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #999;
    border-radius: 50%;
}
input[type="radio"].Must-Radio:checked + span.Must-Radio-Part {
    color: #1E3358;
    font-weight: bold;
    text-decoration: underline;
}
input[type="radio"].Must-Radio:checked + span.Must-Radio-Part::after {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 3px;
    width: 11px;
    height: 11px;
    background: #1E3358;
    border-radius: 50%;
}
/* チェックボックス */
input[type="checkbox"].Any-CheckBox {
    display: none;
}
span.Any-CheckBox-Part {
    padding-left: 25px;
    position:relative;
    margin-right: 20px;
}
span.Any-CheckBox-Part::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #999;
    border-radius: 4px;
}
input[type="checkbox"].Any-CheckBox:checked + span.Any-CheckBox-Part {
    color: #1E3358;
    font-weight: bold;
    text-decoration: underline;
}
input[type="checkbox"].Any-CheckBox:checked + span.Any-CheckBox-Part::after {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: 5px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid #1E3358;
    border-right: 3px solid #1E3358;
}
span.Personal-CheckBox-Part {
    padding-left: 25px;
    position:relative;
    margin-right: 20px;
}
span.Personal-CheckBox-Part::before {
    content: "";
    display: block;
    position: absolute;
    top: 3px;
    left: 0;
    width: 15px;
    height: 15px;
    border: 1px solid #999;
    border-radius: 4px;
}
input[type="checkbox"].Any-CheckBox:checked + span.Personal-CheckBox-Part {
}
input[type="checkbox"].Any-CheckBox:checked + span.Personal-CheckBox-Part::after {
    content: "";
    display: block;
    position: absolute;
    top: -5px;
    left: 5px;
    width: 7px;
    height: 14px;
    transform: rotate(40deg);
    border-bottom: 3px solid #1E3358;
    border-right: 3px solid #1E3358;
}
/* 個人情報取り扱いについて */
div#Personal-Infomation {
    margin-left: 10px;
    padding: 5px 15px;
    font-size: 13px;
    overflow-y: scroll;
    height: 150px;
    border: 1px solid #CCC;
    width: 95%;
}
div#Personal-Infomation-Index {
    text-align: center;
    margin: 0 auto;
}
div#Personal-Infomation-Check {
    margin: 10px auto;
    padding: 10px 0;
    width: 98%;
    text-align: center;
    border: 1px solid #CCC;
}
div#Personal-Infomation-Check label {
    vertical-align: middle;
    margin: 5px 0;
}
div#PIC-GoogleRC-Box div {
    margin: 4px auto;
    display: block;
}
div#PICGB-TextBox {
    font-size: 14px;
    text-align: left;
    vertical-align: top;
    padding: 5px;
}
/* 旅行条件書 */
div#Travie-Condition {
    margin: 10px auto;
    padding: 5px;
    text-align: left;
    width: 98%;
    border: 1px solid #CCC;
    font-size: 14px;
}
div#Travie-Condition a {
    color: #FF2700;
    font-weight: bold;
}
/* リンクボタン */
div#Form-Submit-Box {
    margin: 10px;
    text-align: center;
}
/* 確認ページ用テキストフレーム */
.text-frame {
    width: 95%;
    border: 1px solid #CCC;
    margin: 2px auto;
    padding: 5px;
}
/* ページレイアウト */
#Form-Info,
#Form-Participants,
#Form-Select,
#Form-User,
#Form-Traveler,
#Form-Check {
    width: 100%;
    margin: 0 auto;
}
#contact-pankuzu {
    width: 980px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
/* pankuzuチャート */
#Form-Pankuzu-chart {
    width: 98%;
    display: table;
    table-layout: fixed;
    list-style-type: disc;
    border: 1px solid #24a;
    line-height: 20px;
    font-size: 16px;
    margin: 20px auto 5px auto;
    font-weight: bold;
}
#Form-Pankuzu-chart li {
    width: 33%;
    position: relative;
    display: table-cell;
    padding: 0.5em;
    text-align: center;
}
#Form-Pankuzu-chart li,
#Form-Pankuzu-chart li:before,
#Form-Pankuzu-chart li:after {
    background-color: #f0f0f0;
    color: #111;
}

#Form-Pankuzu-chart li:before,
#Form-Pankuzu-chart li:after {
    content: "";
    position: absolute;
    right: 0;
    width: 15px;
    display: block;
    border-right: 1px solid #24a;
    z-index: 2;
}
#Form-Pankuzu-chart li:before {
    top: 0;
    bottom: 45%;
    -webkit-transform: rotate(-22deg);
    transform: rotate(-22deg);
    -webkit-transform-origin: 100% 0;
    transform-origin: 100% 0;
}
#Form-Pankuzu-chart li:after {
    top: 45%;
    bottom: 0;
    -webkit-transform: rotate(22deg);
    transform: rotate(22deg);
    -webkit-transform-origin: 100% 100%;
    transform-origin: 100% 100%;
}
#Form-Pankuzu-chart li:last-child:before,
#Form-Pankuzu-chart li:last-child:after {
    border-right: none;
    background-color: transparent;
}
#Form-Pankuzu-chart li.form-now,
#Form-Pankuzu-chart li.form-now:before,
#Form-Pankuzu-chart li.form-now:after {
    background-color: #24a;
    color: #FFF;
}
#Form-Pankuzu-chart li.form-now:last-child:before,
#Form-Pankuzu-chart li.form-now:last-child:after {
    background-color: transparent;
}

#Form-Submit-Kekka {
    width: 980px;
    margin: 0 auto;
    text-align: center;
}
#Form-Submit-Kekka table {
    width: 980px;
    border: none;
    text-align: center;
}
#Form-Submit-Kekka table img {
    width: 100%;
    max-width: 610px;
}
#Form-Security-Image {
    margin: 8px auto 20px auto;
    border: 1px solid #CCC;
    width: 98%;
}
#Form-Security-Image a {
    font-size: 12px;
}
#Form-Security-Image .FSImage-Block {
    display: inline-block;
    vertical-align: middle;
    margin: 10px;
}
#Form-Security-Image .FSImage-Block p {
    font-size: 14px;
}
/* maintenance用 */
#Maintenance {
    width: auto;
    height: auto;
    margin: 0 auto;
}
#Maintenance-Title {
    width: 980px;
    margin: 0 auto;
    text-align: center;
    padding: 10px;
}
#Maintenance-Index {
    width: 980px;
    margin: 0 auto;
    text-align: center;
    padding: 20px 0 20px 20px;
}
#Maintenance p#M-Title {
    padding: 10px;
    font-size: 24px;
    font-weight: bold;
    color: #444;
    background: #dfdfdf;
    background: -moz-linear-gradient(-90deg, #f0f0f0 0%, #cacaca 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #cacaca), color-stop(0.00, #f0f0f0));
    background: -webkit-linear-gradient(-90deg, #f0f0f0 0%, #cacaca 100%);
    background: -o-linear-gradient(-90deg, #f0f0f0 0%, #cacaca 100%);
    background: -ms-linear-gradient(-90deg, #f0f0f0 0%, #cacaca 100%);
    background: linear-gradient(to bottom, #f0f0f0 0%, #cacaca 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#cacaca', GradientType=0);

}
#Maintenance p.M-Index {
    font-size: 16px;
    color: #444;
    padding: 10px 0;
}
#Maintenance p.M-Time {
    font-size: 20px;
    font-weight: bold;
    color: #444;
}
/* 共通ボックス要素（TABLE） */
div.Common-Table,
div.Common-TableInTable {
    display: table;
    text-align: left;
    font-size: 14px;
    margin: 0 auto;
    border-collapse: separate;
    border-spacing: 2px;
    background-color: #FFF;
}
div.Common-Table {
    border: 1px solid #CCC;
    width: 98%;
}
div.Common-TableInTable {
    width: 100%;
}
div.Common-Table-Thead {
    display: table-header-group;
    text-align: center;
}
div.Common-Table-Caption {
    display: table-caption;
    text-align: center;
    padding: 8px;
    background-color: #dfdfdf;
    font-weight: bold;
    font-size: 14px;
}
div.Common-Table-Tbody {
    display: table-row-group;
    width: 100%;
}
div.Common-Table-Thead-Cell-Th,
div.Common-Table-Cell-Th,
div.Common-Table-Cell-Th-coupon,
div.Common-Table-Cell-Td {
    display: table-cell;
    padding: 6px;
    vertical-align: middle;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
}
div.CTC-Text-Center {
    text-align: center;
}
div.Common-Table-Cell-Calendar-NoView {
    display: table-cell;
    padding: 6px;
    vertical-align: middle;
    border-right: 1px solid #CCC;
    border-bottom: 1px solid #CCC;
    background-color: #FFF;
}
div.Common-Table-Thead-Cell-Th {
    background-color: #dfdfdf;
    font-weight: bold;
    width: 200px;
}
div.Common-Table-Cell-Th {
    background-color: #f0f0f0;
    width: 200px;
}
div.Common-Table-Cell-Th-coupon {
    background-color: #fff0e3;
    width: 200px;
}
div.Common-Table-Cell-Td {
    background-color: #fff;
}
div.CTCT-Input {
    display: inline;
    margin-left: 10px;
}
div.CTCT-TC {
    margin: 8px 3px 4px 3px;
    font-size: 12px;
    font-weight: bold;
}
span.PriceText {
    font-size: 16px;
    font-weight: bold;
}
span.PriceTextColor {
    font-size: 16px;
    font-weight: bold;
    color: #FF2700;
}
span.PriceText2 {
    font-size: 130%;
    font-weight: bold;
    color: #FF2700;
}
span.CheckSpamText {
    color: #009f09;
    font-weight: bold;
}
div#Form-Sales-Coupon,
div#Form-Input-Coupon {
    margin: 4px auto;
}
}

/* End of file */