<html>
<style type="text/css">
input{
padding:0px 15px ;
font-size:1.5em;
}
select{
margin:0px 15px 0px 0px;
font-size:1.5em;
}

ol.main{
margin:2% 2% 2% 5%;

}
.lastlist {
margin:10px 0px 20px 0px;

} 
#light{

font-size:1.3em;
text-align:right;
}
ol li {list-style-type:none;}

#px {margin:0px 5%;
display: inline-block;
	padding: 0.1em 0.3em;
	transition: all .3s;
        text-decoration:none;
        color:#000000;
        background-color:#ffffff;
        font-size:1em;
        border: solid 1px #6091d3;/*線*/
        border-radius: 10px;/*角の丸み*/
}
#px:hover {
	color: #ffffff;
	background-color:#6091d3;
}
.pxform{
text-align:center;
}
#big{
font-size:200%;
text-align:center;
}
.f-size{
font-size:130%;
}
.f-color{
color:red;
}
.site{
margin:0px 50px 0px 0px;
}

.content {
  min-height: 100%;
}
footer{
text-align:left;
font-size:1.5em;
}
.toptext{
width: 100%;
font-size:0.5em;
}
.cp_link {
	display: inline-block;
	padding: 0.1em 0.3em;
	transition: all .3s;
        text-decoration:none;
        color:#000000;
        background-color:#ffffff;
        font-size:1em;
        border: solid 1px #6091d3;/*線*/
        border-radius: 10px;/*角の丸み*/
}
.cp_link:hover {
	color: #ffffff;
	background-color:#6091d3;
}

.button {
  display       : inline-block;
  border-radius : 5%;          /* 角丸       */
  font-size     : 15pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 20px;   /* 余白       */
  background    : #ffffff;     /* 背景色     */
  color         : #000000;     /* 文字色     */
  line-height   : 0.7em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #6666ff;    /* 枠の指定 */
}
.button:hover {
  color         : #ffffff;     /* 背景色     */
  background    : #6666ff;     /* 文字色     */
}

.cp_button {
	display: inline-block;
	width: 100px;
	padding: 0.5em;
	line-height: 1.0em;
	cursor: pointer;
	user-select: none;
	transition: box-shadow 0.2s, transform 0.2s;
	color: #000000;
	border-width: 0;
	border-style: solid;
	border-radius: 12% / 50%;
	background: transparent;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
}
.cp_button:hover {
	-webkit-transform: scale(1.02);
	        transform: scale(1.02);
	box-shadow: 0 1px 6px 1px rgba(0, 0, 0, 0.2);
	color: #000000;
}
.cp_button:active {
	transition-duration: 0.05s;
	-webkit-transform: scale(0.99);
	        transform: scale(0.99);
	box-shadow: 0 2px 3px 1px rgba(0, 0, 0, 0.15) inset;
}
.cp_button:focus,
.cp_button:focus:hover {
	color: #000000;
}
</style>

</html>