@charset "utf-8";
/* CSS Document */

/* reset */
body{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup,sub{line-height:-1px;vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}



html {
  background-color: transparent;
  background-image: none;
}

body{
	font-size:14px;
	*font-size:92.5%;
}

table{
	font-size:inherit;
	font:100%;
}

select,
input,
textarea{
	font-size:inherit;
}

/*  Universal Selector
---------------------------------------------------------- */

*{
	margin:0;
	padding:0;
	line-height:1.6;
	color:#333333;
	font-size:100%;
	font-weight:normal;
	font-style:normal;
}

/*  Structure Module
---------------------------------------------------------- */

body{
	margin:0;
	color:#333;
	background:#e6e6e6;
	font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	letter-spacing: 0;
}

/*  Text Module
---------------------------------------------------------- */

p,
pre,
address,
cite{
	margin:0 0 0.5em;
	padding:0;
}

h1,
h2,
h3,
h4,
h5{
	font-weight:bold;
}

h1{
	font-size:1.7em;
}

h2{
	font-size:1.4em;
}

h3{
	font-size:1.4em;
}

h4{
	font-size:1.2em;
}

h5{
	font-size:1em;
}

strong{
	font-weight:bold;
}

/*  Hypertext Module
---------------------------------------------------------- */

a:link{
	 color:#039;
	 text-decoration:none;
}

a:visited{
	color:#039;
	 text-decoration:none;
}

a:hover{
	color:#0B2593;
	text-decoration:underline;
}

.tm{
	margin-bottom:1em!important;
}

.tm05{
	margin-bottom:0.5em!important;
}

.tm2{
	margin-bottom:2em!important;
}


#header{
	background:#fff url(../images/heade_bg.png) repeat-x;
	padding:20px 0 60px;
	height:120px;
}

#header .col1{
	width:860px!important;
}

#header h1{
	width:355px;
	float:left;
}
#header p{
	width:322px;
	float:right;
}


#body_wrapper{
	background-color:#fff;
	padding-bottom:40px;
}


.col1{
	width:800px;
	margin:0 auto;
}

.col1 h2{
	margin-bottom:1em;
}

.col1 h3{
	background:#e6e6e6;
	padding:5px 10px;
	font-size:14px;
}

.col1 p.q{
	font-weight:bold;
	color:#069;
}


.col500{
	width:500px;
	margin:0 auto;
}

p.error{
	font-weight:bold;
	color:#c00;
	margin:-10px 0!important;
	padding:0 40px!important;
}


#login{
	width:478px;
	height:288px;
	margin:30px auto;
	background:url(../images/login_bg.png) no-repeat left bottom;
}

#login h2#touroku{
	margin-bottom:50px;
}

#login dl{
	margin:20px 45px 10px;
}
#login dl dt{
	width:140px;
	padding-top:5px;
	margin-bottom:15px;
	float:left;
}
#login dl dd{
	width:auto;
	margin-bottom:15px;
	float:left;
}

#login p{
	margin:0 45px;
	padding-left:140px;
}



ul.link li{
	background:url(../images/link_mi.png) no-repeat 0 50%;
	padding-left:25px;
	margin-left:15px;
	margin-bottom:0.8em;
}







table.registration{
	width:800px;
	border-collapse:separate;
	border-spacing:2px;
	margin-bottom:30px;
}

table.registration th,
table.registration td{
	border:1px solid #e6e6e6;
	padding:4px 6px;
}

table.registration th{
	background:#efefef;
}



/* form */

input{
	height:1.5em;
	margin:4px 0;
	vertical-align:middle;
}

input.img{
	height:45px;
	margin:0;
}

input#mail,
input#pass{
	width:220px;
	height:1.5em;
	padding:2px 4px;
}

input.mid{
	width:16em;
}
input.wide{
	width:40em;
}

input.btn{
	width:110px;
	height:35px;
}


#footer{
	height:80px;
	width:860px;
	margin:0 auto;
	padding-top:15px;
	font-size:11px;
}


/*  Clearfix
---------------------------------------------------------- */

.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	line-height: 0;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/*\*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/**/