@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{
background:#f4f4f4;
}

a:hover
{
	cursor: pointer;
}

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

#wrapper {
	height:100%;
}


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


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



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

.wrapper {
	width:100%;
	background:url('../img/common/body_bg.png');
}

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

article{
	width:898px;
	height:593px;
	border:1px solid #cccccc;
	padding:0;
	display:block;
	margin:26px 30px 30px;
	overflow:hidden;
}

section.loginsection{
	width:398px;
	height:363px;
	border:1px solid #cccccc;
	display:block;
	padding:25px 0 0;
	margin:102px auto 0;
	overflow:hidden;
	background:url('../img/login/loginbodybg.png') 0 0 repeat-x;
	-webkit-border-radius:4px 4px 4px 4px;
	-moz-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
	-webkit-box-shadow: 0px 1px 2px 0px #ddd;
	-moz-box-shadow: 0px 1px 2px 0px #ddd;
	box-shadow: 0px 1px 2px 0px #ddd;
}

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;
	font-size:13px;
}
section dl dd{
	background:url('../img/login/loginbg.png') 0 0 no-repeat;
	padding:6px;
	width:288px;
	height:33px;
}
section dl dd input{
	/*background:#00CC66;*/
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS P Gothic", "Osaka", Verdana, Arial, Helvetica, sans-serif;
	width:280px;
	height:27px;
	border:none;
	margin:3px 4px;
	padding:0;
}


section .p{
	width:300px;
}
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;*/
	margin-right: 8px;
	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;
}

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

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

.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;
}