@charset "utf-8";

/* -------------------------------------- 
全体初期設定                  
----------------------------------------- */
/* パディングとボーダーを幅と高さに含める（IEとIE以外の表示の差を吸収させるために必要） */
* { box-sizing : border-box }
* { -moz-box-sizing : border-box }

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

html {
    height: 100%;
}

/* --------------------------------------
body
----------------------------------------- */
body {
    background-color: #cccccc;/*ffffff;*/
    font-size: 12px;
    text-align:center;  /* IE用の中央揃え */
    margin-left:auto;margin-right:auto; /* IE以外用の中央揃え */
}

table {
    empty-cells: show;
}

/* ------------------------------
 一覧テーブル
------------------------------ */
table.list {
    width: 95%;
    border-collapse: separate;
    border-spacing: 2px;
    margin-top: 10px;
    margin-bottom: 0;
    padding: 5px 15px;
    empty-cells:show;
}

table.list th {
    font-size: 12px;
    color: #000000;
    background-position:left top;
    background-color: #cccccc;
    padding: 3px;
    text-align: center;
}

table.list td {
    font-size: 12px;
    line-height: 20px;
    margin: 0px;
    background-color: #cccccc;
    padding: 3px;
}

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

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

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

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


/* -----------------------------------------------------------------------------
 container（共通）
----------------------------------------------------------------------------- */
#container{
    background-color: #ffffff;
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
}

/* -----------------------------------------------------------------------------
 contents（index用）
----------------------------------------------------------------------------- */
#contents_i{
    height: 100%;
    width: 900px;
    margin-right: auto;
    margin-left: auto;
}

/* -----------------------------------------------------------------------------
 contents（共通）
----------------------------------------------------------------------------- */
#contents{
    width: 900px;
    margin-right: auto;
    margin-left: auto;
}

/* -----------------------------------------------------------------------------
 footer（共通）
----------------------------------------------------------------------------- */
#footer{
    width: 100%;
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;    
    padding-top: 10px;
    padding-bottom: 10px;
}

/* -----------------------------------------------------------------------------
 company
----------------------------------------------------------------------------- */
#company{
    text-align: left;
    font-size: 14px;
}


/* -----------------------------------------------------------------------------
 位置調整
----------------------------------------------------------------------------- */
/* よこ */
.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; }

/* -----------------------------------------------------------------------------
 フロート
----------------------------------------------------------------------------- */
.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;
}
/*　clearfix　*/
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix{ display:inline-block;}
/* HIdes from IE-mac */
*html .clearfix{ height:1%;}
.clearfix{ display:block;}
/* End hide from IE-mac */


/* -----------------------------------------------------------------------------
 リンク
----------------------------------------------------------------------------- */
a {
    cursor: pointer;
    color: blue;
    text-decoration:none;
}

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

a img {
    border-style:none;
}

/* -----------------------------------------------------------------------------
 ボタン
----------------------------------------------------------------------------- */
.btn {
    height: 26px;
    padding-left: 6px;
    padding-right: 6px;
}

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

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

/* -----------------------------------------------------------------------------
 処理結果・エラーメッセージ表示 (div または span)
----------------------------------------------------------------------------- */
.error-msg{
    margin-top:2px;
    color:#FF0000;
    font-weight:bold;
}

/* ------------------------------
 入力項目用テーブル
------------------------------ */
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;
}

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

table.tbinput td.name {
    padding: 6px 8px;
}
/* ------------------------------
 入力項目Input用
------------------------------ */
/* IME使用 */
input.ime {
    ime-mode: active;
}

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

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

/* ------------------------------
 写真表示用
------------------------------ */
#gallery li {
    list-style-type: none;
}

/* ------------------------------
 お問い合わせメール送信後メッセージ用DIV
------------------------------ */
div.sendmsg {
    margin-top: 100px;
    height: 100px;
    text-align: center;
}