@charset "utf-8";
@import url(./sqz.css);

.ml-2 {
	margin-left: 2em;
}
.ml-1 {
	margin-left: 1em;
}
.nowrap {
	white-space: nowrap;
}

/** ---リスト--- **/
/* カッコ付数字 */
.ol-para {
	margin: 0.5em;
}
.ol-para li {
	list-style-type: none;
	text-indent: -1.6em;
	margin-left: 0px;
	margin-bottom: 0.5em;
	padding-left: 1.6em;
}
/* アルファベット（小文字） */
.ol-alp li {
	list-style-type: lower-alpha;
}
/* アルファベット（小文字） */
.ol-alp-u li {
	list-style-type: upper-alpha;
}


/** 文字サイズ **/
.txt-s{
	font-size:85%;
}

*html .txt-s{
	font-size:88%;
}

.txt-s2{
	font-size:90%;
}
.txt-m{
	font-size:110%;
	line-height:1.7;
}
.txt-l{
	font-size:120%;
	line-height:1.7;
}
.txt-ll{
	font-size:135%;
}



/** 行間 **/
.lh16{
	line-height:1.6;
}
.lh17{
	line-height:1.7;
}
.lh18{
	line-height:1.8;
}
.lh20{
	line-height:2.0;
}
.lh24{
	line-height:2.4;
}
.lh30{
	line-height:3.0;
}

/** 配置 **/
.center{
	text-align:center;
}
.right{
	text-align:right;
}
.left{
	text-align:left;
}
.fright{
	float:right;
}
.fleft{
	float:left;
}
.normal{
	font-weight:normal;
}

.mincho{
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinPro-W3","ＭＳ Ｐ明朝", "MS PMincho";
}

/** 色 **/
.gray{
	color:#666;
}
.gray2{
	color:#999;
}
.red{
	color:#f00;
}
.red-b{
	font-weight: bold;
	color: #FF0000;
}
.red2{
	color:#c00;
}


/** 段落 **/
.text-chuki {
	padding-left: 1em;
	text-indent: -1em;
}
.text-annotate-1 {
	padding-left: 1em;
	text-indent: -1em;
}


/* 画像の横にテキスト回り込み */
.img-float {
	float:left;
}
.img-float-clear {
	clear:both;
}


/* ライン */
.line-under {
	border-bottom: solid 1px #ff0000;
}
/**/  
.line-dot {
	border-bottom: dotted 1px #ff0000;
}
/*_*/ 
.line-double {
	border-bottom: double 3px #ff0000;
}
/*d*/  
.rectangle {
	border:solid 1px #ff0000;
}


/********** --PADDING ****************/

.p0{ padding:0px; }
.p5{ padding:5px; }
.p10{ padding:10px; }
.p15{ padding:15px; }
.p20{ padding:20px; }
.p25{ padding:25px; }
.p30{ padding:30px; }
.pt0{ padding-top:0px; }
.pt3{ padding-top:3px; }
.pt5{ padding-top:5px; }
.pt10{ padding-top:10px; }
.pt15{ padding-top:15px; }
.pt20{ padding-top:20px; }
.pt25{ padding-top:25px; }
.pt30{ padding-top:30px; }
.pt35{ padding-top:35px; }
.pt40{ padding-top:40px; }
.pt45{ padding-top:45px; }
.pt50{ padding-top:50px; }
.pt55{ padding-top:55px; }
.pt60{ padding-top:60px; }
.pt65{ padding-top:65px; }
.pt70{ padding-top:70px; }
.pt75{ padding-top:75px; }
.pb0{ padding-bottom:0px; }
.pb3{ padding-bottom:3px; }
.pb5{ padding-bottom:5px; }
.pb10{ padding-bottom:10px; }
.pb15{ padding-bottom:15px; }
.pb20{ padding-bottom:20px; }
.pb25{ padding-bottom:25px; }
.pb30{ padding-bottom:30px; }
.pb35{ padding-bottom:35px; }
.pb40{ padding-bottom:40px; }
.pb45{ padding-bottom:45px; }
.pb50{ padding-bottom:50px; }
.pb55{ padding-bottom:55px; }
.pb60{ padding-bottom:60px; }
.pb65{ padding-bottom:65px; }
.pb70{ padding-bottom:70px; }
.pb75{ padding-bottom:75px; }
.pl0{ padding-left:0px; }
.pl3{ padding-left:3px; }
.pl5{ padding-left:5px; }
.pl10{ padding-left:10px; }
.pl15{ padding-left:15px; }
.pl20{ padding-left:20px; }
.pl25{ padding-left:25px; }
.pl30{ padding-left:30px; }
.pl35{ padding-left:35px; }
.pl40{ padding-left:40px; }
.pl45{ padding-left:45px; }
.pl50{ padding-left:50px; }
.pl55{ padding-left:55px; }
.pl60{ padding-left:60px; }
.pl65{ padding-left:65px; }
.pl70{ padding-left:70px; }
.pl75{ padding-left:75px; }
.pr0{ padding-right:0px; }
.pr3{ padding-right:3px; }
.pr5{ padding-right:5px; }
.pr10{ padding-right:10px; }
.pr15{ padding-right:15px; }
.pr20{ padding-right:20px; }
.pr25{ padding-right:25px; }
.pr30{ padding-right:30px; }
.pr35{ padding-right:35px; }
.pr40{ padding-right:40px; }
.pr45{ padding-right:45px; }
.pr50{ padding-right:50px; }
.pr55{ padding-right:55px; }
.pr60{ padding-right:60px; }
.pr65{ padding-right:65px; }
.pr70{ padding-right:70px; }
.pr75{ padding-right:75px; }


/********** --MARGIN ****************/

.m0{ margin:0px; }
.m5{ margin:5px; }
.m10{ margin:10px; }
.m15{ margin:15px; }
.m20{ margin:20px; }
.m25{ margin:25px; }
.m30{ margin:30px; }
.mt0{ margin-top:0px; }
.mt3{ margin-top:3px; }
.mt5{ margin-top:5px; }
.mt10{ margin-top:10px; }
.mt15{ margin-top:15px; }
.mt20{ margin-top:20px; }
.mt25{ margin-top:25px; }
.mt30{ margin-top:30px; }
.mt35{ margin-top:35px; }
.mt40{ margin-top:40px; }
.mt45{ margin-top:45px; }
.mt50{ margin-top:50px; }
.mt55{ margin-top:55px; }
.mt60{ margin-top:60px; }
.mt65{ margin-top:65px; }
.mt70{ margin-top:70px; }
.mt75{ margin-top:75px; }
.mb0{ margin-bottom:0px; }
.mb3{ margin-bottom:3px; }
.mb5{ margin-bottom:5px; }
.mb10{ margin-bottom:10px; }
.mb15{ margin-bottom:15px; }
.mb20{ margin-bottom:20px; }
.mb25{ margin-bottom:25px; }
.mb30{ margin-bottom:30px; }
.mb35{ margin-bottom:35px; }
.mb40{ margin-bottom:40px; }
.mb45{ margin-bottom:45px; }
.mb50{ margin-bottom:50px; }
.mb55{ margin-bottom:55px; }
.mb60{ margin-bottom:60px; }
.mb65{ margin-bottom:65px; }
.mb70{ margin-bottom:70px; }
.mb75{ margin-bottom:75px; }
.ml0{ margin-left:0px; }
.ml3{ margin-left:3px; }
.ml5{ margin-left:5px; }
.ml10{ margin-left:10px; }
.ml15{ margin-left:15px; }
.ml20{ margin-left:20px; }
.ml25{ margin-left:25px; }
.ml30{ margin-left:30px; }
.ml35{ margin-left:35px; }
.ml40{ margin-left:40px; }
.ml45{ margin-left:45px; }
.ml50{ margin-left:50px; }
.ml55{ margin-left:55px; }
.ml60{ margin-left:60px; }
.ml65{ margin-left:65px; }
.ml70{ margin-left:70px; }
.ml75{ margin-left:75px; }
.mr0{ margin-right:0px; }
.mr3{ margin-right:3px; }
.mr5{ margin-right:5px; }
.mr10{ margin-right:10px; }
.mr15{ margin-right:15px; }
.mr20{ margin-right:20px; }
.mr25{ margin-right:25px; }
.mr30{ margin-right:30px; }
.mr35{ margin-right:35px; }
.mr40{ margin-right:40px; }
.mr45{ margin-right:45px; }
.mr50{ margin-right:50px; }
.mr55{ margin-right:55px; }
.mr60{ margin-right:60px; }
.mr65{ margin-right:65px; }
.mr70{ margin-right:70px; }
.mr75{ margin-right:75px; }




/** form　：サイズ **/

/*.textfield,
textarea,
.filefield {
 background: #FFF;
 border: solid 1px #7f9db9;
}

.textfield,
.filefield {
 padding: 3px 3px 1px;
}*/

.tf-xxshort{ width: 1.5em;}
.tf-xmshort{ width: 2em;}
.tf-xshort{ width: 50px;}
.tf-short{ width: 100px;}
.tf-middle{ width: 190px;}
.tf-long{ width: 310px;}
.tf-zip1{ width: 2em;}
.tf-zip2{ width: 2.5em;}
.tf-zip3{ width: 5.5em;}
.tf-number{ text-align: right;}

.ta-middle {
  width: 420px;
  height: 10em;
}



/** テーブル **/
/*---- 全体に１ピクセルのボーダー */
.tbl-basis {
	border: solid 1px #333;
}



a:link {color: #009999;} 
a:visited {
	color: #008A8A;
} 
a:active {} 
a:hover {
	color: #00AEAE;
}



.img-float {
	float:left;
}
.img-float-clear {
	clear:both;
	visibility: hidden;
	height: 0px;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}


/* --BOX-- */
.areaImp1 {
	background-color: #F9F9F9;
	border: 2px solid #E4E4E4;
	margin: 20px 0;
	padding: 15px;
}


img.btnDown{
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

a:hover img.btnDown{
	border-top:2px solid #fff;
	border-bottom:0px solid #fff;
}


/* floar(clearfix) */
.clr{
  zoom: 100%;
}
.clr:after {
	clear: both;
	display: block;
	visibility: hidden;
	height: 0;
	content: ".";
}


table.tbl-s,
table.tbl-s th,
table.tbl-s td {
	border: 1px solid #666;
}

.error-message { 
  color: red;
}

.sold-out { 
  color: red;
  font-weight: bold;
}

.option-title { 
  font-weight: bold;
  color: #333333;
  padding-left: 3px;
  padding-bottom: 1px;
}.areaBtn {
	margin: 15px;
}



/* ナビゲーション部
--------------------------------------------------------------- */
#nav-form-new {
	margin: 10px 0;
}
#nav #area-login #area-nav-form {
	margin-bottom: 15px;
}



/*-----個人情報の取扱い画面-----*/
#doui #box-doui {
	height: 400px;
	overflow-x: auto;
	overflow-y: scroll;
	padding-right:15px;
}

/* ログイン後のアイコン表示
--------------------------------------------------------------- */
#area-login-icon {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
#area-login-icon ul {
	overflow: hidden; /* 回り込み(float)の解除 + 内部要素の高さを自動補正 */
	zoom: 1; /* for IE6 */
}
#area-login-icon ul li {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	display: inline-block;
	float: left;
	width: 130px;
	min-height: 180px;
	color: #616161;
	list-style-type: none;
	text-align: center;
	/*font-weight: bold;*/
	margin: 0 10px;
}
#area-login-icon ul li a {
	display: inline;
	margin: 0;
	padding: 0;
}

/* 予約画面共通
--------------------------------------------------------------- */
#yoyaku-ari {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	background: url( ../img_v5/icon_check.png) no-repeat left center;
	margin-bottom: 25px;
	padding-left: 25px;
}
#yoyaku-ari a {
	color: #FF5C26;
}
#yoyaku-ari a:hover {
	text-decoration: none;
}
/*上部文言,トップページリスト*/
#area-news ul li,
.area-info-free .top-info-text ul li,
#con-main #joubumongon ul li {
	list-style-type: disc;
	margin-left: 1em;
}
#area-news ol li,
.area-info-free .top-info-text ol li,
#con-main #joubumongon ol li {
	list-style-type: decimal;
	margin-left: 1em;
}


/* 予約確認・変更画面
--------------------------------------------------------------- */

/*-----予約確認・変更画面-----*/
#btnKakuninsho {
	margin: 15px;
	overflow: hidden;
	zoom: 1;
}
#btnKakuninsho a {
	display: block;
	height: 22px;
	width: 198px;
	background-image: url(../img_v5/btn_yoyakukakunin.jpg);
	background-repeat: no-repeat;
	text-indent: -999999px;
	float: right;
}
.btn-henkou {
    background-image: url(../img_v5/lang0/btn_henkou.gif);
    background-repeat: no-repeat;
    text-indent: -999999px;
    display: block;
    height: 26px;
    width: 52px;
    margin-right: auto;
    margin-left: auto;
}

.btn-view {
    background-image: url(../img_v5/lang0/btn_view.gif);
    background-repeat: no-repeat;
    text-indent: -999999px;
    display: block;
    height: 26px;
    width: 52px;
    margin-right: auto;
    margin-left: auto;
}


/* お支払いのご案内画面
--------------------------------------------------------------- */
.box-kessai-main-right #ttl3L-siharaisentaku {
	background-image: url(../img_v5/lang0/kessai_h3_siharaisentaku.gif);
	background-repeat: no-repeat;
	text-indent: -999999px;
	height: 21px;
	width: 430px;
	margin-top: 0px;
	margin-bottom: 1.2em;
}
.box-kessai-main-right #ttl3-carrier {
    background-image: url(../img_v5/lang0/kessai_h3_carrier.gif);
    background-repeat: no-repeat;
    text-indent: -999999px;
    height: 18px;
    width: 430px;
}



/* 交通予約
--------------------------------------------------------------- */
#area-koutu {
}
#area-koutu h3 {
	font-weight: bold;
	background-image: url(../img_v5/icon_arrow_org.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
	margin-top: 1.5em;
	margin-bottom: 0.5em;
}
.tbl-ptn1.tbl-p-s {
	font-size: 84%;
}
.tbl-ptn1.tbl-p-s th {
	padding: 5px;
	padding-left: 7px;
}
.tbl-ptn1.tbl-p-s td {
	padding: 5px;
}
.tbl-ptn1.tbl-p-s caption {
	color: #444;
}
#area-koutu .tbl-ptn1.tbl-p-s tr .kukanryoukin {
	background-color: #FFF;
	text-align: right;
}

#area-koutu .tbl-ptn1 #messege .admin {
	color: #06C;
}
#area-koutu .tbl-ptn1 #messege .admin,
#area-koutu .tbl-ptn1 #messege .user {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999;
	padding: 4px 4px 8px;
	margin: 5px;
}
#area-koutu .tbl-ptn1 #messege .admin dd,
#area-koutu .tbl-ptn1 #messege .user dd {
	margin-left: 1em;
	margin-top: 5px;
}

/* 連絡掲示板
--------------------------------------------------------------- */
table.tbl-bbs{
	background-color:#CBD0D6;
	border-collapse: separate;
	border-spacing: 1px;
	width: 100%;
	margin-bottom: 1em;
	font-size: 90%;
	line-height: 140%;
}
.tbl-bbs th{
	background-color: #666;
	text-align: center;
	font-size: 100%;
	margin: 1px;
	border-collapse: separate;
	font-weight: bold;
	color: #FFF;
	padding: 4px;
	border: 1px solid #666;
	line-height: 110%;
}
.tbl-bbs td{
	border: 1px solid #FFFFFF;
	text-align: left;
	font-size: 100%;
	padding-top: 4px;
	padding-right: 7px;
	padding-bottom: 4px;
	padding-left: 7px;
	line-height: 140%;
	margin: 1px;
	border-collapse: separate;
	background-color: #F7F7F7;
}
.tbl-bbs caption {
	font-weight: bold;
	color: #333333;
	font-size: 110%;
}
.tbl-bbs .signature {
	float: right;
	font-style: italic;
}
.tbl-bbs .datetime {
	float: right;
}
.tbl-bbs .user-input {
	background-color: #e7f0fa;
	border-left: solid 3px #519ade;
}
.tbl-bbs .admin-input {
	background-color: #f7f7f7;
	border-left: solid 3px #666;
}


/* オンサイト　当日のご案内
--------------------------------------------------------------- */
#onsite ul li {
 list-style-type: disc;
 margin-left: 1em;
}


/* 代表者 - ログイン画面
＞初めての方
＞ログインID・パスワードをお持ちの方
--------------------------------------------------------------- */
#page-daihyousha #loginFormBox {
	font-size: 13px;
	width: 380px !important;
}
.areaLoginPass h3,
.areaBeginner h3 {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: bold;
	font-size: 107%;
	background-image: url(../img_v5/h3_bg_login.png);
	background-repeat: no-repeat;
	background-position: left center;
	margin-bottom: 1em;
	padding-left: 15px;
}

/*20180126デザイン修正*/
.areaCol2 {
	overflow: hidden; /* 回り込み(float)の解除 + 内部要素の高さを自動補正 */
	zoom: 1; /* for IE6 */
	margin-top: 40px;
}

.areaLoginPass,
.areaBeginner {
float: left;
width: 290px;
font-family:Arial, Verdana, "メイリオ", Meiryo, "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Osaka, sans-serif;
}
.areaLoginPass .box,
.areaBeginner .box {
 min-height: 200px;
	font-size: 0.85em;
	/* border-radius */    
border-radius: 10px;        /* CSS3草案 */  
-webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 10px;   /* Firefox用 */ 
	padding: 20px;
}

/**/
.areaLoginPass {
}
.areaLoginPass .box {
	border: #E8E8E8 solid 1px;
	background: #FCFCFC;
}
.areaLoginPass .box dl {
	font-size: 0.91em;
	margin: 1em 0;
}
.areaLoginPass .box dl dd {
	margin-bottom: 0.8em;
}
.areaLoginPass .box input[type="text"],
.areaLoginPass .box input[type="password"] {
	width: 100%;
}
.areaLoginPass .box input[type="submit"] {
	font-size: 0.91em;
	/* border-radius */    
border-radius: 3px;        /* CSS3草案 */  
-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
-moz-border-radius: 3px;   /* Firefox用 */ 
	padding: 0.2em;
}

/**/
.areaBeginner {
	float: right;
	background-image: none;
	margin-top: 0 !important;
	padding-top: 0;
}
.areaBeginner .box {
	border: #E8E8C8 solid 1px;
	background: #FCFCF8;
}

.areaBeginner .box .areaBtn {
	text-align: center;
	margin-top: 6em;
}

/**/
.areaSub {
font-family:Arial, Verdana, "メイリオ", Meiryo, "Noto Sans Japanese", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", YuGothic, Osaka, sans-serif;
	margin-top: 20px;
}
.areaSub .strg {
	background: url(../img_v5/login_icon_arrow.png) no-repeat left center !important;
	color: #D90000 !important;
	text-decoration: none;
	padding-left: 20px;
}
.areaSub .strg:hover {
	text-decoration: underline;
}
.areaSub .box {
background-image: url(../img_v5/line_dot_gry.gif);
background-repeat: repeat-x;
background-position: left top;
	margin-top: 50px;
	padding-top: 25px;
}

.btn-settei-L {
	font-size: 1.1em;
	padding: 0.3em 1.2em;
}