/************************************/
#logo{
    text-align: center;
    margin:20px auto 0px auto;
}
/************************************/
.inner{
    width:100%;
    height: 100%;
    border-radius: 10px;
	font-size: 14px;
}
/*----------*/
.btn{
    margin:25px auto;
    height:50px;
    width:200px;
}
.btn_in{
    color: #696969;
    background: linear-gradient(#ffffff , #ffffff);
}
/*----------*/
.item{
    margin:25px auto 25px auto;
    height:40px;
    width:100%;
}
.item_in{
    color: #6495ed;
    background: linear-gradient(#e0ffff , #87ceeb);
}
/*----------*/
.title{
    margin:20px auto 0px auto;
    height: 45px;
    width: 80%;
}
.title_in{/*縦：top15 + font15 + bottom15) = 45*/
    padding: 15px 0 15px 0;
    height: 15px;
    width: 100%;
    color: #FFFFFF;
    background: linear-gradient(#3796CE , #1D71D2);
    text-align: center;
}
/************************************/
html {
	overflow-y: scroll;	
}
html,body {
    height: 100%;
}
body > #base {
    height: auto;
}
body{
	margin: 0;
	padding: 0;
	background-color: #f0f8ff;
}
/************************************/
#base {
	position: relative;
	margin: 0px auto;
	padding: 0px;
	min-height: 100%;
	width: 90%;
	background:#ffffff;
    border: 1px solid #c0c0c0;
}
/************************************/
table {
    margin:20px auto 0px auto;
    border-collapse: collapse;
    border: 1px solid gray;
}
th,td {
    padding: 10px;
    height:40px;
    border-style: none;
    border: 1px solid gray;
    text-align: center;
}
.tb-c {
text-align: center;
}
.tb-l{
text-align: left;
}
/************************************/
#qrcode {
    margin:25px auto 25px auto;
    width:300px;
}
/************************************/
.inputsize{
    width:80%;
}
/************************************/