@charset "utf-8";
/* ----------------------------------------------------------------------------
*DESIGN1_GREEN
//レイアウトスタイルなどはlayoutr.cssで定義されています。あわせてご確認ください。//
*01-BASE/共通
    01-body
	02-globalStyles
	03-link
	04-buttons
	05-forms
	06-table
    07-list
    08-content
	09-box
    10-footer
	11-header
	12-Navigation
	13-title
	
*02-TOP/トップページ
    //A-共通スタイルをトップページのみスタイル変更したい場合　id="index"　を親にして変更する//
    ----------------------------------------------------
    A-01-content
	A-02-footer
	A-03-header
	A-04-Navigation
    ----------------------------------------------------
    //B-TOP PAGE専用スタイル
    B-01-content
    B-02-box
	B-03-title
	B-04-info//お知らせ
	B-05-listLink//リンク設定
	B-06-login//ログイン
	----------------------------------------------------

*03-FREE/トップページ用自由項目
	01-title
	02-other//管理画面データ入力時に使用スタイル

*04-MYPAGE/マイページ
	01-buttons
	02-box
	03-title
	04-info//お知らせ
	05-listLink//リンク設定

*05-CONTACT/お問い合わせ

*06-JQUERY CUSTOM/jquery ui使用箇所にカスタマイズスタイルをあてる

*07-OTHER/システムで使用されているその他のページ

*08-REG/登録ページ
	01-buttons
	02-forms
	03-table
	04-content
    05-box
*
09-支払い
    01-支払い選択画面
	02-銀行決済画面
	03-クレジット決済画面

*10-FREE SPACE
    //上記に用意していないスタイルを記述
    //任意のスタイルを追加してください --author nameをクラス名に使うなど差別化のおすすめ
    
 *---------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
*
*01-BASE
*
*---------------------------------------------------------------------------- */
/* ==========================================================================
01-01
========================================================================== */
body {
	color: #3c3c3c;
	background-color: #fff
}
/* ==========================================================================
01-02
========================================================================== */

/* ========================================================================
01-03
========================================================================== */
a {
	color:#F6416C
}
a:hover {
	color:#f86689
}
/* ========================================================================
01-04
========================================================================== */

.btn a {
	background-color: #364F6B;
	color: #fff;
	background-image: url(../img/bg-slash-ff.png);

}
.btn a:hover {
	background-color: #1D4A77;
}
.btn i {
	color: #111
}
/* ==========================================================================
01-05
========================================================================== */

input[type="text"], input[type="password"], textarea {
	background-color: #fff;
	border: 2px solid #fff;
	-webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.5);
	box-shadow: 0px 0px 2px rgba(0,0,0,.5);
}
/* ==========================================================================
01-06
========================================================================== */
/* ==========================================================================
01-07
========================================================================== */
/* --定義つきリスト横並び-- */
.dl-horizontal dd {
	border-bottom: solid 1px #ccc;
}

/* ==========================================================================
01-08
========================================================================== */
.container {
	background-color: #c9dec2
}
/* ==========================================================================
01-09
========================================================================== */

/* ==========================================================================
01-10
========================================================================== */
/* --スクロール-- */
.btn-scroll-top {
	background-color: #00B8A9;
}
.scroll a {
	color: #fff;
	border-bottom: solid 4px #00857a
}

/* ==========================================================================
01-11
========================================================================== */
.header{background-color:#f3fffe}

/* --ヘッダー画像エリア-- */
.title-head {
	text-shadow: 0px 0px 6px rgba(255,255,255,0.50);
}

/* ----------------------------------------------------- */
/* --ヘッダーナビ/言語切替/ユーザーネーム/ログイン履歴/ログアウト-- */
.nav-head a {

	color: #fff;
}
.nav-head a:hover {
	color: #fff;
}

/* --ログアウト-- */
.logout a {
	background:#F6416C;
	color: #fff;
}
.logout a:hover {
	color: #fff;
	background-color:#f86689
}

/* --言語切替-- */
label.custom-select:after {
	color: #fff
}
.nav-head select.select-language {
	background-color: #00B8A9;
	color: #fff;
}

/* --ログイン履歴-- */
.nav-head ul>li.li-history .history a {
	color: #00B8A9;
	border: solid 1px #00B8A9;
	background-color:#fff}
.nav-head ul>li.li-history .history a:hover{ background-color:#00B8A9; color:#fff}	
/* ==========================================================================
01-12
========================================================================== */

.nav ul {
	background-color: #00B8A9
}
.nav li:before {
	border-left: dotted 2px #fff;
}
.nav li a {
	color: #fff;
}
.nav li a:hover {
	background-color: #00857a;
	color: #fff
}
/* ------------------------------------------------------- */
/* --Toggle Button-- */
#nav-toggle span {
	background: #fff;
}
#nav-toggle {
	background-color: #00B8A9
}
.nav.open {
	background-color: #00B8A9;
}

/* ==========================================================================
01-13
========================================================================== */
h2 {
	background-color:#f3fffe;
	color: #00B8A9;
	border-bottom:solid 1px #00B8A9
}
h3, h4 {

	color: #00B8A9
}
h3>span {
	background-color: #fff;
}
h3:before {
	background-color: #00B8A9
}


/* ----------------------------------------------------------------------------
*
*02-TOP
*
*---------------------------------------------------------------------------- */
/*
//A-共通スタイルをトップページのみスタイルを変更したい場合は　id="index"　を親にして変更
*/

/* ==========================================================================
02-A-01
========================================================================== */
#index .container {
}
/* ==========================================================================
02-A-02
========================================================================== */
#index footer {
}
#index .inner-footer {
}
#index .footer-copy {
}
#index footer img.img-footer {
}

/* ==========================================================================
02-A-03
========================================================================== */
#index .header{ background-color:transparent}

/* ==========================================================================
02-A-04
========================================================================== */
#index .nav {
}
#index .nav ul {
}
#index .nav li {
}
#index .nav li:first-child {
}
#index .nav li a {
}
#index .nav li a:hover {
}



/* ==========================================================================
02-B-01
========================================================================== */
/* --背景-- */
#bg-body {
}
#bg-body:before {
}
/* --main-- */
#main-index {
	
}

/* ==========================================================================
02-B-02
========================================================================== */
/* ==========================================================================
02-B-03
========================================================================== */
h3.title-link {/* --リンク設定タイトル-- */
}
h3.title-info{/* --お知らせ設定タイトル-- */
}
h3.title-acount {/* --ログイン・新規登録タイトル-- */
}
h3.title-link:before {
}
h3.title-info:before {
}
h3.title-acount:before {
}

/* ==========================================================================
02-B-04
========================================================================== */
.li-info_index li {
	background-color: #fff;
	border-bottom: solid 1px #ddd
}
.li-info_index li a {
	color: #42403d;
}
.li-info_index li a:hover {
	background-color: #eee;
}

/* --区分.日付-- */
.li-info_index span {

	color: #fff;
}

/* --区分-- */
.li-info_index .info-id {
	color: #fff;

}
.li-info_index .info-id.id-organizer {
	background-color: #00B8A9;
}
.li-info_index .info-id.id-all {
	background-color: #00b87b;
}
.li-info_index .info-id.id-kindadmin {
	background-color: #0099b8;
}

/* --日付-- */
.li-info_index .info-day {
	color: #3c3c3c
}

/* --arrow-- */
.li-info_index li:after {
	
	color: #00B8A9;
	
}

/* ==========================================================================
02-B-05
========================================================================== */
.li-link_index {
	 border:solid 6px #ccc
}
.li-btn_index a {
	color: #00B8A9;
	background-color:#fff;
	border-top:dotted 1px #00B8A9
}

.li-btn_index a:hover {
	color: #fff;
	background-color:#00dfcd
}

/* --arrow-- */
.li-btn_index a:before {
	color: #00B8A9;
}
.li-btn_index a:hover:before {
	color:#fff
}
/* ==========================================================================
02-B-06
========================================================================== */
/* --title-- */
h4.title-login, h4.title-userplus {
	color: #00B8A9;

}
h4.title-login span, h4.title-userplus span {
	background-color:#fff;
	
}

/* --form-- */
.inner-login {
	border:solid 1px #00B8A9
}
/* --btn-- */

.btn.btn-login a {
	background-color: #00B8A9;
	border: solid 3px #00B8A9;
	color: #FFFFFF
}
.btn.btn-login a:hover {
	background-color: #00dfcd;
}
.btn.btn-reg a {
	background-color: #F6416C;
	border: solid 3px #F6416C
}
.btn.btn-reg a:hover {
	background-color: #f86689;
	color: #FFFFFF
}

/* ----------------------------------------------------------------------------
*
*03-FREE//トップページ用自由項目専用
*
*---------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------
*
*04-MYPAGE//マイページ専用のスタイル// 
*
*---------------------------------------------------------------------------- */
/* ==========================================================================
04-01
========================================================================== */
/* --download-- */
.btn.btn-file a {
	background-color: transparent;
	color: #00B8A9;
	border-bottom: solid 1px #ccc;
	border-top: solid 1px #fff
}
.btn.btn-file a:before {
	
}
.btn.btn-file a:hover {

	color: #0099b8
}
.btn.btn-file a:hover:before {

}

/* --編集-- */
.btn.btn-edit a {
	background-color: #0099b8;
	border:solid 2px #0099b8;
	color: #fff;

}
.btn.btn-edit a:hover {
	background-color: #ccc;
	border:solid 2px #ccc;
}
.btn.btn-edit a[disabled] ,.btn.btn-edit a[disabled]:hover{ background-color:#ccc; border:solid 2px  #ababab
    }
    .btn.btn-edit a:before { color:#eee
    }
/* --支払い-- */
.btn.btn-jpy a {
	background-color: #0099b8;
	border:solid 2px #0099b8;
	color: #fff;
}
.btn.btn-jpy a:hover {
	background-color: #ccc;
	border:solid 2px #ccc;
}
.btn.btn-jpy a[disabled] ,.btn.btn-jpy a[disabled]:hover{ 
    background-color:#ccc; 
    border:solid 2px  #ababab
}
.btn.btn-jpy a:before { 
    color:#eee
}



/* ==========================================================================
04-02
========================================================================== */
/* --種別ファイルダウンロードエリア-- */
.area-btn_download {
	background-color:#eee
}
/* --種別の区切り線-- */
.content.content_my > .inner + .inner {  border-top:solid 1px #00B8A9
}

/* ==========================================================================
04-03
========================================================================== */
h3.title-info_my{/* --お知らせ-- */}
h3.title-user_my {/* --代表者情報-- */}
h3.title-delegate_my {}
h3.title-edit_my {}
h3.title-link_my {}


h3.title-info_my:before {
}
h3.title-user_my:before {
}
h3.title-delegate_my:before {
}
h3.title-edit_my:before {
}
h3.title-link_my:before {
}


/* ==========================================================================
04-04
========================================================================== */
.li-info_my li {
	background-color: #fff;
	border-bottom: solid 1px #ddd
}
.li-info_my li a {
	color: #42403d;
}
.li-info_my li a:hover {
	background-color: #eee;
}

 /* --区分.日付-- */
.li-info_my span {

	color: #fff;
}

 /* --区分-- */
.li-info_my .info-id {
	color: #fff;

}
.li-info_my .info-id.id-organizer {
	background-color: #00B8A9;
}
.li-info_my .info-id.id-all {
	background-color: #00b87b;
}
.li-info_my .info-id.id-kindadmin {
	background-color: #0099b8;
}

 /* --日付-- */
.li-info_my .info-day {
	color: #3c3c3c
}

/* --arrow-- */
.li-info_my li:after {
	color: #00B8A9;
}
/* ==========================================================================
04-05
========================================================================== */
.li-link_my {
	 border:solid 6px #ccc
}
.li-btn_my a {
	color: #00B8A9;
	background-color:#fff;
	border-top:dotted 1px #00B8A9
}

.li-btn_my a:hover {
	color: #fff;
	background-color: #00dfcd
}

/* --arrow-- */
.li-btn_my a:before {
	color: #00B8A9;
}
.li-btn_my a:hover:before {
	color:#fff
}

/* ----------------------------------------------------------------------------
*
*05-CONTACT//
*
*---------------------------------------------------------------------------- */
/* --title-- */
h4.title-contact{color: #3c3c3c}

/* --content-- */
section.contact {
	border-bottom: 1px solid #ccc;
}

/* ----------------------------------------------------------------------------
*
*06-JQUERY CUSTOM//jquery ui使用箇所にカスタマイズスタイルをあてる
*
*---------------------------------------------------------------------------- */


/* ----------------------------------------------------------------------------
*
*07-OTHER
*
*---------------------------------------------------------------------------- */
/* --forget-- */
/* --ApllyHistory-- */
.applyhistory-number { background-color:#0099b8
}
/* ----------------------------------------------------------------------------
*
*08-REG
*
*---------------------------------------------------------------------------- */

/* ==========================================================================
08-01
========================================================================== */

/* ==========================================================================
08-02
========================================================================== */
.btnarea-footer input[type="button"].ui-state-default, .btnarea-footer input[type="submit"].ui-state-default {
	background-color: #00B8A9;
	border:solid 2px #00B8A9;
	color: #fff;
    background-repeat:repeat

}
.btnarea-footer input[type="button"].ui-state-default:hover, .btnarea-footer input[type="submit"].ui-state-default:hover {
	background-color: #24c1b5;
	border:solid 2px #00B8A9;
}

/* --次へ-- */
.btnarea-footer input[type="button"].ui-state-default.btn-next,.btnarea-footer input[type="submit"].ui-state-default.btn-next {
   background-color: #0099b8;
	border:solid 2px #0099b8;
	color: #fff;
	background-image: url(../img/bg-slash-ff.png);
    background-repeat:repeat

}

.btnarea-footer input[type="button"].ui-state-default.btn-next:hover,.btnarea-footer input[type="submit"].ui-state-default.btn-next:hover {
	background-color: #38ccea;
}

/* --保存-- */
.btnarea-footer input[type="button"].ui-state-default.btn-decision ,.btnarea-footer input[type="submit"].ui-state-default.btn-decision{
	 background-color:#F6416C;
	border:solid 2px #F6416C;
	color: #fff;
	background-image: url(../img/bg-slash-ff.png);
    background-repeat:repeat
    
}
.btnarea-footer input[type="button"].ui-state-default.btn-decision:hover,.btnarea-footer input[type="submit"].ui-state-default.btn-decision:hover {
	background-color:#f86689
   
}

/* --追加-- */
input[type="button"].btn-add {color: #fff;
    background-color:#F6416C;
    border-color:#F6416C;
   

}
input[type="button"].btn-add:hover {    color: #fff;
    background-color:#f86689;
    border-color:#f86689;
}
/* ==========================================================================
08-03
========================================================================== */

table.newuser_table {

}
table.newuser_table td {


}
table.newuser_table td table td {
}
table.newuser_table td table tr:last-child td, table.newuser_table td table tr:only-child td {

}
table.newuser_table td.title {
	background-color:#00B8A9;
	color: #fff;
}
table.newuser_table td.subtitle {
	background-color: #f2f2f2;
}
table.newuser_table td.input_head {
	color: #00B8A9;
	border-right:dotted 1px #00B8A9
}
table.input_table_type {
}

/*----------------------------------------------*/
table.input_table_type th {
	color: #00B8A9;
	background-color: #f2f2f2;

}
table.newuser_table table.input_table_type tbody td{

	background-color: White;

}

/*----------------------------------------------*/
table.table-inner-r>tbody>tr>th,table.table-inner-r>thead>tr>th {   color: #00B8A9;
	background-color: #f2f2f2;
}
/* ==========================================================================
08-04
========================================================================== */
.regentry {
	border: solid 6px #ddd;

}
/* ----------------------------------------------------------------------------
*
*09-支払い
*
*---------------------------------------------------------------------------- */
/*請求額合計内訳*/
.area-payment-detail{background-color:#00B8A9; color:#fff}
.col-payment-detail.kigou{ background-color:transparent;}
.col-payment-detail span.txt{border:solid 1px #fff }
.col-payment-detail span.txt-disabled{ background-color:#fceff2; color:#F6416C}
.col-payment-detail span.txt-not{ border:solid 1px #F6416C; color:#F6416C}

/*合計金額*/
.box-total{background-color:#00B8A9; color:#fff; }

/*未手続額*/
.box-notprocedure{  background-color:#f3fffe; color:#00B8A9; border:solid 1px #00B8A9}
.box-notprocedure:before{border-color:#00B8A9 transparent transparent transparent;}

/*今回決済額*/
.box-amount{  background-color:#f3fffe; color:#00B8A9; border:solid 1px #00B8A9}
.box-amount:before{border-color:transparent transparent transparent #00B8A9;}
.txt-amout{color:#00B8A9}

/*支払い方法選択*/



/*決済履歴ボタン*/
input[type="button"].btn-settlement{ background-color:#00B8A9; color:#fff; border:solid 1px #00B8A9}
input[type="button"].btn-settlement:hover{ background-color:#12e2d1; color:#fff; border:solid 1px #00B8A9}

/*決済履歴dialog*/
.ui-state-default.btn-search, .ui-widget-content .ui-state-default.btn-search{border:solid 1px #00B8A9; color:#fff; background-color:#00B8A9}
.box-dialog-search{ border:solid 1px #00B8A9; background-color:#f3fffe }

/* ==========================================================================
09-02 銀行決済画面
========================================================================== */
.msg {
	color: #17729b
}
/* ==========================================================================
09-03 クレジット決済画面
========================================================================== */


/*--↓↓フェーズ2*宿泊関連*2017/12/04*hiro↓↓--*/

/* ----------------------------------------------------------------------------
*
*11-宿泊
*
*---------------------------------------------------------------------------- */

/*確認ボタン*/
input[type="submit"].btn-stayconfirm{ background-color:#00B8A9; color:#fff; border:solid 1px #00B8A9}/*確認*/
input[type="submit"].btn-stayconfirm:hover{ background-color:#12e2d1; color:#fff; border:solid 1px #12e2d1}
input[type="submit"].btn-stayedit{background-color:#00857a; color:#fff; border:solid 1px #00857a}/*変更*/
input[type="submit"].btn-stayedit:hover{ background-color:#015b54; color:#fff; border:solid 1px #015b54}
input[type="submit"].btn-staydell{background-color:#4A4A4A; color:#fff; border:solid 1px #4A4A4A}/*取消*/
input[type="submit"].btn-staydell:hover{ background-color:#302d2d; color:#fff; border:solid 1px #302d2d}



/*ネームイン画面--->部屋タイプ・宿泊日*/
.box-namein-roomname{color:#00B8A9; background-color:#f2f2f2}
/*確認画面　宿泊日*/
.box-date-stay-comfirm{color:#00B8A9; background-color:#f2f2f2}
/*--↑↑フェーズ2*宿泊関連*2017/12/04*hiro↑↑--*/

/* ----------------------------------------------------------------------------
*
*10-FREE SPACE
    //上記に用意していないスタイルを記述
    //任意のスタイルを追加してください --author nameをクラス名に使うなど差別化のおすすめ
*
*---------------------------------------------------------------------------- */