@charset "utf-8";
@import url("reset.css");

/* CSS Document */

/*pc用のcss*/
/*--------------------------------
    ボディ
---------------------------------*/
body {
	background:#e8f5fe;
	width:480px;
}
/*--------------------------------
    コンテナー
---------------------------------*/
#container {
	margin:auto;
	width:480px;
	background:#ffffff;
	padding:10px 10px;
}
/*--------------------------------
    ヘッダー
---------------------------------*/
#header {
	background:#abdafb;
	margin:0;
	padding:10px 10px;
}
/*--------------------------------
    コンテンツ
---------------------------------*/
#contents {
	margin:0;
	padding:10px 10px;
}
/*--------------------------------
    フッターー
---------------------------------*/
#footer {
	text-align:center;
}

/* ========CLASS (layout)======== */
.title{
	margin:0px 0 0px 0px;
	font-size: x-large;
}
.msgerr{
	margin:0 0 0 0px;
	color: red;
}
.inputlabel{
	width:70px;
	text-align: center;
}
.inputarea{
	width:180px;
}
.buttonarea{
	margin:10px 0 0 0px;
}
.leftbutton{
	width:180px;
	margin:0 0 0 70px;
	float:left;
}
.rightbutton{
	margin:0 0 0 200px;
	width:110px;
	float:left;
}
.buttonarea2{
	margin:0 0 10px 0px;
}
.inputbutton1{
	width:100px;
}
.inputbutton2{
	width:100px;
	background-color: orange;
}
.col1{
	width:20px;
	float:left;
}
.col2{
	width:100px;
	float:left;
}
.col3{
	width:50px;
	float:left;
}
.col4{
	width:150px;
	float:left;
}
.col5{
	width:20px;
	float:left;
}
.col6{
	width:20px;
	float:left;
}
.col7{
	width:20px;
	float:left;
}
.col8{
	width:20px;
	float:left;
}

.col99{
	clear: both;
}
.leftfloat{
	float:left;
}
.rightfloat{
	float:right;
}
.clearfloat {
	clear: both;
}
.putLeft {
	text-align: left;
}
.putRight {
	text-align: right;
}
.putCenter {
	text-align: center;
}
/* ========END CLASS (layout)======== */