@charset "utf-8";

/* ////////////////////////////////////////////////////////////////////////////////////////////////////
 *
 * ■□■□■　プログラマ側の定義CSS　■□■□■
 * 
 * プログラマ側で必要なものを臨時定義する場所です。
 * いつかデザインチーム側で実装してくらたら嬉しいなぁ…
 * |ω・`）チラ
 * 
 * Author   : K.KAWA
 * FirstDate: 2015/05/22
 *
 * ///////////////////////////////////////////////////////////////////////////////////////////////// */

/*--------------------------------------------------------------------------------
　▼　■□■ＪＱｕｅｒｙ用 common.jsに記述■□■
--------------------------------------------------------------------------------*/
// 確認画面より入力画面へ戻る場合の処理
.jquery_go_back {}

// カレンダー datepicker
.datetimepicker {}

// placeholder用
input::-webkit-input-placeholder {
    color: #CCCCCC;
    font-weight: normal;
}
input:-ms-input-placeholder {
    color: #CCCCCC;
    font-weight: normal;
}
input::-moz-placeholder {
    color: #CCCCCC;
    font-weight: normal;
}

/*--------------------------------------------------------------------------------
　▼　body
--------------------------------------------------------------------------------*/ 

/*--------------------------------------------------------------------------------
　▼　■□■その他共通■□■
--------------------------------------------------------------------------------*/

/* ボタン関係*/
.twoBtnSet {
    overflow: hidden;
    zoom:1;
    text-align: left;
    margin: 4% auto 6% auto;
    width: 570px;
}
.twoBtnSet li {
    background: none;
    padding: 0;
    margin: 0 0 0 10px;
    height: 70px;
    float: left;
}

.outCsvBtn,
.searchBtn {
    width: 270px;
    height: 70px;
    border: none;
    cursor: pointer;
}
.outputCsvBtn {
    background: url(/img/host/btn04.png) no-repeat left top;
    background-size: 100%;
}
.searchBtn {
    background: url(/img/host/btn04.png) no-repeat left top;
    background-size: 100%;
}

.comBtn {
    width: 270px;
    height: 70px;
    border: none;
    cursor: pointer;
    background-color: #009CA5;
    font-weight: bold;
    font-size: 1.3em;
    color: white;
    border-radius: 4px;             /* CSS3草案 */  
    -webkit-border-radius: 4px;     /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;        /* Firefox用 */  
}

.comBackBtn {
    width: 270px;
    height: 70px;
    border: none;
    cursor: pointer;
    background-color: #FFFFFF;
    font-weight: bold;
    font-size: 1.3em;
    color: #444444;
    border: solid 1px silver;
    border-radius: 4px;             /* CSS3草案 */  
    -webkit-border-radius: 4px;     /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;        /* Firefox用 */  
}

.comWizNextBtn {
    width: 270px;
    height: 70px;
    border: none;
    cursor: pointer;
    background-color: #FFCC00;
    font-weight: bold;
    font-size: 1.3em;
    color: #444444;
    border-radius: 4px;             /* CSS3草案 */  
    -webkit-border-radius: 4px;     /* Safari,Google Chrome用 */  
    -moz-border-radius: 4px;        /* Firefox用 */  
}

/*--------------------------------------------------------------------------------
　▼　■□■PCサイト用（幅1000px以上）CSSの記述■□■
--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
　▼　■□■タブレットサイト用（幅1000px未満）CSSの記述■□■
--------------------------------------------------------------------------------*/

/*--------------------------------------------------------------------------------
　▼　■□■スマホサイト用（幅516px未満）CSSの記述■□■
--------------------------------------------------------------------------------*/

/*既存会員申し込み画面用TEXT CSS*/
 .text_l {
    font-size: 1.2em;
    text-align: left;
    margin:30px 0 0 0;
    font-weight: bold;
}

/* オプション画面で選択不可時の背景色 */
.bg_right_gray {
	background-color: #D3D3D3;
}