/**
 * 
 * @version 
 * @author 
 */

/** Universal Reset

-----------------------------------------*/
html, body, #wrap {height: 100%;}

body{
	margin: 0;
	padding: 0;
	font-family: Lucida Grande, "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro","メイリオ","ＭＳ Ｐゴシック", sans-serif;
	font-size: 16px;
	line-height: 1.5;
	color: #000;
	background-image:url(../images/login/bg_wrapper.png);
	background-repeat:repeat-x;
	background-color:#FFF;
}
* html body {
	font-size: 100%;
}
*+html body {
	font-size: 100%;
}

h1,h2,h3,h4,h5,h6,p,dl,dt,dd{
	margin: 0;
	padding:0;
}
ul,ol,li {
	margin: 0;
	padding: 0;
	list-style: none;
}
img {	
	border: 0;
}

a {
	border: 0;
	color: #333;
	text-decoration:none;
}
a:hover {
	color: #6e6bcf;
}
a:focus {
	-moz-outline-style: none;
}
p{
	line-height:1.65;
}
p#lead{
	margin:1.5em 0;
}
.subtitle{
	background:url(../images/global/h3_top.gif) no-repeat top;
	padding-top:7px;
	margin-bottom:15px;
	margin-top:1.5em;
}
.subtitle h4{
	background:url(../images/global/h3_bottom.gif) bottom no-repeat;
	padding:0 15px 7px 10px;
}
.subtitle h4 span{
	font-size:12px;
	color:#474865;
	border-left:#474865 2px solid;
	padding-left:8px;
}
.linktext	a{
	background:url(../images/global/arrow_mini.gif) right 50% no-repeat;
	padding:2px 7px 2px 0;
	color:#6e6bcf;
	font-weight:bold;
}


/** Utility
-----------------------------------------*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
* {margin:0;padding:0;} 


/** Common Layout
-----------------------------------------*/
body > #wrap {height: auto; min-height: 100%;}

#contents{padding-bottom: 50px;}  /* must be same height as the footer */

#footer {
	position: relative;
	margin-top: -50px; /* negative value of footer height */
	height: 50px;
	background:#3f4057;
	clear:both;
	padding-top:0.5em;
} 
#footer p{
	width:690px;
	margin:0 auto;
	color:#FFF;
	font-size:66%;
}
#wrap{
	width: 690px;
	margin: 0 auto;
	padding-bottom:40px;
}
p#header{
	margin:0 auto 20px auto;
	width: 690px;
	padding-top:8px;
}
#contents p,
#contents ol{
	font-size:77%;
	margin-bottom:0.5em;
}
#contents ol li{
	list-style:decimal;
	margin-left:1.5em;
}

h2{
	background:url(../images/login/bg_h2.gif) bottom repeat-x;
	border-top:#E6E7E7 1px solid;
	padding:15px 0;
	color:#474865;
	margin:1px 0 20px 0;
	font-size:16px;
}
h3{
	margin-bottom:1em;
}
p a{
	padding:2px 7px 2px 0;
	color:#6e6bcf;
	font-weight:bold;
}
p a:hover{
	text-decoration:underline;
}

.boxleft{
	width:325px;
	float:left;
}
.boxright{
	width:325px;
	float:right;
}
p.link{
	margin-top:0.5em;
	background:url(../images/login/bg_linktop.gif) top no-repeat;
	width:345px;
	padding-top:3px;
}
p.link span{
	background:url(../images/login/bg_dl.gif) bottom no-repeat;
	display:block;
	padding:10px 15px 20px 15px;
	line-height:1;
}
p.link a{
	background:url(../images/login/arrow_black.gif) left 0.3em no-repeat;
	padding:2px 0 2px 20px;
}
p.image{
	text-align:center;
}
p#bottomtxt{
	border-top:#DADBDB 1px solid;
	margin-top:3em;
	padding-top:1em;
}
.clicklist{
	cursor:pointer;
}
.clicklist a{
	color:#6e6bcf;
	text-decoration: underline;
}
#vl6{
	background:url(../images/login/dltop.gif) top no-repeat;
}
#vl6 dl{
	width:313px;
	float:left;
	background:url(../images/login/bg_dl.gif) bottom no-repeat;
	padding:10px 20px 15px 12px;
	margin-top:2px;
}
#vl6 dl dt{
	float:left;
	clear:left;
	width:185px;
	padding-left:20px;
	background:url(../images/login/arrow_black.gif) left top no-repeat;
	line-height:1.2;
}
#vl6 dl dt a{
	padding:2px 0;
	font-size:77%;
	font-weight:bold;
	color:#6e6bcf;
}
#vl6 dl dd{
	margin-left:210px;
}