@charset "UTF-8";
/* CSS layout */
body { margin: 0; padding: 0; font-family: メイリオ, MeiryoKe_Gothic, "Segoe UI"; background-image: url("../misc/bg_b15_13.gif"); font-size: 14px; }

.masthead { text-align: right; border-bottom-style: solid; border-width: 1px; background-color: #FFFFFF; height: 200px; background-image: url("../misc/title.jpg"); background-repeat: no-repeat; background-position: right; }

.container { width: 60%; margin-left: auto; margin-right: auto; }

.left_col { padding: 5px; border-style: solid; border-width: 1px; width: 185px; float: left; margin-left: 5px; margin-top: 0px; background-color: #FFFFFF; position: relative; top: 5px; }

.page_content { padding: 5px; border-style: solid; border-width: 1px; margin-left: 210px; margin-right: 5px; margin-top: 5px; background-color: #FFFFFF; position: relative; top: 5px; }

.footer { clear: both; font-size: 12px; text-align: right; margin-top: 10px; margin-right: 10px; }

img { border-style: none; }

.left_col li { list-style-type: none; }

.left_col ul { margin: 0px; padding-left: 20px; }

.page_content h1 { border-left-style: solid; border-left-width: 10px; font-size: 16px; border-bottom-style: solid; border-bottom-width: 1px; border-color: #3399FF; margin: 5px 0px 5px 0px; padding-left: 5px; }

.page_content h2 { margin: 0px 0px 5px 0px; border-bottom-style: solid; border-bottom-width: 1px; border-color: #0099FF; font-size: 15px; }

.page_content p { text-indent: 0.5ex; margin-top: 2px; margin-bottom: 4px; }

.page_content ul { margin: 5px 5px 5px 0px; padding-left: 20px; }

.page_content li { list-style-type: square; line-height: 2ex; margin-top: 5px; margin-left: 10px; }

.page_content dl { margin: 0px 0px 0px 10px; }

.page_content dt { border-bottom-style: solid; border-width: 1px; border-color: #0066FF; font-weight: normal; font-style: normal; font-variant: normal; }

.page_content dd { font-size: 13px; }

a:link { font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; color: #0000FF; text-decoration: none; }

a:visited { color: #3366FF; text-decoration: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; }

a:hover { font-style: normal; color: #336600; text-decoration: none; }

a:active { text-decoration: none; font-style: normal; font-variant: normal; text-transform: none; font-weight: normal; color: #336600; }

.footer img { margin-bottom: 5px; }

@media (max-width: 992px) { div.container { width: 100%; margin-left: auto; margin-right: auto; }
  .left_col { padding: 5px; border-style: solid; border-width: 1px; margin-right: 5px; top: 5px; float: none; width: unset; }
  .page_content { padding: 5px; border-style: solid; border-width: 1px; margin-left: 5px; top: 5px; } }