@charset "UTF-8";
/* CSS Document */
/* Author: A.Sato */
html {-webkit-text-size-adjust: 100%}

body {
  vertical-align: top;
  font-size: 28px;
  line-height: 1.2em;
  padding: 0px;
  margin: 0px;
}
img {
  border: 0px;
}
ol, ul {
  list-style:none;
}
a:link {
  text-decoration:none;
  color:#000000;
}
a:visited {
  text-decoration:none;
  color:#555555;
}
a:active {
  text-decoration:none;
}
a:hover {
  text-decoration:underline;
  color:#0000ff;
}
a img {
	border: 0;
}
a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
}
a:hover img.over {
	opacity:1;
	filter:alpha(opacity=100);
}
header {
  width: 840px;
  height: 120px;
  top:0;
  left:50%;
  margin-left: -420px;
  background-image: url(../images/billing_head.png);
  background-repeat: no-repeat;
  position: fixed;
}

#head {
  width: 840px;
  height: 120px;
  margin:0px auto;
}
#head_link {
  width: 472px;
  height: 120px;
  margin:0px;
  padding: 0px;
  overflow: hidden;
  text-indent: -9999px;
  float: left;
}
#head_link a{
  width: 472px;
  height: 120px;
  display: block;
}
#head_login {
  width: 248px;
  height: 120px;
  margin:0px;
  padding: 0px;
  text-align: center;
  float: left;
}
#head_login a {
  width: 248px;
  height: 75px;
  font-size: 30px;
  display: block;
  color:#000000;
  font-weight: bold;
  margin:0px;
  padding: 45px 0px 0px 0px;
}
#head_login a:link {
  color: #fff;
  text-decoration:none;
}
#head_login a:visited {
  text-decoration:none;
  color:#ddd;
}
#head_login a:active {
  text-decoration:none;
}
#head_menu_b{
  width: 120px;
  height: 120px;
  margin:0px;
  padding: 0px;
  text-align: center;
  float: left;
  font-weight: bold;
}

#menus {
  z-index:102;
  display:none;
  border:none;
  margin:0px;
  padding:0px 0px 1px 0px;
  width: 420px;
  top: 120px;
  left: 50%;
  margin-left: 0px;
  background: #ddd;
  position: fixed;
  font-size: 32px;
  font-weight: bold;
}

#menus .navi_title {
  width: 378px;
  margin: 1px 1px 0px 1px;
  padding: 20px 20px;
  text-align: left;
  color: #fff;
  background: #000;
}

#menus .navi_btns{
  width: 378px;
  margin: 0px 1px 0px 1px;
  padding: 0px 0px 0px 40px;
  text-align: left;
  color: #fff;
  background: #000;
}
#menus .navi_btns a {
  width: 324px;
  margin: 0px;
  padding: 20px 20px 20px 30px;
  text-align: left;
  display: block;
  color: #fff;
  background: #000;
  border-top: 1px #555 solid;
  border-left: 1px #555 solid;
}

#main {
  padding: 120px 0px 0px 0px;
  margin: 0px auto;
  width: 840px;
  text-align: left;
}

#contents {
  margin:0px;
  padding: 0px;

}

.titles {
  margin:15px 0px 10px 0px;
  font-size: 32px;
  padding: 30px 40px;
  color: #000;
  background: #eee;
  width: 760px;
  height: 32px;
  font-weight: bold;
}


.texts{
  margin: 10px 40px 20px 40px;
  width: 760px;
  font-size: 26px;
}


.points {
  font-weight: bold;
  padding: 10px;
  color: #555;
  background: #eee;
}
.large{
  font-weight: bold;
}
.off {
  text-align: right;
  padding: 5px 20px 10px 0px;
  font-size: 16px;
}
.items {
  padding: 5px 0px 10px 10px;
  color: #000;
}
#top_bt1 {
  float: left;
  width: 320px;
  margin: 30px 60px 10px 0px;
  padding: 0px;
}

#top_bt2 {
  float: left;
  width: 320px;
  margin: 30px 0px 10px 0px;
  padding: 0px;
}
#index1 {
  margin: 0px;
  padding: 215px 0px 0px 80px;
  width: 760px;
  height: 135px;
  background-image: url(../images/top_bg1.png);
  background-repeat: no-repeat;
}

#index2 {
  margin: 0px;
  padding: 160px 0px 0px 0px;
  width: 840px;
  height: 230px;
  background-image: url(../images/top_bg2.png);
  background-repeat: no-repeat;
  text-align: center;
}

#index2 a:link {
  text-decoration:none;
  color:#fff;
}
#index2 a:visited {
  text-decoration:none;
  color:#ddd;
}
#index2 a:active {
  text-decoration:none;
}
#index2 a:hover {
  text-decoration:underline;
  color:#fff;
}

#gotop{
  text-align: center;
  font-size: 12px;
  line-height: 1em;
  font-weight: bold;
  padding: 5px 0px 15px 0px;
  cursor: pointer;
}
#gotop img{
  cursor: pointer;
}


footer a:link {
  text-decoration:none;
  color:#fff;
}
footer a:visited {
  text-decoration:none;
  color:#ddd;
}
footer a:active {
  text-decoration:none;
}
footer a:hover {
  text-decoration:underline;
  color:#fff;
}
#gotohome {
  margin: 0px auto;
  width: 840px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  background: #055d80;
  border-top: 1px #5e7691 solid;
  padding: 20px 0px;
}
.foot_link {
  margin: 0px auto;
  width: 840px;
  text-align: center;
  color: #fff;
  font-weight: bold;
  background: #2b3745;
  border-top: 1px #5e7691 solid;
  padding: 20px 0px;
}
#foot{
  margin: 0px auto;
  width: 840px;
  text-align: center;
  color: #fff;
  background: #104075;
  border-top: 1px #5e7691 solid;
  padding: 20px 0px;
}

button,
input[type="text"], 
input[type="tel"], 
input[type="password"] {
  -webkit-appearance: none;
	-moz-appearance: none;
  font-size: 35px;
  line-height: 1.2em;
}

input[type="submit"],
input[type="radio"],
select,
option {
 -webkit-appearance: none;
	-moz-appearance: none;
  font-size: 45px;
  line-height: 1.2em;
  padding: 5px 15px;
}
/*
input[type=checkbox]{
 -webkit-appearance: none;
	-moz-appearance: none;
  font-size: 45px;
  line-height: 45px;
}
*/
.chkbox {
	margin:			0 0 10px 20px;
}
/* ???x???̃X?^?C???@*/
.chkbox label {
	padding-left:		40px;			/* ???x???̈ʒu */
	font-size:		32px;
	line-height:		32px;
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
}

/* ?{?b?N?X?̃X?^?C?? */
.chkbox label:before {
	content:		'';
	width:			32px;			/* ?{?b?N?X?̉??? */
	height:			32px;			/* ?{?b?N?X?̏c?? */
	display:		inline-block;
	position:		absolute;
	left:			0;
	background-color:	#fff;
	box-shadow:		inset 1px 2px 3px 0px #000;
	border-radius:		6px 6px 6px 6px;
}
/* ???̃`?F?b?N?{?b?N?X?\?????Ȃ? */
.chkbox input[type=checkbox] {
	display:		none;
}
/* ?`?F?b?N???????̃X?^?C?? */
.chkbox input[type=checkbox]:checked + label:before {
	content:		'\2713';		/* ?`?F?b?N?̕??? */ 
	font-size:		34px;			/* ?`?F?b?N?̃T?C?Y */
	color:			#000;			/* ?`?F?b?N?̐F */
	background-color:	#fc0;			/* ?`?F?b?N???????̐F */
}

textarea {
  -webkit-appearance: none;
	-moz-appearance: none;
  font-size: 30px;
  line-height: 1.2em;
}

.field {
  -webkit-appearance: none;
	-moz-appearance: none;
  font-size: 35px;
  line-height: 1.2em;
  padding: 0px 0px 30px 0px;
}

#scbox {
  width: 735px;
  height: 700px;
  overflow: auto;
}

.table02 {
  padding: 0px;
  line-height: 1.4em;
}

.table02 th {
  color: #fff;
  background: #369adb;
  padding: 6px 20px;
  margin:1px;
}

.table02 .tdt1{
  padding: 8px 20px;
  margin:1px;
}
.table02 .td01{
  padding: 8px 20px;
  margin:1px;
}
.table02 .td11{
  padding: 8px 20px;
  margin:1px;
  text-align: right;
}

.table02 .tdt2{
  padding: 8px 20px;
  margin:1px;
  background: #eee;
}
.table02 .td02{
  padding: 8px 20px;
  margin:1px;
  background: #eee;
}
.table02 .td12{
  padding: 8px 20px;
  margin:1px;
  text-align: right;
  background: #eee;
}

/* QR */

#contents #qr_preview{
	z-index:103;
	display:none;
	margin:0px;
	padding:15px;
	width: 230px;
	height: 230px;
	position:absolute;
	background: url(../images/qr_bg.gif) no-repeat 0 0;
	top: 190px;
	left: 280px;
}

#contents #qr_preview .img_box{
	width: 230px;
	height: 110px;
	margin: 0px;
	padding:10px 0px 0px 0px;
	text-align: center;
}
#contents #qr_preview .qr_txt{
	margin: 0px;
	padding:5px 0px 0px 0px;
	width: 230px;
	height: 85px;
}

#contents #qr_preview .qr_txt #qr_name{
	font-weight:bold;
	font-size:15px;
	text-align: center;
}

.qr_info_link {
	padding: 5px;
	font-weight:bold;
	font-size:11px;
	line-height: 1.1em;
	text-align: center;
}
.qr_info_link a:link {
	color: #e00;
	text-decoration: underline;
}
.qr_info_link a:visited {
	color: #e00;
	text-decoration: underline;
}
.qr_info_link a:hover, a:active, a:focus {
	color: #090;
	text-decoration: none;
}

.block1{
	z-index:100;
	display:none;
	border:none;
	margin:0px;
	padding:0px;
  position: fixed;
	width:100%;
	height:100%;
	top:0px;
	left:0px;
	opacity:0;
	-moz-opacity:0;
	filter:alpha(opacity=0);
}

.block2{
	z-index:101;
	display:none;
	border:none;
	margin:0px;
	padding:0px;
	width:100%;
	height:100%;
  position: fixed;
	top:0px;
	left:0px;
	background-color:#000000;
	opacity:0.40;
	-moz-opacity:0.40;
	filter:alpha(opacity=40);
}


.bold {
  font-weight: bold;
}
.red {
  color: #f00;
}
.com_right {
	padding: 5px 20px 5px 0px;
	text-align: right;
}
.center{
  text-align: center;
}
.no_h {
	height: 0px;
	font-size: 0pt;
}
.clear {
  clear: both;
}