@charset "utf-8";

@import "reset.css";
@import "font.css";


body{
	color:#333;
}

div#container{
	background:url(../images/bg_header.jpg) repeat-x top;
	width:100%;
	margin:0 auto;
	text-align:center;
}
a:hover{
opacity: 0.6;
-moz-opacity: 0.6; /* Firefox */
filter: alpha(opacity=60); /* IE6/7 */
-ms-filter: "alpha(opacity=60)"; /* IE8 */
}

.center{
	text-align:center;
}

/* =======================
layout関連
======================= */
#headertop{
	width:100%;
	height:70px;
	margin:0 auto;
}
#headertop h1{
	font-size:123.1%;
	padding:20px 0 0 20px;
	text-align:left;
}

#logogroup{
}


#footer{
	clear:both;
	text-align:right;
}


/* =======================
header
======================= */

/*ログイン情報の指定*/
section#logininfo{
	background:#fff url(../images/bg_wrap.jpg) repeat-x bottom;
	border:1px solid #ccc;
	margin:20px auto;
	width:445px;
	height:261px;
	padding:20px 0;
}

section#logininfo table{
	margin:40px auto;
	width:300px;
	font-size:116%;
}

section#logininfo table th,td{
	padding:5px 0;
}

#logininfo ul{
	width:364px;
	height:42px;
	margin:10px auto;
	clear:both;
}

#logininfo ul li{
	float:left;
}

/*ボタン指定*/
li.buttonm{
	list-style:none;
	font-size:116%;
	text-align:left;

}
li.buttonm a{
	display:block;
	position:relative;
	background:url(../images/bg_btn_m.jpg) center left no-repeat;
	width:150px;
	height:32px;
	padding:10px 0 0 12px;
	margin:0 10px;
	color:#333;
	text-decoration:none;
}
li.buttons{
	list-style:none;
	font-size:93%;
	text-align:left;
	padding:0;
	margin:0;

}
li.buttons a{
	display:block;
	position:relative;
	background:url(../images/bg_btn_s.jpg) center left no-repeat;
	width:107px;
	height:25px;
	padding:7px 0 0 10px;
	margin:0 10px;
	color:#333;
	text-decoration:none;
}


/*パスワードリンク指定*/

section#passwordlink{
	margin:10px auto;
	clear:both;
}

section#passwordlink ul{
	margin:0 auto;
	width:250px;
	height:45px;
}
section#passwordlink ul li{
	list-style:none;
	font-size:108%;
	text-align:left;
	line-height:120%;

}
li.passlink a{
	display:block;
	position:relative;
	background:url(../images/password.png) center left no-repeat;
	width:200px;
	height:32px;
	padding:0 0 0 50px;
	margin:0 10px;
	color:#F60;
	text-decoration:none;
}


/*戻るボタン指定*/

section#control{
	width:900px;
	height:42px;
	clear:both;
	margin:0 auto;
	padding-bottom:10px;
}
section#control ul{
	padding:0;
	margin:0;
	font-style:none;
}
section#control li{
	padding:0;
	margin:0;
	font-style:none;
}

.return{
	float:left;
}
.password,
.control,
.next{
	float:right;
}
.margintop{
	margin-top:35px;
}
.margintop2{
	margin-top:10px;
}


/*アイコンリンク領域*/
section#topcontrol{
	width:250px;
	height:auto;
	float:right;
	margin-bottom:5px;
}

section#topcontrol li{
	float:right;
	margin:0px;
	font-size:100%;
	list-style:none;
	margin-top:30px;
}
li.csvlink a{
	display:block;
	position:relative;
	background:url(../images/icon_csv.png) center left no-repeat;
	width:auto;
	height:auto;
	padding:0 0 1px 22px;
	margin:0 5px;
	color:#333;
	text-decoration:none;
}
li.helplink a{
	display:block;
	position:relative;
	background:url(../images/icon_help.png) center left no-repeat;
	width:auto;
	height:auto;
	padding:0 0 0 22px;
	margin:0 5px;
	color:#333;
	text-decoration:none;
}
li.newlink a{
	display:block;
	position:relative;
	background:url(../images/icon_new.png) center left no-repeat;
	width:auto;
	height:auto;
	padding:0 0 0 22px;
	margin:0 5px;
	color:#333;
	text-decoration:none;
}
/*日付指定領域*/
section#datesection{
	float:left;
	width:500px;
}
section#datesection table th,td{
	padding:2px;
}
section#datesection input.year,
section#displaywide input.year{
	width:45px;
	margin:2px 0;
	text-align:right;
}
section#datesection input.month,
section#displaywide input.month{
	width:25px;
	margin:2px 0;
	text-align:right;
}
section#datesection input.day,
section#displaywide input.day{
	width:25px;
	margin:2px 0;
	text-align:right;
}

section#datesection p{
	font-size:90%;
	text-align:left;
}
/*表示領域*/
section#displaysection{
	float:left;
	width:500px;
	margin-bottom:5px;
}
section#displaysection table{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	width:300px;
}
section#displaysection th,
section#displaysection td,
section#displaywide th,
section#displaywide td{
	text-align:left;
	padding:2px;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	white-space:nowrap;
}

section#displaysection table th.thtop,
section#displaywide table th.thtop{
	background:#ff4000 url(../images/bg_title.jpg) repeat-x top;
	padding:3px;
	color:#FFF;
	text-align:center;
}
section#displaysection table th.thbtm,
section#displaywide table th.thbtm{
	background:#ff4000 top;
	padding:3px;
	color:#FFF;
	text-align:center;
}

section#displaywide{
	width:700px;
	margin-bottom:5px;
}
section#displaywide table{
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	/*width:698px; */
	width:198px;
}

section#displaywide input.code{
	width:70px;
	margin:2px 0;
	text-align:right;
}
section#displaywide input.course{
	width:480px;
	margin:0px 0 0 3px;
	text-align:left;
}
/* =======================
footer
======================= */
footer{
	border-top:1px solid #F60;
	padding-bottom:20px;
}

footer p{
	text-align:center;
	font-size:80%;
	color:#456098;
	padding:10px 0;	
}

/* =======================
index.html
======================= */

#contentswrap{
	position:relative;
	width:700px;
	height:auto;
	margin:0 auto;
}
div.menu{
	width:346px;
	height:auto;
	padding:20px 0;
	float:left;
}
div.menu h1{
	background:#ff4000 url(../images/bg_title.jpg) repeat-x top;
	border:1px solid #ff4000;
	width:305px;
	height:auto;
	padding:10px;
	color:#FFF;
	font-size:110%;
}
section.menu{
	background:#fff url(../images/bg_wrap.jpg) repeat-x bottom;
	border:1px solid #ccc;
	width:305px;
	height:260px;
	padding:20px 10px;
}
section.menu ul{
	width:248px;
	height:auto;
	margin:0 auto;
}
section.menu li{
	list-style:none;
	text-align:left;
	font-size:120%;
}

section.menu li a{
	display:block;
	background:url(../images/bg_btn_l.jpg) no-repeat top left;
	width:236px;
	height:32px;
	padding:10px 0 0 12px;
	color:#333;
	text-decoration:none;
	margin:10px 0 20px 0;
}

iframe{
	width:900px;
	border:1px solid #ccc;
	margin-bottom:10px;
}

/* =======================
subpage
======================= */

#recordwrap{
	position:relative;
	width:900px;
	height:auto;
	margin:0 auto;
}
h2#pagetitle{
	background:url(../images/bg_h2.jpg) no-repeat top left;
	width:900px;
	height:32px;
	padding:7px 0 0 20px;
	text-align:left;
	font-size:123.1%;	
}
h3.subtitle{
	padding:5px 0 3px 0;
	text-align:left;
	font-size:116%;
}

article.message{
	background:#fff url(../images/bg_wrap.jpg) repeat-x bottom;
	border:1px solid #ccc;
	margin:20px auto;
	width:425px;
	height:150px;
	padding:90px 20px 0 20px;
}
article.message p{
	font-size:123.1%;
	text-align:center;
}
article.message ul{
	width:248px;
	height:42px;
	margin:15px auto;
}
article.message li{
	list-style:none;
	text-align:left;
	font-size:120%;
}

article.message li a{
	display:block;
	background:url(../images/bg_btn_l.jpg) no-repeat top left;
	width:236px;
	height:32px;
	padding:10px 0 0 12px;
	color:#333;
	text-decoration:none;
}
article.fixbox{
	background:#fff url(../images/bg_wrap.jpg) repeat-x bottom;
	border:1px solid #ccc;
	margin:20px auto;
	width:425px;
	height:171px;
	padding:10px 20px;
}

article.fixbox table{
	width:400px;
	margin:15px auto;
}
article.fixbox table th,
article.fixbox table td{
	text-align:left;
	padding:3px;
	border:none;
}
article.fixbox table input.idpass{
	width:130px;
	margin:0 3px;
}
article.fixbox table input.emailad{
	width:200px;
	margin:0 3px;
}
article.fixbox table input.inputname{
	width:80px;
	margin:0 3px;
}
article.fixbox table td.arrow{
	padding-left:60px;
}

article.fixbox table.radio{
	width:180px;
	margin:15px auto;
}
article.fixbox table.radio td{
	font-weight:bold;
}
/* =======================
help
======================= */
div#helpwrap{
	position:relative;
	width:500px;
	height:auto;
	margin:0 auto;
	clear:both;
	overflow:hidden;
}
section.helpbox{
	background:#fff url(../images/bg_wrap.jpg) repeat-x bottom;
	border:1px solid #ccc;
	margin:20px auto;
	width:100px;
	height:auto;
	padding:10px;
	float:left;
}
section.helpbox li{
	text-align:left;
	padding:5px 0;
	list-style:none;
}
section.helpbox li a{
	color:#F60;
}
article.helpcontents{
	background:#fff url(../images/bg_wrap.jpg) repeat-x bottom;
	border:1px solid #ccc;
	margin:20px auto;
	width:310px;
	height:auto;
	padding:20px;
	float:right;
	overflow:hidden;
}
article.helpcontents h2{
	text-align:left;
	font-size:110%;
	width:100%;
	border-bottom:1px solid #F60;
	margin-bottom:5px;
}
article.helpcontents p{
	padding:0.5em 0;
	text-align:left;
}