@charset "utf-8";

/* R500m */
/* 2009/03/06 */


/*
########################################################
	RESET
########################################################
*/
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
hr { padding: 0; margin: 0; border: 0px; clear: both; display: none; }


/*
########################################################
	LAYOUT
########################################################
*/
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

img { border: 0px; }
img.left { float: left; margin: 0 10px 10px 0; }
img.right { float: right; margin: 0 0 10px 10px; }

.floatLeft { float: left; }
.floatRight { float: right; }

a { text-decoration: none; color: #333; }
a:active { text-decoration: none; color: #333; }
a:link { text-decoration: none; color: #333; }
a:hover { text-decoration: underline; color: #333; }

sup { margin-top: 2px; }
.fontEnglish { font-family: Arial, Helvetica, sans-serif; }
.bold { font-weight:bold; }
.large { font-size: 1.2em; }
.small { font-size: 0.8em; }
.red { color: #cc6666; }
.green { color: #557b03; }
.textNowrap { white-space: nowrap; }
.textTop {vertical-align: top; }
.textMiddle {vertical-align:middle; }
.textRight { text-align: right; }
.textCenter { text-align: center; }

.pdf { margin: 0 10px 0 0; }

table { padding: 0; margin: 0; border-top: 1px solid #ccc; border-left: 1px solid #ccc; border-collapse: collapse; border-spacing: 0; background-color: #fff; empty-cells: show; }
td { border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }
.border { border: 1px solid #ccc; }

html { height: 100%; background-color: #fff; }
body { position: relative; height: 100%; background-repeat: repeat-x; }
#stage { position: relative; margin: 0px auto; padding: 0; width: 960px; height: 100%; min-height: 100%; background: url(../images/container_bg.gif); background-repeat: repeat-y; }
#container { position: relative; margin: 0px auto; padding: 0; width: 950px; color: #333; text-align: left; font-size: 0.8em; line-height: 1.4em; font-family: verdana, geneva, helvetica, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', sans-serif; text-align: justify; text-justify: distribute; }
#contents { width: 940px; margin: 5px; }
#contents p { padding: 10px 0 0 0; }
#contents h3 { padding: 10px 0 0 0; }
ul { margin: 10px 0 0 0; }
ul.listOn { list-style: disc; margin: 10px 0 0 0; }
ul.listOn li { padding: 0px; margin: 5px 0 0 10px; }

/*
IE7 を含むモダンブラウザにのみ適用（バージョン 6 以下の IE を除外）
ベースの背景画像（両サイドのシャドー）を画面最下部まで表示する処理
*/
html>body>#stage { height: auto; }


/*
########################################################
	home
########################################################
*/
body#home .header {
	width: 950px;
}
body#home .contentsLeft {
	float: left;

	width: 630px;
/*	height: 550px;*/
	height: auto;
	min-height: 550px;
	background: url(../images/station_bg.gif);
	background-position:top;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
/*	background: url(../images/login_base1.gif);*/
}
body#home .contentsRight {
	float: right;
	width: 310px;
	height: 458px;
	background: url(../images/login_base1.gif);
}
body#home .formBox {
	padding: 53px 0 0 23px;
	width: 287px;
}
body#home .textId {
	padding: 10px 0 0 0;
}
body#home .inputBoxArea {
	padding: 4px 0 0 15px;
	width: 238px;
	height: 28px;
	background: url(../images/text_box.gif);
}

body#home .inputBox {
	width: 230px;
	height: 22px;
	font-size:21px;
	border: 0px solid #fff;
	background-color: #fff;
	color: #4d4543;
}

body#home .selectList {
	border-right: black 2px solid;
	border-top: black 2px solid; 
	border-left: black 2px solid; 
	border-bottom: black 2px solid; 
	width: 350;
	height: 28px;
	font-size:20px;
	background-color: #fff;
	color: #4d4543;
}
body#home .STATIONNAME {
	margin: 0px;
	padding: 0px;
	
	width: 0px;
	float: left;
	font-weight:bold;
	font-size:15px;
}
body#home .STATIONLINK {
	margin: 0px;
	padding: 0px;

	font-weight:bold;
	font-size:20px;
	float: left;
	width: 400px;
	height:400px;
}
body#home .STATIONQR {
	margin: 0px;
	padding: 0px;

	font-weight:bold;
	font-size:13px;
	float: right;
	width: 120px;
	height: 113px;
}

body#home .inputCheckBoxArea {
	width: 264px;
	height: 35px;
	background: url(../images/text_auto.gif);
}
body#home .inputCheckBox {
	margin: 10px;
	padding: 0;
	width: 18px;
	height: 18px;
}
body#home .textInfo {
	padding: 45px 0 0 0;
}

/*----------------------------------------*/

body#home .loginButton {
	margin:-4px 0px 0px 0px;
	padding:0;
	border: 0;
/*	text-indent:-9999px;
*/
	float: left;
	display:block;
	width: 264px;
	height:42px;
	text-decoration:none;
	background: url(../images/login_button.gif) 0px 0px;
/*\*/
overflow:hidden;/*　---------　背景表示対策 MacIE対策　---------　*/
/**/

	cursor: pointer;
}

body#home .loginButton:hover {
	background: url(../images/login_button.gif) 0px -42px;
}


body#home .loginButton a {
	display:block;
	width: 264px;
	height:42px;
	text-decoration:none;
	background: url(../images/login_button.gif) 0px 0px;
/*\*/
overflow:hidden;/*　---------　背景表示対策 MacIE対策　---------　*/
/**/
}
body#home .loginButton a:hover {
	background: url(../images/login_button.gif) 0px -42px;
}

/*----------------------------------------*/

body#home .registButton {
	margin:0;
	padding:0;
/*	text-indent:-9999px;
*/
}
body#home .registButton a {
	display:block;
	width: 264px;
	height:42px;
	text-decoration:none;
	background: url(../images/regist_button.gif) 0px 0px;
/*\*/
overflow:hidden;/*　---------　背景表示対策 MacIE対策　---------　*/
/**/
}
body#home .registButton a:hover {
	background: url(../images/regist_button.gif) 0px -42px;
}




a.stationLinkButton{
	background: url('../images/stationlink_r.gif') no-repeat top left;
	display: block;
/*	float: center;*/
	font: bold 13px ; /* Change 13px as desired */
	line-height: 22px; 
	height: 64px; /* Height of button background height */
	padding-left: 20px; /* Width of left menu image */
	text-decoration: none;
	text-align: center;
}

a:link.stationLinkButton, a:visited.stationLinkButton, a:hover.stationLinkButton, a:active.stationLinkButton{
	color: black; /*button text color*/
}

a.stationLinkButton span{
background: transparent url('../images/stationlink.gif') no-repeat top right;
display: block;
padding: 10px 20px 10px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
}

a:hover.stationLinkButton{ /* Hover state CSS */
text-decoration: underline;
}




/*----------------------------------------*/

#footer {
/*	width: 950px;*/
	margin: 10px 20px;
	height: 20px;
	font-size: 78%;
	line-height: 1.2em;
}
#footer ul {
	float: left;
	width: 740px;
	border-left: 1px solid #666;
}
#footer ul li {
	float: left;
	padding: 0 10px;
	border-right: 1px solid #666;
}
#footer .copyright {
	float: right;
	width: 140px;
	text-align: right;
	padding-top: 10px;
}
/*

body#home #footer {
	margin: 10px 20px;
	height: 20px;
	font-size: 63%;
	line-height: 1.2em;
}
body#home #footer ul {
	float: left;
	width: 740px;
	border-left: 1px solid #666;
}
body#home #footer ul li {
	float: left;
	padding: 0 10px;
	border-right: 1px solid #666;
}
body#home #footer .copyright {
	float: right;
	width: 140px;
	text-align: right;
}

body#home #footer {
	padding: 20px 20px;
	height: 20px;
	font-size: 9px;
	line-height: 1.2em;
	background: url(../images/line.gif) no-repeat;
}
body#home #footer ul {
	margin: 0;
	float: left;
	width: 740px;
	border-left: 1px solid #666;
}
body#home #footer ul li {
	float: left;
	padding: 0 10px;
	border-right: 1px solid #666;
}
body#home #footer .copyright {
	float: right;
	width: 140px;
	text-align: right;
}
*/