@charset "UTF-8";

/* BOX Aを枠で囲まない設定 */
/* BOX Aを枠で囲まない設定終わり */

/* ボックスごとに色を変える設定 */
/* ボックスごとに色を変える設定終わり */

/* BOX の設定 */
/* BOX の設定終わり */

/* マウスの挙動 */
A:active {
    color: #651837;
    /*クリックで変わる色ALINK*/
}
A:hover {
    color: #b06258;
    /*マウス通過の色不明*/
}
A:link {
    color: #122561;
    /*リンクの色LINK*/
}
A:visited {
    color: #391403;
    /*クリック後の色VLINK*/
}
/* マウスの挙動終わり */

/* 全体の仕様 */
body {
    word-wrap: break-word;
    /*長文の折り返し*/
    background: #e4dbf2;
    /*外側背景の色*/
    color: #50842a;
    /*標準の文字色*/
}
/* 全体の仕様終わり */

/* 文字部四角の仕様 */
div.square {
    font-size: 16px;
    padding: 20px;
    background-color: #ffeb62;
    /*文字部の四角*/
    color: #50842a;
    /*標準の文字色*/
}
/* 文字部四角の仕様終わり */

/* フォントの仕様 */
h1.title {   
    font-family: "HG丸ｺﾞｼｯｸM-PRO", "MS UI Gothic", "ＭＳ Ｐゴシック";
    color: #32567e;
}
h2 {
    background-color: #ffeb62;
    /*文字背景色*/
    padding-left: 20px;
}
blockquote {
    /*linkで使用*/
    color: #00a0dd;
    /*文字色*/
}
h2.collect {
    /*collectで使用*/
    background-color: #7acd0c;
    /*文字背景色*/
    padding-left: 20px;
}
.male {
    background: #009933;
    /*文字背景色*/
    border: #3333ff solid;
    /*文字枠の色*/
    border-width: 0px 0px 4px 20px;
    /*枠の上右下左のおおきさ*/
    color: #76a6d4;
    /*文字の色*/
    padding-left: 10px;
    width: 50%;
}
.female {
    background: #ff99cc;
    /*文字背景色*/
    border: #ff6699 solid;
    /*文字枠の色*/
    border-width: 0px 0px 4px 20px;
    color: #d16b90;
    /*文字の色*/
    padding-left: 10px;
    width: 50%;
}
h3 {
    background-color: #ffeb62;
    /*文字背景色*/
    padding-left: 20px;
    text-align: center;
}
h3.collect {
    /*collectで使用*/
    background-color: #7acd0c;
    /*文字背景色*/
    padding-left: 20px;
}
h4 {
    background-color: #ffeb62;
    /*文字背景色*/
    padding-left: 20px;
}
h4.collect {
    /*collectで使用*/
    background-color: #7acd0c;
    /*文字背景色*/
    padding-left: 20px;
}
p {
    font-size: 14pt;
    line-height: 120%;
    padding: 20px;
}
.mb {
    font-size: 1em;
}
.text1 {
    color: #393939;
    /*文字の色*/
    line-height: 1.2;
    padding-left: 10px;
}
.text2 {
    color: #393939;
    /*文字の色*/
    line-height: 1.2;
    padding-left: 10px;
}
.text3 {
    /*03reportで使用*/
    font-size: 14pt;
    line-height: 200%;
}
/* フォントの仕様終わり */

/*横罫線の仕様*/
hr {
    clear: both;
    border-width: 1px 0px 0px 0px;
    /* 太さ */
    border-style: solid;
    /* 線種 */
    border-color: #ffeb62;
    /* 文字部の四角の色にした */
    height: 1px;
    /* 高さ */
}
hr.violet {
    display: block;
    width: 90%;
    height: 3px;    /* 高さ */    
    background-color: #800040;    /* ラインの紫色 */
    border: 0;   /* 太さ */
}
/*横罫線の仕様終わり*/

/*画像のサイズを変化*/
p.resizeimage img {
    mAX-width: 460px;
    min-width: 300px;
}
p.resizeimage img {
    width: 100%;
}
p.top img {
    mAX-width: 60px;
    min-width: 50px;
}
p.top img {
    width: 100%;
}
span.new01 img {
    mAX-width: 38px;
    min-width: 19px;
}
span.new01 img {
    width: 100%;
}
/*画像のサイズを変化終わり*/

/* スマートフォンだけ以下を適用 */
@media only screen and (max-device-width : 480px) {
img {
        max-width: 100%;
        height:auto;
}
h2.male {
        width: 80%;
}
h2.female {
        width: 80%;
}
}
/* スマートフォン終わり */

/*色の仕様*/
.s01 {
        font-size: 12pt;
        color: #50842a;
        /*巻頭の色*/
}
.s02 {
        color: #555555;
        /*コメントの色*/
}
.s03 {
        font-size: 1.5em;
        color: #008955;
        /*日数カウントの色*/
}
/*色の仕様終わり*/

/*リストの仕様*/
ul.raw li {
        margin-bottom: 30px;
        font-size: 14px;
        font-weight: bold;
        line-height: 200%;
}
/*リストの仕様終わり*/

/*テーブルの仕様*/
table {
width:100%;
max-width:400;
}
.scroll{
overflow: auto;　　　　/*tableをスクロールさせる*/
white-space: nowrap;　　/*tableのセル内にある文字の折り返しを禁止*/
}
.scroll::-webkit-scrollbar{　　/*tableにスクロールバーを追加*/
 height: 5px;
}
.scroll::-webkit-scrollbar-track{　　/*tableにスクロールバーを追加*/
 background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {　　/*tableにスクロールバーを追加*/
 background: #BCBCBC;
}
/*テーブルの仕様終わり*/      

/*画像の仕様*/
.img_center{ text-align: center;
}
.w25r{ float: right;
           padding:5px;
           width:250px;
           height:auto
}
.w25l{  float: left;
           padding:5px;
           width:250px;
           height:auto
}
.w30r{  float: right;
           padding:0px 5px;
           width:300px;
           height:auto
}
.w30l{  float: left;
           padding:0px 5px;
           width:300px;
           height:auto
}
.w40c img{ text-align: center;
           width:100%;
           height:auto;
           max-width:400px
}
.w45c img{ text-align: center;
           width:100%;
           height:auto;
           max-width:450px
}
.w50c img{ text-align: center;
           width:100%;
           height:auto;
           max-width:500px
}
/*画像の仕様終わり*/