/* ************************************************
 * ------------------------------------------------
 *      システム画面 CSS
 * ------------------------------------------------
 * ************************************************ */

 
/**
 * YUI Fonts
 * @module fonts
 * @namespace yui-
 * @requires 
 */

/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {
        font-size:13px;
        /* for IE6/7 */ 
        *font-size:small; 
        /* for IE Quirks Mode */
        *font:x-small; 
}

/**
 * Nudge down to get to 13px equivalent for these form elements
 */ 
select,
input,
button,
textarea,
button {
        font:99%;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
        *font-size: 100%;
}


/**
 * To help tables remember to inherit
 */
table {
        font-size:inherit;
        font:100%;
}

/**
 * Bump up IE to get to 13px equivalent for these fixed-width elements
 */
pre,
code,
kbd,
samp,
tt {
        font-family:monospace;
        *font-size:108%;
        line-height:100%;
}

table {
        border-collapse: collapse;
        border-spacing: 0;
}


/* ---------------------------------
*    Font Family
*/

body {
        font-family:Arial,Helvetica,'ヒラギノ角ゴ Pro W3','メイリオ','ＭＳ Ｐゴシック',sans-serif;
}
;;body {
  font-family:Arial,Helvetica,'ヒラギノ角ゴ Pro W3','メイリオ','ＭＳ Ｐゴシック',sans-serif;
}
*:first-child+html body {
  font-family:Arial,Helvetica,'ヒラギノ角ゴ Pro W3','メイリオ','ＭＳ Ｐゴシック',sans-serif;
}
* html body {
  font-family:Arial,Helvetica,'ヒラギノ角ゴ Pro W3','メイリオ','ＭＳ Ｐゴシック',sans-serif;
}


/* ---------------------------------
*    Font Smoothing
*/

body * {
  -webkit-font-smoothing: antialiased;
  -moz-font-smoothing: antialiased;
  font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


/* -------------------------------------
 *      ページ背景色（全体）
 *      ページ背景画像（全体）
 *      フォント・フォーム・共通部分
 * ------------------------------------- */

*{
        margin:0px;
        padding:0px;
}

body {
        background-color: #FFF;
        color: #000;
        line-height: 1.5;
        margin: 0;
        padding: 10px;
}

ul{
        list-style-type:none;
}

form{
        margin:0px;
        padding:0px;
}

img{
        border:none;
}

/*input{
        padding:1px;
        margin:2px;
}*/

.c-form__table input,
.c-form__table textarea {
  font-size: 108%;
}

.c-form__table input:focus,
.c-form__table textarea:focus {
  border-color: #333;
}

select{
        padding:2px;
        margin:2px 0px;
}

textarea{
        padding:2px;
        margin:2px 0px;
        font-size:12px;
                border: 1px solid;
                border-color: #D8D8D8 #f8f8f8 #f8f8f8 #D8D8D8;
}

span.b{
        font-weight:bold;
}

span.small{
        font-size:10px;
        line-height:130%;
}

br.clear{
        clear:both;
}

.clearfix:after{
        content:".";
        display:block;
        height:0;
        clear:both;
        visibility:hidden;
}

b,th { font-weight: normal; }

/* -------------------------------------
 *      リンクの文字/通常時(link,visited,active)
 *      リンクの文字/マウスが当たっている時(hover)
 * ------------------------------------- */
a         { color: #000; text-decoration: none; }
a:visited { color: #000; text-decoration: none; }
a:hover   { color: #555; text-decoration: underline; }
a:active  { color: #555; text-decoration: underline; }
/* -------------------------------------
 *      メイン部分中央寄せ
 * ------------------------------------- */
#wrapper{
        width:800px;
        margin:20px auto;
        text-align:left;
}

/* -------------------------------------
 *      ヘッダー
 * ------------------------------------- */
.base01 {
        width:800px;
        margin:0px auto;
}

.shop_title { height: 100px; margin-top: 10px; }

.base01 .title_area a {
        display: block;
        padding-top: 0;
        margin: 0 auto;
}

/* ページの先頭へ戻る */
.btn_pagetop {
        padding: 12px 0;
        text-align: center;
}

/* -------------------------------------
 *      エラーBOX
 * ------------------------------------- */
.errorbox{
        background:#FFF7F7 url(../img2/ic_alart.png) no-repeat 10px 7px;
        border:2px solid #FF0000;
        padding:8px 5px 8px 40px;
        color:#FF0000;
        font-weight:bold;
        text-align:left;
        margin:30px auto 20px;
        clear:both;
}

/* -------------------------------------
 *      エラーメッセージ
 * ------------------------------------- */
.errormsg{
        color:#FF0000;
        font-size:12px
}

/* -------------------------------------
 *      ベリサインSSLサーバ証明書
 * ------------------------------------- */
#secure_seal{
        width:500px;
        margin:20px auto;
}

#secure_seal .cap{
        padding-left:20px;
        font-size:11px;
}

/* -------------------------------------
 *      各ページ上書き
 * ------------------------------------- */

.c-input--text { border: 1px solid #c7c7c7 !important; }
.view_pc .p-page__container { max-width: 750px; }

.c-alert {
  color: #333;
  font-weight: normal;
}
.c-form__title--must { color: #f00;  }
.p-page__body-inner {
    border-top: none;
    border-bottom: none;
}
.c-form__title-must { color: #f00; }

.p-page__copyright { font-size: 100%; }
.c-table-preview__title,
.c-table-preview__content {
  border-color: #333;
}
.c-table__title {
  font-size: 100%;
}
.c-table-wrap--overflow { border-width: 1px; }

@media only screen and (max-width: 767px) {
    * { font-size: 13px !important; }
    .p-page__wrap { font-size: 13px !important; }
    .base01 .title_area a {
        width: 180px;
        height: 38px;
        background-size: 100% 100%;
    }
}
@media (max-width: 768px) {
    .p-page__wrap { font-size: 13px; }
    .c-form__title, .c-form__content, .c-table-preview__title, .c-table-preview__content { font-size: 13px; font-weight: normal; }
}