/* layout */

/* common */
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  height:100%;
}

body {
  margin: 0;
  padding: 0;
  line-height: 1.4;
  color: #333;
  font-family: Arial,Roboto,"Droid Sans","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo, sans-serif;
  font-size: 0.9em;
  text-align: center;
  height: 100%;
  min-width: 100%;
  background-color: #FFF;
}

#container {
	width:700px;
	position: relative;
	height:auto !important; /*IE6対策*/
	height: 100%;
	min-height: 100%;
	margin: 0 auto;
	background-color: #FFF;
	text-align: left;
}

body > #container {
	height: auto;
}


.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

input,textarea {
  font-family:Arial,Roboto,"Droid Sans","游ゴシック",YuGothic,"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo, sans-serif;
}

input[type="text"],input[type="password"],input[type="button"],input[type="submit"] {
  font-size:16px;
}

input[type="submit"], input[type="reset"], input[type="button"], button{
  cursor: pointer;
}

input[type="submit"],input[type="button"] {
  -webkit-appearance: none;
}

select {
  font-size:16px;
}

dl,dt,dd {
  margin:0;
  padding:0;
}

ul {
	list-style:none;
	padding: 0;
	margin: 0;
}

h1 {
  margin: 0;
  padding: 0px 5px;
  display: inline-block;
  color: #FFF;
  *display: inline;
  *zoom: 1;
  color:#FFF;
  font-size: 14px;
}

h1 img{
  display: inline-block;
  width: 200px;
  vertical-align:middle;
}

h1 span{
  padding-left:5px;
  white-space: nowrap;
}

h2 {
  margin: 0;
  padding: 5px;
  background-color:#009D7A;
  color: #FFF;
  font-size: 1.2em;
  border-left:5px solid #C85554;
}

a:link {
  color: #3333ff;
}
a:visited {
  color: #3333ff;
}
a:hover {
  color: #ff3333;
}
a:active {
  color: #ff8000;
}

.bg-gray {
  background-color:#F4EDE6;
}

.clearText {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

.font-small {
  font-size: 0.75em;
}

img {
	border-style:none;
}

.pos-right {
	text-align:right;
}
.pos-center {
	text-align:center;
}

.nodisplay {
	display:none;
}

/* contents header */
#header {
  width:100%;
  height: 85px;
  margin-right:auto;
  margin-left:auto;
  text-align:left;
  vertical-align:middle;
  border-bottom:2px solid #CCC;
  background-color:#009D7A;

	background-image: -webkit-gradient(linear, left top, left bottom, from(#009D7A), to(#006633));
	background-image: -webkit-linear-gradient(top, #009D7A, #006633);
	background-image: -moz-linear-gradient(top, #009D7A, #006633);
	background-image: -ms-linear-gradient(top, #009D7A, #006633);
	background-image: -o-linear-gradient(top, #009D7A, #006633);
	background-image: linear-gradient(to bottom, #009D7A, #006633);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#009D7A, endColorstr=#006633);

}

.headerinner {
}

.headerlogo {
  padding:17px 5px;
  width: 215px;
  float:left;
}

.headernavi {
  width:465px;
  padding:8px 5px 8px 5px;
  float:left;
}

.headernavi a {
  color: #FFF;
}

.headernavi ul {
	text-align: right;
}

.headernavi li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding:0 1px;
}

.header-logout {
  padding:5px;
  margin-right:0;
  margin-left:auto;
  text-align:right;
}

.header-logo {
  float:left;
  margin: 5px 0 0;
}

.header-welcome {
  width:465px;
  float: left;
  text-align: right;
  padding: 3px 0 0;
}

.header-welcome p {
  font-size: 12px;
  color: #FFF;
  padding: 0;
  margin: 0;
}

.navi-btn {
  width:100px;
  font-size:12px;
  font-weight:bold;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:6px 0;
  color:#fff;
  border:1px solid #d3d3d3;
  background-color:#f5f5f5;
}

a:link.navi-btn {
  color: #696969;
}

a:visited.navi-btn {
  color: #696969;
}

#footer {
  width:100%;
  height: 160px;
  margin-right:auto;
  margin-left:auto;
  text-align:left;
  vertical-align:middle;

  border-top:2px solid #CCC;
  border-bottom:1px solid #CCC;
  position:absolute;
  bottom:0;
  background-color:#009D7A;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#006633), to(#009D7A));
	background-image: -webkit-linear-gradient(top, #006633, #009D7A);
	background-image: -moz-linear-gradient(top, #006633, #009D7A);
	background-image: -ms-linear-gradient(top, #006633, #009D7A);
	background-image: -o-linear-gradient(top, #006633, #009D7A);
	background-image: linear-gradient(to bottom, #006633, #009D7A);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#006633, endColorstr=#009D7A);
}

.footerinner {
	width: 650px;
	margin: 0 auto;
}

.footernavi {
  font-size: 80%;
}

.footernavi .ft-right {
  text-align: right;
}

.footernavi ul {
	margin-top: 15px;
	margin-bottom: 15px;
}

.footernavi li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding:0 10px;
  vertical-align:middle;
}

.footernavi li + li {
  border-left:1px solid #FFF;
}

.footernavi li a {
  color: #FFF;
}

.footerbottom {
  text-align:center;
  height: 20px;
}

.footerbottom p.copyright {
  font-size: 0.7em;
  margin: 0;
  padding :0;
  color: #FFF;
}


/* common */
.error-msg {
  color:#FA5882;
  font-size: 12px;
  margin:5px 10px;
}

.error {
  padding:20px 10px;
}

.error-return {
  margin-left:auto;
  margin-right:auto;
  text-align:center;
  padding:10px;
}

.color-red {
	color:#dc143c;
}

.button{
	display:inline-block;
	border:1px solid #ff6262;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:1em;
	padding: 8px;
	text-decoration:none;
	text-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight:bold;
	color: #FFFFFF;
	background-color: #ff9a9a;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff9a9a), to(#ff4040));
	background-image: -webkit-linear-gradient(top, #ff9a9a, #ff4040);
	background-image: -moz-linear-gradient(top, #ff9a9a, #ff4040);
	background-image: -ms-linear-gradient(top, #ff9a9a, #ff4040);
	background-image: -o-linear-gradient(top, #ff9a9a, #ff4040);
	background-image: linear-gradient(to bottom, #ff9a9a, #ff4040);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff9a9a, endColorstr=#ff4040);
}

.button:hover{
	border:1px solid #ff3434;
	background-color: #ff6767;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ff6767), to(#ff0d0d));
	background-image: -webkit-linear-gradient(top, #ff6767, #ff0d0d);
	background-image: -moz-linear-gradient(top, #ff6767, #ff0d0d);
	background-image: -ms-linear-gradient(top, #ff6767, #ff0d0d);
	background-image: -o-linear-gradient(top, #ff6767, #ff0d0d);
	background-image: linear-gradient(to bottom, #ff6767, #ff0d0d);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff6767, endColorstr=#ff0d0d);
}

.button_link {
	display:inline-block;
	border:1px solid #cacaca;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	font-size:1em;
	padding: 8px;
	text-decoration:none;
	display:inline-block;
	ext-shadow: -1px -1px 0 rgba(0,0,0,0.3);
	font-weight:bold;
	color: #000;
	background-color: #E6E6E6; background-image: -webkit-gradient(linear, left top, left bottom, from(#fafafa), to(#ebebeb));
	background-image: -webkit-linear-gradient(top, #fafafa, #ebebeb);
	background-image: -moz-linear-gradient(top, #fafafa, #ebebeb);
	background-image: -ms-linear-gradient(top, #fafafa, #ebebeb);
	background-image: -o-linear-gradient(top, #fafafa, #ebebeb);
	background-image: linear-gradient(to bottom, #fafafa, #ebebeb);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#fafafa, endColorstr=#ebebeb);
}

.button_link:hover{
	border:1px solid #b3b3b3;
	background-color: #cdcdcd;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#b3b3b3));
	background-image: -webkit-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: -moz-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: -ms-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: -o-linear-gradient(top, #cdcdcd, #b3b3b3);
	background-image: linear-gradient(to bottom, #cdcdcd, #b3b3b3);
	filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cdcdcd, endColorstr=#b3b3b3);
}

a.button_link:link {
	color: #000;
}

a.button_link:visited {
	color: #000;
}

a.button:link {
	color: #FFF;
}
a.button:visited {
	color: #FFF;
}

.form-required {
	margin-left: 5px;
	font-size: 0.8em;
	color: #FA5858;
	font-weight:bold;
}

/* login form */
#main-wrap {
	padding:0px 40px 160px 40px;
}

#main {
  height: 100%;
  margin:0px auto;
  background-color:#FFF;
}

.contents {
  width: 500px;
  margin: 10px auto;
}

.logininner {
  padding:20px 0px;
  min-height:100%;
}

.loginform-wrap, .registuser-wrap {
/*  display:inline-block;*/
  width: 300px;
  height:100%;
  min-height:280px;
  vertical-align: top;
  background-color:#FFF;
  margin:0px auto;
  text-align: left;
  border:solid 1px #878787;
}

.loginform-wrap {
  float:left;
}

.registuser-wrap {
  float:right;
}

.loginform-wrap dl {
  padding:5px 25px;
}

.loginform-wrap dd {
  margin-bottom:15px;
}

.loginform-wrap input {
  width:100%;
}

.loginform-wrap label {
  text-align: left;
}

.loginform-wrap .login-submit {
  width: 100%;
  text-align: center;
}

.loginform-wrap .login-btn {
  font-size:1.1em;
  margin:10px 0;
}

.loginform {
  width: 100%;
}

.registuser-wrap p{
  margin:0;
}

/*
.registuser-wrap button {
  width:100%;
  font-size:1.1em;
  margin:10px 0;
  vertical-align:middle;
}
*/

.registuser-inner{
  padding:10px 25px;
}

.registuser {
  width:100%;
}

.registuser .button {
  width:100%;
  *width:95%;
  font-size:1.1em;
  margin:10px 0;
  text-align:center;
}

.usermanual {
  text-align: center;
}

.topics {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 20px;
  height:340px;
  vertical-align: top;
  background-color:#FFF;
  text-align: left;
  border:solid 1px #878787;
}

.topics-frame {
  width: 100%;
  height: 300px;
  border: none;
}

.jalana-alert {
  width: 440px;
  margin: 10px auto;
  padding-bottom: 5px;
  background-color: #ffff00;
  text-align: center;
}

.jalana-alert-message {
	margin-left: 5px;
  margin-bottom: 3px;
	font-size: 1.1em;
	color: #ff0000;
	font-weight:bold;
}

.grp-title {
  position: relative;
  width: 100%;
  text-align:left;
  padding:0 15px 0;
  font-weight:bold;
  font-size:14px;
  border-bottom:solid 1px #CCC;
}

.grp-title:before {
  position: absolute;
  top: 0px;
  left: 0;
  width: 6px;
  height: 4px;
  background-color: #CC3300;
  content: "";
}

.grp-title:after {
  position: absolute;
  top: 5px;
  left: 0;
  width: 6px;
  height: 15px;
  background-color: #003300;
  content: "";
}

.grp-cont {
  width: 440px;
  margin: 10px auto;
  padding-bottom: 5px;
  background-color: #efffef;
  text-align: center;
}

.grp-cont .button,.button_link {
  width: 220px;
  margin-top: 5px;
}

.grp-cont ul {
  margin-bottom: 5px;
}

.grp-cont p {
  padding:0;
  margin:0 0 5px 0;
}

.page-title {
  width: 500px;
  margin: 10px auto;
}

.page-description{
}

.busyo-list {
  width: 100%;
}

.resulttbl {
  width: 500px;
  margin: 10px auto;
  border-collapse: collapse;
  border:solid 1px #878787;
}

.busyo-title {
  background-color: #FFC0CB;
  border:solid 1px #878787;
  text-align:left;
  padding:2px;
}

.busyo-name {
  width: 420px;
  border-bottom:solid 1px #878787;
  text-align:left;
  padding:2px;
}

.busyo-select {
  width: 80px;
  border-bottom:solid 1px #878787;
  text-align:center;
  padding:2px;
}

.search-wrap {
  width: 500px;
  margin: 0 auto;
}

.search {
  border:solid 1px #878787;
  text-align: left;

}

.searchlist {
}

.search-title {
  background-color: #FFC0CB;
  border-bottom:solid 1px #878787;
  padding:2px;
  font-weight: bold;
}

.search-title-d {
  margin-left: 20px;
  font-size: 0.7em;
  font-weight: normal;
}

.search-form {
/*  position: relative;
  height: 40px;*/
  padding:2px;
}

.search-item {
/*  position: absolute;
  height: 28px;*/
  margin: 3px;
  left: 0;
}

.search-submit {
  text-align:right;
}

.search-btn {
  text-decoration:none;
/*  position: absolute;*/
  margin: 2px 5px;
  padding: 4px 10px;
/*  right: 0;*/
  text-align:center;
  color:#FFF;
  border:1px solid #d3d3d3;
  background-color:#424242;
  cursor: pointer; 
  display: inline-block;
}

.search-btn:hover{
	border:1px solid #b3b3b3;
	background-color: #696969;
}

.result-count {
  margin:10px 0px;
  padding:2px;
}

.back {
  position: relative;
  text-align:right;
  margin-top: 5px;
  margin-bottom: 5px;
  height: 40px;
}

.back .navi-btn {
  position: absolute;
  right: 0;
}

.back .navi-pos-left {
  left: 0;
}

.back .navi-pos-right {
  right: 105px;
}

.back .navi-btn-w {
  position: absolute;
  right: 0;
  width: 150px;
}

.caution {
  font-size: 0.8em;
  margin-bottom: 10px;
}

.caution ul{
  list-style: square;
}

.pagenation {
  height:40px;
  position: relative;
}
.pagenation .prev, .next {
  position: absolute;
  text-align: center;
}
.pagenation .next {
  right: 0;
}
.pagenation .prev {
  left: 0;
}

.pagenation a:link, {
	color: #696969;
}
.pagenation a:visited {
	color: #696969;
}

.pagenation a {
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:4px 10px;
  color:#696969;
  font-weight:bold;
  border:1px solid #d3d3d3;
  background-color:#f5f5f5;
}

.pagenation a:hover{
	border:1px solid #b3b3b3;
	background-color: #cdcdcd;
}

.csregistform-wrap {
  width:100%;
}

.csregistform-inner {
  width:495px;
  text-align: left;
  margin: 0 auto;
}

.csregistform {
}

.csregisttbl {
  width: 100%;
  border-collapse: collapse;
}

.csregisttbl th{
  width: 225px;
  padding: 2px 4px;
  text-align:left;
  background-color:#f5f5f5;
  border:1px solid #CCC;
}

.csregisttbl td{
  width: 264px;
  padding: 2px 4px;
  text-align:left;
  background-color:#FFF;
  border:1px solid #CCC;
}

/* reserve form */
.noteform-wrap {
  width:100%;
}

.noteform-inner {
  width:495px;
  text-align: left;
  margin: 0 auto;
}

.noteform {
}

.notetbl {
  width: 100%;
  border-collapse: collapse;
}

.notetbl th{
  width: 100px;
  padding: 2px 4px;
  text-align:left;
  background-color:#f5f5f5;
  border:1px solid #CCC;
}

.notetbl td{
  width: 394px;
  padding: 2px 4px;
  text-align:left;
  background-color:#FFF;
  border:1px solid #CCC;
}

.notetbl td input{
  width: 80px;
  margin-right: 5px;
}
/* */

.submit-wrap {
  width: 450px;
  margin: 20px auto;
  text-align:center;
}

.form-submit {
  width: 200px;
}

.passwarn {
  font-size: 0.8em;
  color:#dc143c;
}

.agree-wrap {
  width:100%;
}

.agree-inner {
  width:100%;
  margin: 0 auto;
}

.agreement {
  border: solid 1px #808080;
  width: 100%;
  height: 400px;
  padding: 5px 3px;
  overflow: auto;
}

.agreement ol {
	list-style-type: decimal;
}

.agreeform {
	margin: 20px auto;
	text-align: center;
}

.agreement-doc {
	margin: 10px auto;
	text-align: center;
}

/* jr input */
.width40 {
	width: 40px;
	margin-left: 3px;
	margin-right: 2px;
}

.width120 {
	width: 120px;
	margin-left: 3px;
	margin-right: 2px;
}

.width150 {
	width: 150px;
	margin-left: 3px;
	margin-right: 2px;
}

.jrregistform-wrap {
  width:100%;
}

.jrregistform-inner {
  width:495px;
  text-align: left;
  margin: 0 auto;
}

.jrregistform {
}

.jrregisttbl {
  width: 100%;
  border-collapse: collapse;
}

.jrregisttbl th{
  width: 225px;
  padding: 2px 4px;
  text-align:left;
  background-color:#f5f5f5;
  border:1px solid #CCC;
}

.jrregisttbl td{
  width: 264px;
  padding: 2px 4px;
  text-align:left;
  background-color:#FFF;
  border:1px solid #CCC;
}

.inquiry_info {
  width: 100%;
  padding: 2px 4px;
}
.inquiry_info>div {
  margin: 0 auto;
  width:300px;
  padding: 10px 10px;
  border:1px solid #000000;
}