@charset "UTF-8";

/* �S�̕��� */
body{
  margin: 0;
}

.all_wrapper{
  width: 768px;
  margin: 40px auto;
}

.right_wrapper{
  width: 280px;
  float: left;
}

.left_wrapper{
  width: 478px;
  margin-left: 10px;
  float: left;
}

/* ���ʕ��� */
body,h3{
	font-size: 14px;
}

.importance_wrapper,
.link_wrapper,
.img_wrapper{
  margin-bottom: 8px;
}

.ac_wrapper{
  margin-bottom: 8px;
}

.inp_icon,
.notice_icon,
.mainte_icon{
  width: 100px;
  height: 25px;
  line-height: 25px;
  text-align: center;
  color: #ffffff;
  font-size: 12px;
  display: inline-block;
  margin-right: 12px;
}

/* header */
.billing_logo{
  background: url(../../../template/img/backgrownd.png);
}

/* ���O�C���t�H�[�� */
.form_table {
  background: #cfe6ff;
  border: solid 2px #0038c9;
  padding: 8px;
  border-collapse: separate;
}

.form_table tr {
  background: #ffffff;
}

.form_table td {
  background: #ffffff;
  padding: 4px;
  display: inline-block;
}

.form_table tr td[nowrap] {
  width: 100px;
/*  padding-top: 5px; */
  padding-left: 5px;
  color: #0038c9;
  font-weight: bold;
}
.form_table .form_first_td {
  padding: 10px 4px 4px 4px;
}
.form_table .form_example_td {
  padding: 4px 4px 10px 4px;
  font-size: smaller;
}
.form_table .form_button_td {
  background: #cfe6ff;
  padding: 8px 0 0 0;
  width: 100%;
}

.form_table input[name="userID"],
.form_table input[name="password"],
.form_table input[name="okyakusamaDenban"]
{
	width: 93%;
}

.form_table .form_button_td input[type="submit"] {
  display: inline-block;
  padding: 10px 15px;
  font-weight: bold;
  border: solid 1px #0038c9;
  border-radius: 4px;
  box-shadow: none;
  width: 40%;
  color: #ffffff;
  background: #0038c9;
  margin: 0 0 0 5%;
  -ms-filter : none;
  filter : none;
}
.form_table .form_button_td input[type="reset"] {
  display: inline-block;
  padding: 10px 15px;
  font-weight: bold;
  border: solid 1px #c3c3c3;
  border-radius: 4px;
  box-shadow: none;
  width: 40%;
  color: #000000;
  background: #ffffff;
  margin: 0 0 0 10%;
}


/* �d�v�Ȃ��m�点 */
.importance_wrapper {
  border: solid 2px #e60012;
  box-sizing: border-box;
}

h3.important_title {
  margin: 0;
  background: #e60012;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

div.important_title_text {
  display: inline-block;
  margin: 10px 0px;
  vertical-align: top;
}
div.important_title_logo {
  height: 20px;
  width: 20px;
  margin: 5px;
  background: url(../../../template/img/important.png) no-repeat 1% center;
  display: inline-block;
}
.importance_contents {
  padding: 15px;
  border-bottom: dotted 1px #e60012;
  box-sizing: border-box;
  background-color: #ffcfcf;
}

.importance_contents>a{
	color: #e60012;
	font-weight: bold;
}


.importance_contents:last-child{
  border-bottom:none !important;
}

/* �e�킨�葱�� */
div.link_wrapper{
  border: solid 2px #ccdaff;
  box-sizing: border-box;
}

div.link_list_title{
  margin: 0;
  padding: 10px 0px;
  background: #0038c9;
  color: #fff;
  font-weight: bold;
  text-align: center;
}

ul.link_list {
  list-style-type: none;
  margin: 0px;
  padding: 0px;
}

li.link {
  display: block;
  padding: 15px;
  border-bottom: solid 2px;
  border: solid 1px #ccdaff;
  box-sizing: border-box;
}

li.link>a{
  color: #0038c9;
/*   text-decoration: none;*/
  font-weight: bold;
}

/* �摜 */
div.banner {
  display: inline-block;
  width: 49%;
  text-align: center;
}

div.banner img {
  max-width: 98%;
  height: auto;
  margin: 1%;
}

/* ���q�l�ւ̂��m�点 */
.info_title {
  background: #0038c9;
  padding: 15px 10px;
  color: #ffffff;
  font-weight: bold;
}

/* �A�R�[�f�B�I�� */

.ac_head{
  background-color: #ccdaff;
  padding: 10px 20px 10px 15px;
  border-left: solid 6px #0038c9;
  box-sizing: border-box;
  margin-top: 10px;
}

.ac_wrapper .close {
	background: #cfe6ff url(../../../template/img/close.png) no-repeat 1% center;
	background-position-x: 99%;
	background-position:99% 50%;
}

.ac_wrapper .open {
	background: #cfe6ff url(../../../template/img/open.png) no-repeat 1% center;
	background-position-x: 99%;
	background-position:99% 50%;
}

.ac_body {
  display: none;
  padding: 12px;
  border: solid 2px #c3c3c3;
}

.ac_wrapper .title{
  color: #0038c9;
  margin: 4px 0px;
  font-weight: bold;
}

.inp_icon {
  background-color: #e60012;
}

.notice_icon {
  background-color: #f39700;
}

.mainte_icon {
  background-color: #009944;
}

/* flort_clear */
.clear{
  clear: both;
}

/* footer */
.footer{
  background: #0038c9;
  padding: 20px 0px;
}

.footer_wrapper {
  width: 768px;
  margin: auto;
}

.footer_link a{
  color: #ffffff;
  /* text-decoration: none; */
  margin-right: 55px;
}

.copy_right {
  text-align: right;
  color: #ffffff;
}

/* �t���[�X�y�[�X */
div.free_wrapper {
	margin: 10px 0;
	border: solid 3px #ccdaff;
	padding: 10px 0 0 0;
}
div.free_contents {
	padding: 0px 15px 10px 15px;
}