@charset "utf-8";

/* -----------------------------------------------------------------------------
 全体初期設定
----------------------------------------------------------------------------- */

*{
    padding:0;
    margin:0;
    font-family: Lucida Grande, Lucida Sans Unicode, Lucida Sans, Arial, "メイリオ", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Osaka",sans-serif;
}

html {
    height: 100%;
}

/* -----------------------------------------------------------------------------
 body
----------------------------------------------------------------------------- */
body {
    height: 100%;
    background-color: #f3f3f3;
    margin: 0px;
    padding: 0px;
    background-repeat: repeat-x;
    font-size: 12px;
}

body.title {
/*    background-image: url(../img/bg03_03.jpg);      /* タイトルのバック画像 */
/*    background-repeat: repeat-x;*/
}

#container {
    background-color: #ffffff;
    padding: 0px;
    width: 950px;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto;
}

#container_sub {
    background-color: #ffffff;
    padding: 0px;
    width: 100%;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-right: auto;
    margin-left: auto;
}

#contents {
    margin-right: 10px;
    margin-left: 10px;
}

#header_login {     /* ログイン関係 */
    text-align: center;
}

#header_original {      /* オリジナルイメージ */
    text-align: center;
}

#header_other {     /* startup,question,rules */
    text-align: center;
}

#header {
    text-align: center;
    background-color: #c4181f;
}

#footer {
    background-color: #ffffff;
    padding: 0px;
    padding-bottom: 20px;
    width: 950px;
    margin:0px auto;
}

/* -----------------------------------------------------------------------------
 位置調整
----------------------------------------------------------------------------- */
/* よこ */
.center { text-align: center; }
.left   { text-align: left; }
.right  { text-align: right; }

.ht18 { height: 18px; }
.ht20 { height: 20px; }
.ht25 { height: 25px; }

/* たて */
.vam { vertical-align: middle; }
.vat { vertical-align: top; }
.vab { vertical-align: bottom; }
.vatt { vertical-align: text-top; }
.vatb { vertical-align: text-bottom; }

.wd100 { width: 100%; }

/* margin */
.mt2  { margin-top: 2px; }
.mt3  { margin-top: 3px; }
.mt5  { margin-top: 5px; }
.mt10 { margin-top: 10px; }
.mt15 { margin-top: 15px; }
.mt20 { margin-top: 20px; }
.mt30 { margin-top: 30px; }

.mb2  { margin-bottom: 2px; }
.mb3  { margin-bottom: 3px; }
.mb5  { margin-bottom: 5px; }
.mb10 { margin-bottom: 10px; }
.mb15 { margin-bottom: 15px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }

.ml2  { margin-left: 2px; }
.ml3  { margin-left: 3px; }
.ml5  { margin-left: 5px; }
.ml10 { margin-left: 10px; }
.ml15 { margin-left: 15px; }
.ml20 { margin-left: 20px; }
.ml30 { margin-left: 30px; }

.mr2  { margin-right: 2px; }
.mr3  { margin-right: 3px; }
.mr5  { margin-right: 5px; }
.mr10 { margin-right: 10px; }
.mr15 { margin-right: 15px; }
.mr20 { margin-right: 20px; }
.mr30 { margin-right: 30px; }

/* padding */
.pd5  { padding: 5px; }
.pd10 { padding: 10px; }
.pd15 { padding: 15px; }
.pd20 { padding: 20px; }

.pt5  { padding-top: 5px; }
.pt10 { padding-top: 10px; }
.pt15 { padding-top: 15px; }
.pt20 { padding-top: 20px; }

.pb5  { padding-bottom: 5px; }
.pb10 { padding-bottom: 10px; }
.pb15 { padding-bottom: 15px; }
.pb20 { padding-bottom: 20px; }

.pl5  { padding-left: 5px; }
.pl10 { padding-left: 10px; }
.pl15 { padding-left: 15px; }
.pl20 { padding-left: 20px; }

.pr5  { padding-right: 5px; }
.pr10 { padding-right: 10px; }
.pr15 { padding-right: 15px; }
.pr20 { padding-right: 20px; }

/* 2行目以降は1文字下げる */
.attention {
    padding-left: 1em;
    text-indent: -1em;
}

/* -----------------------------------------------------------------------------
 フロート
----------------------------------------------------------------------------- */
.fltL {	float: left; }
.fltR {	float: right; }

/* -----------------------------------------------------------------------------
 文字サイズ
----------------------------------------------------------------------------- */
.fs8 {	font-size: 8px; }
.fs10 {	font-size: 10px; }
.fs11 {	font-size: 11px; }
.fs12 {	font-size: 12px; }
.fs13 {	font-size: 13px; }
.fs14 {	font-size: 14px; }
.fs16 {	font-size: 16px; }
.fs18 {	font-size: 18px; }
.fs20 {	font-size: 20px; }

/* -----------------------------------------------------------------------------
 改行
----------------------------------------------------------------------------- */
.clerB { clear: both; }
.clerL { clear: left; }
.clerR { clear: right; }
.cler {
    clear: both;
    line-height: 0px;
}

/* -----------------------------------------------------------------------------
 文字装飾
----------------------------------------------------------------------------- */
.strong { font-weight: bold; }
.uline{
    color: #FF0000;
    text-decoration:underline;
}
/* -----------------------------------------------------------------------------
 リンク
----------------------------------------------------------------------------- */
a {
    cursor: pointer;
    color: blue;
    text-decoration:none;
}

a:hover{
    color: #FF0000;
    text-decoration:underline;
}

a img {
    border-style:none;
}

/* -----------------------------------------------------------------------------
 ボタン
----------------------------------------------------------------------------- */
.btn {    
    height: 27px;   /*height: 24px; フォント「メイリオ」の追加による変更*/
    padding-left: 6px;
    padding-right: 6px;
}

/* -----------------------------------------------------------------------------
 機能タイトル（機能別色指定クラスもセット必要）
----------------------------------------------------------------------------- */
div.functitle {
    padding: 2px;
    color: #000000;

    border-top-left-radius: 5px;         /* CSS3 */
    -moz-border-radius-topleft: 5px;    /* Firefox */
    -webkit-border-top-left-radius: 5px; /* Safari,Chrome */
    border-top-right-radius: 5px;         /* CSS3 */
    -moz-border-radius-topright: 5px;    /* Firefox */
    -webkit-border-top-right-radius: 5px; /* Safari,Chrome */
}
div.functitle .titleimg {
    color: #000000;
    font-size: 12px;

    margin-left: 6px;
    padding: 5px 5px 5px 25px;
    background-repeat: no-repeat;
    background-position: left center;
}

div.functitle .contents {
    padding: 5px 10px;
}

/* -----------------------------------------------------------------------------
 機能タイトル2（下も丸くなっている）
----------------------------------------------------------------------------- */
div.functitle2 {
    padding: 2px;
    color: #000000;

    border-top-left-radius: 5px;         /* CSS3 */
    -moz-border-radius-topleft: 5px;    /* Firefox */
    -webkit-border-top-left-radius: 5px; /* Safari,Chrome */
    border-top-right-radius: 5px;         /* CSS3 */
    -moz-border-radius-topright: 5px;    /* Firefox */
    -webkit-border-top-right-radius: 5px; /* Safari,Chrome */
    border-bottom-left-radius: 5px;         /* CSS3 */
    -moz-border-radius-bottomleft: 5px;    /* Firefox */
    -webkit-border-bottom-left-radius: 5px; /* Safari,Chrome */
    border-bottom-right-radius: 5px;         /* CSS3 */
    -moz-border-radius-bottomright: 5px;    /* Firefox */
    -webkit-border-bottom-right-radius: 5px; /* Safari,Chrome */
}
div.functitle2 .titleimg {
    color: #000000;
    font-size: 12px;

    margin-left: 6px;
    padding: 5px 5px 5px 25px;
    background-repeat: no-repeat;
    background-position: left center;
}

div.functitle2 .contents {
    padding: 5px 10px;
}

/* -----------------------------------------------------------------------------
 機能枠（機能別色指定クラスもセット必要）
----------------------------------------------------------------------------- */
div.funcsquare {
    margin-top: 5px;
    margin-bottom: 5px;
    padding: 3px;
}

div.funcsquare .contents {
    padding: 5px 8px;
}

/* ------------------------------
 機能別色分け
------------------------------ */
.clfR { color: #ff0000; }        /* 赤文字 */
.clfW { color: #ffffff; }        /* 白文字 */
.clfB { color: #0000ff; }        /* 青文字 */

.clW { background-color: #ffffff; }        /* 白 */
.clHD { background-color: #FFE6E0; }       /* 休日用（ピンク） */
.clNG { background-color: #FFCF70; }       /* エラーデータ（薄オレンジ） */

/* お知らせ */
.clInfo { background-color: #c4181f; }         /* 枠線・タイトル行など */
.clInfo_in { background-color: #fef4f4; }     /* 内側塗りつぶしなど */
.clInfo_a { background-color: #fef4f4; }      /* グリッド行A */
.clInfo_b { background-color: #fce2e0; }      /* グリッド行B */
/*.clInfo { background-co_in { background-color: #fef8e2; }     /* 内側塗りつぶしなど */
/*.clInfo_a { background-color: #fef8e2; }      /* グリッド行A */
/*.clInfo_b { background-color: #fde7d1; }olor: #f9d5b2; }        /* 枠線・タイトル行など */
/*.clInfo_in { background-color: #fef8e2; }     /* 内側塗りつぶしなど */
/*.clInfo_a { background-color: #fef8e2; }      /* グリッド行A */
/*.clInfo_b { background-color: #fde7d1; }      /* グリッド行B */

/* 安否確認 */
.clSA { background-color: #c4181f; }        /* 枠線・タイトル行など */
.clSA_in { background-color: #fef4f4; }     /* 内側塗りつぶしなど */
.clSA_a { background-color: #fef4f4; }      /* グリッド行A */
.clSA_b { background-color: #fce2e0; }      /* グリッド行B */

/* 連絡通知 */
.clNO { background-color: #c4181f;}        /* 枠線・タイトル行など */
.clNO_in { background-color: #fef4f4; }     /* 内側塗りつぶしなど */
.clNO_a { background-color: #fef4f4; }      /* グリッド行A */
.clNO_b { background-color: #fce2e0; }      /* グリッド行B */
/*.clNO { background-color: #c4181f; }        /* 枠線・タイトル行など */
/*.clNO_in { background-color: #fdf1d7; }     /* 内側塗りつぶしなど */
/*.clNO_a { background-color: #fdf1d7; }      /* グリッド行A */
/*.clNO_b { background-color: #fbe6b1; }      /* グリッド行B */

/* アンケート */
.clEN { background-color: #c4181f; }        /* 枠線・タイトル行など */
.clEN_in { background-color: #fef4f4; }     /* 内側塗りつぶしなど */
.clEN_a { background-color: #fef4f4; }      /* グリッド行A */
.clEN_b { background-color: #fce2e0; }      /* グリッド行B */
/*.clEN { background-color: #dcb0a0; }        /* 枠線・タイトル行など */
/*.clEN_in { background-color: #f8efec; }     /* 内側塗りつぶしなど */
/*.clEN_a { background-color: #f8efec; }      /* グリッド行A */
/*.clEN_b { background-color: #f0ddd6; }      /* グリッド行B */

/* 各種設定 */
.clST { background-color: #c4181f; }        /* 枠線・タイトル行など */
.clST_in { background-color: #fef4f4; }     /* 内側塗りつぶしなど */
.clST_a { background-color: #fef4f4; }      /* グリッド行A */
.clST_b { background-color: #fce2e0; }      /* グリッド行B */
/*.clST { background-color: #b9d5c3; }        /* 枠線・タイトル行など */
/*.clST_in { background-color: #f8f8f8; }     /* 内側塗りつぶしなど */
/*.clST_a { background-color: #f8f8f8; }      /* グリッド行A */
/*.clST_b { background-color: #e1ede6; }      /* グリッド行B */

/* はじめてお使いになるお客様へ */
.clSU { background-color: #9999ff; }        /* 枠線・タイトル行など */
.clSU_in { background-color: #e6e6ff; }     /* 内側塗りつぶしなど */
.clSU_a { background-color: #e6e6ff; }      /* グリッド行A */
.clSU_b { background-color: #ccccff; }      /* グリッド行B */
.clSU_fs1 { 
    font-size: 14px;                        /* フォントサイズ */
    font-weight:bolder;                     /* 太字 */
}                
.clSU_fs2 { font-size: 13px; }             /* フォントサイズ */

/* よくある質問 */
.clQU { background-color: #8ae44e; }        /* 枠線・タイトル行など */
.clQU_fs1 {
    font-size: 14px;                        /* フォントサイズ */   
}

.clQU_Q {                      /* 質問 */
    font-size: 13px;            /* フォントサイズ */
    margin: 5px 0px 5px 0px;    /* 余白　[上][右][下][左] */
}

.clQU_A {                      /* 回答 */
    font-size: 13px;            /* フォントサイズ */
    margin: 10px 5px 10px 10px;               /* 余白　[上][右][下][左] */
}

.clQU_S {                      /* 操作 */
    font-size: 13px;            /* フォントサイズ */
    color: #999999;             /* フォントカラー */
    margin: 10px;               /* 余白　[上][右][下][左] */
}

.clQU_in {
    background-color: #e6e6ff;   /* 回答内側塗りつぶし */
    padding: 10px;               /* Ａ 塗りつぶし用余白　[上][右][下][左] */
}

/* ------------------------------
 表示・非表示の切り替え
------------------------------ */
div.active { display: block; }
div.inactive { display: none; }

/* 各入力欄のガイド */
.clInpG {                      /* 操作 */
    font-size: 12px;            /* フォントサイズ */
    color: #696969;             /* フォントカラー */
}

/* -----------------------------------------------------------------------------
 処理結果・エラーメッセージ表示 (div または span)
----------------------------------------------------------------------------- */
.error-msg{
    margin-top:2px;
    color:#FF0000;
    font-weight:bold;
}
.notice-pass{
    width:100%;
    padding: 3px 0px;
/*    margin: 5px 0px; */
    background-color:#CCFFCC;
    color:#009900;
    font-weight:bold;
    text-align:center;
    border: 1px solid #009900;
}
.notice-error{
    width:100%;
    padding: 3px 0px;
/*    margin: 5px 0px; */
    background-color:#FFD1DC;
    color:#FF0000;
    font-weight:bold;
    text-align:center;
    border: 1px solid red;
}

/* -----------------------------------------------------------------------------
 ログインメンバー情報表示
----------------------------------------------------------------------------- */
.logininfo {
    margin-top: 0px;
    margin-bottom: 5px;
    margin-left: 10px;
    line-height: 17px;
}

/* -----------------------------------------------------------------------------
 説明文表示
----------------------------------------------------------------------------- */
.description {
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: 10px;
    line-height: 18px;
    font-size: 13px;
}

/* -----------------------------------------------------------------------------
 文字表示
----------------------------------------------------------------------------- */
/* 項目名 */
.itemname{
   color: #1D0772;      /* 紺色 */
/*   color: #6A0AAB;      /* 紫っぽい色 */
   font-size: 12px;
}

/* 見出し文字 */
.midashi {
    color: #8D3737;
    font-size: 14px;
    margin-top: 20px;
    margin-bottom: 2px;
    margin-left: 10px;
    font-weight: bold;
    text-align: left;
}

/* -----------------------------------------------------------------------------
 飾り付け表現
----------------------------------------------------------------------------- */
/* 角の丸いDIV・SPAN */
.kadomaru3{
   border-radius: 3px;         /* CSS3 */
   -moz-border-radius: 3px;    /* Firefox */
   -webkit-border-radius: 3px; /* Safari,Chrome */
}

.kadomaru5{
   border-radius: 5px;         /* CSS3 */
   -moz-border-radius: 5px;    /* Firefox */
   -webkit-border-radius: 5px; /* Safari,Chrome */
}

/* -----------------------------------------------------------------------------
 ヘッダー下のアイコン付きリンク
----------------------------------------------------------------------------- */
#navi {
    width: 950px;
/*    background-image: url(../img/navi.jpg);*/
    background-repeat: no-repeat;
    background-position: center top;
    padding: 0px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
}
#navi #navi_in {
    font-size: 12px;
    margin: 0px;
    width: 950px;
    padding-top: 5px;
    padding-right: 0px;
    padding-bottom: 5px;
    padding-left: 0px;
}
#navi #navi_in p {
    margin: 0px;
    padding: 0px;
    font-size: 14px;
}
#navi #navi_in img {
    margin-top: 0px;
}

#navi #navi_in ul {
    margin: 0px;
    list-style-type: none;
}
#navi #navi_in li {
    float: right;
    font-size: 12px;
}

/* よくある質問アイコン */
.yoku {
    background-image: url(../img/common/icon_question.png);
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 23px;
    background-repeat: no-repeat;
    background-position: left center;
}

/* ご利用規約アイコン */
.riyou {
    background-image: url(../img/common/icon_rules.png);
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: left center;
}

/* トップページへ戻るアイコン */
.totop {
    background-image: url(../img/common/totop.png);
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 23px;
    background-repeat: no-repeat;
    background-position: left center;
}

/* ログアウトアイコン */
.logout {
    background-image: url(../img/common/icon_exit.png);
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: left center;
}

/* 各種設定アイコン */
.set {
    background-image: url(../img/common/icon_setup.png);
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 25px;
    background-repeat: no-repeat;
    background-position: left center;
}

/* ご使用の前にアイコン */
.gosiyou {
    background-image: url(../img/common/icon_startup.png);
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 22px;
    background-repeat: no-repeat;
    background-position: left center;
}

/* ------------------------------
入力ステップの画像用DIV
------------------------------ */
.step {
    margin-top: 10px;
    text-align: center;
}

/* ------------------------------
divの枠線
------------------------------ */
.kakomi30 {
    line-height: 21px;
    padding: 30px;
    border:1px solid black;
}

.kakomi20 {
    line-height: 19px;
    padding: 20px;
    border:1px solid black;
}

.kakomi10 {
    line-height: 19px;
    padding: 10px;
    border:1px solid black;
}

/* ------------------------------
 一覧テーブル
------------------------------ */
table.tblist {
    width: 100%;
    border-collapse: separate;
    border-spacing: 2px;
    margin: 0px 0px 0px 3px;
    margin-left: auto;
    margin-right: auto;
    padding: 1px 0px 0px 1px;
    empty-cells:show;
}

table.tblist th {
    font-size: 13px;
    color: #ffffff;
    background-position:left top;
    padding: 3px;
    text-align: center;
}

table.tblist td {
    font-size: 12px;
    line-height: 20px;
    margin: 0px;
    padding: 3px;
}

table.tblist th a {
    color: #00ffff;
    text-decoration: underline;
}

table.tblist th a:hover {
    color: #ffff66;
    text-decoration: underline;
}

table.tblist a.title {
    font-size: 14px;
    color: blue;
    text-decoration: underline;
}

/* 並び替えspan用 */
table.tblist .sortbox {
    border-radius: 3px;         /* CSS3 */
    -moz-border-radius: 3px;    /* Firefox */
    -webkit-border-radius: 3px; /* Safari,Chrome */

    float: right;
    font-size:12px;
    padding: 2px 5px 2px;
/*    background-color:#FFD8A6;*/
    font-weight: normal;
}

/* 色違い行 */
table.tblist tr.even td {
    background-color: #DFF8FF;
}

/* レコード無し行 */
table.tblist tr.norecord td {
    line-height: 25px;
}

/* 少し高めの行 */
table.tblist tr.toprecord td {
    line-height: 24px;
}

/* ------------------------------
 入力項目用テーブル
------------------------------ */
table.tbinput {
    border-collapse: separate;
    border-spacing: 2px;
    margin-left: auto;
    margin-right: auto;
    padding: 1px 0px 0px 1px;
    empty-cells:show;
}

table.tbinput th {
    font-size: 13px;
    background-position:left top;
    padding: 5px;
    text-align: center;
    color: #ffffff;
}

table.tbinput td {
    font-size: 12px;
    line-height: 20px;
    margin: 0px;
    padding: 6px;
}

table.tbinput td.name {
    padding: 6px 8px;
}

table.tbinput td.midashi {
    padding-left: 3px;
    padding-bottom: 3px;
    font-size: 14px;
    font-weight: bold;
}

table.tbinput td.title {
    font-weight: bold;
    color: #ffffff;
}

table.tbinput th a {
    color: #00ffff;
    text-decoration: underline;
}

table.tbinput th a:hover {
    color: #ffff66;
    text-decoration: underline;
}

/* ------------------------------
 入力項目Input用
------------------------------ */
/* IME使用 */
input.ime {
    ime-mode: active;
}

/* IME不可 */
input.ime_no {
    ime-mode: disabled;
}

/* ------------------------------
 登録・移動ボタン設置用DIV
------------------------------ */
div.button {
    margin-top: 20px;
    margin-bottom: 20px;
}

/* ------------------------------
 絞り込み条件設置用SPAN
------------------------------ */
span.srch {
    padding:8px;
/*    background-color:#DDDDDD;*/
}

/* ------------------------------
 折り返し
------------------------------ */
.wrap {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
}

.wrap650 {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
        width: 650px;
}

.wrap700 {
	white-space: pre;           /* CSS 2.0 */
	white-space: pre-wrap;      /* CSS 2.1 */
	white-space: pre-line;      /* CSS 3.0 */
	white-space: -pre-wrap;     /* Opera 4-6 */
	white-space: -o-pre-wrap;   /* Opera 7 */
	white-space: -moz-pre-wrap; /* Mozilla */
	white-space: -hp-pre-wrap;  /* HP Printers */
	word-wrap: break-word;      /* IE 5+ */
        width: 700px;
}

/* ------------------------------
 アンケートの回答者名
------------------------------ */
.answername {
    color: #0000FF;
}