@charset "UTF-8";
@import url("../../modules/new_base.css");
@import url("../../modules/new_list.css");

h1 {border:2px solid #8f2922;color:#8f2922;font-size:1.5em;margin:1em 0.5em;padding:1em 0;}

div#main_image {text-align:center;margin:2em auto;max-width:900px;}
div#main_image img {width:95%;height:auto;object-fit:contain;border:1px solid #999999;}

div.info {margin:2em auto;padding:0.5em;background-color:#eeeecc;color:#990000;}

/*
div#column {}
div#column_R {}
div#column_L {}
*/

div.box {margin:3em auto;max-width:900px;padding:0.5em;border:2px solid #999999;border-radius:0.5em;}
div.box h2 {font-size:1.2em;background-color:#eeeeee;color:#000000;padding:0.5em;}
div.box h3 {margin-top:2em;color:#666666;color:#cc0000;background-color:#ffff99;padding:0.5em;}
div.box h4 {text-decoration:orangered wavy underline;color:orangered;}
div.box hr {height:0.5em;background-color:#cccccc;border:none;}
div.box strong {color:#cc0000;}
div.box ul,div.box ol {font-size:0.9em;}
div.box ul li,div.box ol li {margin:0.5em 0;}

div.box_img {text-align:center;font-size:0.8rem;margin:0.5em auto;}
div.box_img img {object-fit:cover;height:auto;max-width:100%;}

ul.refe_list {list-style-type:none;margin:0.5em 0;padding:0;}
ul.refe_list li {border:1px solid #cccccc;padding:0.5em;margin:0.5em 0;}
ul.refe_list a {font-weight:bold;font-size:1.2rem;display:block;padding:0.25em 0.5em;}
ul.refe_list a:hover {background-color:#dbf8ff;}
ul.refe_list p {font-size:0.8rem;margin:0.5em 0;}

div.link_button {text-align:center;margin:3em auto;max-width:600px;}
div.link_button a {
	display:block;text-decoration:none;font-weight:bold;
	background-color:#ffffff;color:#cc0000;border:2px solid #cc0000;
	background-image:url("../../modules/whole/f_pdf.png");
	background-position:left;background-repeat:no-repeat;padding:0.5em 0 0.5em 70px;
}
div.link_button a:hover {text-decoration:underline;background-color:#ffeeee;}


div#column_R nav#column_nav {text-align:center;}
div#column_R nav#column_nav h2 {background-color:#eeeeee;padding:0.5em 0;}
div#column_R nav#column_nav :is(ul,ol) {list-style-type:none;margin:0.5em 0;padding:0;border-top:2px solid #cccccc;border-bottom:2px solid #cccccc;}
div#column_R nav#column_nav :is(ul,ol) li {padding:0.25em 0;}
div#column_R nav#column_nav :is(ul,ol) li a {border:1px solid #eeeeee;display:block;padding:0.5em 0;color:#666666;text-decoration:none;}
div#column_R nav#column_nav :is(ul,ol) li a:hover {background-color:#eeeeee;text-decoration:underline;}

/* ---- window size [ smartphone ] ---- ---- ---- ---- ---- ---- */
@media screen and (max-width: 599px) {
	div.box {border:1px dotted #666666;margin:3em 0.5em;}
	div.link_button {margin:3em 1em;}
}