body{
	background-image: url("images/back.png");
	text-align: center;
}
/*ページ全体をセンタリングさせる*/
#main{
	margin:auto;
	width:966px;height:100%;
}
/* 左ブロック -------------------------------------------------------------------------------------*/
#left{
	float:left; width:320px;height:100%;
}
/* 中央ブロック ------------------------------------------------------------------------------------*/
#center{
	float:left; width:320px;height:100%;
}
/* 右ブロック -------------------------------------------------------------------------------------*/
#right{
	float:right; width:320px;height:100%;
}

/* 左のPRブロック ----------------------------------------------------------------------------------*/
/* smaple1 --------------------------------*/
#left_pr1{
	position:relative;width:260px;height:110px;top:30px; left:40px; padding:5px;
	font-size:12px; color:#B8860B; font-weight: bold; text-align: left;
	border-style:double; border-color:#DAA520; background-color:#F0E68C;
	border-radius: 10px; padding:3px;
}
#left_pr1_title{
	font-size:14px; color:blue; background-color:white;
}
.left_pr1_td1{width:120px; background-color:gray; color:white;}
.left_pr1_td2{width:120px; background-color:white; }

/* smaple2 --------------------------------*/
#left_pr2{
	position:relative;width:260px;height:130px;top:50px; left:40px; padding:5px;
	font-size:12px; color:#B8860B; font-weight: bold; text-align: left;
	border-style:double; border-color:#DAA520; background-color:#F0E68C;
	border-radius: 10px; padding:3px;
}
#left_pr2_title{
	font-size:14px; color:blue; background-color:white;
}
.left_pr2_td1{width:120px; background-color:gray; color:white;}
.left_pr2_td2{width:120px; background-color:white; }


/* ログイン画面 ------------------------------------------------------------------------------------*/
#login{
	position:relative; top:30px;
	width:320px;height:600px;
	text-align: left;
	border-style:solid; border-width: 1px; border-color:gray;
	-webkit-box-shadow: 1px 1px 1px #000;
	-moz-box-shadow: 1px 1px 1px #000;
	border-radius: 15px;
	/* webkit用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#006400), to(#90EE90));
	/* mozilla用 */
	background:-moz-linear-gradient(top, #006400, #90EE90);
	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#006400, endcolorstr=#90EE90));
	/* IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#006400, endcolorstr=#90EE90))";
	zoom: 1;

}

/* ログインページ ----------------------------------------------------------------------------------*/
#message1{
	position:relative;width:300px;height:90px;top:10px; left:6px;
	font-size:28px; color:white; font-weight: bold; text-align:center;
	border-style:double; border-color:#006400;
	/* webkit用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#006400), to(#90EE90));
	/* mozilla用 */
	background:-moz-linear-gradient(top, #006400, #90EE90);
	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#006400, endcolorstr=#90EE90));
	/* IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#006400, endcolorstr=#90EE90))";
	zoom: 1;
}
#message2{
	position:relative;width:320px;top:20px; left:0px;
	font-size:14px; font-weight: bold; text-align:center; color:#FFFAFA;
}
#csv_btn{position:relative;top:20px; left:220px;}

#login_area{
	position:relative;width:300px;height:150px;top:20px; left:6px;
	font-size:20px; color:white; font-weight: bold; text-align:center;
	border-style:double; border-color:#006400;
	/* webkit用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#006400), to(#90EE90));
	/* mozilla用 */
	background:-moz-linear-gradient(top, #006400, #90EE90);
	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#006400, endcolorstr=#90EE90));
	/* IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#006400, endcolorstr=#90EE90))";
	zoom: 1;
}
#adress_title{
	position:absolute;width:200px;top:10px; left:10px;
	font-size:14px;text-align:left;
}
#adress_fld{
	position:absolute;width:270px;top:30px; left:10px;
	font-size:16px; background-color:#FFF8DC;
}
#name_title{
	position:absolute;width:200px;top:60px; left:10px;
	font-size:14px;text-align:left;
}
#name_fld{
	position:absolute;width:270px;top:80px; left:10px;
	font-size:16px; background-color:#FFF8DC;
}
#login_ok_btn{
	position:absolute;top:110px; left:180px;
}

#message3{
	position:relative;width:282px; height:200px;top:25px; left:10px;
	font-size:12px; color:black; text-align:left;
	border-style:solid; border-color:#6495ED;
	border-radius: 10px; padding:3px;
	/* webkit用 */
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFE0), to(#FFFAFA));
	/* mozilla用 */
	background:-moz-linear-gradient(top, #FFFFE0, #FFFAFA);
	/*IE6 IE7 */
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFE0, endcolorstr=#FFFAFA));
	/* IE8 */
	-ms-filter:"progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#FFFFE0, endcolorstr=#FFFAFA))";
	zoom: 1;
}

#warning{
	position:relative;width:320px;top:30px; left:0px;
	font-size:12px; text-align:center; color:red;
}
/* CSVファイルの説明 -------------------------------------------------------------------------------------*/
#about_csv{
	position:absolute;width:300px;height:300px;top:100px;padding:10px;
	font-size:12px; color:gray; font-weight: bold;
	border-style:double; border-color:#006400; background-color:white;
	border-radius: 10px;
	visibility:hidden;
}
#about_csv_close_btn{position:absolute; bottom:5px; right:5px; width:100px;}
/* 確認ダイアログ -------------------------------------------------------------------------------------*/
#block{
	position:absolute; top:0px;
	width:320px;height:580px;
	background:rgb(248,248,255); /* IE6, 7向け */ 
	background:rgba(255,255,255,0.8);
	border-radius: 15px;
	visibility:hidden;
	}
#dialog{
	position:absolute; top:100px;
	width:310px;height:160px;background-color:bisque;
	border-style:double; border-color:peru;
	border-radius: 15px;
	-webkit-box-shadow: 1px 1px 1px #000;
	visibility:hidden;
	}
#dialog_message{
	position:relative; top:20px; left:30px;
	width:250px;height:50px;
	text-align:center; font-size:14px;
	}
#dialog_yes_btn{
	position:relative; top:50px; left:100px;
	display:none;
	}
#dialog_ok_btn{
	position:relative; top:50px; left:30px;
	display:none;
	}
#dialog_cancel_btn{
	position:relative; top:50px; left:70px;
	display:none;
	}

#makeUser_ok_btn{
	position:relative; top:50px; left:30px;
	display:none;
	}
#makeUser_cancel_btn{
	position:relative; top:50px; left:70px;
	display:none;
	}

#move_message{
	position:relative; top:-250px;left:30px;
	width:250px;height:50px;
	border-style:solid; border-color:blue;
	text-align:center; font-size:14px; color:blue;
	visibility:hidden;
	}

/* 右ブロック -------------------------------------------------------------------------------------*/
#right{

}

/* 右のPRブロック ----------------------------------------------------------------------------------*/
#right_pr1{
	position:relative;width:260px;height:120px;top:30px; left:10px; padding:5px;
	font-size:12px; color:#B8860B; font-weight: bold; text-align: left;
	border-style:double; border-color:#DAA520; background-color:#F0E68C;
	border-radius: 10px; padding:3px;
}
#right_pr1_title{
	font-size:14px; color:blue; background-color:white;
}

/* 注意事項２ ----------------------------------------------------------*/
#notice2{
	position:relative; top:70px; left:10px; width:260px; padding:5px;
	font-size:12px; text-align: left;
	-webkit-border-radius: 5px;
	border-style:double; border-color:palevioletred; /*border-width: 1px;*/
	background: -webkit-gradient(linear, left top, left bottom, from(white),color-stop(0.1, white),to(lightpink));
	background: -moz-linear-gradient(top, white,white 10%,lightpink);　/* Firefox用 */
}

#notice2 a {/*リンク*/
    color:mediumblue; text-decoration:underline;
}

#notice_pin2{/*押しピン*/
	position:relative; top:-20px; left:220px;
}
#notice2_text{
	position:relative; top:-20px;
}
/* メンテ画面 -------------------------------------------------------------------------------------*/
#mente{
	position:relative; top:100px; left:150px;
	width:640px; height:480px;
	background-color:white;
	-webkit-border-radius: 50px;
	text-align:center;
}
#mente_icon{position:relative; top:150px;}
#mente_msg{
	position:relative; top:200px;
}