@charset "utf-8";
/* ----------------------------------------------------------------------------
*DESIGN2_BLUE
*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: #444;
	background: linear-gradient(-175deg, rgba(0,210,255,.8), rgba(146,141,171, .5)) fixed;
	background-color: #fff
}

/* ==========================================================================
01-02
========================================================================== */
/* ========================================================================
01-03
========================================================================== */
a {
	color: #4d478c
}
a:hover {
	color: #5e599b
}
/* ========================================================================
01-04
========================================================================== */

.btn a {
	background-color: #364F6B;
	color: #fff;
}
.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: #fff
}

/* ==========================================================================
01-09
========================================================================== */

/* ==========================================================================
01-10
========================================================================== */
/* --スクロール-- */
.btn-scroll-top {
	background-color: #00d2ff;
}
.scroll a {
	color: #fff;
}

/* --フッターテキスト-- */
.footer-copy {
	background-color: #f2f2f2;
}
/* ==========================================================================
01-11
========================================================================== */
.header {
}

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

}

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

/* --ログアウト-- */
.logout a {
	color: #00d2ff;
}
.logout a:hover {
	color: #00d2ff;
}
/* ↓↓1023px 以下responsive color change↓↓ */
@media (max-width: 1023px) {
    .logout a { border:solid 1px #008EAF
    }
}
/* ↑↑end↑↑ */

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

/* --ログイン履歴-- */
.nav-head ul>li.li-history .history a {
	background-color: #fff;
    color: #222;
    border: solid 1px #555;}
.nav-head ul>li.li-history .history a:hover{ background-color:#ccc; color:#333}	

/* ==========================================================================
01-12
========================================================================== */

.nav ul {
}
.nav li:before {
}
.nav li a {
	color: #232323;
}
.nav li a:hover {
	color: #888;
}
.nav-ul_02 {
	border-top: solid 1px #222;
}
/* ------------------------------------------------------- */
/* --Toggle Button-- */
#nav-toggle span {
	background: #fff;
}
#nav-toggle {
	background-color: #00d2ff
}
.nav.open {
	background-color: #222
}
.nav.open ul {
	background-color: transparent
}

.nav.open a {
	color: #fff
}
.nav.open #nav-toggle {
	background-color: #222
}

/* ↓↓1024px 以上responsive color change↓↓ */
@media (min-width: 1024px) {
.nav.open {
	background-color: transparent !important;
}
.nav.open a {
	color: #222 !important
}
}
/* ↑↑end↑↑ */

/* ==========================================================================
01-13
========================================================================== */
h1, h2, h3 {
	color: #232323
}
h2 {
}
h3 {
}
h3>span {
}
h3:before {
	background-color: #00d2ff;
}
h4 {
	color: #00d2ff;
	font-weight: 600
}


/* ----------------------------------------------------------------------------
*
*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: dotted 1px #ababab
}
.li-info_index li a {
	color: #232323;
}
.li-info_index li a:hover {
	background-color: #f2f2f2;
}

/* --区分.日付-- */
.li-info_index span {
	color: #fff;
}

/* --区分-- */
.li-info_index .info-id {
	color: #fff;
}
.li-info_index .info-id.id-organizer {
	background-color: #00d2ff;
}
.li-info_index .info-id.id-all {
	background-color: #ad3297;
}
.li-info_index .info-id.id-kindadmin {
	background-color: #225ea3;
}

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

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

/* ==========================================================================
02-B-05
========================================================================== */
.li-link_index {
}
.li-btn_index a {
	color: #008EAF;
	background-color: #d8f8ff;
}
.li-btn_index a:hover {
	color: #fff;
	background-color: #4ee0ff
}

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

/* --form-- */
.inner-login {
}

/* --btn-- */
.btn.btn-login a {
	background: linear-gradient(-135deg, rgba(22,160,133, .7), rgba(35,87,165,.4));
		background-color: #2357A5;

	color: #FFFFFF
}
.btn.btn-login a:hover {
	background: linear-gradient(-135deg, rgba(22,160,133, .7), rgba(35,87,165,.4));
background-color: #6589c0
}
.btn.btn-reg a {
	background: linear-gradient(-135deg, rgba(22,160,133, .7), rgba(35,87,165,.4));
		background-color:#FF00D2;

}
.btn.btn-reg a:hover {
	background: linear-gradient(-135deg, rgba(22,160,133, .7), rgba(35,87,165,.4));
		background-color:#ff66e4;
	color: #FFFFFF
}

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


/* ----------------------------------------------------------------------------
*
*04-MYPAGE//マイページ専用のスタイル// 
*
*---------------------------------------------------------------------------- */

/* ==========================================================================
04-01
========================================================================== */
/* --download-- */
.btn.btn-file a {
	background-color: #fff;
	color: #222;
	border: solid 1px #ababab
}
.btn.btn-file a:before {
	
}
.btn.btn-file a:hover {
	background-color: #ccc;
	color: #555
}
.btn.btn-file a:hover:before {
	

}
/* --編集-- */
.btn.btn-edit a {
	color: #fff;
	font-weight: 600;
	background: linear-gradient(-45deg, rgba(0,210,255,.6), rgba(146,141,171, .9));
	background-color: #ad3297;
	
}
.btn.btn-edit a:hover {
	background: linear-gradient(-45deg, rgba(0,210,255,.6), rgba(146,141,171, .9));
	background-color:  #4ee0ff
}
 .btn.btn-edit a[disabled] ,.btn.btn-edit a[disabled]:hover{ 
         background: linear-gradient(-45deg, rgba(221,221,221,.6), rgba(194,194,194, .9));
         background-color:#ccc
   }
.btn.btn-edit a:before,.btn.btn-edit a:after { color:#eee
    }

/* --支払い-- */
.btn.btn-jpy a {
	color: #fff;
	font-weight: 600;
	background: linear-gradient(-45deg, rgba(0,210,255,.6), rgba(146,141,171, .9));
	background-color: #ad3297;
}
.btn.btn-jpy a:hover {
	background: linear-gradient(-45deg, rgba(0,210,255,.6), rgba(146,141,171, .9));
	background-color:  #4ee0ff
}
.btn.btn-jpy a[disabled] ,.btn.btn-jpy a[disabled]:hover{ 
         background: linear-gradient(-45deg, rgba(221,221,221,.6), rgba(194,194,194, .9));
         background-color:#ccc
}
.btn.btn-jpy a:before,.btn.btn-edit a:after { 
    color:#eee
}


/* ==========================================================================
04-02
========================================================================== */
/* --種別ファイルダウンロードエリア-- */
.area-btn_download {
}

/* --種別の区切り線-- */
.content.content_my > .inner + .inner { border-top: dotted 1px #222
}

/* ==========================================================================
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: dotted 1px #ababab
}
.li-info_my li a {
	color: #232323;
}
.li-info_my li a:hover {
	background-color: #f2f2f2;
}

 /* --区分.日付-- */
.li-info_my span {
	color: #fff;
}

 /* --区分-- */
.li-info_my .info-id {
	color: #fff;
}
.li-info_my .info-id.id-organizer {
	background-color: #00d2ff;
}
.li-info_my .info-id.id-all {
	background-color: #ad3297;
}
.li-info_my .info-id.id-kindadmin {
	background-color: #225ea3;
}

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

/* --arrow-- */
.li-info_my li:after {
	color: #232323;
}
/* ==========================================================================
04-05
========================================================================== */
.li-link_my {
}
.li-btn_my a {
	color: #008EAF;
	background-color: #d8f8ff;
}
.li-btn_my a:hover {
	color: #fff;
	background-color: #4ee0ff
}
.li-btn_my a:before {
	color: #008EAF;
}
.li-btn_my a:hover:before {
	color: #fff
}


/* ----------------------------------------------------------------------------
*
*05-CONTACT//
*
*---------------------------------------------------------------------------- */
/* --title-- */
h4.title-contact {
	color: #3c3c3c
}
/* --content-- */
.inner-contact {
	background-color: #ddd;
}
section.contact {
}
/* ----------------------------------------------------------------------------
*
*06-JQUERY CUSTOM//jquery ui使用箇所にカスタマイズスタイルをあてる
*
*---------------------------------------------------------------------------- */

/* ------------------------------------------------------------------------------
*
*07-OTHER
*
*---------------------------------------------------------------------------- */
/* --forget-- */
/* --ApllyHistory-- */
.applyhistory-number { background-color:#00d2ff; color:#fff
}
.content-apply {  background-color:#fff
}
/* ----------------------------------------------------------------------------
*
*08-REG
*
*---------------------------------------------------------------------------- */

/* ==========================================================================
08-01
========================================================================== */
/* ==========================================================================
08-02
========================================================================== */
.btnarea-footer input[type="button"].ui-state-default, .btnarea-footer input[type="submit"].ui-state-default {
	background-color: #fff;
    
}
.btnarea-footer input[type="button"].ui-state-default:hover, .btnarea-footer input[type="submit"].ui-state-default:hover {
	background-color: #ccc;
    color: #555;
	border: solid 1px #888;
}

/* --次へ-- */
.btnarea-footer input[type="button"].ui-state-default.btn-next,
.btnarea-footer input[type="submit"].ui-state-default.btn-next {
	background-color: #00d2ff ;
    color: #fff;
    border: none;
    
}

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

/* --保存-- */
.btnarea-footer input[type="button"].ui-state-default.btn-decision,
.btnarea-footer input[type="submit"].ui-state-default.btn-decision {
	background-color:#ad3297;
    color: #fff;
    border: none;

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

/* --追加-- */
input[type="button"].btn-add {
    color: #fff;
    border:solid 1px #008EAF;
    background-color:#008EAF
   
}
input[type="button"].btn-add:hover {   
    background-color:#2d97af

}

/* ==========================================================================
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: #00d2ff;
	color: #fff;
}
table.newuser_table td.subtitle {
	background-color: #f2f2f2;
}
table.newuser_table td.input_head {
	color: #008EAF;
    background-color: #d8f8ff;

}

/*----------------------------------------------*/
table.input_table_type {
	

}
table.input_table_type th {
	color:#008EAF;
	background-color: #d8f8ff;

}
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:#008EAF;
	background-color: #d8f8ff;
}
/* ==========================================================================
08-04
========================================================================== */
.regentry {
	border: solid 6px #ddd;

}
/* ----------------------------------------------------------------------------
*
*09-支払い
*
*---------------------------------------------------------------------------- */
/*請求額合計内訳*/
.area-payment-detail{    background: linear-gradient(-135deg, #00d2ff, #928DAB); 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:#edeafc; color:#4532a3}
.col-payment-detail span.txt-not{ background-color:#4532a3; color:#fff}

/*合計金額*/
.box-total {
    color: #008EAF;
    background-color: #edeafc;
}

/*未手続額*/
.box-notprocedure{  background-color:#e5f7fc; color:#008EAF; border:solid 1px #008EAF}
.box-notprocedure:before{border-color:#008EAF transparent transparent transparent;}

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

/*支払い方法選択*/



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

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

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


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