@charset "utf-8";

* { margin: 0; padding: 0; font-size: 100%; font-style: normal;}

body {
	background:url(images/bg.gif) repeat-x 0 0;
	color: #000;
	font:13px "ＭＳ Ｐゴシック",arial,helvetica,clean,sans-serif;
	*font-size:small;
	*font:x-small;
	line-height:1.35;
	letter-spacing: 0em;
	word-spacing: 0.1em;
	width:100%;
}

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

h1, h2, h3, h4, h5, h6 { 
	margin:0;
	padding:0;
}

ul, ol {
	list-style-type:none;
	margin:0;
	padding:0;
}

a         { color: #0032BA; text-decoration: none; cursor: pointer;}
a:visited { color: #0032BA;}
a:hover   { color: #0032BA; text-decoration: underline;}
a:focus,
a:active  { color: #0032BA;}

hr { display: none; clear:both;}
img { border: none; color: #fff; background: transparent; vertical-align: bottom;}
.alt {display: none;}
.red {color:#FF0000;}


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


/* wrapper
--------------------------------------*/
#wrapper {
	width:960px;
	text-align:left;
	margin:0 auto;
}

/* header
--------------------------------------*/
#header {
	background:#FFF;
	padding-bottom:15px;
}

#header #left {
	float:left;
	width:640px;
}
#header #left .logo {
	background:url(../images/logo.gif) no-repeat 5px 0;
	margin-top:15px;
}
#header #left .logo a {
	display:block;
	width:310px;
	height:35px;
	margin-left:10px;
}



/* layout
--------------------------------------*/

#left-area {
	float:left;
	width:400px;
	margin-bottom:20px;
}
#right-area {
	float:right;
	width:530px;
	margin-bottom:20px;
	padding-top:5px;
}

#sublink {margin-bottom:30px;text-align:right;}


/* login-box
--------------------------------------*/
div.login-box {
	background:url(images/login.gif) no-repeat 0 0;
	text-align:center;
	padding:135px 15px 10px;
	margin-bottom:10px;
}
div.spot {background:url(images/login_spot.gif) no-repeat 0 0;}
div.login-box dl {
	margin:0 auto 10px;
	width:250px;
}
div.login-box dl dt {
	font-weight:bold;
	font-size:116%;
	text-align:left;
	padding:0 0 4px;
}
div.login-box dl dd {
	padding:0 0 8px;
	text-align:center;
}
div.login-box dl dd input {
	font-size:116%;
	width:250px;
	padding:2px;
}
div.login-box p.savepw input {
	margin-right:4px;
}
div.login-box p.btn {
	padding:10px 0 20px;
}

div.forget-pass {
	padding:0 7px 30px 0;
	text-align:right;
}
div.forget-pass a {
	background:url(images/arw_more.gif) no-repeat 0 3px;
	padding:0 0 0 9px;
}


/* news-box
--------------------------------------*/
div.news-box {
	margin-bottom:20px;
}
div.news-box h2 {
	background:url(images/mds.gif) no-repeat 0 0;
	font-size:116%;
	font-weight:normal;
	padding:7px 0 0 18px;
	height:30px;
	margin-bottom:10px;
}
div.news-box h2.fs {
	background:url(images/osirase.gif) no-repeat 0 0;
	color:#666;
	font-size:116%;
	font-weight:normal;
	padding:0px 0 0 37px;
	height:30px;
	margin-bottom:12px;
}

div.news-box ul {
	margin-bottom:15px;
	padding:0 5px;
}
div.news-box ul li {
	padding:0 0 8px 0px;
}
div.news-box span.date {
	color:#666;
	margin-left:5px;
}


div.news-box dl {
	padding:0 5px;
	margin-bottom:20px;
}
div.news-box dl dt {
	margin-bottom:4px;
}
div.news-box dl dt span.category {
	background:#E7F8D2;
	color:#359904;
	font-size:85%;
	font-weight:bold;
	margin-right:10px;
	padding:4px 5px 1px;
	line-height:1.5;
}
div.news-box dl dd {
	font-size:100%;
	margin-bottom:15px;
}


div.bnr {
	margin-bottom:30px;
}
div.more {
	text-align:right;
}
div.more a {
	background:url(images/arw_more.gif) no-repeat 0 3px;
	padding:0 0 0 9px;
}




/* spot
--------------------------------------*/
#spot #wrapper {
	width:600px;
}
#spot {
	padding:20px 0;
}
#spot h1 {margin-bottom:20px;}
#spot .comp-box {
	border:3px solid #EEE;
	padding:8px 15px;
	margin-bottom:30px;
}
#spot .comp-box dl dt {
 float:left;
	width:8em;
	padding:2px 0;
}
#spot .comp-box dl dd {
	margin-left:8em;
	padding:2px 0;
}

#spot .catch-box {
	clear:both;
	margin-bottom:30px;
}
#spot .catch-box dl dt {
	font-size:116%;
	font-weight:bold;
	margin-bottom:10px;
}
#spot .catch-box dl dd {
	color:#ff0000;
}

#spot .data-mds {
	margin:0 20px;
}
#spot .data-box {
	margin:0 20px 30px;
	text-align:center;
	padding:25px;
	background:#EFF7F8;
}
#spot .data-box table {
	border-collapse:collapse;
	border-spacing:0;
	border:1px solid #CCC;
	margin:0 auto 20px;
	width:80%;
}
#spot .data-box table th,
#spot .data-box table td {
	padding:8px 15px;
	border:1px solid #CCC;
	text-align:left;
}
#spot .data-box table th {
	background:#D2E6E9;
	width:35%;
}
#spot .data-box table td {
	background:#FFF;
}
#spot .data-box p.check {
	margin-bottom:10px;
}

#spot .notice {
	margin:0 30px 20px;
}
#spot .notice p {
	padding-left:1em;
	text-indent:-1em;
	margin-bottom:10px;
}


/* footer
--------------------------------------*/
#footer {
	clear:both;
	background:#FFF;
	color:#666;
	text-align:center;
	height:55px;
	padding:0;
}
#footer .inner {
	border-top:1px solid #D6D6D6;
	padding-top:15px;
}
#footer ul {
	float:left;
	width:500px;
}
#footer ul li {
	float:left;
	background:#FFF url(../images/arw_blue.gif) no-repeat 0px 5px;
	padding-left:12px;
	margin-right:15px;
}
#footer address {
	float:right;
}


/* universal
--------------------------------------*/
.aL { text-align: left;}
.aC { text-align: center;}
.aR { text-align: right;}
.fR { float: right;}
.fL { float: left;}
.clr { float: none; clear: both;}
.pb05 { padding-bottom:5px;}
.pb10 { padding-bottom:10px;}
.pb20 { padding-bottom:20px;}
.pb30 { padding-bottom:30px;}