*{
 box-sizing: border-box;
}
img{
border:0;
}
BODY,TH,TD,P,DIV{
font-size : 13px;
line-height : 20px;
color:#333;
font-family : メイリオ,"Meiryo UI",tahoma;
}
BODY{
text-align:center;
background: #ffffff;
}
form{
margin: 0;
}


a{
text-decoration: none;
color: #333333;
}
a:hover{
color: #eeeeee;
}
.page_link{
margin-bottom: 20px;
}
.page_link a{
text-decoration: none;
color: #ffffff;
background: #333333;
padding: 1px 5px;
margin: 3px;
}
.page_link a:hover{
color: #333333;
background: #ffffff;
}


DIV,TABLE,P{
margin : 0 auto;
padding: 0 auto;
}
DIV#all{
margin : 0 auto;
width : 100%;
}
.main,
.entry{
text-align: left;
margin: 10px auto 20px;
}

.result{
background: #ffffff;
margin: 30px auto;
border: 1px solid #333333;
text-align: left;
}
.res{
text-align: left;
padding: 10px;
border-bottom: 1px solid #333333;
}
.res:last-child{
border-bottom: 0;
}
.kekka{
font-size: 16px;
font-weight:bold;
}
.date,
.txt_right{
text-align: right;
}


.input{
border: 1px solid #333333;
font-size : 12px;
padding: 3px;
margin: 3px auto;
}
.botton{
background: #333333;
color: #ffffff;
border: 1px solid #333333;
font-size : 12px;
padding: 2px 5px;
}
.w100{
width: 100%;
}
HR{
border: 0;
border-top: 1px dashed #bbb;
}

.info_com{
color: #ff0000;
}
/*----------管理画面用----------*/
.admin_res{
padding: 0 15px;
}
.kuji_set{
margin: 10px auto;
}
.kuji_list{
margin: 30px auto 15px;
border: 1px solid #333333;
border-collapse: collapse;
}
.kuji_list th, .kuji_list td{
padding: 8px;
}
.kuji_list th{
background: #eeeeee;
border-bottom: 1px solid #333333;
}
.kuji_list td:nth-child(2){
text-align: center;
}

.kuji_list20{
width: 20%;
}
.kuji_list10{
width: 10%;
}
.set_put{
border: 1px solid #333333;
margin: 1px 5px;
font-size: 13px;
padding: 5px;
}
.botton2{
background: #eeeeee;
color: #c82c55;
border: 1px solid #c82c55;
font-size : 12px;
padding: 2px 5px;
}

/*----------パソコン用----------*/
@media screen and (min-width:800px) {
.entry,
.main,
.result{
width : 500px;
}
fotter{
position: fixed;
bottom: 10px;
right: 10px;
}
/*----------管理画面用（レスポンシブ）----------*/
.kuji_set,
.kuji_list{
width: 550px;
}
}/*----------ここまで----------*/

/*----------スマホ用----------*/
@media ( max-width: 799px ){
fotter{
padding: auto 10px;
text-align: left;
}
}/*----------ここまで----------*/