@charset "utf-8";

/*===========================*/
/*　　　　　　　　　トップページ
/*===========================*/

.container {
width: 100%;
max-width: 980px;
margin: 0px auto;
overflow: hidden;
padding: 10px 10px 30px 10px;
background-color: rgba(249,241,230,0.92);
}

#top-page-message {
padding: 0px 160px 0px 0px;
background:url(../images/de_jp_only.gif) no-repeat right top 5px;
min-height:50px;
}

.container .box_left {
float: left;
width: 350px;
margin: 0px auto;
padding: 0px 50px 20px 0px;
font-size: 14px;
line-height: 160%;
}

.container .box_left ul {
list-style-type: none;
}

.container .box_left .li-1 {
padding: 15px 0px 3px 5px;
border-bottom: 1px solid #999999;
font-weight: bold;
text-indent: -1em;
margin-left: 1em;
}

.container .box_left .li-1::before {
content: '\f04d';
font-family: "Font Awesome 5 Free";
font-size: 14px;
color: #FF6600;
font-weight: 700;
margin-left: -4px;
margin-right: 4px;
}

.container .box_left .li-2 {
padding: 0px 0px 0px 15px;
text-indent: -1em;
margin-left: 1em;
}

.container .box_left .li-2::before {
content: '\f111';
font-family: "Font Awesome 5 Free";
font-size: 7px;
color: #FF6600;
font-weight: 700;
margin-left: -4px;
margin-right: 4px;
vertical-align: 3px;
}

.container .box_left .li-3 {
padding: 5px 0px 3px 5px;
border-bottom: 1px solid #999999;
font-weight: bold;
text-indent: -1em;
margin-left: 1em;
}

.container .box_left .li-3::before {
content: '\f04d';
font-family: "Font Awesome 5 Free";
font-size: 13px;
color: #FF6600;
font-weight: 700;
margin-left: -4px;
margin-right: 4px;
}

.container .box_left .li-4 {
padding: 10px 0px 0px 5px;
font-weight: bold;
}

.container a:link{
color:#0000cc;
text-decoration:none;
}

.container a:visited{
color:#336699;
text-decoration:none;
}

.container a:active{
color:#FF6600;
text-decoration:underline;
}

.container a:hover{
color:#FF6600;
text-decoration:underline;
}

.container .quicklink-box {
background-color: #FFFFDD;
margin-top: 20px;
padding: 5px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border:1px solid #FF7256;
}

.container .info-box {
background-color: #E0E0FF;
margin-top: 20px;
padding: 2px 0px 3px 0px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border:1px solid #000099;
}

.container .info-box img {
margin: 0px 15px 0px 15px;
}

.container .box_right {
width: 260px;
float: right;
padding: 0px 0px 0px 0px;
text-align: center;
}

.container .box_right ul {
list-style-type: none;
}

.container .box_right ul .top-bnr {
margin: 0px 5px 0px 5px;
text-align: center;
}

.top_page_bnr_zone_768 {
display: none;
}

.corona_info-box {
text-align: left;
background-color: #FFFFEE;
margin: 0px 0px 20px 0px;
padding: 10px 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border:1px solid #FF7700;
}

.corona_info-box p {
padding: 0px 0px 3px 0px;
}

.corona_info-box ol {
padding: 10px 0px 5px 15px;
}

.corona_info-box ol li {
padding: 0px 0px 10px 0px;
}

.corona_info-box ol li ol {
list-style-type: lower-latin;
padding: 3px 0px 0px 10px;
}

.corona_info-box ol li ol li {
padding: 0px 0px 3px 0px;
}

.corona_info-box ol li ol li ul {
list-style-type: square;
padding: 0px 0px 3px 10px;
}

.corona_info-box ol li ol li ul li {
padding: 0px 0px 3px 0px;
}

/*****************************************************/
/*****************************************************/
@media screen and (max-width:768px)
{

.container {
width: 100%;
margin: 0px auto;
overflow: hidden;
padding: 10px 10px 50px 10px;
background: #f9f1e6 url(../images/bg_master.jpg) repeat;
text-align: center;
filter:alpha(opacity=100);
-moz-opacity: 1;
opacity: 1;
}

#top-page-message {
padding: 25px 0px 0px 0px;
background:url(../images/de_jp_only.gif) no-repeat center top 5px;
min-height: 50px;
text-align: left;
}

.container .box_left {
float: none;
display: inline-block;
vertical-align: top;
width: 350px;
margin: 0px auto;
padding: 0px 20px 0px 20px;
font-size: 14px;
line-height: 160%;
text-align: left;
}

.container .box_right {
display: none;
}

.top_page_bnr_zone_768 {
display: block;
width: 100%;
max-width: 768px;
margin: 0px auto;
padding: 10px 10px 0px 10px;
text-align: center;
}

.top_page_bnr_zone_768 ul {
list-style-type: none;
}

.top_page_bnr_zone_768 ul li {
display: inline-block;
margin: 10px 5px 0px 5px;
text-align: center;
}

}

/*****************************************************/
/*****************************************************/
@media screen and (max-width:480px)
{

#top-page-message {
padding: 25px 0px 0px 0px;
background:url(../images/de_jp_only.gif) no-repeat center top 5px;
min-height: 50px;
text-align: left;
}

.container .box_left {
float: none;
display: inline-block;
width: 100%;
margin: 0px auto;
padding: 0px 0px 0px 0px;
overflow: hidden;
text-align: left;
vertical-align: top;
}

.container .box_left ul {
list-style-type: none;
margin: 0px auto;
padding: 0px 10px 0px 0px;
font-size: 14px;
line-height: 160%;
text-align: left;
}

.container .box_left .li-1 {
padding: 15px 0px 3px 10px;
border-bottom: 1px solid #999999;
font-weight: bold;
}

.container .box_left .li-3 {
padding: 5px 0px 3px 10px;
border-bottom: 1px solid #999999;
font-weight: bold;
}

.container .box_left .li-4 {
padding: 10px 0px 0px 10px;
font-weight: bold;
}

.container .info-box {
background-color: #E0E0FF;
margin-top: 20px;
padding: 2px 0px 3px 0px;
border-radius: 10px;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border:1px solid #000099;
}

.container .info-box img {
margin: 0px 5px 0px 5px;
}


}