@charset "utf-8";

/********* HTMLリセット *********************************************/
body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, pre, blockquote, th, td, form, fieldset, input, textarea, img,  radio {
	margin: 0;
	padding: 0;
	border:0;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

em, strong, code, address, th {
	font-weight: normal;
	font-style: normal;
}

table {
	border-collapse: collapse;
	border: 0;
	border-spacing: 0;
}

th {
	background-color: yellowgreen;
	color: darkgreen;
	font-weight: bold;
	text-align: center;
}

/********* HTML再定義 ***********************************************/

body {
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	background-color: #5cb100;
	background:  url(../images/bg.gif);
	color: Black;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

form{
	font-size: 11.5px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	border:0;
}

form legend {
	display: none;
}
form input, text {
	padding: 1px;
	border: 1px solid forestgreen;
}

form dl dt {
	float: left;
	clear: left;
	width: 6em;
}
form ul {
	margin: 15px 0;
}
form ul li {
	list-style: none;
}
form p input {
	padding: 2px;
}
img {
	vertical-align: middle;
	margin: auto 1px;
}

a:link, a:visited {
	color: forestgreen;
	text-decoration: none;
}
a:active, a:hover {
	color: Orange;
	text-decoration: underline;
}

li {
	list-style-type: none;
	margin-left: 4em;
	text-indent: -1em;
}

/********* 基本構造 *************************************************/
div#wrapper {
	margin:0 auto;
	width: 860px;
	height: 100%;
	background-color: #fdfffa;
border : 1px solid #efe;
}

div#header{
	margin: 0 auto;
	width: 850px;
	height: 96px;
	background:  url(../images/headerBG.png) repeat-x;
/*
border : 1px solid Red;
*/
}

.headerLogoMark {
	float: left;
	margin-top: 12px;
	margin-left: 8px;
	width: 64px;
	height: 64px;
/*
border : 1px solid Blue;
*/
}

.headerTitle {
	float: left;
	margin-top: 16px;
	margin-left: 24px;
	line-height: 1.5em;
	font-size: 18px;
	color: Gray;
/*
border : 1px solid Green;
*/
}

.headNavi{
	float: right;
	margin-right: 8px;
	margin-top: 16px;
/*
border : 1px solid Black;
*/
}

.UserMode{
/*
	float: left;
*/
	margin-left: 32px;
	margin-top: 16px;
/*
border : 1px solid Red;
*/
}
.userCoName{
	float: right;
/*
	clear: both;
	float: right;
*/
	margin-right: 16px;
	margin-top: 40px;
	line-height: 25px;
/*
border : 1px solid Blue;
*/
}

div#footer{
	clear: both;
	margin: 0 auto;
	width:850px;
	height: 48px;
	margin-top: 16px;
/*
	background:  url(../images/footer.gif) repeat-x;
border : 1px solid Red;
*/
}

.txLeft {
	line-height: 1.2em;
	text-align: left;
}

.txCenter{
	line-height: 1.2em;
	text-align: center;
}

.txRight {
	line-height: 1.2em;
	text-align: right;
}

.number {
	line-height: 1.2em;
	text-align: right;
	ime-mode: disabled;
}

div#content{
	clear: both;
	width: 850px;
	margin: 0 auto;
	margin-top: 4px;
	padding: 4px;
	background-color: White;
	line-height: 1.2em;
border : 1px solid #dfa;
border : 1px solid White;
}

div#mainContents{
	clear: both;
	position: relative ;
	margin: 0 auto;
	padding: 8px;
	border : 1px solid #efc;
	background:  url(../images/mainBG.png) repeat-x;
}

.loggedinBlock{
	line-height: 1.4em;
	margin: 0 auto;
	width: 640px;
	font-size: 10pt;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
border : 1px solid #cda;
}

.loggedinForm {
	line-height: 1.2em;
	background-color: #85B952;
	border: 1px solid #CCFF99;
	width: 324px;
	height: 180px;
	background:  url(../images/LoggedinFormBG.png) repeat-x;

}

.login-box{
	width: 160px;
	font-size: 10px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}


div#navi{
	width: 750px;
	margin: 0 auto;
	margin-top: 16px;
/*
	border : 1px solid Red;	
*/
}

div#navi dd{
	float: left;
	display: block;
	width: 150px;
	text-align: center;
	height:	24px;
	line-height: 2em;
	background-color: White;
	background:  url(../images/hbenvTab.png);
/*
	border : 1px solid Blue;	
*/
}

div#navi dd a{
	text-decoration: none;
}

div#navi dd a:hover{
	text-decoration: none;
	color: Orange;
}

div#subNAVI{
	clear: both;
	margin: 0 auto;
	text-align: left;
	line-height: 1.5em;
/*
	border : 1px solid Blue;	
*/
}

div#subNAVI h2.naviTitle{
	color: Green;
	text-align: left;
	font-size: 14px;
	font-weight: bold;
}

.naviAlertMess{
	clear: both;
	margin: 0 auto;
	text-align: left;
	margin-left: 16px;
	color: Red;
	font-size: 10px;
}

.logOutBtn{
	float: right;
	margin-right: -32px;
	display: block;
	width: 88px;
	text-align: center;
	height:	25px;
	color: darkGreen;
	background:  url(../images/logOut.png);
	border: none;
}

#btnArea{
	clear: both;
	margin: 0 auto;
	text-align: center;
/*
	border : 1px solid Red;	
*/
}
.graphNAVI{
	clear: both;
	width: 800px;
	margin: 0 auto;
	text-align: center;
/*
	border : 1px solid Red;	
*/
}

.btnBase{
	float: left;
	display: block;
	width: 88px;
	height:	25px;
	margin: 0 auto;
	color: darkGreen;
	background:  url(../images/formBtn.png);
	border: none;
}
.btnBaseActiv{
	float: left;
	display: block;
	width: 88px;
	height:	25px;
	margin: 0 auto;
	color: darkGreen;
	background:  url(../images/formBtnActive.png);
	border: none;
}

.btnBaseCenter{
	display: block;
	width: 88px;
	height:	25px;
	margin: 0 auto;
	text-align: center;
	color: darkGreen;
	background:  url(../images/formBtn.png);
	border: none;
}

div#subNAVI2{
	width: 800px;
	margin: 0 auto;
	text-align: left;
	line-height: 1.5em;
/*
	border : 1px solid Red;	
*/
}
div#subNAVI2 .subNAVIform{
	float: left;
	margin: 0 auto;
}
div#subNAVI2 .subBtnBase{
	float: right;
	display: block;
	width: 88px;
	height:	25px;
	color: darkGreen;
	background:  url(../images/formBtn.png);
	border: none;
}

div#subNAVI2 .subBtnBaseActiv{
	float: right;
	display: block;
	width: 88px;
	height:	25px;
	color: darkGreen;
	background:  url(../images/formBtnActive.png);
	border: none;
}

.LogOutBtn{
	float: right;
	display: block;
	width: 88px;
	height:	25px;
	margin: 0 auto;
	color: darkGreen;
	background:  url(../images/formBtn.png);
	border: none;
}

div#main{
	clear: both;
	width : 720px ;
	margin: 0 auto;
	padding: 0px;

	font-size: 11.5px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
/*
	border : 1px solid Red;	
*/
}

div#rankMain{
	clear: both;
	width : 512px ;
	margin: 0 auto;
	padding: 0px;

	font-size: 11.5px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
/*
	border : 1px solid Red;	
*/
}

.rankData{
	text-align: right;
}

.resLiteral{
	color: Red;
	font-size: 10px;
}
.personalNavi{
	clear: both;
	width: 800px;
	margin: 0 auto;
	text-align: center;
/*
	border : 1px solid Red;	
*/
}
.personalMain{
	clear: both;
	width: 610px;
	margin: 0 auto;
	padding: 4px;
	font-size: 11.5px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	border : 1px solid #ae9;	
}

.personalMain table{
	width: 600px;
	margin: 0 auto;
}

.personalMain input{
/*
	border : 1px solid Green;	
*/
}

.stripe {
	width: 100%;
	margin: 0 auto;
	padding: 0;
	border-collapse: collapse;
}

.stripe th {
	padding: 4px 2px 2px 4px;
	text-align: center;
	vertical-align: top;
	color: darkGreen;
	background-color: #bfe;
	border: 1px solid #55bb77;
}

.stripe td {
	padding: 4px 2px 2px 4px;
	background-color: #efe;
	border: 1px solid #55bb77;
}

table.stripe tr.even th {
	background-color: #9fc;
}
table.stripe tr.hover th {
	background-color: #efd;
}

table.stripe tr.even td {
	background-color: #dfd;
}
table.stripe tr.hover td {
	background-color: #ffd;
}

hr {
	clear: both;
	border: 1px solid #bdb;
}

div#staticMain{
	width: 640px;
	margin: 0 auto;
	padding: 4px;
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: #333;
}

.staticTitle{
	font-size: 14px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: darkGreen;
}

.staticSubTitle{
	font-size: 12px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
	color: darkGreen;
}


/********* IE6用設定 ************************************************/

* html body {
	line-height: 1.2em;
	text-align: center;
}
* html body div#container {
	width: 690px;
	text-align: left;
}
* html body pre {
	width: 100%;
}
* html body table tr th, * html body table tr td {
	font-size: 80%;
}
* html blockquote, th, td, form, fieldset, input, textarea, img,  radio, a{
	margin: 0;
	padding: 0;
	border:0;
}
* html body div#main {
	clear: both;
	width : 720px ;
	margin: 0 auto;
	padding: 0px;

	font-size: 11.5px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
/*
	border : 1px solid Red;	
*/
}