@charset "utf-8";

* {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

body {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
} 

a {
	color:#ffffff;
	text-decoration:none;
}

#box {
	width:1000px;
	margin:0 auto;
}



#header {
	width:1000px;
	height:150px;
	background-color:#000000;
	
}

h1 a {
	color:#ffffff;
	text-decoration:none;
}

h1 a:visited {

	color:#ffffff;
}




#main {
	float:left;
	width:680px;
	height:1500px;
	background-color:blue;
	
}

.moji-hajime {
}

#main p {
	color:#ffffff;
	padding-left:15px;
	padding-right:15px;
	padding-top:15px;

}



.infobox {
   height:300px;  /* 高さを制限(※) */
   width:650px;
   overflow: scroll; /* スクロールバーを表示(※) */
   border: red 1px dashed;  /* 枠線を追加 */
   background-color: #fff0f0; /* 背景色を追加 */
   margin-left:15px;
   margin-right:15px;
   margin-bottom:0px;
   
}




#main a {
	color:#ffffff;
	text-decoration:none;
}


#side {
	float:right;
	width:320px;
	height:1500px;
	background-color:#ff9900;
	
}

#footer {
	clear:both;
	width:1000px;
	height:100px;
	background-color:#000000;
	
}

#footer p {
	color:#ffffff;
	text-align:center;
	padding-top:40px;
}


h1 {
	color:#ffffff;
	font-size:20px;
	padding-top:15px;
	padding-left:20px;
	text-decoration-none;
}

h1 a {
	color:#ffffff;
	text-decoration:none;
}

h2 {
	color:#ffffff;
	line-height:150%;
	padding-left:15px;
	padding-right:15px;
}

h3 {
	color:#ffffff;
	line-height:150%;
	padding-left:15px;
	padding-right:15px;
	padding-top:10px;
}


.border1 {
    font-size:large;
    background-color:blue;
    border-style:solid;
    border-width:10px 10px;
    border-color:#ff9999 blue;

}

.border2{
    font-size:large;
    background-color:blue;
    border-style:solid;
    border-width:10px 0px 10px 10px;
    border-color:blue #ff9999;
    margin-left:20px;
    padding:left:10px;
    line-height:150%;
    margin-top:10px;
}

.border3{
    font-size:large;
    background-color:blue;
    border-style:double;
    border-width:0px;
    border-bottom-width:8px;
    border-color:#ff9999;
}

li {
	color:#ffffff;
	line-height:150%;
	padding-left:15px;
	
}



#dropmenu{
  list-style-type: none;
  width: 1000px;
  height: 40px;
  margin: 80px auto 300px;
  padding: 0;
  background: #8a9b0f;
  border-bottom: 5px solid #535d09;
  border-radius: 3px 3px 0 0;
}
#dropmenu li{
  position: relative;
  width: 20%;
  float: left;
  margin: 0;
  padding: 0;
  text-align: center;
}
#dropmenu li a{
  display: block;
  margin: 0;
  padding: 15px 0 11px;
  color: #fff;
  font-size: 14px;
  font-weight: bold;
  line-height: 1;
  text-decoration: none;
}
#dropmenu li ul{
  list-style: none;
  position: absolute;
  top: 100%;
  left: 0;
  margin: 0;
	padding: 0;
  border-radius: 0 0 3px 3px;
}
#dropmenu li:last-child ul{
  left: -100%;
  width: 100%
}
#dropmenu li ul li{
  overflow: hidden;
  width: 200%;
  height: 0;
  color: #fff;
  -moz-transition: .2s;
  -webkit-transition: .2s;
  -o-transition: .2s;
  -ms-transition: .2s;
  transition: .2s;
}
#dropmenu li ul li a{
  padding: 13px 15px;
  background: #6e7c0c;
  text-align: left;
  font-size: 12px;
  font-weight: normal;
}
#dropmenu li:hover > a{
  background: #6e7c0c;
  color: #eff7b1;
}
#dropmenu > li:hover > a{
  border-radius: 3px 3px 0 0;
}
#dropmenu li:hover ul li{
  overflow: visible;
  height: 38px;
  border-top: 1px solid #7c8c0e;
  border-bottom: 1px solid #616d0b;
}
#dropmenu li:hover ul li:first-child{
  border-top: 0;
}
#dropmenu li:hover ul li:last-child{
  border-bottom: 0;
}
#dropmenu li:hover ul li:last-child a{
  border-radius: 0 0 3px 3px;
}


dl.sampleList02 {
    overflow: hidden;
    zoom: 1;
    
}

dl.sampleList02 dt {
    width: 80px;
    float: left;
    clear: both;
    font-weight: bold;
    padding-left:5px;
	padding-top:5px;
    color:#000;
}

dl.sampleList02 dd {
    margin-bottom: 5px;
    padding:5px 0 5px 120px;
    border-bottom: 1px dotted #999;
    -webkit-margin-start: 0px;
}







.free2 {
	text-align:right;
	font-size:10px;
	margin-top:2px;
}

.link {
    margin-left:10px;
    line-height:150%;
    color:#ffffff;
}

.afiri {
	margin-top:10px;
	text-align:center;
}

.pr {
	width:600px;
	margin:10px auto 0;
	padding: 0 10px;
}
.pro{
	width: 600px;
	height: 80px;
	border: 1px solid #000;
	text-align: center;
	line-height: 80px;
	font-size: 40px;
	cursor: pointer;
	border-radius: 10px;
}
.pro a{
	width: 300px;
	height: 80px;
	font-size: 40px;
	cursor: pointer;
	margin: 0 auto;
	display:inline-block;
}