@charset "utf-8";

/* お知らせ
----------------------------------- */
#infopage {
	background: none;
}
#info {
	padding: 15px;
}
#info dt {
	margin-bottom: 3px;
	padding-left: 15px;
	background: url(../images/icon_arrow.jpg) left center no-repeat;
	font-weight: bold;
}
#info dd.title {
	margin-bottom: 10px;
	padding: 0 5px 0;
	border: none;
	font-weight: bold;
	color: #3684C2;
}
#info dd {
	margin: 0 0 20px;
	padding: 0 5px 10px;
	border-bottom: 1px dotted #ccc;
}

/* 共通
----------------------------------- */
#content {
	margin: 50px 0 0;
}
#content h2 {
	margin-bottom: 20px;
	padding: 0 0 5px 0;
	border-bottom: 2px solid #DDDDDD;
	font-size: 134%;
	font-weight: bold;
}
#content h2 span {
	display: inline;
	padding: 0 15px 1px;
	line-height: 100%;
	border-bottom: 2px solid #3684C2;
}
#content #entry,
#content #regist,
#content #main,
#content #pass {
	margin: 0 20px;	
}
#content #entry h3,
#content #regist h3,
#content #main h3 {
	margin-bottom: 10px;
	padding-left: 5px;
	border-left: 5px solid #3684C2;
	font-size: 134%;
	font-weight: bold;
}
#content #entry p,
#content #regist p,
#content #main p {
	margin-bottom: 20px;
}
.red {color:#C00;}

.wide {
    clear: both;
    overflow-x: auto;
}

/* ステップ
----------------------------------- */
.step {
	clear: both;
	display: inline-block;
	overflow: hidden;
	height: 38px;
	margin-bottom: 20px;
	border: 2px solid #0A6198;
}
.step dt {
	float: left;
	overflow: hidden;
	width: 170px;
	height: 38px;
	padding-top: 11px;
	background: #4486BA;
	font-weight: bold;
	color: #fff;
	text-align: center;
}
.step dd {
	float: left;
	overflow: hidden;
	display: inline-block;
	height: 38px;
	margin: 0;
	padding: 11px 10px 0;
}
.step dd img {
	display: inline-block;
	padding: 0;
	vertical-align: middle;
	background: #fff;
}
.step dd.current {
	background-color: #CAEDFF;
}
.step .no1 {
	margin-left: 5px;
	padding-left: 23px;
	background: url(../images/icn_01.gif) left center no-repeat;
}
.step .no2 {
	padding-left: 23px;
	background: url(../images/icn_02.gif) left center no-repeat;
}
.step .no3 {
	padding-left: 23px;
	padding-right: 5px;
	background: url(../images/icn_03.gif) left center no-repeat;
}

/* 団体連絡担当者
----------------------------------- */
#entry table {
	width: 1250px;
	margin-bottom: 20px;
	border-top: 1px dotted #ccc;
	border-collapse: collapse;
}
#entry th {
	width: 300px;
	padding: 10px 15px;
	background: #E3EEF7;
	border-bottom: 1px dotted #ccc;
}
#entry td {
	padding: 10px 15px;
	border-bottom: 1px dotted #ccc;
}
#entry td.delete {
	width: 8%;
}
#entry td.number {
	width: 8%;
}
#entry td.address {
	width: 30%;
}
#entry td.tax-rate {
	width: 15%;
    text-align: center;
}
#entry td.price {
	width: 15%;
    text-align: right;
}
#entry td.proviso {
	width: 30%;
}
#entry td.formal {
	white-space: nowrap;
}
#entry th em,
#entry .box dt em {
	font-size: 84%;
	font-weight: bold;
	color: #FF5926;
}
#entry td #woman {
	margin-left: 10px;
}
#entry td.namebox input {
	margin: 0 10px 0 5px;
}
#entry .box {
	overflow: hidden;
	width: 1250px;
	margin-bottom: 20px;
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;	
	background: #F9EFC8;
}
#entry .box dt {
	overflow: hidden;
	display: block;
	float: left;
	width: 300px;
	min-height: 50%;
	padding: 10px 15px;
	font-weight: bold;
}
#entry .box dd {
	overflow: hidden;
	padding: 10px 15px;
	background: #fff;
}
#entry .box dd p {
	margin-bottom: 5px;
}
#entry .box dd .attn {
	color: #D80000;
}
#entry p strong {
	color: #D80000;
	font-size: 115%;
}
#entry .memo1 {
    border: 1px solid #999999;
    width: 600px;
}
#entry .memo td {
    border: 1px solid #999999;
}
#entry .memo th {
    background: none repeat scroll 0 0 #E3EEF7 !important;
    border: 1px solid #999999;
    padding: 10px;
    width: 200px;
}
#content .section {
	border: 1px solid #ccc;
    margin-bottom: 20px;
}
#content .section h4 {
	margin: 0 0 1em;
	padding: 10px;
	background: #EEF9FF;
	font-size: 109%;
	font-weight: bold;
}
#content .section h5 {
	margin: 0 10px 0;
	font-size: 100%;
	font-weight: normal;
}
#content .section p {
	margin: 0 10px 1em;
}
#content .section p.doui {
	margin: 0 10px 10px!important;
	padding: 10px 0 0;
	border-top: 1px dotted #ccc;
	text-align: center;
	font-size: 109%;
	color: #C51013;
}
#content .section p.doui1 {
	margin: 0 10px 20px!important;
	padding: 10px 0 10px;
	border-bottom: 1px solid #ccc;
}

#content .section ul {
    margin: 0 10px 1em;
}

#content .section li {
    margin: 0 0 0.5em 25px;
    list-style: square;
    list-style-position: inside;
    text-indent: -2em;
}

#content .colorblue{color:#023E86;}

/* 決済
----------------------------------- */
#entry .stillbox {
	margin: 0 2px;
	padding: 0 5px;
	border: 1px solid #54514E;
	background: #FFE1E1;
	font-size: 30%;
	vertical-align: top;
}
#entry .finishbox {
	margin: 0 2px;
	padding: 0 5px;
	border: 1px solid #54514E;
	background: #DDD;	
	font-size: 30%;
	vertical-align: top;
}
#entry .allcheck {
	padding: 10px;
	background: #EEEEEE;
}
#entry .textbox {
	padding: 10px;
	background: #E3EEF7;
}
#entry .textbox2 {
    background: none repeat scroll 0 0 #EEEEEE;
    border: 2px solid #999999;
    margin-top: 5px;
    padding: 10px;
    font-weight: bold;
}
#entry .textbox2 .leftbox {
    float: left;
    width: 50%;
}
#entry .textbox2 .rightbox {
    float: right;
    width: 50%;
}
#entry .textbox2:after {
    content: "";
    clear: both;
    display: block;
}
/* 決済
----------------------------------- */
#payment, #confirm {
	padding-top: 20px;
}
#payment table,
#confirm table {
	margin-bottom: 30px;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}
#payment table.feelist {
	margin-bottom: 0;
}
#payment caption,
#confirm caption {
	padding: 15px 10px;
	background: #F7F3F0;
	border-top: 3px solid #54514E;
	font-size: 125%;
	font-weight: bold;
	text-align: left;
}
#payment th,
#confirm th {
	padding: 5px;
	background: #DED2A0;
	font-weight: normal;
	border: 1px dotted #999;
	text-align: center;
}
#payment thead tr:first-child,
#confirm thead tr:first-child {
	border-top: 2px solid #999;
}
#payment thead tr:last-child,
#confirm thead tr:last-child {
	border-bottom: 2px solid #999;
}
#payment td,
#confirm td {
	padding: 5px;
	border: 1px dotted #999;
}
#payment tbody tr:first-child,
#confirm tbody tr:first-child {
	border-top: 2px solid #999;
}
#payment tbody tr:last-child,
#confirm tbody tr:last-child {
	border-bottom: 2px solid #999;
}
#payment th.select,
#payment th.no {
	width: 15px;
}
#payment th.division,
#payment th.status,
#payment th.price,
#payment th.amount {
	width: 60px;
}
#payment .select,
#payment .no {
	text-align: center;
}
#payment .select {
	border-left: none;
}
#payment .price {
	text-align: right;
}
#payment .subtotal td {
	padding: 10px;
	background: #F7F3F0;
	border-top: 3px solid #999;
	border-bottom: none;
	font-weight: bold;
}
#payment .subtotal td.subtotal {
	border-left: none;
	text-align: right;
}

#payment tr.still,
#payment caption.still {
	background: #FFE1E1;
}
#payment tr.finish,
#payment caption.finish {
	background: #ddd;
}
#payment .payment_box {
	overflow: hidden;
	margin-bottom: 20px;
}
/* -- 12.html 領収書・請求書 -- */
#payment .payment_req,
#confirm .payment_req {
	margin-bottom: 40px;
}
#payment .payment_req th,
#confirm .payment_req th {
	padding: 5px;
	text-align: center;
}
#payment .payment_req td,
#confirm .payment_req td {
	padding: 5px;
	text-align: center;
}
#payment .payment_req th.number,
#confirm .payment_req th.number {
	width: 15%;
}
#payment .payment_req td.address {
	width: 85%;
	text-align: left;
}
#confirm .payment_req td.address {
	width: 70%;
	text-align: left;
}

#payment .payment_req #receipt td.address,
#confirm .payment_req #receipt td.address {
	width: 70%;
}
#payment .payment_req td.tax,
#confirm .payment_req td.tax {
	width: 70%;
	text-align: left;
}
#payment .payment_req td.billprice,
#confirm .payment_req td.billprice,
#payment .payment_req td.receiptprice,
#confirm .payment_req td.receiptprice {
	width: 15%;
	text-align: right;
}
#payment .payment_req td.receiptprice,
#confirm .payment_req td.receiptprice {
	text-align: right;
}
#payment .payment_req td.proviso,
#confirm .payment_req td.proviso {
	width: 35%;
	text-align: left;
}
#payment .payment_req td.note,
#confirm .payment_req td.note {
	width: 85%;
	text-align: left;
}
#payment .payment_req td.amount,
#confirm .payment_req td.amount{
	width: 15%;
	text-align: right;
}
#payment .payment_req th.doc,
#confirm .payment_req th.doc {
	width: 15%;
}
#payment .payment_req .address input,
#payment .payment_req .note input,
#confirm .payment_req .address input,
#confirm .payment_req .note input {
	width: 98%;
}
#payment .payment_req .billprice input,
#confirm .payment_req .billprice input{
	width: 95%;
	text-align: right!important;
}
#payment .payment_req .receiptprice input,
#confirm .payment_req .receiptprice input {
	width: 95%;
	text-align: right!important;
}
#payment .payment_req .proviso input,
#confirm .payment_req .proviso input {
	width: 78%;
}
#payment .payment_req .subtotal td,
#confirm .payment_req .subtotal td {
	padding: 10px;
	text-align: right!important;
}

/* -- 領収書・請求書発行 -- */
.payment_req .check {
	margin-top: 30px;
}
.payment_req .check .number {
	width:70px;
}
.payment_req .check .address {
	width: 350px;
}
.payment_req .check .billprice {
	width: 80px;
}
.payment_req .check .proviso {
	width: 150px;
}
.payment_req .check .doc {
	width: 100px;
}
.payment_req .check td.number,
.payment_req .check td.date,
.payment_req .check td.doc,
.payment_req .check td.presence {
	text-align: center;
}
.payment_req .check td.price {
	text-align: right;
}
.payment_req .check td.presence {
	width: 30px;
}
.payment_req .check td.date {
	width: 70px;
}

/* --  -- */
#payment .payment_method {
	clear: both;
	overflow: hidden;
	margin-bottom: 10px;
}
#payment .payment_method p {
	margin-bottom: 10px!important;
}
#payment .payment_method ul {
	width: 600px;
	margin: 0 0 15px;
	border-top: 1px solid #999;
}
#payment .payment_method ul.store {
	width: 750px;
}
#payment .payment_method ul.card {
	border: none;
}
#payment .payment_method ul.card li {
	float: left;
	margin-right: 10px;
	padding: 0;
	border: none;
}
#payment .payment_method li {
	padding: 5px 10px;
	border-bottom: 1px solid #999;
}
#payment .section {
  border: 1px solid #CCCCCC;
	margin-bottom:10px;
}
#payment .section .title {
    background: none repeat scroll 0 0 #EEF9FF;
    font-size: 109%;
    font-weight: bold;
    margin: 0 0 5px;
    padding: 7px;
}
#payment .section ul{
	margin:10px 10px 10px 20px;
}
#payment .section li{
	padding:5px;
	border-bottom: dashed 1px #ccc;
}
#payment .section li span{
	font-weight:bold;
}

/*-- --*/
#payment .total_sec {
	float: left;
	width: ;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999!important;
	border-right: none;
	border-left: none;
}
#payment .total_sec th {
	width: 350px;
	padding: 15px 15px 12px;
	background: #E3EEF7;
	border-top: none;
	border-bottom: 1px solid #999!important;
	font-size: 115%;
	text-align:left;
}
#payment .total_sec th span {
	font-weight:normal;
	font-size:80%;
}
#payment .total_sec td {
	padding: 15px 15px 12px;
	border-top: none;
	border-bottom: 1px solid #999!important;
	border-left: none;
	background: #fff;
	font-size: 115%;
	text-align: right;
}
#payment .total_sec td.total {
	color: #003FFF;
	font-size: 143%;
}
#payment .total_sec1 {
	float: left;
	margin-right: 50px;
}
#payment .total_sec1 th {
	background: #E3EEF7;
}
#payment .total_sec1 td span {
	font-size: 72%;
} 
#payment .total_sec2 th {
	background: #BCE0FE;
	font-weight: bold;
}
#payment .total_sec2 td {
	font-weight: bold;
}
/*-- --*/

#payment .payment_about {
	overflow: hidden;
	margin-bottom: 40px;
}
#payment .payment_about dl {
	float: left;
	width: 290px;
	border: 5px solid #ccc;
}
#payment .payment_about dl.box2nd {
	width: 310px;
	margin: 0 10px;
}
#payment .payment_about dt {
	padding: 10px;
	background: #E3EEF7;
}
#payment .payment_about dt span {
	padding-left: 5px;
	border-left: 5px solid #3584C1;
	font-size: 109%;
	color: #3584C1;
}
#payment .payment_about dd {
	margin: 0;
	padding: 0;
	text-align: center;
}
#payment .payment_about dd p {
	padding: 10px 10px 0;
	text-align: left;
}
#payment .payment_about dd ul {
	overflow: hidden;
	margin: 0 0 10px 10px;
}
#payment .payment_about dd li {
	float: left;
}
#payment .payment_about dd .card {
	width: 220px;
	margin: 0 auto;
}
#payment .payment_about dd .card li {
	margin-right: 10px;
}
#payment .payment_about dd .store li {
	float: left;
	margin-right: 10px;
}
#payment .payment_about dd .bank {
	width: auto;
	margin: 10px;
	border-top: 1px dotted #999!important;
	border-bottom: none;
	border-left: none;
	border-right: none;
}
#payment .payment_about dd .bank th {
	width: 40%;
	background: #E3EEF7;
	border-top: none;
	border-bottom: 1px dotted #999!important;
	text-align: left;
	color: #333;
}
#payment .payment_about dd .bank td {
	width: 60%;
	border-bottom: 1px dotted #999!important;
	border-right: none;
	border-left: none;
	text-align: left;
}
#payment dl.payment_card,
#payment dl.payment_check {
	clear: both;
	overflow: hidden;
	margin-bottom: 20px;
	border-bottom: 1px dotted #999;
}
#payment dl.payment_card {
	background: #E3EEF7;	
}
#payment dl.payment_card dt {
	float: left;
	clear: both;
	overflow: hidden;
	width: 200px;
	padding: 18px 15px 10px;
	background: #E3EEF7;
	border-top: 1px dotted #999;
	font-weight: bold;
	text-align: center;
	line-height: 100%;
}
#payment dl.payment_card dt span {
	color: #FF5926;
}
#payment dl.payment_card dd {
	margin-left: 231px;
	padding: 10px 15px 10px 10px;
	background: #fff;
	border-top: 1px dotted #999;
}
#payment dl.payment_card dd span {
	margin-left: 20px;
}
#payment dl.payment_check dt {
	float: left;
	clear: both;
	overflow: hidden;
	width: 200px;
	padding: 15px;
	background: #E3EEF7;
	border-top: 1px dotted #999;
	font-weight: bold;
	text-align: center;
}
#payment dl.payment_check dd {
	margin-left: 231px;
	padding: 15px;
	border-top: 1px dotted #999;
}
/*---*/
#payment dl.paymethod .text1{width:250px;}
#payment dl.paymethod .text2{width:65px;}
#payment dl.paymethod .text3{width:150px;}
#payment dl.paymethod{
	border-bottom: dashed 1px #ccc;
	padding:5px 10px 0px 0px;
	margin:0;
}
#payment dl.paymethod dt{
	font-weight:bold;
	width:50px;
	padding:8px 10px 0 0;
}
#payment dl.paymethod dd{
	padding:5px 10px 0px 0px;
}
#payment .paymethod_total{
	text-align:right;
	margin:10px 30px 10px 10px;
	font-size:110%;
	font-weight:bold;
	color:#003FFF;
}

/* 人数型 */
#payment .form2 caption.still {
	
}
#payment .form2 th {
	padding: 5px;
	width: 45px;
}
#payment .form2 td {
	padding: 10px;
	text-align: right;
}
#payment .form2 th.condition,
#payment .form2 td.condition {
	width: 150px!important;
	text-align: left;
}
#payment .form2 th.linetotal {
	width: 100px!important;
}
#payment .form2 td.number {
	border-left: 2px solid #999;
}
#payment .form2 td.linetotal {
	border-left: 2px solid #999;
	background: #BCE0FE;
}
#payment .form2 tr.subtotal td {
	text-align: left;
}
#payment .form2 tr.subtotal td.subtotal {
	text-align: right;
}

/* お申込情報
----------------------------------- */
#regist .hope {
	overflow: hidden;
	width: 1260px;
	margin-top: 30px;
	margin-bottom: 20px!important;
	padding: 0;
	border: 1px solid #999;
}
#regist .hope dt {
	padding: 10px 15px;
	background: #DED2A0;
	color: #333;
}
#regist .hope dt a,
#regist th a {
	color: #333;
}
#regist .hope dt span,
#regist th span {
	font-size: 84%;
}
#regist .hope dd {
	float: left;
	overflow: hidden;
	padding: 10px 0;
	font-weight: bold;
	color: #244DB7;
	margin-left:10px;
}
#regist .hope dd span {
	font-weight: normal;
	color: #333;
}
#regist .hope select {
	width: 220px;
	margin-left: 5px;
}
#regist .info {
	overflow: hidden;
	width: 940px;
	margin: 10px 0 20px 0;
	padding: 0 0 5px 0;
	border: 1px solid #999;
}
#regist .info div.row {
	display: flex;
	overflow: hidden;
	margin: 0 10px 5px 10px ;
}
#regist .info span.title {
	overflow: hidden;
	flex-basis: 100px;
}
#regist .info span.description {
	overflow: hidden;
	flex-grow: 1;
}
#regist th em,
#regist td em,
#content .hope dt em {
	font-size: 84%;
	font-weight: bold;
	color: #FF5926;
}
#regist table {
	width: 1260px;
	border-collapse: collapse;
	border: 1px solid #999;
}
#regist th {
	padding: 5px 0;
	background: #DED2A0;
	font-weight: normal;
	color: #333;
	line-height: 110%;
	text-align: center;
	white-space: nowrap;
}
#regist th.no {
	width: 15px;
}
#regist th.cancel {
	width: 30px;
	color: #FF5A26;
}
#regist td {
	padding: 10px;
	border-right: 1px dotted #999;
	border-bottom: 2px solid #999;
	vertical-align: top;
	white-space: nowrap;
}
#regist td p {
	margin-bottom: 3px!important;
}
#regist td.no,
#regist td.cancel {
	text-align: center;
}
#regist td.entryname {
	border-right: 2px solid #999;
}
#regist td.entryname input[type="text"] {
	width:90px;
	margin-left: 5px;
}
#regist td.entryname .age input[type="text"] {
	width:30px;
	margin-left: 5px;
}
/*
#regist td.stay {
	width: 120px;
}
#regist td.session {
	width: 200px;
}
#regist td.traffic {
	width: 200px;
}
*/
#regist .age input[type="text"] {
	text-align: right;
}
#regist .btn_box {
	width: 920px;
	margin: 3px 0!important;
	padding: 10px;
	background: #eee;
	text-align: left!important;
}
#regist ul.attn {
	margin-bottom: 20px;
}
#regist .form2 {
	margin-bottom: 20px;
}
#regist .form2 th {
	padding: 10px;
}
#regist .form2 th.stay {
	width: 200px;
	text-align: left;
}
#regist .form2 td {
	width: 15px;
	border: none;
	border-right: 1px dotted #999;
	border-bottom: 2px solid #999;
	text-align: right;
	vertical-align: middle;
}
#regist .form2 td.type {
	width: 100px;
	border-right: 1px solid #ccc;
	text-align: left;
}
#regist .form2 td.number {
	border-left: 2px solid #999;
}
#regist .form2 .total td {
	background: #BCE0FE;
	font-weight: bold;
	text-align: right;
}
#regist .form2 td.total {
	font-size: 117%;
	text-align: center;
}
#regist .form2 td.man,
#regist .form2 td.woman {
	width: 80px;
	text-align: left;
}
#regist .form2 td input[type="text"] {
	width: 40px;
	text-align: right;
}
#regist .memo1 {
	clear: both;
	width: 600px;
	border: 1px solid #999;
}
#regist .memo2 {
	width: 1260px;
	margin-top: 30px;
	margin-bottom: 30px;
	border: 1px solid #999;
}
#regist .memo th {
	width: 200px;
	padding: 10px;
	background: #E3EEF7!important;
	border: 1px solid #999;
}
#regist .memo td {
	border: 1px solid #999;
}
#regist .memo td textarea {
	width: 95%;
	height: 5em;
}
#regist .memo td label {
	margin-right: 15px;
}
#regist .memo td input {
	margin-bottom: 10px;
}
#regist .section {
	width: 1260px;
}

/* お申込み情報の登録 9-2、10-2
----------------------------------- */
#regist .regist_det {
	width: auto;
}
#regist .regist_det td {
	text-align: left;
}
#regist .regist_det td select {
	/*min-width: 100%;*/
}
#regist .regist_det th.no {
	width: 15px;
}
#regist .regist_det th.cancel {
	width: 30px;
	color: #FF5A26;
}
/*
#regist .regist_det th.name {
	min-width: 200px;
}
#regist .regist_det th.kana {
	min-width: 220px;
}
#regist .regist_det th.age {
	min-width: 50px;
}
#regist .regist_det th.sex {
	min-width: 50px;
}
#regist .regist_det th.session {
	min-width: 90px;
}
#regist .regist_det th.cntnt {
	min-width: 80px;
}
*/
#regist .regist_det td.session {
	border-right: 2px solid #999;
}
#regist .regist_det td.name span,
#regist .regist_det td.kana span {
	vertical-align: middle;
	white-space:nowrap;
}
#regist .regist_det .name input,
#regist .regist_det .kana input {
	width: 60px;
	margin-left: 3px;
}
#regist .regist_det .age input {
	width: 25px;
}
#regist .btn_box2 {
	margin: 3px 0!important;
	padding: 10px;
	background: #eee;
	text-align: left!important;
}
#regist .btn_regist_det {
	margin-left: 450px!important;
}
/* お申込み情報の登録確認 10-2
----------------------------------- */
#regist .regist_det_check th.date {
	min-width: 80px; 
}
#regist .regist_det_check td.name,
#regist .regist_det_check td.kana {
	text-align: left;
}

#regist .warning {
	margin-left: 250px!important;
	font-weight: bold;
	color: #C00;

}

/* 注意事項
----------------------------------- */
#content .attn_sec {
	width: 865px;
	margin-bottom: 10px;
	padding: 10px 15px 0 60px;
	background: #FFFCDB url(../images/icn_attn01.gif) 15px 15px no-repeat;
	border: 2px solid #C51014;
}
#content .attn_sec p {
	margin: 0 0 10px 0!important;
	color: #C51014;
	font-size: 1.1em;
}

/* パスワード
----------------------------------- */
#pass {
	overflow: hidden;
	margin-left: 20px;
	margin-bottom: 70px!important;
}
#pass .section {
	width: 460px;
	float: left;
	margin-bottom: 40px;
}
#pass h3 {
	margin: 2px 2px 1px;
	padding: 15px 0 13px 20px;
	background: #E3EEF7;
	border-bottom: 2px solid #DDD;
	font-size: 134%;
	font-weight: bold;
}
#pass .section p {
	margin-bottom: 20px;
}
#pass .box {
	margin: 0 2px;
	padding: 15px 20px 10px;
	background: #F5F5F5;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #F5F5F5), color-stop(1.00, #fff));　/* Chrome,Safari4+ */  
  background: -webkit-linear-gradient(top, #F5F5F5 0%, #fff 100%); /* Chrome10+,Safari5.1+ */
  background: -moz-linear-gradient(top, #F5F5F5 0%, #fff 100%);　/* FF3.6+ */
  background: -o-linear-gradient(top, #F5F5F5 0%, #fff 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #F5F5F5 0%, #fff 100%); /* IE10+ */
  background: linear-gradient(to bottom, #F5F5F5 0%, #fff 100%); /* W3C */

  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#F5F5F5', endColorstr='#ffffff', GradientType=0); /* IE7,8,9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#F5F5F5', endColorstr='#ffffff')";
  zoom: 1;
}
#pass .left_sec {
	margin-right: 15px;
}
#pass .inputbox {
	text-align: center;
}
#pass .inputbox input[type="text"] {
	width: 200px;
	margin-left: 10px;
}
/* 9-2 20131031
----------------------------------- */
#regist .note_sec {
	box-sizing: border-box;
	float: left;
	width: 875px;
	margin-right: 10px;
	padding: 15px 10px 5px 0;
	border: 1px solid #999;
}
#regist .note_sec h3 {
	border-left: none!important;
	font-size: 120%;
	color: #C00;
}
#regist .note_sec ul {
	margin-left: 15px;
	list-style-type:none;
}
#regist .note_sec li {
	margin-bottom: 0.5em;
	margin-left: 1em;
	text-indent: -1em;
	list-style: square;
	list-style-position: inside;
	text-indent: -2em\9; /* IE8以下 */
	margin-left: 25px\9; /* IE8以下 */
}
#regist .note_sec li:not(:target) {
  text-indent: -2em\9; /* IE9 */
  margin-left: 25px\9;
}
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  #regist .note_sec li {
    text-indent: -2em;/* IE10 */
	margin-left: 25px;
  }
}
#regist .dl_sec {
	box-sizing: border-box;
	overflow: hidden;
	width: 375px;
	padding: 15px 10px 10px;
	border: 1px solid #999;
}
#regist .dl_sec h3 {
	margin-bottom: 15px!important;
	padding-bottom: 3px;
	border-bottom: 2px solid #ccc;
	border-left: none!important;
}
#regist .dl_sec h3 em {
	font-size: 72%;
	font-weight: normal;
	color: #C00;
}
#regist .dl_sec p {
	margin-left: 5px;
	margin-bottom: 10px!important;
}
#regist .dl_sec ul {
	margin-left: 10px;
}
#regist .dl_sec li {
	margin-bottom: 3px;
	padding: 5px 25px 5px 0;
	padding-left: 25px;
	background: url(../images/icn_dl.png) left top no-repeat;
}

/* 20140421
----------------------------------- */
#regist .stillbox {
	margin: 0 2px;
	padding: 0 5px;
	border: 1px solid #54514E;
	background: #FFE1E1;
	font-size: 30%;
	vertical-align: top;
}
#regist tr.still {
	background: #FFE1E1;
}
/* 20141120
----------------------------------- */
#regist  dl.r_btn{
	overflow:hidden;
	margin-bottom:20px;
}
#regist .r_btn dt{
	float:left;
	width:600px;
	clear:both;
	border-left:5px solid #3684c2;
	margin:20px 0;
	padding:0 0 0 10px;
}
#regist .r_btn dd{
	float:right;
	width:250px;
}
#regist .r_btn dd.btn_sec{
	clear:none!important;
}
#regist .r_btn dd.btn_sec p.primary{
	margin:5px!important;
}
#regist .r_btn dd.btn_sec p input,
#regist .r_btn dd.btn_sec p a{
	width:200px;
}
#regist p.bottom80{ margin-bottom:80px!important;}

.tax-box-row {
	box-sizing: border-box;
}
.tax-box-row:nth-child(2n) {
	background-color: #eeeeee;
}
.tax-box-row::after {
	content: "";
	display: block;
	clear: both;
}
.tax-box-row .tax-box-col {
	box-sizing: border-box;
	margin: 3px;
	width: 32%;
	float: left;
}
.tax-box-row .fee-type {
	display: inline-block;
	text-align: left;
}
.tax-box-row .tax-rate {
	display: inline-block;
	text-align: center;
}
.tax-box-row .tax-amount {
	display: inline-block;
	text-align: center;
}
.tax-box-row .tax-amount-footer {
	text-align: right;
}
.tax-box-row .header {
	text-align: center;
	border-bottom: 1px dotted #cccccc;
}
.tax-box-row .tax-amount input {
	width: 80px;
	text-align: right;
}

.small {
	font-size: 0.8em;
}

/* 20141120
----------------------------------- */
.modal {
	display: none;
	height: 100vh;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	z-index: 1;
}

.modal-bg {
	background: rgba(0, 0, 0, 0.6);
	height: 100vh;
	width: 100%;
}

.modal-content {
	background: #fff;
	left: 50%;
	position: absolute;
	top: 50%;
	transform: translate(-50%, -50%);
	border-radius: 5px;
}

.modal-content-sm {
	width: 30%;
}
.modal-content-sd {
	width: 50%;
}
.modal-content-lg {
	width: 70%;
}

.modal-content-inner {
	position: relative;
	padding: 24px;
}

.modal-close {
	position: absolute;
	top: 24px;
	right: 24px;
}

#content #regist .btn_sec p.primary a {
	padding: 11px 11px 8px;
}