/* 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{
	width:898px;
	height:680px;
	border:1px solid #cccccc;
	padding:0;
	display:block;
	margin:30px;
	overflow:hidden;
}

section{
	width:800px;
	display:block;
	/*padding:33px 0 0;*/
	padding:23px 0 0;
	margin:0 auto;
	overflow:hidden;
}

section div#user_info{
	margin-bottom:30px;
}

section div#user_info h2{
	padding-bottom:8px;
	margin-bottom:15px;
	border-bottom:1px solid #CCC;
	font-size:14px;
	font-weight:bold;
}

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 {
	clear:both;
	padding-top:18px;
}
section div#user_info .passchgbtn a {
	/*width:125px;*/
	height:21px;
	-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;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:2px 4px 2px 4px;
	line-height:21px;
	text-decoration:none;
	text-shadow:1px 1px 0px #a2d613;
	margin:0 0 0 0;
	text-align:center;
}
section div#user_info .passchgbtn a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
	background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
	background-color:#83c008;
}
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:415px;*/
	background:url(../img/common/back_dot.gif);
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
}

div#user_option h3{
	/*padding:25px 0 0 0;*/
	padding:20px 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 .option_backup
{
	font-size:13px;
	margin:0 0 0 24px;	
}
section div#user_option .option_backup input
{
    margin:0 5px 0 15px;
}

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

.message-options
{
    font-weight:normal;
    text-align:center;
    font-size:13px;
    margin-bottom:20px;
}

section div#user_option .backupbtn {
	margin:0 0 20px 30px;
}
section div#user_option .backupbtn a {
	width:125px;
	height:21px;
	-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;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:2px 0;
	line-height:21px;
	text-decoration:none;
	text-shadow:1px 1px 0px #a2d613;
	margin:0 0 0 0;
	text-align:center;
}
section div#user_option .backupbtn a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
	background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
	background-color:#83c008;
}
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 20px;
	border-top:1px solid #CCC;
}

section #user_option .savebtn a {
	width:125px;
	height:21px;
	-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;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:2px 0;
	line-height:21px;
	text-decoration:none;
	text-shadow:1px 1px 0px #a2d613;
	margin:0 0 0 0;
	text-align:center;
	float:right;
}
section #user_option .savebtn a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
	background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
	background-color:#83c008;
}
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:0 170px 0 0;
}

section #user_option .savebtn .default{
	margin:0 -265px 0 0;
}


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:85px;
	height:21px;
	-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;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:2px 0;
	line-height:21px;
	text-decoration:none;
	text-shadow:1px 1px 0px #a2d613;
	margin:0 0 0 0;
	text-align:center;
	float:right;
}
section .loginbtn a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
	background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
	background-color:#83c008;
}
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;
	-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;
}

.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:25px 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:85px;
	height:21px;
	-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;
	display:inline-block;
	color:#ffffff;
	font-family:arial;
	font-size:14px;
	font-weight:bold;
	padding:2px 0;
	line-height:21px;
	text-decoration:none;
	text-shadow:1px 1px 0px #a2d613;
	text-align:center;
	float:right;
}
.sectionchangepassword .loginbtn a:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #83c008), color-stop(1, #a4d815) );
	background:-moz-linear-gradient( center top, #83c008 5%, #a4d815 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#83c008', endColorstr='#a4d815');
	background-color:#83c008;
}
.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: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;
}

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

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

/* No.4 */
#cboAnimation
{
    margin-left:120px;
}
.lblOptPageTransPeriod
{
    padding-left:20px;
}
#txtValueAnimation
{
    width:30px;
    border:solid 1px #222;
    text-align:center;
}
#slidebar-animation
{
    display:inline-block;
    width:200px;
    margin:0 8px;    
}
#slidebar-container
{
    display:inline-block;
    padding:0 5px;
}