body { 
  margin: 0;
  padding: 0;
  border: 0; 
  font-size: 1em;
  color: #333;
  font-weight: normal;
  font-family: 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  font-style: normal; 
  line-height: 1.4;
  background-color: transparent;
}
a:link {color:#0000ff;} /*未訪問のリンクの色*/
a:visited {color:#00ccff;} /*訪問済みのリンクの色*/
a:hover {color:#ffffff; background:#0000cc;} /*カーソルが乗っているリンクの色*/
a:active {color:#ffff00;} /*クリック中のリンクの色*/


p {
  margin: 0;
  padding: 0;
}

h1 {
  margin: 0;
  padding: .2em 1em;
  background-color: #379;
  color: white;
  font-size: 1em;
}

h2 {
  margin: .2em 0;
  padding: .2em 2em;
  background-color: #a55;
  color: white;
  font-size: 1.5em;
}


.box1 {
  margin: 1em;
}

.txt2 {
  font-size: 2em;
}

.txt4 {
  font-size: 4em;
}


.txte {
  font-size: 2em;
  color: red; 
}

.btn2 {
	font-size: 2em;
	font-weight: bold;
	display: block;
	color: #FFF;
	background-color: #49a9d4;
	box-shadow: .1em .1em .1em #333 ;
	border-radius: .2em;
	border: 0;
	padding: .5em .5em;	
}	

.btn5 {
	font-size: 3em;
	font-weight: bold;
	display: block;
	color: #FFF;
	background-color: #49a9d4;
	box-shadow: .1em .1em .1em #333 ;
	border-radius: .2em;
	border: 0;
	padding: .5em 1em;	
}	



table.tblp {
	border-collapse: collapse;

}

table.tblp th {
    font-weight: normal;
    border: 1px solid #333;
    text-align: center;
    background-color: #eee;
}
table.tblp td {
    border: 1px solid #333;
}

.chkbox {
  margin: .5em .5em .5em 1em;
  padding: .5em;
  font-size: 1.5em;
}

/*
	border: .1em solid #000000;
	color: #FFF;
	border-radius: .02em;
	text-shadow: 0 .1em 0 rgba(0,0,0,0.5);

	padding: .1em .1em;


.alert {
  color: red;
  font-size: 1em;
  margin: 1em .5em .5em 1em;
}

.chktxt {
  font-size: 2em;
}






.submit_button {
  margin: 1em .5em .5em 1em;
  padding: .5em;
  font-size: 2em;
}

.select_text {
	font-size: 4.5em;
	text-decoration: none;
}

.select_button{
	font-size: 5em;
	background: #09c;
	border: .1em solid #FFF;
	color: #FFF;
	border-radius: .3em;
	text-shadow: 0px 0px .2em rgba(0,0,0,0.5);
	width: 5em;
	padding: .2em .2em;
	
}

*/

}

.test{
font-size: 100em;
}


table.list_button{
	width: 30%;
	border-collapse: collapse;
	}
	
.list_button td{
	width: 25%;
	padding: 6px;
	text-align: left;
	vertical-align: top;
	color: #333;
	background-color: #eee;
	border: 1px solid #b9b9b9;
}

.box_c3 {
   -moz-column-count: 3;
   -webkit-column-count: 3;
   column-count: 3;
}

.box_c2 {
   -moz-column-count: 2;
   -webkit-column-count: 2;
   column-count: 2;
}

.box_3{

float:none;
clear: both;
}

.box_3 > div{
width: calc((100% * 1/3));
float:left;
}

.box_2{

float:none;
clear: both;
}

.box_2 > div{
width: calc((100% * 1/2));
float:left;
}


</style>