* {
    box-sizing: border-box;
}

a {
    color: #017acd
}


body {
    width: 100%;
    max-width: 980px;
    overflow: auto;
    margin: auto;
    padding: 0;
    line-height: 160%;
    color: #222222;
    font-family: Arial;
    font-size: 15px;

}

img {
	border: 1px solid #000;
}


/*
div#container	{
    min-width: 760px;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    border-left:solid 3px #000000;
    border-right:solid 3px #000000;
    background-color:white;
}
*/

/*  ｽw ｽb ｽ_ ｽ[ */
div#header {
    background-color: #ffffff;
    padding: 5px 0;
    margin: 0 0 0 0;
}

blockquote {
    width: auto;
    border: 1px solid #000;
    background-color: #EEE;
    margin: 20px 40px;
    padding: 5px;


}

div#header h1 {
    display: inline;
    white-space: nowrap;
    font-family: inherit;
    font-weight: normal;
    font-size: 1.1em;
    color: #f08020;
}

div#auth {
    height: 20px;
    float: right;
    margin: 15px;
    text-align: left;
    font-size: 1.1em;

}

div#language a {
    display: block;
    padding: 2px 5px;
    color: #f08020;
    text-decoration: none;
}


div.index_text {
	float: left; 
	max-width:500px
}


div.index_image {
	float: left; 
	margin:10px;
}

div.index_image img{
	width:240px;
}


/*main menu wrapper*/
div.main_menu {
    background-color: #0000ae;
}

/*main menu box*/
div.main_menu ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

/*menu item box*/
div.main_menu ul li {
    list-style-type: none;
    position: relative;
}

/*menu item*/
div.main_menu button,
div.main_menu a {
    display: block;
    margin: 0;
    padding: 0 20px;
    line-height: 40px;
    height: 40px;
    background-color: inherit;
    border: none;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    font-size: inherit;
    text-align: left;
}

/*menu item when hover*/
div.main_menu button:hover,
div.main_menu a:hover {
    background-color: #A9A9EC;
}

/*sub menu box*/
div.main_menu ul li ul {
    display: none; /*繝 ヵ繧ｩ繝ｫ繝医〒縺ｯ髱櫁｡ｨ遉ｺ縺ｮ迥ｶ諷九↓縺励※縺翫￥*/
    position: absolute;
    z-index: 1000;
    width: 100%;
}

/*sub menu item*/
div.main_menu ul li ul li a {
    width: 100%;
    background-color: #FDA080;
    border-top: 1px solid #fff;
    z-index: 1000;
    padding-right: 0;
}

/*sub menu item when hover*/
div.main_menu ul li ul li a:hover {
    background-color: #ffd8cc;
    color: #444;
}


div#type_header button:hover,
div#type_header a:hover {
    cursor: pointer;
}

div#type_header ul {
    display: flex;
    flex-wrap: wrap;
    margin: 0;
    padding: 0;
}

/*menu item box*/
div#type_header ul li {
    list-style-type: none;
    position: relative;
    margin: 0 5px 0 0;
}

/*menu item*/
div#type_header a {
    display: block;
    margin: 0 0 0 0;
    padding: 0 10px;
    line-height: 40px;
    height: 40px;
    border: none;
    text-align: center;
    text-decoration: none;
    color: #ffffff;
    font-weight: bold;
    font-size: inherit;
}


div.post_img_container img {
    display: block;
    max-width: 100%;
    max-height: 350px;
    margin: 0 auto;
    padding: 0;
}



div.main_menu address {
    font-size: 0.8em;
    color: #ffffff;
    font-weight: bold;
    text-align: center
}


div#index {
    margin: 0;
    padding: 0;
    width: 100%;
    max-width: 700px;
    float: left;

}

div#main {
    margin: auto;
    margin-bottom: 20px;
    width: 100%;
    max-width: 1024px;
    min-height: 500px;

}


div#whats_new {

    width: 250px;
    max-height: 1600px;
    margin: 10px;
    border: 1px solid #f08020;

    overflow: hidden;
}

div#whats_new h2 {
    background-color: #f08020;
    color: #ffffff;
    font-weight: bold;
    font-size: 1em;
    margin: 0px;
    line-height: normal;
    padding: 5px 5px 5px 10px;
    border-left: none;

}

div#whats_new h4 {
    font-size: 1em;
    margin: 20px 5px 5px 5px;

}

div#whats_new p {
    margin: 5px 15px;
    font-size: 0.9em;

}

div#help_content {
    float: left;
    max-width: 750px;
    margin: 0 15px 0 0;
}

div#help_menu {
    float: left;
    width: 210px;
    padding-left: 10px;
    border-left: 1px solid #000000;

}

table.index {

    table-layout: fixed;
    font-size: 1.2em;
    margin-left: 0px;
    margin-top: 10px;
    width: 100%;
}


table {
    border-collapse: collapse;
    max-width: 100%;
    margin: 20px auto 20px 50px;
    table-layout: fixed;
}

table th {
    color: #333;
    background-color: #eee;
    border: 1px solid #b9b9b9;
    padding: 3px 6px;
}

table.nowrap th {
    white-space: nowrap;
}

table th.fee {
    background-color: #E0C0E0;

}

table th.sum_fee {
    font-weight: bold;
    background-color: #C69CC5;

}

table td {
    background-color: #FFFFFF;
    border: 1px solid #b9b9b9;
    padding: 3px 6px;

}

table td.line0 {
    background-color: #FFE;
}

table td.line1 {
    background-color: #EFF;
}

table tr.gray_out td {
    background-color: #666 !important;

}


table td.A {
    background-color: #FEE;

}

table td.B {
    background-color: #EEF;

}

table td.gray {
    background-color: #BBB;

}

table.regular_entry {
    table-layout: fixed;
    max-width: 600px;
    width: 100%;
}

tr.odd th {
    background-color: #dff;
}

tr.even th {
    background-color: #ffd;
}

tr.odd td {
    background-color: #dff;
}

tr.even td {
    background-color: #ffd;
}

tr.gray_tr td {
    background-color: #bbb !important;
}


td.fee {
    text-align: right;
    background-color: #F0D8F0 !important;
}

td.sum_fee {
    font-weight: bold;
    text-align: right;
    background-color: #E0C0E0 !important;
}

div h2 {
    background-color: #E1E1F9;
    font-size: 1.4em;
    line-height: 28px;
    padding: 5px 5px 5px 10px;
    margin: 10px 0px;
    border-left: solid 8px #0000ae;
    color: #000000;
    clear: both;
}

div h3 {
    font-size: 1.3em;
    font-weight: bold;
    padding: 5px 5px 5px 5px;
    margin: 20px 10px;
    border-left: solid 8px #0000ae;
    border-bottom: solid 2px #0000ae;
    clear: both;
}

div h4 {
    font-size: 1.15em;
    border-bottom: 1px solid #000000;
    font-weight: bold;
    margin: 20px 10px 10px 20px;

}

div h5 {
    font-size: 1em;
    font-weight: bold;
    border-left: 3px solid #000000;
    padding: 0 3px;
    margin: 5px 0 5px 30px;

}

div p {

    margin: 10px 10px 10px 30px;
}

div p small {
    font-size: 0.8em;
    font-style: italic;
}

div p.note {
    padding: 10px;
    background-color: #FEFCAF;
    border-radius: 5px;
    border: solid 1px #988b55;
}

div p#pankuzu {

    margin: 5px;

}


ul.error_list {
    border: 1px solid #FF0000;
    background-color: #FFEEEE;
    padding-top: 10px;
    padding-bottom: 10px;
}

ul.error_list li {
    color: #FF0000;
}

ul.info_list {
    border: 1px solid #0000FF;
    background-color: #EEEEFF;
    padding-top: 10px;
    padding-bottom: 10px;
}

ul.info_list li {
    color: #0000CC;
}

li.groupentry_check {
    float: left;
    width: 140px;
    margin: 0.5em 20px 0.5em 5px;
    list-style-type: none;
}

.example {
    font-style: italic;
    color: #888888;
}

.numeric {
    text-align: right;
}

input {
    margin: 1px 3px;
}

input[type="submit"] {
    margin: 0 50px;
    padding: 10px;
    font-size: 1.2em;
}

input.small[type="submit"] {
    margin: 0px;
    padding: 0px 0px;
    font-size: 1em;
}

textarea {
    height: 6em;
    width: 15em;
}

textarea.big {
    height: 15em;
    width: 35em;
}


input[type="text"].short {
    width: 65px;
}

input[type="text"].keta3 {
    width: 30px;
    text-align: right;
}

input[type="text"].keta5 {
    width: 50px;
    text-align: right;
}


input[type="text"].wide {
    width: 300px;
}

.file {
    display: block;
    width: 128px;
    height: 128px;
    text-align: center;
    margin: 5px 0px;
    padding: 50px 20px 5px 20px;
}

.file-box {
    display: flex;
    flex-wrap: wrap;
}

.url {
    background-image: url("../img/file_url.png");
}

a.middle_size {
    padding: 5px;
    font-size: 1.2em;
    background-color: #FF9900;
    border-radius: 4px;
    text-decoration: none;
    font-weight: bold;
    color: #fff;
    box-shadow: 0 3px 0 #AA5500;
    text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}

a.middle_size:hover {
    background-color: #FFAA88;
    box-shadow: 0 3px 0 #CC7744;
}

a.middle_size:active {
    top: 3px;
    box-shadow: none;
}


.big_link {
    width: 280px;
    font-size: 1.5em;

    font-weight: bold;

    text-align: center;

    display: block;

    text-decoration: none;
    background-color: #f08020;
    color: #ffffff;


    padding: 15px 0 15px 0;
    margin: auto;
    border-style: solid;
    border-width: 3px;
    border-right-color: #f0B090;
    border-bottom-color: #f0B090;
    border-top-color: #f0E0C0;
    border-left-color: #f0E0C0;
}

a.big_link:hover {
    background-color: #FDD0A0;
}

a.groupentry_button {
    width: 300px;
    text-align: center;
    font-size: 1.2em;
    display: block;
    margin: 1em auto 1em auto;
}

div#footer {
    background-color: #f08020;
    margin-top: 10px;
    padding: 4px 0;
    clear: both
}

div#footer ul {
    margin: auto;
}

div#footer ul li {
    display: inline;
    list-style-type: none;
    margin: 0px 10px;
}

div#footer ul li a {
    color: #FFFFFF;
    font-weight: bold;
}

div#footer ul li a:hover {
    color: #88FFFF;
}

.comment {
    font-size: 0.8em;
    font-weight: normal;
    font-style: italic;
}

.required {
    font-weight: normal;
    color: #d00;
    display: inline-block;
}


@media screen and ( max-width: 479px ) {

    div#auth {
        margin: 5px;
    }

    table, div h1, div h2, div h3 {
        margin-left: 2px;
        margin-right: 2px;
    }

    div p, div h4, div h5, div h6 {
        margin-left: 5px;
        margin-right: 5px;
    }


}

@media screen and ( max-width: 479px ) {
}

@media screen and ( min-width: 980px ) {
    body {
        font-size: 17px;
        max-width: 980px;
    }

    div#main {
        max-width: 980px;
    }
}