@charset "utf-8";

/* ---- initialize -------- */

body { 
	width:100%;
	margin:0;
	padding:0; 
	color:#000000;
	text-align:center;
	font-size:16px;
	line-height:23px; 
	height:100%;
	background:url(../images/bg.gif) top no-repeat;
	font-family:'メイリオ','ＭＳ Ｐゴシック','MS PGothic',Verdana,osaka,Meiryo,sans-serif;
}
#content {
	width: 900px;
	margin: 0 auto;
	padding: 30px 60px 0 60px;
	text-align: left;
	position: relative;
}

a { text-decoration:none; color:#005F30; }
a:visited{ color:#57770C; text-decoration:none; }
a:hover  { color:#1A7B79; text-decoration:underline; }
a:active { color:#57770C; text-decoration:underline; }

.indent {
	padding-left:1em;
	text-indent:-1em;
}
.clearfix:before,
.clearfix:after {
	content:"";
	display:table;
}
.clearfix:after {
	clear:both;
}
.clearfix {
	zoom:1;
}

h2.line {
	border-bottom: solid 3px #e1e2ce;
	position: relative;
	font-size: 22px;
	color: #5C4C38;
	margin-top:10px;
	margin-bottom:10px;
	padding-left:5px;
}
h2.line:after {
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #ebb200;
	left: -5px;
	bottom: -3px;
	width: 150px;
}

h2.box {
	position : relative;
	border : 1px solid #e8e8e8;
	border-radius : 4px;
	background-color : #ffffff;
	padding : 10px 10px 10px 22px;

	background : #fdfdfd;
	background : -moz-linear-gradient(top, #fdfdfd 0%, #efefef 100%);
	background : -webkit-gradient(linear, left top, left bottom, color-stop(0%, #fdfdfd), color-stop(100%, #efefef));
	background : -webkit-linear-gradient(top,  #fdfdfd 0%, #efefef 100%);
	background : -o-linear-gradient(top, #fdfdfd 0%, #efefef 100%);
	background : -ms-linear-gradient(top, #fdfdfd 0%, #efefef 100%);
	background : linear-gradient(to bottom, #fdfdfd 0%, #efefef 100%);
	filter : progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdfdfd', endColorstr='#efefef', GradientType=0 );

	font-weight : bold;
	font-size : 20px;
	line-height : 20px;
	letter-spacing : 4px;
	color : #766c60;
}
h2.box:after {
	content : '';
	position : absolute;
	top : 5px;
	left : 5px;
	width : 4px;
	height : calc(100% - 10px);
	background-color : #f1b92a;
	border-radius : 4px;
}

h3.accent {
	position : relative;
	padding : 3px 0 0 24px;
	height: 27px;
	font-weight : bold;
	font-size : 23px;
	line-height : 23px;
	letter-spacing : 1px;
	margin-top:10px;
	margin-bottom:10px;
}
h3.accent:after {
	content : '';
	position : absolute;
	top : 0;
	left : 0;
	width : 10px;
	height : 100%;
	background-color : #f1b92a;
}
h4 {
	font-weight : bold;
	font-size : 20px;
	line-height : 20px;
	color: #3e893c;
}

/* ---- header -------- */

#header {
	width: 900px;
	height: 110px;
	border-bottom: solid 1px #CCC;;
	margin-bottom: 20px;
}

#header h1 {
	float:left;
}

#header p {
	padding-top:48px;
	float:right;
}

/* ---- footer -------- */

#footer {
	width: 900px;
	height:60px;
	margin: 0 auto;
	padding:10px 20px 0 20px;
	position:relative;
	font-size:85%;
	text-align: right;
	background-color:#726A63;
	clear:both;
}
#footer .copyright {
	text-align:right;
	width:510px;
	position:absolute;
	top:10px;
	font-size:12px;
	right:20px;
	color:#FFFFFF;
}

/* ---- login -------- */

#login {
	border: solid 3px #c6c9ac;
	box-shadow: 0 0 0 12px #f1f2e8,
	            0 0 0 13px #ababab;
	margin: -8px 13px 33px 13px;
	padding: 40px;
	font-size:14px;
	line-height:14px;
}

#login dl {
	width:600px;
	padding-top:30px;
	margin: auto;
}
#login dt {
	display: block;
	float:left;
	width:206px;
	height:26px;
	padding-left:20px;
	padding-top:12px;
	margin-bottom:4px;

	background-color: #f1f2e8;
	font-weight: bold;
	color : #766c60;
}
#login dt:before {
	content: '■';
	margin-left:-1em;
	margin-right:0.5em;
	color: #309100;
	font-size:11px;
	line-height:11px;
	text-shadow: 2px 2px 0 #a1c800;
}
#login dd {
	display: block;
	float:left;
	width:300px;
	height:34px;
	padding-left:10px;
	padding-top:4px;
	margin-bottom:4px;
}
#login .message {
	padding-top:15px;
}
#login .check {
	padding-left:234px;
}
#login .reminder {
	display: block;
	text-align:right;
	padding-top:10px;
	padding-bottom:5px;
	text-decoration:underline;
}
#login .attention {
	font-size:13px;
	line-height:13px;
}
#login input[type=text],#login input[type=password] {
	width:300px;
	border: 1px solid #90c600;
	padding: 4px;
	font-size:16px;
	line-height:16px;
}
#login .button {
	padding-top:20px;
	text-align:center;
}
#login .button input, #login .button a {
	width:177px;
	height:40px;
	font-size:18px;
	letter-spacing:2px;
}