@charset "utf-8";

body,div,dl,dt,dd,ul,li,h1,h2,h3,h4,pre,form,input,th,td,img{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;font-size: 100%;}
img,object{border:0;vertical-align: top;}
ul {list-style:none;}
ol {margin: 0; padding: 0 0 0 1.4em;}
caption {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
em,address {font-style: normal;}

p {margin: 0 0 1em;padding: 0;}

body {
	background-color: #fff;
	color: #000;
    font-size: small !important; /* IE 7向け */
    font-size: x-small; /* IE 6以下互換モード用 */
	text-align: center;
}
html>/**/body {
    font-size: 13px; /* モダンブラウザ向け */
}

/*
	div#contents: font-size: 108% 14px
	10px: 71% (1.08 x 0.713 = 77%)
	11px: 78.7% (1.08 x 0.787 = 85%)
	12px: 86% (1.08 x 0.8611 = 93%)
	13px: 92.6% (1.08 x 0.9259 = 100%)
	15px: 107% (1.08 x 1.074 = 116%)
	16px: 114% (1.08 x 1.139 = 123.1%)
	17px: 121% (1.08 x 1.212 = 131%)
	18px: 128% (1.08 x 1.282 = 138.5%)
	19px: 135.6% (1.08 x 1.356 = 146.5%)
	20px: 142.5% (1.08 x 1.425 = 153.9%)
	21px: 149.6% (1.08 x 1.496 = 161.6%)
	22px: 154.6% (1.08 x 1.5462 = 167%)
	23px: 161% (1.08 x 1.611 = 174%)
	24px: 168.5% (1.08 x 1.685 = 182%)
	25px: 175% (1.08 x 1.75 = 189%)
	26px: 182% (1.08 x 1.824 = 197%)
	http://developer.yahoo.com/yui/fonts/
*/

#catch {
	margin-bottom: 20px;
	background-color: #66c;
}

.home #catch {
	text-align: center;
	background-color: #f4eddd;
}


a:link {
	color: #06f;
}
a:visited {
}
a:hover {
	text-decoration: none;
}
.r {
	text-align: right;
}
.c {
	text-align: center;
}
.bold {
	font-weight: bold;
}

#hd {
	border-bottom: solid 1px #ccc;
}
#hd div {
	position: relative;
	width: 960px;
	margin: 30px auto 10px;
	text-align: left;
}
#hd ul {
	position: absolute;
	top: 0;
	right: 0;
	width: 345px;
}
#hd li {
	float: left;
}
#hd li a {
	display: block;
	background: url(../images/login/bg_sprite.gif)  -158px -41px no-repeat;
}
#hd li.n1 {
	margin-top: 6px;
	margin-right: 24px;
}
#hd li.n2 {
	margin-top: 6px;
	margin-right: 30px;
}
#hd li.n1,
#hd li.n1 a {
	width: 86px;
	height: 12px;
}
#hd li.n2,
#hd li.n2 a {
	width: 71px;
	height: 12px;
}
#hd li.n2 a {
	background-position: -244px -41px;
}
#hd li.n3,
#hd li.n3 a {
	width: 134px;
	height: 29px;
}
#hd li.n3 a {
	background-position: -680px 0;
}
#hd li a:hover {
	background-color: #fff;
}
#hd li a:hover img,
.login #hd li.n3 a img {
	visibility: hidden;
}

.path {
	width: 960px;
	margin: 6px auto;
	font-size: 93%;
	text-align: left;
	word-spacing: .5em;
}

#catch div,
#catch h1 {
	width: 960px;
	height: 67px;
	margin: 0 auto;
	padding-top: 33px;
	text-align: left;
}
* html #catch div,
* html #catch h1 {
	height: 100px;
}

#container {
	width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 108%;
	line-height: 1.7;
}
#contents {
	float: left;
	width: 100%;
	margin-right: -250px;
}
#main {
	width: 680px;
}
#sub {
	float: left;
	width: 250px;
}
#list {
	float: left;
	width: 230px;
	padding: 9px;
	border: solid 1px #ccc;
	background-color: #e1e7e9;
}
* html #list {
	width: 250px;
}
#list dl {
	background-color: #fff;
}
#list dt a {
	display: block;
	width: 230px;
	height: 60px;
	background: url(../images/info/bg_sbar.gif) no-repeat;
	text-indent: 38px;
	line-height: 60px;
}
.mypage #list dt a {
	background: url(../images/mypage/bg_sbar.gif) no-repeat;
}
#list dt a:hover,
.top #list dt a {
	background-position: 0 -60px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#list dd li {
	border: solid 1px #ccc;
	border-top-style: none;
}
#list dd li a {
	display: block;
	width: 228px;
	height: 38px;
	background: url(../images/common/arw.gif) 15px 50% no-repeat;
	text-indent: 38px;
	line-height: 38px;
}
#list dd li a:hover,
.guide #list dd li.sub_s1 a {
	background-color: #66f;
	background-image: url(../images/common/arw_o.gif);
	color: #fff;
	font-weight: bold;
}
	

.refresh {
	clear: both;
	padding-top: 20px;
	text-align: right;
}
#ft {
	background: url(../images/common/bg_ft.jpg) repeat-x;
}
#ft div {
	width: 960px;
	margin: 0 auto;
	padding: 30px 0;
	color: #666;
	text-align: right;
}
#ft a {
	float: left;
	font-size: 93%;
}
#ft a:link {
	color: #666;
}
#ft span {
	font-size: 77%;
	font-family: Arial, Helvetica, sans-serif;
}

table {
	width: 100%;
	margin-bottom: 20px;
}
td,th {
	padding: 4px 10px;
	border: solid 1px #999;
}
th {
	background-color: #e1e7e9;
}
table em {
	color: #f00;
}
th em {
	font-weight: normal;
}

/* ====== login ====== */
.login #container {
	text-align: center;
}
.login #main {
	width: 540px;
	margin: 60px auto;
	background-color: #66c;
	text-align: left;
}
.login #main h1 {
	padding: 15px 0 5px;
	text-align: center;
}
.login #main form {
	margin: 10px;
	padding: 20px;
	background-color: #fff;
}
.login #main p.i {
	margin-bottom: 0;
	padding-top: 10px;
	background-color: #fff;
	font-size: 121%;
	font-weight: bold;
}
.login #main p.i a {
	padding-left: 24px;
	background: url(../images/common/arw.gif) 0 50% no-repeat;
}
.login th {
	width: 130px;
}
* html .login #main table {
	width: 480px;
}
.forgot #main {
	width: 540px;
	margin: 60px auto;
}




/* ====== clearfix ====== */
/* *note* fix 'width' for ie6-7 */

.top #main .w:after
 { content:'.'; display:block; clear:both; height:0; visibility: hidden; }