#leftc h3 {
	font-size: 90%;
	margin: 0 0 10px;
	padding: 2px 5px;
	background-color: #bffbbe;
	}

#contents {
	margin:0 0 10px 20px;
   text-align: left;
	}

#contents h3 {
	font-size: 100%;
	margin: 10px 0;
	padding: 2px 5px;
	background-color: #bffbbe;
	}

#exp {
   width:225px;
   height:140px;
   float: right;
   margin: 10px 0 0 10px;
   text-align: center;
   border:1px solid #ffa208;
   font-size:15px;
}

#exp ul {
   margin-top: 5px ;

}
#exp li {
   line-height:1.3em;
}

li.gusu {
   background-color:#ffffce; 
}
#etop {
   width:100%;
   padding:8px 0 5px 0;
   border-bottom:1px solid #ffa208;
}

.bod {
   font-weight:bold;
   color: #000;
}

.tyu {
   color:#cc0000;
   font-size:12px;
}

#law {
    color : white;
    background-color : #b095d2;
    border : 1px  dotted purple ;
    padding : 2px;
}

#ramko {
   width:600px;
   color:#000;
   background-color: #f4d2e3;
   border-top:2px solid #cccc00;
    border-left:2px solid #cccc00;
    border-collapse:collapse;
    border-spacing:0;
    margin: 0 auto 0 auto;
}

#ramko td {
    border-right:2px solid #cccc00;
    border-bottom:2px solid #cccc00;
    padding-top : 0.3em;
    padding-bottom : 0.3em;
}

.raml {
   width: 150px;
   text-align: right;
}

.ramr {
   width: 450px;
   text-align: left;
   padding-left:10px; 
}

#ramka {
   width :600px;
   margin: 10px auto 0 auto;
   text-align: center;
}

#thank {
   width :280px;
   margin: 20px auto 0 auto;
}

img.right {
	float: right;
	margin: 0 5px 0 0;
}

.clearfix:after { 
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
} 
.clearfix {
	display: inline-block;
 } 
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;} 
.clearfix {display: block;} 
/* End hide from IE-mac */

.clear {
	clear: both;
}