@charset "utf-8";

/* main
-------------------------------------------------------------- */
#main {
	float: left;
	width: 700px;
	margin: 10px 0 0 0;
	padding-left: 10px;
	line-height: 140%;
}

#pankuzu {
	font-size: 80%;
}

strong {
	font-weight: bold;
}
h1 {
	background: url(../../images/login_ic001.gif) no-repeat 0 bottom;
	padding: 0 0 0 15px;
}

.mb20{
	margin: 0 0 20px 0;
}
.mb30{
	margin: 0 0 30px 0;
}

p.link a{
	background: url(../../images/login_ic002.gif) no-repeat 0.1em 0.2em;
	padding: 0 0 0 10px;
	zoom: 1;
}

/* symmetry column pattern */

div#main div.sym_col, div#main div.sym_col2 {
	width: 700px;
}

div#main div.sym_col .col1 {
	float: left;
	width: 340px;
}

div#main div.sym_col .col2 {
	float: right;
	width: 340px;
}

div#main div.sym_col2 .col1 {
	float: left;
	width: 435px;
}

div#main div.sym_col2 .col2 {
	float: right;
	width: 245px;
}

/* -------- login ---------*/
#error {
	width: 320px;
	padding: 10px;
	margin-bottom: 10px;
	border: solid 1px #cc0000;
}

#error p {
	color: #CC0000;
	font-weight: bold;
}

#login {
	width: 340px;
	border: solid 1px #e3dfd6;
	background-color: #f2efe9;
}

#login dl {
	width:320px;
	padding:10px 10px 5px 10px;

}

#login dl span.text{
	display:block;
	color: #8c765d;
	font-weight: bold;
	padding-bottom: 5px;
}
#login dl dt {
	float: left;
	color: #8c765d;
	width: 5em;
}

#login dl dd {
}
#login dl dd span{
	padding-left:5.2em;
	display:block;
	width:240px;
}

#login input#num, #login input#pw {
	width: 180px;
	height: 15px;
	padding: 3px;
	border: solid 1px #cccccc;
	vertical-align: middle;
}

#login .bt {
	text-align: center;
	padding-bottom:10px;
}

/* -------- tokuten ---------*/
#main #point {
	background: url(../../images/login_bg001.gif) repeat-x 0 0;
	padding: 10px 4px;
/*	border:1px solid #FF0000;*/
}
#main #point li{
	padding: 0 0 0 8px;
	float:left;
}

/* -------- logout ---------*/

#main .hr {
	border-bottom:1px solid #ceb7ab;
	width:700px;
	padding-top:10px;
}
#main .list-box {
	margin:20px 0 100px 0;
}
#main .list-box ul {
	width:500px;
}
#main .list-box ul li {
	background: url(../../images/login_ic002.gif) no-repeat 0.1em 0.2em;
	float:left;
	width:200px;
	padding: 0 0 10px 10px;
	zoom: 1;
}
/* clearfix
-------------------------------------------------------------- */
#pankuzu:after,
#main h1:after,
#main h2:after,
#main .sym_col:after,
#main .sym_col2:after,
#main #point:after,
#main .list-box:after,
#main .list-box ul li:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

#pankuzu,
#main h1,
#main h2,
#main .sym_col,
#main .sym_col2,
#main #point,
#main .list-box,
#main .list-box ul li {
	min-height: 1px;
}

/* for IE6 */
* html #pankuzu,
* html h1,
* html h2,
* html #main .sym_col,
* html #main .sym_col2,
* html #main #point,
* html #main .list-box,
* html #main .list-box ul li {
	height: 1px;
}

/* for IE7 */
*:first-child+html #pankuzu,
*:first-child+html h1,
*:first-child+html h2,
*:first-child+html #main .sym_col,
*:first-child+html #main .sym_col2,
*:first-child+html #main #point,
*:first-child+html #main .list-box,
*:first-child+html #main .list-box ul li {
	zoom: 1;
}