/*-------------------------------------
		基本設定

---------------------------------------*/

* {	
	margin: 0;
	padding: 0;
	}

html,body {
	height: 100%;
	margin: 0px auto;
	color: #333333;
	background-color: #FFFFFF;
	font-size: 85%;
	}

#container {
	position: relative;
	margin: 0px auto;
	width: auto!important;
	min-width: 680px;
	height: 100%;
	min-height: 100%;
	}

body > #container {
	height: auto;
	}


p {
	margin: 0px;
	padding: 0px;
	}


#contents {
	position: relative;
	margin: 0px auto;
	padding: 20px 0px 0px;
	width: 800px;
	height: 100%;
	min-height: 100%;
}

img a{border:none;}


/*-------------------------------------
		テキスト
---------------------------------------*/

h1 {
	font-size: 150%;
	margin: 0px;
	padding: 0px;
	}


h2 {
	font-size: 140%;
	margin: 0px;
	padding-bottom: 10px;
	text-align:left;
	color:#0000000;
	background-image:url(img_login/icon01.gif);
	background-repeat:no-repeat;
	padding-left:24px;
	}


h3 {
	font-size: 105%;
	margin: 0px;
	padding: 0px;
	}


h4{
	font-size:120%;
	text-align:right;
	}



/* ------------------------------------
		リンク
---------------------------------------*/

a:link {
	color: #0033FF;
	text-decoration: none;
	}

a:visited {
	color: #0000FF;
	text-decoration: none;
	}

a:hover {
	color: #0000FF;
	text-decoration: underline;
	}

a:active {
	color: #0000FF;
	text-decoration: underline;
	}


/*-------------------------------------
		ヘッダー/フッター
---------------------------------------*/

#header {
	background-image:url(img_login/header_bg.jpg);
	background-repeat:repeat; /* repeat-xから変更 ie6対応 */
	border-bottom:solid 1px #003366;
	}


.header_all {
	height:75px;
	width:600px;
	font-weight: normal;
	margin: 0 auto;
	}


.header_left {
	float: left;
	width: 300px;
	height: 60px;
	margin: 15px auto;
	}

.header_right {
	float: right;
	width: 300px;
	height: 50px;
	margin: 25px auto;
	text-align: right;
	}


.logo {
	margin: 0px 0px 0px 20px;
	padding: 0px;
	float: left;
	border:none;
	}

#footer{
	position: absolute;
	bottom: 0px;
	width: 100% !important;
	border-top:solid 1px #003366;
	background:url(img_login/footer_bg.jpg) no-repeat left top;
	background-repeat:repeat; /* repeat-xから変更 ie6対応 */
	}


.ft{
	margin:auto;
	width:600px;
	text-align:right;
	height:50px;
}

#ft a{
	padding-top:20px;
	}

.copy {
	padding-top:30px;
	bottom:0px;
	color: #333333;
	}


.ftbottom {
	padding-top: 60px;
	padding-right: 34px;
	padding-bottom: 0px;
	padding-left: 34px;
	background-image: url(img_login/ft_back.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	clear: both;
	line-height: 1.35em;
	margin: 0px;
	}


/*---------------------------------------
		メインコンテンツ
---------------------------------------*/

#loginbox {
	color: #333333;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}


#loginbox p {
	text-align:right;
	padding:5px;
	margin:3px;
	}


#loginbox a {
	text-decoration:underline;
	}

.a1 {
	margin:auto;
	border:solid 1px #FFCC33;
	border-radius: 0.6em 0.6em 0.6em 0.6em;
	padding-bottom:0px 5px 0px 15px;
	height:220px;
	width:350px;
	}


.button {
	width:80px;
	height:30px;
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 255, 255)), color-stop(0.48, rgb(255, 238, 25)), color-stop(1, rgb(255, 217, 36))) ;
	background: -moz-linear-gradient(top,rgb(255, 255, 255) 0%, rgb(255, 238, 25) 48%, rgb(255, 217, 36) 100%) ;
	border: 1px solid #999999;
	-webkit-box-shadow: 1px 1px 1px #ccc;
	-moz-box-shadow: 1px 1px 1px #ccc;
	-webkit-text-shadow: 1px 1px 1px #ccc;
	-moz-text-shadow: 1px 1px 1px #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}

.button:hover {
	color:#ffffff;
	background: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(255, 255, 255)), color-stop(0.415, rgb(255, 205, 37)), color-stop(0.83, rgb(255, 205, 37))) ;
	background: -moz-linear-gradient(top,rgb(255, 255, 255) 0%, rgb(255, 205, 37) 41.5%, rgb(255, 205, 37) 83%) ;
	border: 1px solid #999999;
	-webkit-box-shadow: 1px 1px 1px #ccc;
	-moz-box-shadow: 1px 1px 1px #ccc;
	-webkit-text-shadow: 1px 1px 1px #ccc;
	-moz-text-shadow: 1px 1px 1px #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}

.button:active {
	}

.loginbox_inbox {
	line-height: 180%;
	padding:5px;
	margin:10px;
	}




/*--- お知らせ ------------------------*/

#info{
	padding: 15px 15px 10px 0px;
	margin:auto;
	width:350px;
	height:170px;
	text-align:right;
	}

#info h3{
	background-image:url(img_login/line02.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	padding:5px;
	margin-bottom:2px;
	text-align:left;
	}

#info p {
	text-align:left;
	}

#info p a img {
	padding-left:50px;
	border:none;
	}

.info_right{text-align:left;
	float:right;
	margin-right:2px;
	box-shadow:1px 1px 1px #999999;
	border-radius:5px;        /* CSS3草案 */  
	-webkit-border-radius:5px;    /* Safari,Google Chrome用 */  
	-moz-border-radius: 5px;   /* Firefox用 */
	}

/*--- お問合せ ------------------------*/

#inquiry {
	text-align:left;
	width:350px;
	height:120px;
	margin:auto;
	padding: 15px 15px 10px 0px;
	}


#inquiry table{
	margin-top:15px;
	}

#inquiry table td{
	padding:5px;
	}

#inquiry table tr{
	background-image:url(img_login/line02.gif);
	background-repeat:no-repeat;
	background-position:bottom;
	}
/*--------passlost---------------------*/

#pass{
	padding: 15px 15px 10px 0px;
	margin:auto;
	width:350px;
	text-align:right;}
	
	
.a2 {
	margin:auto;
	border:none;
	padding-top:5px;
	padding-bottom:5px;
	height:220px;
	width:350px;
	text-align:left;
	}

.a2 ul {
	padding:15px 15px 20px 20px;
	}
	
.a2 li{
	padding:3px;
}
	
.a2 h3{
	border-bottom:dashed 1px #f7b931;
	margin-bottom:5px;
}

#pageback{
	padding:10px;
	margin:auto;
	text-align:right;
	width:350px;
}

/*-------------------------------------
		input style
---------------------------------------*/
input.login-id,
input.pass {
	width: 160px;
	}