@charset "utf-8";

/* ========================================

Copyright (C) 株式会社アクセスネット情報技研. All Right Reserved.
最終更新日: 2014年05月13日　XHTML 1.0 Transitional

０９：テーブル

======================================== */



/* ========================================
　　■０９：テーブル
======================================== */

/* テーブル　基本設定
---------------------------------------- */
table {}

table .vMiddle {
    vertical-align: middle !important;
}

table th,
table td {
    font-size: 88%;
    /* フォントサイズ13px */
    line-height: 1.57;
}


table caption {
    font-size: 88%;
    /* フォントサイズ13px */
    line-height: 1.57;
    text-align: left;
    font-weight: bold;
}

table th {
    font-weight: bold;
}

body table.bottom {
    margin: 0 0 0 15px;
    padding: 0;
}

.post table p {
    margin: 0;
    padding: 0;
    font-size: 100%;
}



/* 基本デザインのテーブル
---------------------------------------- */
.infoTable {
    width: 100%;
    margin: 0 auto 40px;
}

.infoTable caption {
    margin-bottom: 15px;
    line-height: 1;
}

.infoTable th,
.infoTable td {
    padding: 15px;
    border: 1px solid #FFF;
}

.infoTable th {
    background-color: #03a73a;
    color: #FFF;
    text-align: center;
    white-space: nowrap;
}

.infoTable td {
    background-color: #f4f4f4;
    vertical-align: top;
}

.infoTable td.no-padding {
    padding: 0;
}

.infoTable td.colored {
    background-color: #d9f2e2;
    white-space: nowrap;
}

.infoTable td.colored.red {
    background-color: #f7c8c8;
}

.infoTable td.red {
    background-color: #f9e9e9;
}

.infoTable td.colored.blue {
    background-color: #cfd8f0;
}

.infoTable td.blue {
    background-color: #e8edfb;
}


/*女性のサイトの場合色を変える*/
.parent-pageid-31 .infoTable th {
    background-color: #ff718d;
}

.parent-pageid-31 .infoTable td.colored {
    background-color: #fedae2;
}




/* シンプルなテーブル
---------------------------------------- */
.infoTable1 {
    width: 100%;
    margin: 0 auto 25px;
}

.infoTable1 th,
.infoTable1 td {
    padding: 15px;
    border-bottom: 1px solid #CCC;
}

.infoTable1 th {
    text-align: left;
}

.infoTable2 {
    width: 100%;
    margin: 0 auto 25px;
}

.infoTable2 th,
.infoTable2 td {
    padding: 6px;
    border-bottom: 1px dotted #000;
}



/* お問い合わせフォームのテーブル
---------------------------------------- */
.contactFormTbl th,
.contactFormTbl td {
    border: 1px solid #ccc;
}

.contactFormTbl {
    background-color: #ccc;
    table-layout: fixed;
}

.contactFormTbl caption {
    margin: 0 0 3px 0;
}

.contactFormTbl th {
    padding: 3px 16px;
    text-align: left;
    background-color: #f7f7f7;
    vertical-align: middle;
    /*width: 240px;*/
    white-space: nowrap;
}

.contactFormTbl td {
    padding: 3px;
    background-color: #fff;
}



/*漢方薬とはのところだけ特殊設定*/
#post-17 .page-content .infoTable td.no-padding {
    width: 100px;
}