body {
  font-family:'ＭＳゴシック';
  text-align: center;
  margin-top: 0;
  background-color: #c3c3c3;
}

#container {
  width: 750px;
  background-color: #FFFFFF;
  background-image: url(./material/bg1.jpg);
  background-repeat: repeat-y
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  min-height: 1em;
  text-align: left;
}
#container2 {
  width: 750px;
  background-color: #FFFFFF;
  background-image: url(./material/bg2.jpg);
  background-repeat: repeat-y
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  min-height: 1em;
  text-align: left;
}
#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}
#container2:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*IE5〜6\*/
* html #container {
    height: 1em;
}

#container {
    display: block;
}
/**/


img {
  border-style: none;
}
a {
text-decoration: none;
color: #A5B7BD;
}
a:hover {
color: #FFCC1B;
text-decoration: underline;
}

/*
############################################################

ヘッダー

############################################################
*/
#header {
  width: 750px;
  height: 80px;
  background-image: url(./material/head1.jpg);
}
#header2 {
  width: 750px;
  height: 80px;
  background-image: url(./material/head2.jpg);
}

.header_set {
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}


/*
############################################################

段組設定

############################################################
*/

#wrapp{
  width: 750px;
  margin: 0 0 0 0;
  padding: 0 0 0 0px;
  overflow: auto;
}

#menu {
  width: 160px;
  min-height: 100%;
  float: left;
}
.menu_set {
  margin: 0 0 0 0;
  padding: 15px 0 20px 10px;
}

#content {
  width: 570px;
  overflow: auto;
  float: right;
}
.content_set {
  margin: 0 0 0 0;
  padding: 15px 10px 20px 0;
}

/*
############################################################

フッター

############################################################
*/

#footer {
  width: 550px;
  border-top: solid 3px #cccccc;
  margin: 3px 0 0 0;
  padding: 0 0 0 0;
  float: right;
}

#footer p{
  text-align: right;
  font-size: 12px;
  color: #3c3c3c;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

/*
############################################################

メニュー

############################################################
*/
#menu ul {
  margin: 5px 0 0 0;
  padding: 0 0 0 0;
  list-style-type: none;
}
#menu ul li {
  margin: 0 0 0 0;
  padding: 0 0 10px 0;
}

/*
############################################################

コンテンツ部分

############################################################
*/

#pageup {
  width: 550px;
  margin: 10px 10px 0 0;
  padding: 0 0 0 0;
}
#pageup p {
  font-size: 12px;
  color: #3c3c3c;
  float:right;
}

/*
############################################################

見出し・テキスト部分

############################################################
*/
h1{
  width: auto;
  font-size: 14px;
  color: #3c3c3c;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

h2{
  width: auto;
  font-size: 14px;
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
}
.title1 {
  color: white;
  background-image: url(./material/title1.jpg);
  background-repeat: no-repeat
  margin: 0 0 10px 0;
  padding: 6px 0 3px 15px;
}
.title2 {
  color: white;
  background-image: url(./material/title2.jpg);
  background-repeat: no-repeat
  margin: 0 0 10px 0;
  padding: 6px 0 3px 15px;
}

h3{
  width: auto;
  font-size: 13px;
  color: #3c3c3c;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

h4{
  width: auto;
  font-size: 12px;
  font-weight: 600;
  color: #3c3c3c;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

p{
  width: auto;
  text-valign: top;
  font-size: 12px;
 line-height: 130%;
  color: #3c3c3c;
  margin: 0 0 0 0;
  padding: 0 0 0 5px;
}
.font10{
  width: auto;
  font-size: 10px;
  color: #3c3c3c;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.font11{
  width: auto;
  font-size: 11px;
  color: #3c3c3c;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.font12{
  width: auto;
  font-size: 12px;
  color: #3c3c3c;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.font13{
  width: auto;
  font-size: 13px;
  color: #3c3c3c;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.font15{
  width: auto;
  font-size: 15px;
  color: #3c3c3c;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.font18{
  width: auto;
  font-size: 18px;
  font-weight: 600;
  color: #3c3c3c;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}
.pankuzu {
  font-size: 11px;
  margin: 0 0 5px 0;
  padding: 0 0 0 5px;
}
.pankuzu a {
  margin: 0 0 0 0;
  padding: 0 5px 0 5px;
}


/*
############################################################

テーブルサイズ指定

############################################################
*/
#table1{
  width: 550px;
  margin: 0 0 10px 0;
  padding: 0 0 0 0;
  overflow: auto;
}
#table2{
  width: 550px;
  border-bottom: dotted 1px #cccccc;
  margin: 0 0 7px 0;
  padding: 0 0 5px 0;
  overflow: auto;
}

/*
############################################################

分割

############################################################
*/
#l340 {
  width:340px;
  text-valign:top;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: left;
}
#r200 {
  width:200px;
  text-valign:top;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: right;
}
#l470 {
  width: 470px;
  margin: 0 0 0 0;
  padding: 0 00 0;
  float: left;
}
#r150 {
  width: 150px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  float: right;
}

/*
############################################################

トップページ

############################################################
*/
#news{
  width: 338px;
  border: dashed 1px #cccccc;
  margin: 0 0 0 0;
  padding: 4px;
  overflow: auto;
}
#topic{
  width: 326px;
  border-bottom: solid 1px #c3c3c3;
  margin: 0 0 3px 0;
  padding: 0 0 3px 0;
  overflow: auto;
}
#favorite{
  width: 200px;
  border-bottom: dotted 1px #c3c3c3;
  margin: 0 0 3px 0;
  padding: 0 0 3px 0;
  overflow: auto;
}
.date{
  width: auto;
  font-size: 11px;
  font-weight: 600;
  color: #69C86A;
  margin: 0 0 0 0;
  padding: 0 0 0 5px;
}
.tit{
  width: auto;
  font-size: 12px;
  font-weight: 600;
  color: #69C86A;
  margin: 0 0 0 0;
  padding: 0 0 0 5px;
}
.body{
  width: auto;
  font-size: 11px;
  color: #3c3c3c;
  margin: 0 0 0 0;
  padding: 0 0 0 10px;
}
.news {
  width: auto;
  background-color: #FFD101;
  color: #FEFFCE;
  margin: 5px 0 3px 0;
  padding: 3px 0 3px 10px;
}
.favorite {
  width: auto;
  background-color: #FFD101;
  color: #FEFFCE;
  margin: 5px 0 3px 0;
  padding: 3px 0 3px 10px;
}
/*
############################################################

小閣楼

############################################################
*/
.news2 {
  width: auto;
  background-color: #FFCEAD;
  color: #FF3E3A;
  margin: 5px 0 3px 0;
  padding: 3px 0 3px 10px;
}
.favorite2 {
  width: auto;
  background-color: #FFCEAD;
  color: #FF3E3A;
  margin: 5px 0 3px 0;
  padding: 3px 0 3px 10px;
}
