@charset "utf-8";

/* ホケタケ通信 /newsletter/
---------------------------------------- */
a,
a:visited {
    color: #0066ff;
}

a:hover {
    color: #ff6600;
}

.smallfont {
    font-size: 10px;
    font-weight: normal;
}



/* コンテンツ
------------------------------ */
#container {
    width: 900px;
    background: transparent;
    margin: 0 auto;
    background: #ffffff;
    overflow: auto;
}

#wrapper {
    clear: both;
    width: 900px;
    margin: 0;    
    background: transparent;
    overflow: auto;
}

#content_title {
    width: 900px;
    margin: 0;
    background: #transparent;
}

#content_title h1 {
    margin: 0;
    padding: 0;
    color: #ffffff;
}

#content {
    width: 552px;
    margin: 0 174px;
    background: #ffffff;
    overflow:auto;
    color: #444444;
    text-align: left;
}



/* コンテンツ メイン
----------------------*/
#content_section {
    width: 448px;
    margin: 0 52px;
    padding-bottom: 20px;
    background: #ffffff;
    overflow:auto;
    font-size: 12px;
}

div.section p {
    text-align: left;
    line-height: 1.6;
    text-indent: 0;
    margin: 10px 0;
}

div.section h2 {
    margin: 20px 0 0 0;
    padding: 2px;
    background: #ffffff;
    text-align: center;
    font-size: 14px;
    font-weight: bold;
}


/* サンプル表示
------------------*/
form.sample {
    clear: both;
    margin: 0;
    width: 448px;
    font-size: 12px;
}

form.sample textarea {
    width: 420px;
    padding: 0 0 0 15px;
    line-height: 1.6;
}

/* メルマガ申し込み
------------------*/
div.newsletter {
    width: 428px;
    margin: 0 10px;
    background: #ffffff;
    text-align: center;
    line-height: 1.6;
}

div.newsletter table {
    width: 428px;
    padding: 0;
    margin: 0;
    font-size: 14px;
    text-align: left;
}

div.newsletter th {
    background: #eeeeee;
    margin: 0;
    padding: 3px;
    line-height: 1.4;
    font-weight: normal;
/*    width: 90px; */
    font-size: 12px;
}    

div.newsletter td {
    font-size: 12px;
    line-height: 1.6;
}

div.newsletter img {
    float: left;
    margin: 20px;    
}

div.thanks {
    display: block;
    line-height: 1.8;
    margin: 20px 10px 100px 10px;
}


.post_name,
.post_email,
.post_address {
    width: 170px;
    padding: 1px;
    border: 1px solid #cccccc;
    margin: 1px;
}

.post_age {
    width: 50px;
    padding: 1px;
    border: 1px solid #cccccc;
    margin: 1px;
}

.post_message {
    width: 280px;
    padding: 1px;
    border: 1px solid #cccccc;
    margin: 1px;
}

span.adds {
    font-size: 12px;
}    

div.post_err {
    font-size: 12px;
    color: #ff0000;
    font-weight: bold;
    text-align: center;
    margin: 15px 0 5px 0;
}

div.privacy {
    text-align: left;
    font-size: 12px;
    margin: 5px 5px 20px 5px;
    width: 420px;
}

div.submit_btn {
    margin: 0 auto 30px auto;
}

div.select_btn {
    margin: 0 114px 100px 114px;
    width: 200px;
    text-align: left;
}

div.btn_send {
    float: left;
    width: 100px;
    text-align: center;
}

div.btn_correct {
    float: right;
    width: 100px;
    text-align: center;
}