@charset "utf-8";

ul{
list-style: none;
}


#wrapper,{
margin:0px auto;
width:960px;
font-size:100%;
}

img {
border: none;
max-width:100%;
}

input,textarea,select {
font-size: 1em;
}

form {	margin: 0px;
}

table {
border-collapse:collapse;
font-size: 100%;
border-spacing: 0;
max-width:100%;
}

h3,h2,h1{
font-size:100%;
color:#000033;
vertical-align:middle;
margin-left:0px;

}


h3.title{
font-size:100%;
color:#000033;
}


h4{
font-size:200%;
color:#0000336;
vertical-align:middle;
margin-left:0px;
max-width:100%;

}
.box_blue_maru{
border-radius: 20px;
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
border:#f24800 2px solid;
padding:0px 15px;
color:#f24800;
max-width:100%;
}

.box_blue_maru_left{
float:left;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
border:#f24800 2px solid;
padding:0px 15px;
color:#f24800;
}

.box_mos_maru_left{
float:left;
    border-radius: 20px;        /* CSS3草案 */  
    -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 20px;   /* Firefox用 */
border:#844500 2px solid;
padding:0px 15px;
color:#844500;
}
.w100{
background:#fff;
width:960px;
padding:10px 0px 10px 0px;
margin:0px auto;
max-width:100%;
overflow:hidden;
}

.w100s{
border:#ff6600 solid 2px;
background:#fff;
width:650px;
padding:10px;
margin:0px auto 15px;
max-width:100%;
overflow:hidden;

}

.waku_ore2{
border:#ff6600 solid 2px;
background:#fff;
padding:10px;
margin:0px auto 15px;
max-width:100%;
overflow:hidden;

}
.main800{
margin:0 0 0 0px;
text-align:left;
width:960px;
max-width:98%;

}





.w100_mos{
background-color:#399f56;
color:#ffffff;
padding:3px 3px 3px 20px;
text-align:left;
font-weight:bold;
clear:both;

}

.w100_mos a{
font-size:16px;
color:#ffff60;
}

.w100_mos a:hover{
font-size:16px;
color:#ffff00;
}



.w100_mos2{
background-color:#beebd7;
color:#cc0000;
padding:7px;
text-align:left;
font-weight:bold;
clear:both;
width:940px;
max-width:98%;
}

.w100_blue3{
background-color:#cbc9c9;
color:#000000;
padding:3px 3px 3px 10px;
text-align:left;
font-weight:normal;
clear:both;
font-size:16px;
max-width:100%;

}

.w100_blue{
background-color:#844500;
color:#ffffff;
padding:3px 3px 3px 20px;
text-align:left;
font-weight:bold;
clear:both;

}


.w100_blue2{
background-color:#fee570;
color:#cc0000;
padding:7px;
text-align:left;
font-weight:bold;
clear:both;
width:940px;
max-width:98%;
}
.w100 img{
vertical-align:middle;
}
.w90{
float:left;
width:930px;
max-width:96%;
margin-right:15px;
padding:7px 10px 7px 10px;
text-align:left;
font-size:100%;
line-height:170%;
}
.w90 dl.dl1 {
    border-bottom:2px solid #fff;
    border-left:2px solid #fff;
    border-right:2px solid #fff;
    margin:5px;
width:930px;
max-width:100%;
}


.w90 dt.dt1{
clear:both;
float:left;
font-size:100%;
background-color:#151f5e;
color:#ffffff;
padding:0px 5px;
font-weight:bold;
width:110px;
border-top:2px solid #fff;
}



.w90 dt.dt1mos{
clear:both;
float:left;
font-size:100%;
background-color:#844500;
color:#ffffff;
padding:0px 5px;
font-weight:bold;
width:110px;
border-top:2px solid #fff;
}
.w90 dd.dd1 {
float:left;
font-size:100%;
background-color:#ffffff;
color:#000;
padding:0 0 10px 5px;
font-weight:normal;
width:780px;
max-width:100%;
border-top:2px solid #fff;
}

dt.dt2{
clear:both;
float:left;
font-size:100%;
background-color:#fff;
color:#000000;
padding:35px 5px 0px 5px;
font-weight:bold;
width:200px;
border-top:2px solid #fff;
}

dd.dd2 {
float:left;
font-size:100%;
background-color:#ffffff;
color:#000;
padding:0 0 10px 5px;
font-weight:normal;
width:550px;
max-width:65%;
border-top:2px solid #fff;
}


.w90 dd.dd1 div.left50 {
padding-left:56px;
}

.w90 dd.dd1 div.left60 {
padding-left:63px;
}

.w90 dd.dd1 div.floatleft{
float:left;
}

.w90 a{
color:#844500;
font-weight:bold;
}



table.ta1{
width:100%;
margin:10px 0 20px 5px;
max-width:100%!important;
}

table.ta1 td{
text-align:center;
border-bottom:#c7c7c7 dotted 1px;
padding:3px;
vertical-align:middle;
}



.bg_mos{
background-color:#844500;
color:#ffffff;
font-weight:bold;

}



.bg_mos2{
font-size:80%;
background-color:#beebd7;
color:#175736;
}

.bg_mos3{
background-color:#ff6600;
color:#ffffff;
font-weight:bold;
}

.bg_mos3_2{
background-color:#fff4b9;
font-weight:bold;
}

.bg_mos4{
background-color:#2e8e08;
color:#ffffff;
font-weight:bold;
}
.bg_mos4_2{
background-color:#ebfdc3;
font-weight:bold;
}

.bg_mos5{
background-color:#2f8dc3;
color:#ffffff;
font-weight:bold;
}

.bg_mos5_2{
background-color:#d4eefd;
font-weight:bold;
}

.bg_mos2_20{
font-size:110%;
background-color:#beebd7;
color:#175736;
font-weight:bold;
}



table.ta1 td.bg_blue{
background-color:#8a621c;
color:#ffffff;
font-weight:bold;
text-align:center;
border-right:#fff solid 1px;
}
.bg_blue2{
font-size:80%;
background-color:#beebd7;
color:#175736;
}

.bg_blue{
background-color:#000099;
color:#ffffff;
font-weight:bold;

}




.box1{
width:95%;
padding:10px;
margin:10px 0;
border:1px solid #cccccc;
color:#333333;
text-align:170%;
    background: #fff;
    background-image: -webkit-linear-gradient(#ffff99, #fff);
    background-image:    -moz-linear-gradient(#ffff99, #fff);
    background-image:     -ms-linear-gradient(#ffff99, #fff);
    background-image:      -o-linear-gradient(#ffff99, #fff);
}

ul.li_maru li{
margin-left:20px;
background-image:none;
}



.li_maru li{
list-style-type:disc;
margin-bottom:5px;
line-height:160%;
background-image:none;
}

.clearboth{
clear:both;
margin-bottom:5px;
}




.alignright70{
float:left;
margin-left:30px;
}

.text_white{
color:#ffffff;
}

.text_red{
color:#d90000;
}

.text_red_90{
font-size:90%;
color:#d90000;
}



.text_green{
color:#3a985e;
}

.text_mos{
color:#009999;
}

.text_white16{
color:#ffffff;
font-size:160%;
}

h2 .text_mos20{
color:#399f56;
font-size:150%;
}




.text90{
font-size:90%;
}

.text80{
font-size:80%;
}


@media only screen and (min-width: 960px) { /* PC表示 領域が960px以上の場合に適用するスタイル */
 } 

@media only screen and (max-width: 959px) { /* PC表示 領域が959px以下の場合に適用するスタイル */
h2 .text_mos20{
color:#399f56;
font-size:120%;
}

 } 

@media only screen and (max-width: 644px) { /* PC表示 領域が640px以下の場合に適用するスタイル */


dt.dt2{
clear:both;
float:none;
font-size:100%;
background-color:#fff;
color:#000000;
padding:10px 5px 0px 5px;
font-weight:bold;
width:90%;
border-top:2px solid #fff;
}

dd.dd2 {
float:none;
font-size:100%;
background-color:#ffffff;
color:#000;
padding:0 0 10px 5px;
font-weight:normal;
max-width:95%;
border-top:2px solid #fff;
}





.w100_blue{
background-color:#844500;
color:#ffffff;
padding:3px;
text-align:center;
font-weight:bold;
}


.alignright70{
clear:both;
float:none;
margin-left:0px;
width:95%;
}

h2 .text_mos20{
color:#399f56;
font-size:100%;
}
 } 

@media only screen and (max-width: 480px) { /* PC表示 領域が480px以下の場合に適用するスタイル */

h2{
font-size:100%;
color:#1c618a;
font-weight:bold;
}


 }