@charset "shift_jis";

/* ================================================================ *

	����CSS�̓��C�A�E�g���Ɋւ���ݒ��s�BĂ��܂��B
	�܂��Atext.css�̓ǂݍ��݂�s�BĂ���܂��B

 * ================================================================ */

@import url(text.css);

*{
	margin:0;
	padding:0;
}

/* ---------------------------------------------------------------- *
	�y�[�W�S��
 * ---------------------------------------------------------------- */

body {
	margin: 0px; 
	padding: 0px; 
	background-color: #ffffff; 
	text-align: center; 
	}

img{
	border: none;
	}

table.grayTable{
	margin: 10px;
    width: 500px;
    border: 1px #646464 solid;
    border-collapse: collapse;
    border-spacing: 0;
	}

table.grayTable th{
    padding: 5px 5px 5px 15px;
    border: #646464 solid;
    border-width: 0 0 1px 1px;
    background: #787878;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
    white-space: nowrap; 
	color: #FFFFFF;
	}

table.grayTable td{
    padding: 5px 5px 5px 15px;
    border: 1px #646464 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    white-space: nowrap;
	}

table.smalltable{
	margin: 10px;
    width: 200px;
    border: 1px #646464 solid;
    border-collapse: collapse;
    border-spacing: 0;
	}

table.smalltable th{
    padding: 5px 5px 5px 15px;
    border: #646464 solid;
    border-width: 0 0 1px 1px;
    background: #787878;
    font-weight: bold;
    line-height: 120%;
    text-align: left;
    white-space: nowrap; 
	color: #FFFFFF;
	}

table.smalltable td{
    padding: 5px 5px 5px 15px;
    border: 1px #646464 solid;
    border-width: 0 0 1px 1px;
    text-align: left;
    white-space: nowrap;
	}

.grayCell{
	background-color: #e6e6e6;
	}

.top5{
	margin-top: 5px;
	}

.top10{
	margin-top: 10px;
	}

.right10{
	margin-right: 10px;
	}

.banner{
	display: block;
	margin: 15px 10px;
	}

/* �w�b�_�[ */
#h_wrapper{
	margin: 0; 
	padding: 0;
	height: 89px;
	background-image: url(../images/bg_header.gif);
	}

#header{
	margin: 0 auto; 
	width: 900px; 
	height: 89px;
	text-align: left; 
	background-image: url(../images/bg_header.gif);
	}

#logoArea h1{
	margin-top: 28px;
	margin-left: 28px;
	width: 250px;
	float: left;
	}

#logoArea img{
	border: none;
	}

#headerMenu{
	margin-top: 59px;
	margin-right: 25px;
	width: 500px;
	text-align: right;
	float: right;
	}

#headerMenu ul {
	margin: 0;
	list-style: none;
}

#headerMenu ul li {
	display: inline;
	padding-left: 0;
	padding-right: 0;
}

/* �g�b�v�C���[�W */
#I_wrapper{
	margin: 0; 
	padding: 0;
	height: 354px;
	background-image: url(../images/bg_topImage.gif);
	}

#topImage{
	margin: 0px auto;
	padding-top: 10px;
	width: 900px; 
	text-align: left; 
	background-image: url(../images/bg_topImage.gif);
	}


/* �y�[�W�^�C�g�� */
#t_wrapper{
	margin: 0; 
	padding: 17px 0;
	height: 100px;
	background-image: url(../images/bg_contentsTitle.gif);
	}

.titleTop{
	margin: 0 auto;
	width: 860px;
	height: 6px;
	background-image: url(../images/bg_TitleTop.gif);
	}

.pageTitle{
	margin: 0px auto;
	padding-top: 33px;
	padding-left: 30px;
	width: 830px;
	height: 51px;
	text-align: left; 
	background-image: url(../images/bg_TitleMiddle.gif);
	}

.titleBottom{
	margin: 0px auto;
	width: 860px;
	height: 5px;
	background-image: url(../images/bg_TitleBottom.gif);
	}


/* �R���e���c�͂� */
#c_wrapper{
	margin: 0; 
	padding: 0;
	background-color: #ededed;
	background-image: url(../images/bg_content.gif);
	background-position: top;
	background-repeat: repeat-x;
	}

/* ���C���R���e���c */
#main{
	margin: 0px auto;
	padding-bottom: 50px;
	width: 900px;
	}

#contentsArea{
	margin-top: 15px;
	margin-right: 25px;
	width: 635px;
	float: right;
	text-align: left;
	}

/* �i�g�b�v�y�[�W�j���o�i�[ */
#bannerArea{
	margin-top: 15px;
	width: 240px;
	float: left;
	}

#bannerArea ul{
	margin-bottom: 30px;
	list-style-type: none;
	}

#bannerArea ul li{
	padding-bottom: 10px;
	}


/* �g�b�v�y�[�W�j���[�X */

#infoArea {
	margin: 0px 20px 0px 0px;
	width: 380px;
	float: left;
	}

.infoContents{
	margin: 0;
	padding: 10px;
	width: 360px;
	text-align: left;
	background-image: url(../images/bg_info.gif);
	}

.infoBottom{
	height: 3px;
	margin: 0 0 25px 0;
	width: 380px;
	background-image: url(../images/bg_infoBottom.gif);
	background-repeat: no-repeat;
	}

#infoArea dl {
	line-height: 1.6;
    margin-bottom: 10px;
	padding-bottom: 10px;
	background-image: url(../images/img_infoLine.gif);
	background-position: bottom;
	background-repeat: no-repeat;
}

#infoArea dl dt {
	width: 6.5em;
	float: left;
	padding-bottom: 6px;
}
#infoArea dl dd{
	padding-left: 6.5em;
	padding-bottom: 5px;
}


/* �g�b�v���̑����� */
#sideBox{
	width: 235px;
	margin: 0px;
	float: right;
	}

.boxContents{
	margin: 0;
	padding: 10px;
	width: 215px;
	text-align: left;
	background-image: url(../images/bg_other.gif);
	}

.boxBottom{
	height: 3px;
	margin: 0 0 15px 0;
	width: 235px;
	background-image: url(../images/bg_otherBottom.gif);
	background-repeat:no-repeat;
	}

#f_wrapper{
	margin: 0 auto;
	padding: 0;
	background-color: #ffffff;
	background-image: url(../images/bg_footer.gif);
	background-position: top;
	background-repeat: repeat-x;
	}

#contentsTop{
	width: 630px;
	height: 6px;
	background-image: url(../images/bg_contentsTop.gif);
	}

#contents{
	padding: 20px 25px 20px 25px;
	width: 580px;
	min-height: 300px;
	background-image: url(../images/bg_contentsMiddle.gif);
	background-repeat: repeat-y;
	}

#contentsBottom{
	width: 630px;
	height: 5px;
	background-image: url(../images/bg_contentsBottom.gif);
	}

#contents h3{
	margin-bottom: 20px;
	padding-bottom: 9px;
	border-bottom-color: #898989;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	}

.subMenu{
	margin: 10px 0;
	text-align: right;
	}

/* �����j���[ */
#sideMenu{
	margin-top: 15px;
	margin-left: 25px;
	width: 215px;
	float: left;
	text-align: left;
	}

#loginTop{
	padding: 0;
	height: 7px;
	width: 196px;
	background-image: url(../images/bg_loginTop.gif);
	}

#loginArea{
	width: 176px;
	padding: 10px 20px;
	text-align: left;
	background-image:url(../images/bg_login.gif);
	background-repeat: repeat-y;
	}

.loginInput{
	width: 150px;
	margin-top: 5px;
	display: block;
	}

#loginBottom{
	padding: 0;
	height: 7px;
	width: 196px;
	background-image: url(../images/bg_loginBottom.gif);
	}
	
.loginTitle{
	height: 12px;	
	}

.startBtn{
	margin-top: 10px;
	}

#userTop{
	padding: 0;
	height: 7px;
	width: 196px;
	background-image: url(../images/bg_userTop.gif);
	}

#userArea{
	padding: 12px 25px 6px 25px;
	width: 146px;
	text-align: left;
	background-image: url(../images/bg_user.gif);
	}

#userBottom{
	padding: 0;
	height: 7px;
	width: 196px;
	background-image: url(../images/bg_userBottom.gif);
	}

.menuTitle{
	padding: 0;
	height: 26px;
	width: 198px;
	}

.menuBox{
	padding: 10px 10px 0 10px;
	width: 178px;
	text-align: left;
	background-image: url(../images/bg_menuContents.gif);
	}

.menuBottom{
	margin-bottom: 10px;
	padding: 0;
	height: 4px;
	width: 198px;
	background-image: url(../images/bg_menuBottom.gif);
	background-repeat: no-repeat;
	}

.menuBox ul{
	padding-left: 28px;
	list-style-type: none;
	}

.menuBox ul.data li{
	padding-bottom: 10px;
	list-style-image: url(../images/img_listData.gif);
	}

.menuBox ul.topic li{
	padding-bottom: 10px;
	list-style-image: url(../images/img_listTopic.gif);
	}

.menuBox ul.manage li{
	padding-bottom: 10px;
	list-style-image: url(../images/img_listManage.gif);
	}

.menuBox ul.grobalmenu li{
	padding-bottom: 10px;
	list-style-image: url(../images/img_listData.gif);
	}

*:first-child+html .menuBox ul{
	margin-top: 15px;
	}


*:first-child+html .menuBox ul.data li,*:first-child+html .menuBox ul.topic li,*:first-child+html .menuBox ul.manage li,*:first-child+html .menuBox ul.grobalmenu li {
	line-height: 1em;
	margin-bottom: 7px;
}

.form_view{
	margin: 10px 0;
	padding: 20px;
	background-color: #e1e1e1;
	border: 1px #646464 solid;
	}

.form_view input{
	margin: 0 5px;
	}

.details{
	margin-top: 5px;
	display: block;
	text-align: right;
	}
	
/* �t�b�^�[ */
#footer{
	margin: 0 auto;
	padding-top: 4px;
	padding-left: 25px;
	width: 900px;
	height: 21px;
	text-align: left;
	clear: both;
	}

#footer ul {
	width: 900px;
	list-style: none;
}

#footer ul li {
	display: inline;
	padding-left: 0;
	padding-right: 0;
}

#copyright{
	margin: 0 auto;
	padding: 10px 25px;
	width: 900px;
	text-align: right;	
	}
	
/* clearfix */
.clearfix:after {
	content: "."; 
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	}

.clearfix {
	min-height: 1px;
	}

* html .clearfix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
	}
#main{
	overflow:auto;
	}