@charset "utf-8";


/* Latest Update
   2012.10.31 write           */

/* author
   keiki ettyuu               */

/* ---------- MENU ---------- */
/*

	1. gloval setting
	2. wrapper setting
	3. header setting
	4. footer setting
	5. section setting
	999. clearfix

                              */
/* ---------- MENU ---------- */


/*----------------------------*/
/*	1. gloval setting         */
/*----------------------------*/

html,body{
	width:100%;
}

a:hover
{
	cursor: pointer;
}

/*----------------------------*/
/*	2. wrapper setting        */
/*----------------------------*/

#wrapper {
	height:100%;
}


/*----------------------------*/
/*	3. header setting         */
/*----------------------------*/

.cnt_header .menu_language{
	margin-top:20px;
	margin-right:10px;
}


/*----------------------------*/
/*	4. footer setting         */
/*----------------------------*/



/*----------------------------*/
/*	5. section setting        */
/*----------------------------*/

.wrapper {
	width:100%;
	background:url(../images/body_bg.png) center;
}

#main{
	width:960px;
	padding:0;
}

article{
	width:960px;
	height:593px;
	
	/* 通常 */
	-pie-background:linear-gradient(top, #757575, #333333);
	/* webkit用 */
	background:-webkit-gradient(linear, left top, left bottom, from(#757575), to(#333333));
	/* mozilla用 */
	background:-moz-linear-gradient(top, #757575, #333333);
	
	display:block;
	/*padding:0;	
	margin:26px 30px 30px;*/
	padding:26px 30px 30px;
	overflow:hidden;
	
	behavior:url('/abvw/css/PIE.htc');
}

section.loginsection{
	width:398px;
	height:420px;
	border:2px solid #9d9d9d;
	color:#fff;
	display:block;
	padding:25px 0 0;
	margin:70px auto 0;
	overflow:hidden;
	background-color:#3a3a3a;
	-webkit-border-radius:8px 8px 8px 8px;
	-moz-border-radius:8px 8px 8px 8px;
	border-radius:8px 8px 8px 8px;
}

section#main-password-change{
	width:498px;
	height:495px;
	border:1px solid #cccccc;
	display:none;
	/*padding:35px 0 0;*/
	margin:0;
	overflow:hidden;
	-webkit-border-radius:10px 10px 10px 10px;
	-moz-border-radius:10px 10px 10px 10px;
	border-radius:10px 10px 10px 10px;
	-webkit-box-shadow: 0px 1px 3px 0px #666;
	-moz-box-shadow: 0px 1px 3px 0px #666;
	box-shadow: 0px 1px 3px 0px #666;
	background-color: #ffffff;
	z-index: 101;
}

section dl,section dl dt,section dl dd{
	margin:0;
	padding:0;
}
section dl{
	width:300px;
	margin:0 auto 5px;
}
section dl dt{
	width:290px;
	padding:5px 5px 0 5px;
	font-size:13px;
}
section dl dd{
	/*background:url('../img/login/loginbg.png') 0 0 no-repeat;*/
	padding:6px;
	width:288px;
	height:50px;
}
section dl dd input{
	/*background:#00CC66;*/
	font-size:16px;
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	width:260px;
	height:40px;
	border:2px #999999 solid;
	margin:3px 4px;
	padding:0 10px;
	
	-webkit-border-radius:8px 8px 8px 8px;
	-moz-border-radius:8px 8px 8px 8px;
	border-radius:8px 8px 8px 8px;
}

section dl dd input:focus {
	background-color: #fefecc;
}


section .p{
	width:300px;
}
section .memory{
	width:300px;
	font-size:12px;
	vertical-align:middle;
	margin:20px 0 0 65px;
}
section .memory input{
	vertical-align:middle;
	margin:0 5px 0;
	padding:0;
}
section .loginbtn {
	text-align:center;
	margin:30px;
}
section .loginbtn a {
	width:145px;
	height:30px;
	/*
	-moz-box-shadow:inset 0px 1px 0px 0px #d6ee23;
	-webkit-box-shadow:inset 0px 1px 0px 0px #d6ee23;
	box-shadow:inset 0px 1px 0px 0px #d6ee23;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #a4d815), color-stop(1, #83c008) );
	background:-moz-linear-gradient( center top, #a4d815 5%, #83c008 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#a4d815', endColorstr='#83c008');
	background-color:#a4d815;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	border:1px solid #83bd07;
	*/
	border:1px #333333 solid;
	
	-pie-background: linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #626262), color-stop(0.93, #414141), color-stop(0.54, #000), color-stop(0.00, #999));
	background: -webkit-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
	background: -moz-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
	background: -o-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
	background: -ms-linear-gradient(top, #999 0%, #000 54%, #414141 93%, #626262 97%);
	background: linear-gradient(to bottom, #999 0%, #000 54%, #414141 93%, #626262 97%);
	
	-webkit-border-radius:8px 8px 8px 8px;
	-moz-border-radius:8px 8px 8px 8px;
	border-radius:8px 8px 8px 8px;

	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:10px 0 0 0;
	line-height:21px;
	text-decoration:none;
	/*
	text-shadow:1px 1px 0px #a2d613;
	margin:0 0 0 0;*/
	text-align:center;
	
	behavior:url('/abvw/css/PIE.htc');
}

section .loginbtn a:hover {
	-pie-background: linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #9d9d9d), color-stop(0.93, #6b6b6b), color-stop(0.54, #1a1a1a), color-stop(0.00, #d7d7d7));
	background: -webkit-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
	background: -moz-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
	background: -o-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
	background: -ms-linear-gradient(top, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
	background: linear-gradient(to bottom, #d7d7d7 0%, #1a1a1a 54%, #6b6b6b 93%, #9d9d9d 97%);
}
section .loginbtn a:active {
	position:relative;
	top:1px;
}

section .loginbtn a:not(':target') {
    filter: none;
    -ms-filter: none;
}

.alertTxt {
	position:absolute;
	margin:-70px 0 0 49px;
	font-size:13px;
	color:#ff3;
	display:block;
	text-align:center;
	width:330px;
}

.alertTxtDialog {
	font-size:13px;
	color:#e60012;
	display:block;
	text-align:center;
	/*width:300px;*/
}


#main-password-change
{
	display: none;
}


/*----------------------------*/
/*	999. clearfix             */
/*----------------------------*/

/*clearfix*/
.fix {
}
.fix:after {
	font-size:1px;
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.fix {
	zoom:1;
}
/*------------*/
section h1{
	margin:0 0 38px 0;
	padding:0;
	height:64px;
	line-height:62px;
	text-align:center;
	font-weight:bold;
	letter-spacing: 2px;
	color:#333;
	text-shadow: 1px 1px 2px #999;
	background-color:#f0f0f0;
	-webkit-box-shadow: 0px 1px 3px 0px #999;
	-moz-box-shadow: 0px 1px 3px 0px #999;
	box-shadow: 0px 1px 3px 0px #999;
	-moz-border-radius:10px 10px 0px 0px;
	-webkit-border-radius:10px 10px 0px 0px;
	border-radius:10px 10px 0px 0px;
}

.title 
{
    font-size: large;
    font-family: 'trebuchet ms', verdana, arial;
}