﻿body {
  background-color: #FFFFFF;
  font-size: small;
  line-height: 145%;
}
a:link{
	color : #8F85AE ;
	text-decoration : None;
}
a:visited{
	color : #732660 ;
	text-decoration: None; 
}
a:hover{
	color :#C27085;
}

#top {
  width: 672px;
}
#top div{
  float:left;
  margin-left:10px;
  color:#FFFFFF;
  background-color:#C27085;
  height: 100px;
}

#top div.logo{
 width:160px;
 margin:0;
 padding:0;
 background-color: #ffffff;
}

#top div.ad1{
  width: 200px;
  float:left;
  padding:5px;
  font-size: medium;
}

#top div.ad2{
  width: 126px;
  float:left;
  padding:5px;
}
#top div.ad3{
  width: 126px;
  float:left;
  padding:5px;
  text-align:center;
}

#bottom {
  clear: left;
  width: 670px;
  margin-top: 30px;
}

#bb1{
  width:170px;
  text-align:center;
}

#menu {
  width: 170px;
  float:left;
}

#menu ul {
  margin-left: 0;
  padding-left: 0;
  list-style-type: none;
  border-top: 1px solid #ffffff;
  float:left;
  font-weight: bold;
}
 
#menu ul a{
  display: block;
  padding: 10px;
  background-color: #C27085;
  color: #FFFFFF;
  text-decoration: none;
}

#menu ul a:link{
	color : #FFFFFF ;
	text-decoration : None;
}

#menu ul a:visited{
	color : #732660 ;
	text-decoration: None; 
}

#menu ul a:hover{
	color :#C27085;
    background-color: #FADCD1;
}

#menu li {
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  border-left: 1px solid #FFFFFF;
}

#topics {
  float: right;
  width: 500px;
  background-color: #ffffff;
  font-size: medium;
}

#topics h1{
  border-left:8px solid #500;
  border-bottom:1px solid #500;
  border-color: #C27085;
  font-size: medium;
  padding-left:3px;
}

#topics h2{ 
 font-size: small;
 font-weight: bold ;
}

#topics ul{
  list-style-type: square;
  color: #000000;
  clear:left;
}

#topics img{
  float:left;
  margin: 10px;
}

#topics p{
  font-size: small;
}

#topics p.medium{
  font-size: medium;
}

.clear-left{
  clear: left;
}

.red {
  color: #ff0000;
}
.blue{
  color: #000099;
}

.small{
  font-size:small;
}

.medium{
  font-size:medium;
}
.smaller{
  font-size: smaller;
}

div.f_left{
  float: left;
}
div.f_right{
  float: right;
}

.line-n{
  line-height: normal;
}

.right{
  text-align: right;
}

.pad{
  padding-left:30px;
}

.pad_t{
  padding-top:40px;
}
.pad_t8{
  padding-top:80px;
}

address {
  font-style:normal;
  border-top:solid 6px #C27085;
  padding-top:0.5em;
  font-size:small;
  text-align: center;
  clear:both;
  margin-top: 0;
}


/*コンテンツ*/

.side{
  margin-top: 0;
  margin-left:0;
  margin-right:0;
  padding: 0;
/*  background-color: #FADCD1;*/
}

#head{
  background-color: #FADCD1;
  height: 60px;
  margin: 0;
  padding: 0;
}
#head h1{
  color: #C27085;
  font-size: large;
  margin:0;
  padding-left: 10px;
  padding-top: 20px;
}

#nav{
  margin-top: 0px;
  margin-bottom: 20px;
  background-color: #C27085;
  float: left;
  width: 100%;
}

#nav ul{
  list-style-type:none;
  margin: 0;
  padding-bottom: 0px;
  padding-left: 28px;
  padding-right: 0px;
  padding-top: 0px;
}

#nav li{
  display: block;
  float: left;
  padding: 0;
  border-bottom: none 0px #000;
  white-space:nowrap;
}

#nav a{
  text-decoration: none;
  color: #FFFFFF;
  display: block;
  float: left;
  padding-bottom: 3px;
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 2px;
}

#current{
  display: block;
  float: left;
  border-bottom: none 0px #000;
  white-space:nowrap;
  padding-bottom: 3px;
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 2px;
  background-color: #FFFFFF;
  color: #C27085;
  font-weight: bold;
  text-decoration: none;
}

#nav a:hover{
  color: #C27085;
  background-color: #FADCD1;
}

#current a{
  text-decoration: none;
  color: #C27085;
  display: block;
  float: left;
  padding-bottom: 3px;
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 2px;
}

#current a:hover{
  text-decoration: underline;
  background-color: #FFFFFF;
}
#current span{
  text-decoration: none;
  color: #C27085;
  display: block;
  float: left;
  padding-bottom: 3px;
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 2px;
}

#contents {
  font-size:medium;
  line-height: 145%;
  padding-left:20px;
  background-color: #FFFFFF;
  width: 670px;
  clear: left;
}

#contents h2{
  font-size: larger;
}

#contents h3{
  font-size:medium;
}  
  
#contents h3.bach{
  font-size:medium;
  border-left:8px solid #500;
  border-bottom:1px solid #500;
  border-color: #C27085;
  padding-left: 5px;
}

#contents h4{
  margin: 0;
}

#contents div.box{
  padding-left: 20px;
  padding-right:20px;
}

#contents p{
  padding-left: 10px;
  padding-right:30px;
  margin-top: 0;
}

#nav2{
  font-size: smaller;
  margin-top:0;
  padding-left:10px;
}

.faq{
  border-collapse:collapse;
  border: 1px solid #660AC2;
  margin-bottom: 20px;
}

.faq th{
  white-space: nowrap;
  background-color:#D4E6F8;
  text-align: center;
  border: 1px solid #7099C2;
}

.faq td{
  white-space: nowrap;
  border: 1px solid #7099C2;
}

ol{
  margin-top: 0px;
}

#faq_link1{
  height: 40px;
  margin: 0px;
  background-image: url("images/faq1.gif");
  background-repeat: no-repeat;
  padding-left: 50px;
  padding-top:10px;
}

#faq_link2{
  height: 40px;
  margin: 0px;
  background-image: url("images/faq2.gif");
  background-repeat: no-repeat;
  padding-left: 50px;
  padding-top:10px;
}

#faq_link3{
  height: 40px;
  margin: 0px;
  background-image: url("images/faq3.gif");
  background-repeat: no-repeat;
  padding-left: 50px;
  padding-top:10px;
}

#faq_link4{
  height: 40px;
  margin: 0px;
  background-image: url("images/faq4.gif");
  background-repeat: no-repeat;
  padding-left: 50px;
  padding-top:10px;
}

#faq_link5{
  height: 40px;
  margin: 0px;
  background-image: url("images/faq5.gif");
  background-repeat: no-repeat;
  padding-left: 50px;
  padding-top:10px;
}

.mclass{
  border-collapse:collapse;
  border: 1px solid #C27085;
  margin-bottom: 20px;
}

.mclass th{
  white-space: nowrap;
  background-color:#FADCD1;
  text-align: center;
  border: 1px solid #C27085;
  font-weight: normal;
}

.mclass td{
  white-space: nowrap;
  border: 1px solid #C27085;
}

.iaim{
  border: 3px solid #FFFF99;
}

.iaim th{
  white-space: nowrap;
  background-color:#FFFF99;
  text-align: center;
  border: 0px solid #FFFF99;
  font-weight: normal;
}

.iaim td{
  border: 0px solid #FFFFFF;
}

#img_f img{
  float: left;
  padding:10px;
}

#pro{
  float:left;
  margin-left:10px;
  background-color:#FFFF99;
  height: 170px;
  padding: 10px;

}
