@charset "utf-8";
/*
=========================================
	@name : Alan
	@date : 2011-11-18 setup
==========================================
*/

html { overflow-y: scroll;}
/** 清除内外霎ｹ距 **/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, legend, buttom, input, textarea,  p, blockquote, th, td { margin: 0; padding: 0; }
/** 重置表格元素 **/
table { border-collapse: collapse; border-spacing: 0;}
/** 重置蝗ｾ片元素 **/
fieldset,img { border: 0;}
address,caption,cite,code,dfn,em,strong,th,var { font-style: normal; font-weight: normal;}
/** 重置列表元素 **/
ol,ul { list-style: none;}
caption,th { text-align: left;}
h1,h2,h3,h4,h5,h6 { font-size: 100%;font-weight: normal;}
q:before,q:after { content:'';}
abbr,acronym { border: 0;}

/** 重置外部容器浮蜉ｨ **/
.clearfix:before, .clearfix:after { content: ""; display: table;}
.clearfix:after { clear: both;}
.clearfix { zoom: 1; }
.clear { clear:both; height:1px; font-size:1px; line-height:1px; overflow:hidden;}
a:link,a:visited { color:#575757; text-decoration:none;}
a:active,a:hover { color:#575757; text-decoration:underline;}


body { background: #fff url(images/bg.png) repeat-x; font: 12px/1.231 'Lucida Grande',Verdana,Arial,'Hiragino Kaku Gothic Pro',Meiryo,'メイリオ',sans-serif; color: #333;}
#container { margin: 0 auto; width: 960px;  text-align: left;}
.top { float: left; margin-bottom: 4px; height: 90px; line-height: 23px;}
.top .logo { float: left; padding: 10px 0 0 10px; width: 117px; height: 54px;}
.top .logoTitle { float: left; padding: 30px 0 0 15px; width: 260px;}
.header {
	float: left;
	background: url(images/head.jpg) no-repeat;
	width: 1000px;
    height: 477px;
    margin-bottom: 24px;
    margin-top: 4px;
}
.gro_header {
	float: left;
	background: url(images/gro_head.jpg) no-repeat;
	width: 1000px;
    height: 477px;
    margin-bottom: 24px;
    margin-top: 4px;
}
.header .download { margin: 390px 0 0 6px;}
.header .download a { display: block; background: url(images/btn_about.png) no-repeat; width: 304px; height: 73px; }
.header .download a:hover { display: block; background: url(images/btn_about_ov.png) no-repeat; width: 304px; height: 73px; }
.header .tel { margin: 15px 0 0 8px; color: #fff; font-weight: bold; font-size: 13px; letter-spacing: 1px;}
.header .tel b { color: #FEE787; font-size: 16px;}
.regist a {
    background: url("images/btn_regist.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 50px;
    width: 760px;
}
.regist a:hover {
    background: url("images/btn_regist_ov.png") no-repeat scroll 0 0 transparent;
    display: block;
    height: 50px;
    width: 760px;
}
.regist {
	float: left;
	margin-left: 100px;
	margin-bottom: 24px;
}
.process { float: left;
	background: url(images/process.jpg) no-repeat;
	width: 960px;
	height: 372px;
	margin-bottom: 14px;
}
.content {
	float: left;
	background: url(images/rakuchin.jpg) no-repeat;
	width: 960px;
	height: 494px;
	margin-bottom: 28px;
}
/*
.content .contentTitle { background: url(images/btn_title.gif) no-repeat; width: 946px; height: 38px;}
.content .contentTxt { background: #E0ECF8; border: 2px solid #83B2E2; border-top: none; padding: 20px 30px; line-height: 30px; font-size: 14px; color: #666;}
.content .contentTxt a { color:#45689E; text-decoration: underline;}
	.contentBorder { margin: 15px 0; background: url(images/border.png) repeat-x; height: 2px;}
	.centerTxt { text-align: center;}
	.center { margin-left: 345px; padding: 15px 0;}
	.btnTrue { border: none; background: url(images/btn_true.png); width: 264px; height: 49px; display: block; cursor: pointer;}
	.btnFalse { border: none; background: url(images/btn_false.png); width: 264px; height: 49px; display: block;}

.otherContent { float: left; width: 946px; padding: 15px 6px 0 8px;}
.otherContent .otherTitle { background: #ededed; border-bottom: 2px solid #fff; line-height: 40px;}
.otherContent .otherTitle a { color:#45689E; text-decoration: underline; font-size: 14px;}
.otherContent .otherTitle span { float: left; display: block; width: 470px; text-align: center;}
.otherContent .otherTitle .border { border-right: 2px solid #fff;}
.otherContent .otherTxt { padding: 20px 30px; line-height: 20px; background: #f2f2f2; color: #666;}
*/

#footer { margin-top: 35px; border-top: 3px solid #d7d7d7; background: #ededed; height: 80px;}
#footer .footerContent { margin: 0 auto; width: 960px; height: auto;  text-align: left;}
#footer .footerContent .link { float:left; margin: 0 0 0 10px; line-height: 80px;}
#footer .footerContent .link a { margin: 0 5px 0 0; color:#45689E; text-decoration: underline;}
#footer .footerContent .copyRight { float: right;  margin: 0 10px 0 0; line-height: 80px;}

.header_maintenance .logout {
    float: right;
    line-height: 56px;
    color: #444f6e;
    font-size: 12pt;
    font-weight: bold;
    text-decoration: underline;
}