@charset 'UTF-8';

/*********************************************************************
 * 共通
*********************************************************************/
* {
	margin:0px;
	padding:0px;
}

html,body {
	width:100%;
	height:100%;
}

div,h1,h2,h3,h4,h5,p,li,th,td,dt,dd,address{
	color:#333333;
	font-size:100%;
	font-weight:normal;
	font-family: 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

body {
	background-color:#ffffff;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.icon{
	vertical-align:middle;
}

a { color:#152c70; text-decoration:none;}
a:hover { color:#b32222; }

input.text {
	padding:3px;
	border:1px solid #ccc;
}

.btn{
	border:#9aa0a6 1px solid;
	height:25px;
	line-height:22px;
	background:url(../img/bk_bt.jpg) repeat-x 0 0;
	padding:1px 3px;
	cursor:pointer;
	border-radius: 3px;        /* CSS3草案 */  
	-webkit-border-radius: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 3px;   /* Firefox用 */
}

/*********************************************************************
 * COLOR 
*********************************************************************/
.red  { color: red; }
.blue { color:#0154a2; }
.gold { color:#948600; }
.gold2{ color:#766b00; }
.glay { color:#999999; }
.white{ color:#ffffff; }


/*********************************************************************
 * FONT
*********************************************************************/
.b { font-weight:bold; }
.minchou { font-family:"ＭＳ 明朝"; }

.center{ text-align:center; }
.right { text-align:right;  }

div#h1 {
	width:600px;
	height:200px;
	background-color:#000;
}

div#h1 h1 {
	padding-top:70px;
	font-size:30px;
	color:#ffffff;
	text-align:center;
}

div#h1 h2 {
	font-size:12px;
	line-height:18px;
	color:#ffffff;
	text-align:center;
}

div#container{
	width:100%;
	height:100%;
}

div#warpper {
	width:600px;
	margin:0px auto;
}

div#login{
	margin-top:10px;
	width:600px;
	border:1px solid #b3b3b3;
	background-color:#f2f2f2;
}

div#login2{
	margin-top:30px;
	width:600px;
	border:1px solid #ff3300;
	background-color:#F2DEDE;
}

div#box{
	padding:10px;
}

table#loginbox {
	margin:0px auto;
	width:300px;
}

table#loginbox td{
	font-size:12px;
	padding:10px 3px 5px;
}

table#loginbox td.right{
	text-align:right;
}

table#chpwbox {
	margin:0px auto;
	width:400px;
}

table#chpwbox td{
	font-size:12px;
	padding:10px 3px 5px;
}

table#chpwbox td.right{
	text-align:right;
}

td.button{
	text-align:center;
	vertical-align:top;
}

p#error{
	margin-top:10px;
	text-align:center;
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	color:red;
}

p {
	font-size:12px;
	line-height:20px;
}
input.text{
	border:1px solid #cccccc;
	padding:3px;
	width:150px;
}