﻿@charset "UTF-8";

body {
color: #000000; background-color: #ffffff; background-image: url("../p1/image1b.png"); background-repeat: repeat;
 padding: 0px; margin: 0px;
font-family:'Meiryo UI','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo;
}
img {
border-style: none;
}
h1,h2,h3,h4,h5,p,ol,ul,li,dl,dt,dd{ 
margin: 0px; 
}
a:link {
color: #2266ee; text-decoration: underline;
}
a:visited {
color: #6622ee; text-decoration: underline; 
}
a:hover {
color: #ee8822; text-decoration: underline; 
}
a:active {
color: #ee4433; text-decoration: underline;
}
div#board {
padding: 1px; height: auto; width: 960px; background-color: #ffffff; 
}

@media only screen and (min-device-width: 641px) {
div#board  {
margin: 20px auto 0px auto;
}
}
@media only screen and (max-device-width: 640px) {
div#board  {
margin: 0px auto 0px 15px;
}
}

div#head {
margin: 1px 1px 0px 1px; padding: 1px 1px 0px 1px; text-align: center;
}
img#logo {
margin: 1px 1px 0px 1px; padding: 1px 1px 0px 1px;  width: 700px; height: 60px; border-style: none; 
}
img#logo2 {
margin: 1px 1px 1px 9px;  width: 180px; height: 35px; border-style: none; 
}
div#upper {
text-align: left; margin: 0px 1px 1px 1px;  padding: 1px;
}
div#upper2 {
text-align: left; margin: 0px 1px 1px 1px;  padding: 1px 1px 1px 10px;
}
img#banneru {
margin: 0px 1px 1px 5px;  width: 728px; height: 90px; border-style: none; 
}
div#contents {
min-height: 300px; height: auto; overflow: hidden; margin: 1px; padding: 1px;
 }
div#left {
float: left;
 width: 200px; height: auto; margin: 1px; padding: 1px; background-color: #ffffff; 
 }
p#menu {
 font-weight: bold; font-size: 18px; text-align: center; line-height: 38px; margin: 2px 1px 2px 4px; width: 188px; height: 38px; background-color: #548dd4;
}
#left a:link{
color: #ffffff; text-decoration: none;
}
#left a:visited {
color: #ffffff; text-decoration: none; 
}
#left a:hover {
color: #ffffaa; text-decoration: none; 
}
#left a:active {
color: #ffcccc; text-decoration: none;
}
img.ent {
margin: 0px 1px 1px 4px;  width: 188px; height: 160px; border-style: none; 
}
div#right {

float: right;  width: 746px; height: auto; background-color: #ffffff; margin: 1px; padding: 1px;
 }
img#top {
margin: 1px 1px 3px 0px;  width: 563px; height: 340px; border-style: none; 
}
span.bar {
color: #000000; font-size: 18px; text-align: left; line-height: 25px; margin: 3px 0px 3px 2px;  padding: 2px; min-width: 100px; overflow: hidden; height: 25px; background-color: #fbd4b4;
}
div.text {
margin: 2px; padding: 2px; line-height: 150%;
}
span.bm {
color: #990000; font-weight: bold;
}
span.b {
 font-weight: bold;
}
div#footer {
 text-align: center; margin: 1px; padding: 2px; }