/* CSS Document */
@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%;
}

body{
}


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

#wrapper {
	height:100%;
}


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


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



/*----------------------------*/
/*	5. section setting        */
/*----------------------------*/
/*
#main{
	width:960px;
	padding:0;
}
*/
article{
	display:block;
	margin-bottom:20px;
	overflow:hidden;
}

section{
	display:block;
	padding:0 20px 20px 20px;
	margin:0px;
	overflow:hidden;
}

section div#user_info{
	margin-bottom:60px;
	color:#fff;
}

section div#user_info h2{
	padding:4px 0 8px 40px;
	margin-bottom:15px;
	border-bottom:1px solid #CCC;
	font-size:14px;
	font-weight:bold;
	background:url(../images/user_icon.png) no-repeat 5px 0px;
}

section div#user_info dl{
	width:inherit;
	list-style:none;
	text-align:left;
	font-size:13px;
}
section div#user_info dl dt, section div#user_info dl dd{
	padding:0;
	margin:0 0 5px 0;
}
section div#user_info dl dt{
	width:159px;
	float:left;
}
section div#user_info dl dd{
	width:641px;
	float:left;
}

section div#user_info .passchgbtn {
	float:right;
	margin:-20px 20px 0 0;
}
section div#user_info .passchgbtn a {
	display:block;
	width:170px;
	height:28px;
	padding-top:8px;
	text-decoration:none;
	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;
	
	
	color:#fff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	
	behavior:url('/abvw/css/PIE.htc');
}
section div#user_info .passchgbtn 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%);
	text-decoration:underline;
	
	behavior:url('/abvw/css/PIE.htc');
}
section div#user_info .passchgbtn a:active {
	position:relative;
	top:1px;
}
/*
section div#user_info .passchgbtn a:not(:target) {
    filter: none;
    -ms-filter: none;
    background-image: url(../css/button_back_off.svg);
}
section div#user_info .passchgbtn a:hover:not(:target) {
    filter: none;
    -ms-filter: none;
    background-image: url(../css/button_back_on.svg);
}
*/
div#user_option{
	width:inherit;
	height:395px;
	background-color:#ddd;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

div#user_option h3{
	padding:25px 0 0 0;
	margin:0 0 8px 30px;
	font-size:14px;
	font-weight:bold;
	color:#333;
}

div#user_option ul {
	list-style:none;
	padding:0;
	margin:0 0 2px 30px;
	line-height:26px;
	font-size:13px;
}

div#user_option ul li .choice {
	margin-right:47px;
}
div#user_option ul li .notice {
	font-size:11px;
	margin-left:8px;
}

div#user_option ul li input {
	display:inline;
	vertical-align:-2px;
	margin:0 5px 0 0;
	padding:0;
}

div#user_option ul li input.chkbx {
	margin-right:10px;
}

section div#user_option .backupbtn .backup{
	margin-right:10px;
}
section div#user_option .logout_backup{
	margin:0 0 16px 30px;
	font-size:13px;
}

section div#user_option input {
	display:inline;
	vertical-align:-2px;
	margin:0 10px 0 0;
	padding:0;
}


section div#user_option .backupbtn {
	margin:0 0 25px 30px;
	overflow:hidden;
}
section div#user_option .backupbtn a {
	display:block;
	width:170px;
	height:28px;
	float:left;
	padding-top:8px;
	text-decoration:none;
	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;
	
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	margin:0 0 0 0;
	text-align:center;
	
	behavior:url('/abvw/css/PIE.htc');
}
section div#user_option .backupbtn 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%);
	text-decoration:underline;
	
	behavior:url('/abvw/css/PIE.htc');
}
section div#user_option .backupbtn a:active {
	position:relative;
	top:1px;
}
/*
section div#user_option .backupbtn a:not(:target) {
    filter: none;
    -ms-filter: none;
    background-image: url(../css/button_back_off.svg);
}
section div#user_option .backupbtn a:hover:not(:target) {
    filter: none;
    -ms-filter: none;
    background-image: url(../css/button_back_on.svg);
}
*/
section #user_option .savebtn{
	padding:20px 0 0 480px;
	border-top:1px solid #fff;
}

section #user_option .savebtn a {
	display:block;
	width:170px;
	height:28px;
	padding-top:8px;
	text-decoration:none;
	border:1px #263957 solid;
	
	-pie-background: linear-gradient(top, #89c 0%, #1B2440 97%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #1B2440), color-stop(0.00, #89c));
	background: -webkit-linear-gradient(top, #89c 0%, #1B2440 97%);
	background: -moz-linear-gradient(top, #89c 0%, #1B2440 97%);
	background: -o-linear-gradient(top, #89c 0%, #1B2440 97%);
	background: -ms-linear-gradient(top, #89c 0%, #1B2440 97%);
	background: linear-gradient(to bottom, #89c 0%, #1B2440 97%);
	
	-webkit-border-radius:8px 8px 8px 8px;
	-moz-border-radius:8px 8px 8px 8px;
	border-radius:8px 8px 8px 8px;
	
	color:#ffffff;
	font-size:14px;
	font-weight:bold;
	text-align:center;
	float:left;
	
	behavior:url('/abvw/css/PIE.htc');
}
section #user_option .savebtn a:hover {
	-pie-background: linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #303E6C), color-stop(0.00, #B9C5E5));
	background: -webkit-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: -moz-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: -o-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: -ms-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: linear-gradient(to bottom, #B9C5E5 0%, #303E6C 97%);
	text-decoration:underline;
	
	behavior:url('/abvw/css/PIE.htc');
}
section #user_option .savebtn a:active {
	position:relative;
	top:1px;
}
/*
section #user_option .savebtn a:not(:target) {
    filter: none;
    -ms-filter: none;
    background-image: url(../css/button_back_off.svg);
}
section #user_option .savebtn a:hover:not(:target) {
    filter: none;
    -ms-filter: none;
    background-image: url(../css/button_back_on.svg);
}
*/
section #user_option .savebtn .save{
	margin-right:20px;
}

section #user_option .savebtn .default{
	
}


section .memory{
	width:300px;
	font-size:12px;
	vertical-align:middle;
	margin:50px auto 0;
}
section .memory input{
	vertical-align:middle;
	margin:0 5px 0;
	padding:0;
}
section .loginbtn {
	/*width:300px;*/
	margin:14px auto 0;
}
section .loginbtn a {
	width:100px;
	height:28px;
	padding-top:8px;
	border:1px #263957 solid;
	
	-pie-background: linear-gradient(top, #89c 0%, #1B2440 97%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #1B2440), color-stop(0.00, #89c));
	background: -webkit-linear-gradient(top, #89c 0%, #1B2440 97%);
	background: -moz-linear-gradient(top, #89c 0%, #1B2440 97%);
	background: -o-linear-gradient(top, #89c 0%, #1B2440 97%);
	background: -ms-linear-gradient(top, #89c 0%, #1B2440 97%);
	background: linear-gradient(to bottom, #89c 0%, #1B2440 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-size:14px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	
	behavior:url('/abvw/css/PIE.htc');
}
section .loginbtn a:hover {
	-pie-background: linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #303E6C), color-stop(0.00, #B9C5E5));
	background: -webkit-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: -moz-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: -o-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: -ms-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: linear-gradient(to bottom, #B9C5E5 0%, #303E6C 97%);
	text-decoration:underline;
	
	behavior:url('/abvw/css/PIE.htc');
}
section .loginbtn a:active {
	position:relative;
	top:1px;
}

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





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

/*clearfix*/
.fix {
}
.fix:after {
	font-size:1px;
	content:".";
	display:block;
	height:0px;
	clear:both;
	visibility:hidden;
}
.fix {
	zoom:1;
}
/*------------*/




.sectionchangepassword{
	width:498px;
	height:450px;
	border:1px solid #cccccc;
	display: none;
	padding: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;
	background-color: #ffffff;
	z-index: 101;
}

.sectionchangepassword dl, .sectionchangepassword dl dt, .sectionchangepassword dl dd{
	margin:0;
	padding:0;
}
.sectionchangepassword dl{
	width:300px;
	margin:0 auto 5px;
}
.sectionchangepassword dl dt{
	width:290px;
	padding:5px;
	font-size:13px;
}
.sectionchangepassword dl dd{
	background:url(../img/login/loginbg.png) 0 0 no-repeat;
	padding:6px;
	width:288px;
	height:33px;
}
.sectionchangepassword dl dd input{
	/*background:#00CC66;*/
	font-family: "���C���I", "Meiryo", "�q���M�m�p�S Pro W3", "Hiragino Kaku Gothic Pro", "�l�r �o�S�V�b�N", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	width:280px;
	height:27px;
	border:none;
	margin:3px 4px;
	padding:0;
}


.sectionchangepassword p{
	text-align:center;
	margin:10px auto 0;
	font-size:13px;
}
.sectionchangepassword .loginbtn {
	/*width:304px;
	height:25px;
	margin:30px auto 0;*/
}
.sectionchangepassword .loginbtn a.change {
    /*position:relative;
    margin:0 194px 0 0;*/
}
.sectionchangepassword .loginbtn a.skip {
    /*position:relative;
    margin:-27px 97px 0 0;*/
}
.sectionchangepassword .loginbtn a.cancel {
    /*position:relative;
    margin:-27px 0 0 87px;*/
}
.sectionchangepassword .loginbtn a {
	width:100px;
	height:28px;
	padding-top:8px;
	border:1px #263957 solid;
	
	-pie-background: linear-gradient(top, #89c 0%, #1B2440 97%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #1B2440), color-stop(0.00, #89c));
	background: -webkit-linear-gradient(top, #89c 0%, #1B2440 97%);
	background: -moz-linear-gradient(top, #89c 0%, #1B2440 97%);
	background: -o-linear-gradient(top, #89c 0%, #1B2440 97%);
	background: -ms-linear-gradient(top, #89c 0%, #1B2440 97%);
	background: linear-gradient(to bottom, #89c 0%, #1B2440 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-size:14px;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	
	behavior:url('/abvw/css/PIE.htc');
}
.sectionchangepassword .loginbtn a:hover {
	-pie-background: linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #303E6C), color-stop(0.00, #B9C5E5));
	background: -webkit-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: -moz-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: -o-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: -ms-linear-gradient(top, #B9C5E5 0%, #303E6C 97%);
	background: linear-gradient(to bottom, #B9C5E5 0%, #303E6C 97%);
	text-decoration:underline;
	
	behavior:url('/abvw/css/PIE.htc');
}
.sectionchangepassword .loginbtn a:active {
	/*position:relative;
	top:1px;*/
}

/*
.sectionchangepassword .loginbtn a:not(:target) {
    filter: none;
    -ms-filter: none;
    background-image: url(../css/button_back_off.svg);
}
section .loginbtn a:hover:not(:target) {
    filter: none;
    -ms-filter: none;
    background-image: url(../css/button_back_on.svg);
}
*/

.alertTxtDialog {
	font-size:13px;
	color:#e60012;
	display:block;
	text-align:center;
	/*width:300px;*/
}
section h1{
	margin:2px 2px 38px 2px;
	padding:0;
	height:64px;
	line-height:62px;
	text-align:center;
	letter-spacing: 2px;
	color:#333;
	background-color:#dfdfdf;
	-moz-border-radius:8px 8px 0px 0px;
	-webkit-border-radius:8px 8px 0px 0px;
	border-radius:8px 8px 0px 0px;
}

#user_info div.label
{
    width: 160px;
	margin-left:10px;
    font-size: 13px; 
    float: left;
}
#user_info div.show
{
    font-size: 13px;
    float: left;
}

.title 
{
    font-size: large;
}