/* スマホタイプの場合の基本デザイン　*/

h1 { font-size: 1.5em }
h2 { font-size: 1.2em }
button {
    margin-top: 10px;
    margin-bottom: 10px; }

label { color:darkblue
; }     /* 項目文字色 */
.mytheme-color {background-color:#339933;color:white;}  /* テーマカラー */


/* テーブル定義　*/



table#table0 {
    border: 0px #ffffff solid;
    border-collapse: collapse;
    border-spacing: 0; 
}
table#table0 td.title_color {
    font-style: bold;
    font-weight: large;
    font-size: 18pt;
    font-family: 'メイリオ','ＭＳ ゴシック';
    color: #ffffff;
}
table#table0 tr.login_color {
    background-color: #D0DFFF;
    font-style: bold;
    font-weight: nomal;
    font-size: 12pt;
    font-family: 'メイリオ','ＭＳ ゴシック';
    color: #000000;
}

/* table1:データ一覧表のスタイル　*/
table#table1 {
    border: 1px #ffffff solid;
    border-collapse: collapse;
    border-spacing: 0;
    border-bottom:1px solid #4d4d4d;
}
table#table1 caption {
  font-weight: bold;
  font-size: 120%;
  color: #003366;
  text-align: left;
}
table#table1 th {
    padding: 2px;
    border: #eeeeee solid;
    border-width: 0 0 2px 2px;
    background: #336699;
    color: #ffffff;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
    vertical-align: baseline;
}
table#table1 td {
    padding: 2px 6px;
    border-bottom:1px solid #4d4d4d;
    border-left:2px solid #f0f0f0;
    color: #000000;
    text-align:  left;
    vertical-align: baseline;
}
table#table1 tr { 
    background-color: #ffffff;  /* 1行目のカラー　*/
}
table#table1 tr.2 {  
    background-color: #e3f0fb; /* 2行目のカラー　*/
}


/* **** table2 :申し込みフォームのスタイル****　*/

table#table2 {
    width: 940px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    border-bottom:8px solid #9d9d9d;
}
table#table2 th,td {
    vertical-align: 10px;
    font-style: nomal;
    font-weight: nomal;
    font-size: 12pt;
    font-family: 'メイリオ','ＭＳ ゴシック';
    color: #000000;
}
table#table2 th.comment {
    margin: 0px;
    padding: 6px;
    border: 0px;
    height: 50px;
    text-align: right;
    vertical-align: bottom;
    font-style: nomal;
    font-weight: nomal;
    font-size: 12pt;
    font-family: 'メイリオ','ＭＳ ゴシック';
    color: #eedddd;
}
table#table2 th.title,table#table3 th.title {
    vertical-align: 10px;
    font-style: nomal;
    font-weight: nomal;
    font-size: 16pt;
    font-family: 'メイリオ','ＭＳ ゴシック';
    color: #eeeeee;
}

table#table2 td.left {
    vertical-align: top;
    padding: 10px 10px 2px 2px;
    border-style: solid; 
    border-width: 0px 0px 0px 1px;
    font-weight: nomal;
    border-top: 2px solid #ffffff;
    border-left:2px solid #ffffff;
    text-align:  right;
    width: 200px;
    background-color: #E3F0FB;
}
/* **** td.center and right ****　*/
table#table2 td.center,
table#table2 td.right  {
    vertical-align: top;
    text-align: left;
    padding: 10px 10px 2px 2px;
    border-style: solid; 
    border-width: 0px 0px 0px 1px;
    border-top: 2px solid #ffffff;
    border-left:2px solid #ffffff;
    padding: 10px 10px;
} 

table#table2 td.center {
    width: 600px;
    background-color: #f5deb3;
} 
table#table2 td.right {
    width: 140px;
    background-color: #fffeed;
}  

table#table2 td.h_line {
    font-style: nomal;
    font-weight: nomal;
    font-size: 12pt;
    font-family: 'メイリオ','ＭＳ ゴシック';
    color: #dddddd;
    border-top: 10px solid #ffffff;
    border-left:2px solid #ffffff;
    padding: 10px 10px 6px 20px;
    background-color: #4682b4;
} 

/* **** table3 :申し込みフォームのスタイル****　*/

table#table3 {
    width: 700px;
    border: 0;
    border-collapse: collapse;
    border-spacing: 0px;
    border-bottom:8px solid #9d9d9d;
}
table#table3 th,td {
    vertical-align: 10px;
    font-style: nomal;
    font-weight: nomal;
    font-size: 12pt;
    font-family: 'メイリオ','ＭＳ ゴシック';
    color: #000000;
}
table#table3 th.comment {
    margin: 0px;
    padding: 6px;
    border: 0px;
    height: 50px;
    text-align: right;
    vertical-align: bottom;
    font-style: nomal;
    font-weight: nomal;
    font-size: 10pt;
    font-family: 'メイリオ','ＭＳ ゴシック';
    color: #dd3333;
}
table#table3 th.title_color {
    vertical-align: 10px;
    font-style: nomal;
    font-weight: nomal;
    font-size: 16pt;
    font-family: 'メイリオ','ＭＳ ゴシック';
    color: #eeeeee;
}

table#table3 td.left {
    vertical-align: top;
    padding: 10px 10px 2px 2px;
    border-style: solid; 
    border-width: 0px 0px 0px 1px;
    font-weight: nomal;
    border-top: 2px solid #ffffff;
    border-left:2px solid #ffffff;
    text-align:  right;
    width: 200px;
    background-color: #E3F0FB;
}

table#table3 td.left2 {
    text-align:  right;
    vertical-align: top;
    padding: 10px 10px 10px 2px;
    border-style: solid; 
    border-width: 0px 0px 0px 1px;
    font-weight: normal;
    width: 200px;
    border-bottom:1px solid #4d4d4d;
    background-color: #e3e0eB;
}
/* **** td.center  ****　*/
table#table3 td.center  {
    vertical-align: top;
    text-align: left;
    padding: 10px 10px 2px 2px;
    border-style: solid; 
    border-width: 0px 0px 0px 1px;
    border-top: 2px solid #ffffff;
    border-left:2px solid #ffffff;
    padding: 10px 10px;
    width: 600px;
    background-color: #ededfe;
} 

table#table3 td.h_line {
    font-style: nomal;
    font-weight: nomal;
    font-size: 12pt;
    font-family: 'メイリオ','ＭＳ ゴシック';
    color: #dddddd;
    border-top: 10px solid #ffffff;
    border-left:2px solid #ffffff;
    padding: 10px 10px 6px 20px;
    background-color: #4682b4;
} 
 
table#table0 td.title_color,
table#table2 th.comment,
table#table3 th.comment,
table#table2 th.title,
table#table3 th.title 
{ background-color: #00008b; }  /* 基本カラー　*/