@charset "utf-8";
/* ページ全体 */
* {
    font-size : 100%;
    margin : 0;
    padding : 0;
}
/* body全体 */
body {
    font-size : 16px;
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;/*
    font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
    text-align : center ;
*/
}
ul, li {
    padding: 0;
    margin: 0;
    list-style-position: inside;
}
/* メールフォーム全体を囲うidタグ */
#contents_wrapper {
    width : auto;
    margin : 0 auto 30px;
    padding : 20px 15px 0;
    background : #ffffff;/*
    border-left : 1px solid #b3b3b3 ;
    border-right : 1px solid #b3b3b3 ;
    border-bottom : 1px solid #b3b3b3 ;
*/
}
/* 入力フォームを囲うclassタグ */
.setting_section {
    margin-bottom : 25px;
}
/* ボタンを囲うclassタグ */
.button_box {
    clear : both;
    padding : 8px;
    text-align : center;
}
/* 赤文字を表示するためのclassタグ */
.red_txt, .red {
    color: #ff3333;
}
div.red_txt ul {
    width: 760px;
    margin-left: auto;
    margin-right: auto;
}
/* 左詰の文字を表示するためのclassタグ */
.left_txt {
    text-align : left;
}
/* 説明文を表示するためのidタグ */
h3 {
    width: 744px;
    margin-left: auto;
    margin-right: auto;
}
#txt_explain {
    width: 744px;
    margin-left: auto;
    margin-right: auto;
    color: #000000;
}
@media (max-width: 767px) {
h3,
#txt_explain,
div.red_txt ul {
    width: 100%;
}
}
/* コンテンツ内の[p]タグ */
#contents p {
    margin-bottom : 1em;
    text-align : left;
}
/* コンテンツ内の[h3]タグ */
#contents h3 {
    border-bottom : 1px solid #0b308e;
    /*    color: #ff6600; */
    color: #000;
    padding : 5px 10px 5px 6px;
    text-align : left;
    font-size : 120%;
    margin-bottom : 10px;
}
/* コンテンツ内の内部タグ */
#contents .inner {
/*    padding : 0 15px ;*/
}
/* コンテンツ内のフォームに使用する[table]タグ */
#contents table {
    /*    width : 744px ; */
    width: auto;
    border-collapse : collapse;
    border: 1px solid #aaa;
    margin-left: auto;
    margin-right: auto;/*
    border-left : 1px solid #b3b3b3 ;
    border-top : 1px solid #b3b3b3 ;
    border-right : none ; 
    border-bottom : none ;
*/
}
/* コンテンツ内のフォームに使用する[th]タグ */
#contents table th {
    /*
    border-right : 1px solid #b3b3b3 ;
    border-bottom : 1px solid #b3b3b3 ;
    border-top : none ; 
    border-left : none ;
    background : #444444;
    color: #ffffff;
*/
    width: 15em;
    padding : 3px 5px;
    text-align : left;
    border-color: #aaa;
}

@media (max-width: 767px) {
#contents table th {
    width : 6em;
}
}
/* コンテンツ内のフォームに使用する[td]タグ */
#contents table td {
    /*
    border-right : 1px solid #b3b3b3 ;
    border-bottom : 1px solid #b3b3b3 ;
    border-top : none ; 
    border-left : none ;
*/
    padding : 3px 5px;
    text-align : left;
    border-color: #aaa;
}
#contents table td label {
    margin-right: 1em;
}
/* フォーム全体 */
#main_table * {
    /*	font-family : sans-serif ; */
    font-family: "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}
/* フォーム内の入力欄 */
#main_table input {
    width : 480px;
}

@media (max-width: 767px) {
#main_table input {
    width : 100%;
}
}
/* フォーム内の入力欄 */
#main_table textarea {
    width : 100%;
}
.scroll {
    width: 744px;
    height: 10em;
    margin: 20px auto 0;
    padding: 0.6em;
    border: 1px solid #ccc;
    overflow: scroll;
    font-size: 0.8em;
}

@media (max-width: 767px) {
.scroll {
    width : 100%;
}
}