@charset "utf-8";

/*------------------------------------------------------------------------------
CSS Modules Import
Date: 2014-XX-XX
Copyright © XXXXXXXXXXXXXXXX. All Rights Reserved.
------------------------------------------------------------------------------*/


/* ----------------------------------------

Top page
/index.html

---------------------------------------- */
.container {
　　display: block;
	overflow: hidden;
}

.content.top {
    margin: 0;
	padding-top: 5px !important;
}
.topSec {
	margin: -20px auto 15px;
	text-align: center !important;
	max-width: 580px;
}
.topSec img,
.bnrGridTop img {
	width: 100%;
}
.mvSec { margin-bottom: 9px !important;}
.mvSec img { border: 1px solid #e1e1e1 !important;}

.btnMvLead01 { margin: 0 -5px;}
.btnMvLead01 a { background: #fff !important;}
.btnMvLead01 a .ui-btn-inner { padding: 9px 11px 7px 10px !important;}

/*mypage*/

.mypage {
  padding: 1.8%;
  background-color: #dfedf3;
  border-top: 5px solid #357da0;
}
.mypage .titSubMemMy {
  background: #dfedf3;
  padding-bottom: 10px;
  margin-top: 5px;
}
.mypage_inner {
  background-color: #fff;
}
.mypage ul.mypage_list .mypage_list_what {
  margin-bottom: 0;
  line-height: 1.5;
  position: relative;
  width: max-content;
  max-width: 90%;
  margin-inline: auto;
}
.mypage ul.mypage_list .mypage_list_what a::before {
  background: url(../../pc/img/icon_sub_what.png) no-repeat center right;
}
.mypage ul.mypage_list .mypage_list_what a {
  background: url(../../pc/img/icon_arrw_05.png) no-repeat center right;
  padding-right: 1em;
}
.subMemberMaint {
  background: #ff6e90;
  padding: 10px;
  margin: 10px auto;
}
.subMemberMaint .titSubMemMaint {
  color: #fff;
  margin: 0;
  padding-bottom: 10px;
}
.subMemberMaint .inWrap_my {
  background: #fff;
  padding: 10px;
}
.subMemberMaint a.link_arrow::before {
  content: '';
  width: 1em;
  height: 1em;
  font-family: "Font Awesome 5 Free";
  content: "\f105";
  font-weight: 900;
  margin-right: 3px;
}
.login_wrap {
  margin: 0 3% 15px;
  margin-bottom: 10px;
  padding-bottom: 15px;
  border-bottom: 1px #e0e0e0 solid;
}
.login {
  float: left;
  width: 50%;
}
.login.login-right {
	text-align: right;
	position: relative;
	overflow: hidden;
}
.login.login-right:before {
	position: absolute;
	content: "";
	width: 1px;
	height: 200px;
	left: 0;
	top: 10px;
	background-image: url("../img/line_mypage_01.png");

}
.login.login-left {
	text-align: left;
}

.login .login_btn {
  width: 95%;
}

.mypage_list {
  margin: auto;
  padding: 0 3% 3%;
  text-align: left;
}
/* メンテ中の時だけ、ボーダーつける */
img[src*="mypage_mnt"] + .mypage_list {
  padding-top: 10px;
  position: relative;
}
img[src*="mypage_mnt"] + .mypage_list::before {
  content: "";
  width: 90%;
  height: 0;
  border-top: 1px solid #e9e9e9;
  position: absolute;
  left: 5%;
  top: 0;
  display: block;
}

.mypage_list .mypage_list_li {
  font-size: 12px;
}

.mypage_list .mypage_list_li a {
  position: relative;
  padding: 5px 0;
  padding-left: 22px;
  color: #28759a;
  display: block;
}

.mypage_list .mypage_list_li a:before {
  position: absolute;
  left: 0;
  width: 20px;
  height: 20px;
          background-size: 100%;
  content: "";

  -webkit-background-size: 100%;
}

.mypage_list .mypage_list_li-first a:before {
	background-image: url("../img/icon_mypage_01.png");
}

.mypage_list .mypage_list_what a:before {
	background-image: url("../img/icon_mypage_02.png");
}

.top .aboutSec {
	margin-top: 0;
	margin: 0 auto 10px;
	text-align: center !important;
	max-width: 580px;
}

.bnrGridTop a { display: block;}
.bnrGridTop .ui-block-a a { margin-right: 3.4%;}
.bnrGridTop .ui-block-b a { margin-left: 3.4%;}

.top .newsSec {
	background: #f8f8f8;
	border-top: 0px solid #e0e0e0;
	border-bottom: 0px solid #e0e0e0;
	padding: 10px 15px 1px;
	margin: 0 -15px 15px;
}
.newsSec .tabNav {
	text-align: center;
}
.top .newsSec .inTab {
	max-width: 290px;
}
.newsList {
	margin-bottom: 5px !important;
	background: #fff;
}
.newsList li {
	border-color: #ddd;
}
.newsList li:first-child {
	border-top: none;
}
.newsList li .ui-btn-inner {
	margin: 0 auto;
}
.newsList li a {
	display: block;
	padding: 11px 40px 9px 0 !important;
	font-size: 12px;
	color: #28759a !important;
}
.newsList li a div {
	padding-bottom: 2px;
	text-align: center;
}
.newsList li a p {
	margin: 0 auto;
	text-align: left;
	white-space: normal;
	line-height: 1.416;
	padding-left: 20px;
}
.newsList li a p:last-child {
	margin-bottom: 0;
}
.newsList li a .date {
	margin-bottom: 0 !important;
	color: #555;
	font-weight: 700;
}
.newsList li .bnr {
	height: auto;
	max-width: 260px;
	margin-bottom: 5px;
	padding-left: 15px;
}


/* ----------------------------------------

オリジナルテーマ

---------------------------------------- */

/* theme orange
----------------------------- */
.ui-btn-up-orange {
	border: 1px solid #cd6a00;
	font-weight: bold;
	color: 					#fff;
	background: #ff890a;
}
.ui-btn-up-orange a.ui-link-inherit {
	color: #fff;
}
.ui-btn-hover-orange {
	border: 1px solid #cd6a00;
	background: #ff890a;
background: -moz-linear-gradient(top,  rgba(255,137,10,1) 0%, rgba(255,155,40,1) 50%, rgba(255,170,73,1) 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,137,10,1)), color-stop(50%,rgba(255,155,40,1)), color-stop(100%,rgba(255,170,73,1)));
background: -webkit-linear-gradient(top,  rgba(255,137,10,1) 0%,rgba(255,155,40,1) 50%,rgba(255,170,73,1) 100%);
background: -o-linear-gradient(top,  rgba(255,137,10,1) 0%,rgba(255,155,40,1) 50%,rgba(255,170,73,1) 100%);
background: -ms-linear-gradient(top,  rgba(255,137,10,1) 0%,rgba(255,155,40,1) 50%,rgba(255,170,73,1) 100%);
background: linear-gradient(to bottom,  rgba(255,137,10,1) 0%,rgba(255,155,40,1) 50%,rgba(255,170,73,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff890a', endColorstr='#ffaa49',GradientType=0 );
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}
.ui-btn-hover-orange a.ui-link-inherit {
	color: #fff;
}
.ui-btn-down-orange {
	border: 1px solid #cd6a00;
	background: #ff890a;
	font-weight: bold;
	color: #fff;
}
.ui-btn-down-orange a.ui-link-inherit {
	color: #fff;
}
.ui-btn-up-orange,
.ui-btn-hover-orange,
.ui-btn-down-orange {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-shadow: none;
}

/* theme gray
----------------------------- */
.ui-btn-up-gray {
	font-weight: bold;
	color: #222;
	background: #ececec;
}
.ui-btn-up-gray a.ui-link-inherit {
	color: #222;
}
.ui-btn-hover-gray {
	background: #d9d9d9;
	font-weight: bold;
	color: #222;
	cursor: pointer;
}
.ui-btn-hover-gray a.ui-link-inherit {
	color: #222;
}
.ui-btn-down-gray {
	background: #d9d9d9;
	font-weight: bold;
	color: #222;
}
.ui-btn-down-gray a.ui-link-inherit {
	color: #222;
}
.ui-btn-up-gray,
.ui-btn-hover-gray,
.ui-btn-down-gray {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
}
.ui-btn-up-gray.ui-shadow,
.ui-btn-hover-gray.ui-shadow,
.ui-btn-down-gray.ui-shadow {
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.2);
	box-shadow: 0px 2px 2px rgba(0,0,0,.2);
}
.ui-btn-down-gray.ui-shadow {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* theme blue
----------------------------- */
.ui-btn-up-blue {
	font-weight: bold;
	color: 					#fff;
	background: #2a7d9f;
}
.ui-btn-up-blue a.ui-link-inherit {
	color: #fff;
}
.ui-btn-hover-blue {
	background: #1a6282;
	font-weight: bold;
	color: #fff;
	cursor: pointer;
}
.ui-btn-hover-blue a.ui-link-inherit {
	color: #fff;
}
.ui-btn-down-blue {
	background: #1a6282;
	font-weight: bold;
	color: #fff;
}
.ui-btn-down-blue a.ui-link-inherit {
	color: #fff;
}
.ui-btn-up-blue,
.ui-btn-hover-blue,
.ui-btn-down-blue {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-shadow: none;
}
.ui-btn-up-blue.ui-shadow,
.ui-btn-hover-blue.ui-shadow,
.ui-btn-down-blue.ui-shadow {
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.2);
	box-shadow: 0px 2px 2px rgba(0,0,0,.2);
}
.ui-btn-down-blue.ui-shadow {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

/* theme yellow
----------------------------- */
.ui-btn-up-yellow {
	color: #262626;
	font-weight: bold;
	background: #fff557;
}
.ui-btn-up-yellow a.ui-link-inherit {
	color: #262626;
}
.ui-btn-hover-yellow,
.ui-btn-down-yellow {
	background: #ddd33a;
	color: #262626;
	font-weight: bold;
}
.ui-btn-up-yellow,
.ui-btn-hover-yellow,
.ui-btn-down-yellow {
	font-family: Helvetica, Arial, sans-serif;
	text-decoration: none;
	text-shadow: none;
}
.ui-btn-up-yellow.ui-shadow,
.ui-btn-hover-yellow.ui-shadow,
.ui-btn-down-yellow.ui-shadow {
	-moz-box-shadow: 0px 2px 2px rgba(0,0,0,.2);
	-webkit-box-shadow: 0px 2px 2px rgba(0,0,0,.2);
	box-shadow: 0px 2px 2px rgba(0,0,0,.2);
}
.ui-btn-down-yellow.ui-shadow {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}


/* ----------------------------------------

clearfix

---------------------------------------- */

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


/* ----------------------------------------

共通

---------------------------------------- */

.redtxt{
	color: #ff0000;
}

.orangetxt{
	color: #ff6600;
}

.bluetxt{
	color: #2E55BF;
	font-weight: bold;
}

.whitetxt{
	color: #fff !important; 
}

.graytxt{
	color: # ACACAC; 
}

.navtop{
	margin-top: 30px;
}

.mgb0box .ui-collapsible {
	margin: 0px !important;
}

.pdrs_ic .ui-btn-inner {
	padding-right: 30px !important;
}
	
.square{
	padding-left: 15px; 
	background: url(../img/icon_square.png) no-repeat 0 .4em;
}

.graydisc{
	padding-left: 15px; 
	background: url(../img/icon_gray.png) no-repeat 0 .4em;
}
.bluedisc {
	margin-left: 0;
}
.bluedisc li{
    background: url(../img/icon_blue.png) no-repeat scroll 0 0.4em;
    padding-left: 15px; 
}

ul{
	margin-bottom: 20px;
	margin-left: 1em;
}

.txtRed {
	color: #D24A4A;
}

.pdl15{
	padding-left: 15px;
}

.mgb1{
	margin-bottom: 1px; !important
}

.page_top{
	float:right;
	margin: 0 5px 10px 0;
}

.col50{
	width: 50%;
}


.imgbox100 img{
	width: 100%;
}

.link_underline a:link,
.link_underline a:visited,
.link_underline a:active {
	color: #000;	
	text-decoration: underline;
	font-weight: normal;
}

.link_underline a:hover {
	text-decoration: none;
	color: #000;
	font-weight: normal;
}

.link_underline02 a {
	text-decoration: underline;
}


/* ----------------------------------------

campaign

---------------------------------------- */
.campaign .listbox{
	margin: 0;
	padding: 0;
}

.campaign .listbox li{
	border-bottom:1px solid #888;
	margin-bottom: 15px;
}

.campaign .bnr {
	height: auto;
	max-width: 100%;
}

.campaign .orangetxt {
	margin-bottom: 5px;
}

.campaign .ttl{
	font-size: 16px;
	font-weight: bold;
	color: #1C51E1;
	margin-bottom: 5px;
}

.campaign .new{
	font-size: 0.9em;
	line-height: 2.2em;
	color: #FFF;
	background-color: #C90003;
	width: 35px;
	padding-left: 3px;
	float: left;
	margin-right: 5px;
	display: inline;
	margin-bottom: 5px;
}

.campaign .cardbox{
	text-align: left;
	border: 1px solid #ccc;
	margin-bottom: 15px;
}

.campaign .cardbox p{	
	height: 30px;
	margin: 0;
	padding: 0 0 0 20px;
	line-height: 2.4em;
	border-bottom: 1px solid #ccc;
	background-color: #e0e0e0;
	color: #555;
	text-shadow: none;
}

.campaign .cardbox .cardimgblock {
	padding: 0 10px;
}

.campaign .cardbox .img01{
	max-width: 19%;
}

.campaign .cardbox .img02{
	max-width: 45%;
}

.campaign .cardbox img{
	padding: 8px 10px;
}


/*---------------------------------------

card 

---------------------------------------*/

.card .cardbox {
	margin-left: 0;
}
.card .cardbox li{
	margin: 10px 0;
	border-bottom: dotted 1px #646464;
	height: auto;
}

.card .cardbox li.last{
	border-bottom: none;	
}

.card .cardbox img{
	margin-right: 10px;	
	float:left;
	width: 30%;
}
.card .cardbox .full img{
	margin-right: 0;	
	float:none;
	width: 100%;
	margin-bottom: 10px;
}
.card .imgboxR{
	float:right;
	margin-right:10px;
}

.card .cardbox .txtbox{
	width: 60%;
	margin-right: 10px;	
	float:left;	
}

.card .cardbox_right{
	float: right;
}


.card .collapsList{
	border: none;
}

.card .ui-li-heading {
	overflow: visible;
	white-space: normal;
}

.mgl10{	
	margin-left: 10px;
}

.card .underline{
	border-bottom: dotted 1px #646464;
}

.card .card_btnbox{
	width: auto;
	background: #E1E1E1;	
	padding-top:5px;
	padding-bottom:5px;
}

.card .omiyagebox01{
	margin: 10px auto 10px;
	padding: 0;
	width: 90%;
	text-align: center;
	height: 80px;
	background-color: #dae7ed;
}

.card .omiyagebox01 p{
	font-size: 16px;
	text-shadow: none;
	font-weight: bold;
	color: #387e9f;
	}

.card .omiyagebox02{
	width: 98%;
	margin: 5px auto 0;
	background-color: #FFF;
}
.card .omiyagebox02 p{
	font-weight: normal;
	color: #000;
	text-align: left;
	margin-left: 10px;
	font-size: 12px;
	}
	
.card .ltxt{
	font-size:16px;
	font-weight: bold;
}

.card ul.listbox li{
	border: none;
}

.card .liinbtn .ui-btn-inner {
	padding-left: 40px !important;
}

/*---------------------------------------

souvenir

---------------------------------------*/

.sectionView .omiyagebox01{
	margin: 10px auto 10px;
	padding: 0;
	width: 90%;
	text-align: center;
	height: 80px;
	background-color: #dae7ed;
}

.sectionView .omiyagebox01 p{
	font-size: 16px;
	text-shadow: none;
	font-weight: bold;
	color: #387e9f;
	}

.sectionView .omiyagebox02{
	width: 98%;
	margin: 5px auto 0;
	background-color: #FFF;
}
.sectionView .omiyagebox02 p{
	font-weight: normal;
	color: #000;
	text-align: left;
	margin-left: 10px;
	font-size: 12px;
	}

/*---------------------------------------

e_kouza 

---------------------------------------*/
.e_kouza .img_box{
	width: auto;
	text-align: center;
}

.e_kouza .text_box{
	margin-top: 20px;
	text-align: left;
}

.e_kouza .btn_box{
	width: 100%;
	float: none;
	margin: 0 auto;
}
.e_kouza .sectionView ul {
	margin-left: 0;
}
.e_kouza .figbar{
	width: auto;
	background: #e6f3fb url(../img/e-kouza/bg.gif) repeat-x;
	color: #367ca0;
	text-shadow: none;
	line-height: 1.6em;
	font-size: 90%;
	font-weight: bold;
	border-bottom: 1px solid #d8e3e5;
	padding: 10px 0;
}
.e_kouza .figSec li.figBox{
	border: solid 4px #d6d6d6;
	padding: 10px;
}
.e_kouza .figSec li.figBox img{
	margin: 10px 0;
}
.e_kouza .figSec li.figBox .figBoxTit{
	font-weight: 700;
}

/*---------------------------------------

e-meisai

---------------------------------------*/

.e-meisai .merit {
	border: 3px solid #CCC;
	text-align: left;
}
.e-meisai .merit th , .e-meisai .merit td {
	padding: 5px;
	border-bottom: 1px dotted #CCC;
}
.e-meisai .merit th {
	font-weight: bold;
	padding-left: 18px;
	width: 40%;
	background: url(../img/icon_square.png) no-repeat 5px 10px;
}
.e-meisai .asterisk {
	margin-left: 1em;
	text-indent: -0.5em;
}


/*---------------------------------------

cashing

---------------------------------------*/
.cashing .redtxt{
	color: #d24a4a;
}

.cashing .txtBox01 li{
	margin: 5px 0;
}

.cashing .imgbox{
	text-align: center;
	margin: 10px 0;
}

.cashing .date input{
	width : 95%;
}

.cashing .tblbox th{
	text-align: center;
	width: 33%;	
}

.cashing .tblbox2 th{
	text-align: center;
	width: 25%;	
}

.cashing .tblbox{
	text-align: center;
}

.cashing .imgbox02{
	float: left;
	margin-right: 10px;
}

.cashing .txtbox{
	margin-left: 10px;
}

.cashing .undermargin{
	margin-bottom: 50px;
}

.cashing input{
	width: 100px;
}

.cashing .datetxt{
	float: right;
}

.astrskList{
	margin-left: 0;
}
.astrskList li {
    margin-left: 1em;
    text-indent: -1em;
}


/*---------------------------------------

cashing_low

---------------------------------------*/
.cashing_low .bg01{
	background-color:#faf6ea;
	width: auto;
	height: 136px;
	margin: 0;
}
.cashing_low .bg02{
	background-color:#faf6ea;
	width: auto;
	height: 192px;
}

.cashing_low .ltxt{
	font-size: 16px;
	font-weight: bold;
}

.cashing_low ul.ulul{
	border-bottom: solid 1px #838383;
	margin-bottom: 10px;
}

.cashing_low li.ulli{
	border-bottom: dotted 1px #838383;
	margin-bottom: 10px;
}

.cashing_low .txtBox_red{
	border: solid 4px #FB0C10;
	padding: 8px;
}

.cashing_low li.ttldot{
	list-style-type: disc;
	font-weight: bold;
	font-size: 15px;
	color: #5A5A5A;
}

.cashing_low .bdt{
	padding-top: 10px;
	border-top: dotted 1px #838383;
}

.cashing_low .bdb{
	padding-bottom: 10px;
	border-bottom: solid 1px #838383;
}


/* ----------------------------------------

easy_guide

---------------------------------------- */

.easy_guide .btnBlue01.ui-btn-up-c,
.easy_guide .btnBlue01.ui-btn-hover-c {
	border: none;
	text-shadow: none;
	background-image: none;
	background: #024097;
	color: #fff;
}

.easy_guide .btnBlue01.ui-btn-hover-c a.ui-link-inherit,
.easy_guide .btnBlue01.ui-btn-up-c a.ui-link-inherit {
	color: #fff;
}

.easy_guide .btnBlue01 .ui-icon {
	background-color : #fff;
	background-image : url(../img/icons-19-blue.png);
}

.easy_guide .titbarBlue01 {
	position: relative;
	margin: 0 -15px 15px;
	padding: 3px 10px;
	background: #024097;
	color: #fff;
	text-shadow: none;
	font-weight: bold;
	font-size: 14px;
}

.easy_guide .ltxt{
	font-size: 16px;
	font-weight: bold;
}

.easy_guide .imgbox{
	text-align: center;
}

.easy_guide .linkico{
	float: right;
	margin: 5px 0;	
	padding-left: 16px; 
	line-height: 1.8em;
	background: url(../img/icon_arrow.png) no-repeat 0 .4em;
}

.easy_guide .btnmargin{
	margin: 30px 0 0 0;
}

.easy_guide p.orangetxt{
	color:#FF7600;
	text-align: center;
	margin: 0;
	padding: 0;	
}

/* ----------------------------------------

info

---------------------------------------- */

.info a:link{
	color: #555;
	text-decoration: underline;
	}
	
.info a:visited{
	color: #555;
	}
	
.info a:hover{
	color: #555;
	text-decoration: none;
	}
	
.info a:active{
	color: #555;
	}

.info ol{
	list-style-type: decimal;
	margin: 10px 0;
	padding-left: 20px;
}

.info ul.listbox{
	list-style-type: disc;
	margin: 10px 0;
	padding-left: 20px;
}
	
.info small{
	font-size: 12px;
}

.info ins{
	text-decoration: underline;
	background: #FFFFFF;
}

.info h2{
	font-size: 1.3em;
}

.info h3 {
	font-size: 1.1em;
}



/* ----------------------------------------

t_agreement

---------------------------------------- */
.t_agreement .underline{
	border-bottom: 1px dotted #4A4A4A;
	padding-bottom: 20px;
}
.t_agreement .table_center th{
	text-align: center;
}
.t_agreement .table_center td{
	text-align: center;
}

.t_agreement .txtinbox{
	padding:0 0 0 30px;  
	margin: 0;
}

.t_agreement ol{
	margin-bottom: 15px;
}

.t_agreement ol li{
	margin-bottom: 10px;
}

.t_agreement .rtxt{
	float: right;
}

/* ----------------------------------------

corporation

---------------------------------------- */

.corporation .toggleBox .ui-btn-inner{
	padding: 10px 30px 10px 0;
}

.corporation .toggleBox .ui-btn-icon-right .ui-icon{
	right: 0;
}

.corporation .toggleBox h3.toggleTit{
	font-size: 14px;
}

.corporation .toggleTitle span {
	marigin-right: 40px;
}

.corporation .tblInBox .ui-collapsible-content{
	padding: 10px 0;
}

.corporation .recruit_tel{
	font-size: 16px;
	color:#DD0003;
	font-weight: bold;
}

.corporation .message_rbox{
	float: right;
}

.corporation a:link{
	color: #069;
}

.corporation .control_intxt{
	padding-left: 20px;
}

.corporation .tbl_wd{
	width: 5em;
}

.control li{
	margin-bottom: 5px;
}


/* ----------------------------------------

faq

---------------------------------------- */

.faq .togglebar{
	position: relative;
	margin: 0 -15px 1px;
	padding: 4px 10px 3px;
	background: #ecf5fa;
	text-shadow: none;
	font-weight: bold;
	font-size: 16px;
	border-bottom: solid 2xp #000;
}

.faq .collapsInTitbar a{	
	color: #357da0;
}

.faq .ttlpd{
	padding-right: 50px;
}

.faq .titbar01{
	border-bottom: solid 2xp #000;
}

.faq .litxt a{
	color: #000; !important
}

.mg0{
	margin: 0;
}

.faq .ui-icon{
	right: 10px; !important	
	}
	
.faq .icoArrow li{
	  background: url(/WEB/sp/files/img/faq/ico_arrow.gif) no-repeat right;
}

.faq .pagelink{
	margin-left: 0;
}

.faq .pagelink li{
	background:url(../img/icon_arrow02.png) no-repeat left;
	padding-left: 20px;
}

.faq .pagelink a:link,
.faq .pagelink a:visited,
.faq .pagelink a:active {
	color: #000;	
	text-decoration: underline;	
}

.faq .pagelink a:hover{
	text-decoration: none;
}


/* 見出し リンクボタン */
.faq ul.linkbar li a{
	text-align: left;
	position: relative;
	margin: 0 -15px 1px;
	padding: 4px 10px 3px;
	background: #357da0;
	text-shadow: none;
	font-weight: bold;
	font-size: 16px;
	color: #fff;
}

.faq .linkbar .ui-btn-inner {
	padding: 0 !important;
	border: none;
}
.faq .linkbar a:link,
.faq .linkbar a:visited,
.faq .linkbar a:active {
	color: #fff;
}
.faq .linkbar .titbar02 a:link,
.faq .linkbar .titbar02 a:visited,
.faq .linkbar .titbar02 a:active {
	color: #333;
}
.faq .linkbar .ui-icon {
	margin-top: -10px !important;
	right: 0;
	background-color:#357da0;
	box-shadow: none;
}
.faq .linkbar .ui-collapsible-content {
	padding: 0;
	margin: 0 0 10px;
}
.faq .linkbar .ui-focus,
.faq .linkbar .ui-btn:focus {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.faq .linkbar .ui-shadow {
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;
}

.faq .linkbar .ui-btn-corner-all{
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	border-radius: 0px;
}

.faq .linkbar .ui-btn-hover-c,
.faq .linkbar .ui-btn-up-c,
.faq .linkbar .ui-btn-down-c {
	border: none;
}

.faq .linkbar .pdrs_ic .ui-btn-inner {
	padding-right: 20px !important;
}

/*---------------------------------*/

/*---------------------------------------

mainte 

---------------------------------------*/

.navtop {
    margin-top: 30px;
}
.tbl02 th {
	vertical-align: middle;
}
ol.leftSpace {
    margin-left: 1.5em;
    text-indent: -1.5em;
}
ol.inList {
	padding: 5px 0;
}
ol.inList li {
	padding-left: 5px;
}
.ver {
    text-align: right;
}
/*---------------------------------------

inquiry

---------------------------------------*/

ul.question li {
    background: url("../img/icon_question.png") no-repeat scroll 0 0.1em rgba(0, 0, 0, 0);
    padding-left: 25px;
}

.noHiddon {
	padding: 0.2em 1em 1em;
	text-indent: 0;
}
.noHiddon p {
	white-space: normal;
}
.formBox {
	border: solid 4px #eee;
	padding: 8px;	
}
.formBox dl dt {
	font-weight: bold;
	padding-left: 10px;
	margin: 5px 0 5px 5px;
	border-left: 3px #357DA0 solid;
}
.formBox dl dd {
	margin-bottom: 15px;
}
.require {
    background-color: #FF6060;
    border-radius: 4px;
    color: #FFFFFF;
    font-size: 11px;
    font-weight: 400;
    padding: 3px;
	margin-left: 5px;
    vertical-align: text-bottom;
}

span.larger{
	font-size:18px;
	vertical-align: top;
}
span.caution{
	font-weight: bold;
}

.privacyBox {
	height: 200px;
	overflow: auto;
	border: 1px solid #ddd;
	padding: 5px 10px;
	margin-bottom: 15px;
	-webkit-overflow-scrolling: touch;
}
.privacyBox div,
.privacyBox p {
	font-size: 12px !important;
}
.privacyBox .link01 a {
	background-position: 0 0;
	padding-bottom: 1px;
}
.agreeBox {
	width: 100%;
	margin-bottom: 5px;
}
.agreeBox td {
	padding: 10px;
	text-align: center;
	background: #e2ecf9;
	font-weight: 700;
}
.agreeBox td input {
	position: relative;
	top: 1px;
}


/*---------------------------------------

simulation

---------------------------------------*/

.simulation #resultArrow{
	background: url(../img/arrow.gif) no-repeat center center;
	height: 73px;
	margin: 0;
	
}

.simulation #unit{
	float: right;
	font-weight: bold;
	margin: 0;
}

.simulation .tbl01{
	margin: 0;
}

.simulation .tbl01 tr.ttl th{
	background-color: #e6f3fa;
}

/*---------------------------------------

guide

---------------------------------------*/

.guide .ttlimgbox{	
	margin: 0 -15px 15px;
	}
	
.content .linkico{
	margin: 5px 0;	
	padding-left: 16px; 
	line-height: 1.8em;
	background: url(../img/icon_arrow.png) no-repeat 0em;
}
.content .linkArea{
	text-align: right;
	margin-right:5px;
}

.content .linkArea img.pdf{
	vertical-align: middle;
	padding-left: 0.3em;
}


/*---------------------------------------

payment

---------------------------------------*/
.payment .payWhat {
	clear: both;
	border: 2px solid #CCC;
	padding: 5px;
	margin-bottom: 10px;
}
.payment .payWhat h4 {
	margin-top: 0;
}
.payment .payWhat p {
	margin: 0;
}
.payment .payWhat .ui-btn {
	margin-left: 0;
	margin-bottom: 10px;
}
.payment .tbl01 th {
	vertical-align: middle;
}
.payment .tbl01 .course th {
	background: #E6F3FA;
	color: #358FBE;
	text-align: center;
}


/* ----------------------------------------

value

---------------------------------------- */

.value .box_right {
    float: right;
}
.value .btnbox {
    background: none repeat scroll 0 0 #E1E1E1;
    width: auto;
}

/* ----------------------------------------

point

---------------------------------------- */

.point .boxRight {
    float: right;
}
.point .boxClear {
	clear: both;
}
.point .btnbox {
	margin-top: 10px;
	padding: 20px 0 10px;
    background: none repeat scroll 0 0 #eeeeee;
    width: auto;
}

.point .btnbox p {
	text-align: center;
}

.point .question dd {
    padding: 0 3px 3px 25px;
	border-bottom: dotted 1px #666666;
}
.point .question .q1 {
    background: url("../img/q1.jpg") no-repeat scroll 0 0.1em rgba(0, 0, 0, 0);
}
.point .question .q2 {
    background: url("../img/q2.jpg") no-repeat scroll 0 0.1em rgba(0, 0, 0, 0);
}
.point .question .q3 {
    background: url("../img/q3.jpg") no-repeat scroll 0 0.1em rgba(0, 0, 0, 0);
}
.point .question dt {
	padding-bottom: 10px;
}
.point #tabNav02 li {
	width: 40%;
	text-align: center;
}

/* ----------------------------------------

identificatio

---------------------------------------- */

.identification01 .braun {
	color:#aa5500;
}
.identification01 .tbl01 th {
	width: 3em;
}
.identification02 .redline {
	color:#d90000;
	font-weight: 700;
}
.identification02 .orange {
	color:#ff6600;
	font-weight: 700;"
}
.identification02 .identificationBox {
	margin: 0;
}
.identification02 .identificationBox li {
	margin: 0;
}
.identification03 .mrb {
	margin-bottom: 15px;
}
.identification03 .ttl {
	margin-bottom: 10px;
	margin-left: -10px;
	
}

/* ----------------------------------------

共通

---------------------------------------- */

.bold {
	font-weight: 700;
}


/* ----------------------------------------

easy_guide

---------------------------------------- */
.easy_guide h1 {
	padding: 10px 0;
	margin: 0 -15px;
}
.easy_guide ul {
	margin-left: 0;
}
.easy_guide .underline {
	text-decoration: underline;
}

.easy_guide .multiline {
	line-height: 1.2;
	padding: 4px 10px 5px;
}
.easy_guide .font-min {
	font-size: 11px;
}
.easy_guide .btnbox {
	width: auto;
	background: #E1E1E1;	
	padding-top:5px;
	padding-bottom:5px;
}
.easy_guide .btnbox .alnC {
	margin-top: 15px;
}
.easy_guide #tabNav02 li {
	width: 42%;
	text-align: center;
}
.easy_guide dd {
    padding:3px 0;
}
.textBlock .icon01 {
	font-weight: 700;
	background: url(../img/icon_01.png) no-repeat scroll 0 50%;
	background-size: 26px 28px;
	padding-left: 40px;
	line-height: 36px;
}
.textBlock .icon02 {
	font-weight: 700;
	background: url(../img/icon_02.png) no-repeat scroll 0 50%;
	background-size: 28px 21px;
	padding-left: 40px;
	line-height: 36px;
}
.textBlock .icon03 {
	font-weight: 700;
	background: url(../img/icon_03.png) no-repeat scroll 0 50%;
	background-size: 24px 28px;
	padding-left: 40px;
	line-height: 36px;
}
.textBlock .icon04 {
	font-weight: 700;
	background: url(../img/icon_04.png) no-repeat scroll 0 50%;
	background-size: 28px 23px;
	padding-left: 40px;
	line-height: 36px;
}
.textBlock{
	border: 3px solid #d6d6d6;
	padding: 10px;
}
.textBlockTit{
	color: #218a98;
	font-weight: 700;
}

/* ----------------------------------------

tetsuduki

---------------------------------------- */
.tetsuduki ul {
margin-bottom: 0;
margin-left: 0;
}

.inqMethod p{
	margin-bottom: 0;
}

.inqMethod span{
	font-size: 10px;
	color: #555555;
}

.tetsuduki ul .phone div,
.tetsuduki ul .mobile div{
	font-weight: bold;
}

.tetsuduki ul .mobile div .txtRed{
	font-weight: normal;
}

.ui-body-c .tetsuduki .tbl01 .ui-link,
.ui-body-c .tetsuduki .tbl02 .ui-link,
.ui-body-c .tetsuduki .tbl03 .ui-link {
color: #333333;
font-weight: normal;
text-decoration: underline;
}

.ui-body-c .tetsuduki .tbl01 .ui-link:hover,
.ui-body-c .tetsuduki .tbl02 .ui-link:hover,
.ui-body-c .tetsuduki .tbl03 .ui-link:hover {
color: #333333;
}

.ui-body-c .tetsuduki .tbl01 .ui-link:visited,
.ui-body-c .tetsuduki .tbl02 .ui-link:visited,
.ui-body-c .tetsuduki .tbl03 .ui-link:visited {
color: #333333;
}



/* tbl01
------------------------------- */
.tetsuduki .tbl01 {
	font-size: 12px;
	margin-bottom: 10px;
}
.tetsuduki .tbl01 th,
.tetsuduki .tbl01 td {
	text-align: left;
}
.tetsuduki .tbl01 td {
	font-size: 11px;
}

.ui-body-c .tetsuduki .dotCellBtm .ui-link{
	color: #2489CE;
	text-decoration: none;
	font-weight: bold;
}

.ui-body-c .tetsuduki .dotCellBtm .ui-link:hover {
	color: #2489CE;
	font-weight: bold;
}

.ui-body-c .tetsuduki .dotCellBtm .ui-link:visited {
	color: #2489CE;
	font-weight: bold;
}


.tetsuduki .tbl01 tr td.dotCell{
	background: url(../img/line_dotted_01.png) repeat-x 0 100%;
	border-bottom: none;
}

.tetsuduki .tbl01 tr td.dotCellBtm{
	border-top: none;
}
.tetsuduki .tbl01 th.cdCell,
.tetsuduki .tbl01 td.cdCell {
	width: 80px;
	text-align: center;
}
.tetsuduki .tbl01 td.cdCell {
	line-height: 1.5;
	vertical-align: middle;
	font-weight: bold;
	font-size: 12px;
}
.tetsuduki .tbl01 td.cdCell img {
	margin-bottom: 5px;
}
.tetsuduki .tbl01 h3 a {
	margin-left: 5px;
}
.tetsuduki .tbl01 ul{
	margin: auto 0;
}
.tetsuduki .tbl01 ul li{
	float: left;
	background: url(../img/ico_arrow_01.png) no-repeat right 50%;
	background-size: 4px auto;
	padding-right: 9px;
	margin-right: 5px;
}
.tetsuduki .tbl01 ul li:nth-child(1),
.tetsuduki .tbl01 ul li:nth-child(2){
	margin-top: 6px;
}
.tetsuduki .tbl01 ul li:last-child{
	background: none;
	margin-right: 0;
	padding-right: 0;
}
.phoneFlow.tbl01 tr td{
	font-size: 11px;
}
.phoneFlow.tbl01 tr td.dotCell{
	background: url(../img/line_dotted_01.png) repeat-x 0 100%;
	border-bottom: none;
}
.phoneFlow.tbl01 tr td.dotCellBtm{
	border-top: none;
	text-align: left;
}
.phoneFlow.tbl01 th.cdCell,
.phoneFlow.tbl01 td.cdCell {
	width: 80px;
	text-align: center;
}
.phoneFlow.tbl01 td.cdCell {
	line-height: 1.5;
	vertical-align: middle;
	font-weight: bold;
	font-size: 12px;
}
.phoneFlow.tbl01 td.cdCell img {
	margin-bottom: 5px;
}
.phoneFlow.tbl01 h3 a {
	margin-left: 5px;
}
.phoneFlow.tbl01 ul{
	margin: auto 0;
}
.phoneFlow.tbl01 ul li{
	float: left;
	background: url(../img/ico_arrow_01.png) no-repeat right 50%;
	background-size: 4px auto;
	padding-right: 7px;
	margin-right: 2px;
}
.phoneFlow.tbl01 ul li:nth-child(1),
.phoneFlow.tbl01 ul li:nth-child(2){
	margin-top: 6px;
}
.phoneFlow.tbl01 ul li:last-child{
	background: none;
	margin-right: 0;
	padding-right: 0;
}
.iconNumber {
	display: block;
	width: 20px;
	padding: 3px 0;
	color: #fff!important;
	line-height: 1.4;
	text-align: center;
	background: #357da0;
	border-radius: 5px;
	font-size: 10px;
}

.cell01{
	padding-left: 26px;
}


/* tbl02
------------------------------- */
.tetsuduki .tbl02 {
	font-size: 12px;
	width: 100%;
	margin-bottom: 30px;
	margin-top: 0;
	border: none;
}
.tetsuduki .linkico {
	float: right;
}

.ui-body-c .tetsuduki .linkico.ui-link{
	color: #2489CE;
	text-decoration: none;
	font-weight: bold;
}

.ui-body-c .tetsuduki .linkico.ui-link:hover {
	color: #2489CE;
	font-weight: bold;
}

.ui-body-c .tetsuduki .linkico.ui-link:visited {
	color: #2489CE;
	font-weight: bold;
}

.tetsuduki .tbl02 th, .tetsuduki .tbl02 td {
    background:none;
}

.tetsuduki .tbl02 th,
.tetsuduki .tbl02 td {
	padding: 7px 0;
	text-align: left;
}
.tetsuduki .tbl02 th.cdCell,
.tetsuduki .tbl02 td.cdCell {
	text-align: center;
}
.tetsuduki .tbl02 th {
	padding: 7px 8px;
	background-color: #357da0;
	border: 1px solid #357da0;
	color: #fff;
	font-weight: normal;
	text-shadow:none;
	font-weight: bold;
}
.tetsuduki .tbl02 td {
	padding: 7px 8px;
    background:none;
    border: 1px solid #d2dce1;
}
.tetsuduki .tbl02 td.title{
    background-color: #f8f8f8;
    font-weight:normal;
}
.tetsuduki .tbl02 td.ico01{
    background-color:#fff6d9;
}
.tetsuduki .tbl02 td.ico02{
	background-color:#e6f3fa;
}
.tetsuduki .tbl02 td.ico03{
    background-color:#ffeded;
}
.tetsuduki .tbl02 td.cdCell {
	line-height: 1.5;
	vertical-align: middle;
}
.tetsuduki .tbl02 td p.alnR,
.tetsuduki .tbl02 td p.alnL {
	margin-bottom: 0;
}
.tetsuduki .tbl02 td p.alnR a,
.tetsuduki .tbl02 td p.alnL a {
	padding-left: 22px;
	background: url(../img/icon_arrw_01.png) no-repeat 0 50%;
}

/* tbl03
------------------------------- */
.tetsuduki .tbl03 {
	font-size: 12px;
	width: 100%;
}

.tetsuduki .tbl03 th{
	border-right:solid 1px #235f7c;
	text-align: center;
    color: #fff;
    padding: 7px 8px;
    background-color: #357da0;
    text-shadow:none;
    font-weight: bold;
}
.tetsuduki .tbl03 th.empty{
	background-color: #fff;
}
.tetsuduki .tbl03 th:last-child{
	border-right: none;
}

.tetsuduki span.caution{
	font-weight:bold;
}

.bdbBlue {
	border-bottom: 1px solid #235f7c;
}

/* mypageBox
------------------------------- */
.mypageBox{
	border: solid 5px #e5e5e5;
	padding: 8px;
}

.mypageBox .mypageTit{
	font-size: 12px;
	color: #ff6600;
	font-weight: bold;
	margin-bottom: 10px;
}

.mypageBox .img01{
	padding: 0 0 15px 15px;
	float: right;
}

.mypageBox div{
	float: left;
	font-size: 12px;
}

.mypageBox div .mypageBtn{
	margin:10px auto 5px;
	text-align: center;
}

.mypageBox p{
	margin-bottom: 0;
}

/* phoneBox
------------------------------- */
.phoneBox .leadTxt{
	color: #d24a4a;
	margin-bottom: 10px;
	font-weight: bold;
	font-size: 13px;
}
.phoneBox  ul{
	width: 290px;
	margin:0 auto 15px;
}
.phoneBox  ul li{
	float: left;
	margin-right: 4px;
}

.phoneBox  ul li:last-child{
	margin-right: 0;
}

/* uketukeBox
------------------------------- */
.uketukeBox{
	background-color: #F5F5F5;
	padding: 10px 5px;
}


.uketukeBox ul{
	margin-left: 0;
}

/* ----------------------------------------

update

---------------------------------------- */

/* col2Sec
------------------------------- */

.col2Sec {
	display: table;
	width: 100%;
	margin: 0 0 10px;
}
.col2Sec li {
	display: table-cell;
	width: 50%;
	text-align: center;
}


/* attBlock01
------------------------------- */

.attTtl01 {
	background-color: #FF8909;
	color: #fff;
	line-height: 1.315;
	padding: 8px 15px 7px;
	text-shadow: none;
}

.attBlock01 {
	border: solid 3px #e5e5e5;
	padding: 10px 15px 15px;
	margin-bottom: 20px;
	border-top: none;
}

.attTtl02 {
	color: #ff6600;
	font-weight: bold;
	margin-bottom: 10px;
}

.attList01 {
	text-indent: -1em;
	margin-bottom: 0 !important;
}

/* other style
------------------------------- */

.txtRed {
	color: #d24a4a;
}

.txtClrEm {
	color: #357da0;
}

/* attentionBlock */
.attentionBlock {
	background: #fef6f5;
	border: 3px solid #ffd7d2;
	padding: 10px;
	margin-bottom: 10px;
}
.titAttention {
	font-weight: 700;
	color: #f25944;
	padding-left: 23px;
	margin-bottom: 3px;
	background: url(../img/icon_attention.png) no-repeat 0 .25em;
}
.titAttention:last-child {
	margin-bottom: 0;
}
.attentionBlock02 {
	border: 3px solid #f25944;
	padding: 10px;
	margin-bottom: 10px;
}
.attentionBlock02 .titAttention {
	margin-bottom: 5px;
}
.attentionBlock02.imgBlock {
    padding: 15px 20px 10px;
}
.attentionBlock02.imgBlock .imgSec01{
    margin-bottom: 0!important;
}
.attentionBlock02.imgBlock .imgSec01 .imgL{
    margin: -5px 25px 0 0!important;
}
.txtAttention {
	margin-bottom: 0!important;
}
.titAttention02{
    background: url(../img/icon_attention.png) no-repeat 0 0.2em;
    padding-left: 23px;
    font-weight: 700;
}
.emAttention {
	color: #f25944;
}



/* step
------------------------------- */

.step {
  position: relative;
  margin-bottom: 27px;
  text-align: center;
}

.step img {
	max-width: 100%;
}

.step .step_arrw {
  position: absolute;
  bottom: -30px;
  left: 50%;
  z-index: 100;
  margin-left: -40px;
  width: 80px;
}

.step .step_txt {
	background-image: url(../img/bg_step_01.png);
}

.step .step_txt {
  max-width: 580px;
  margin: 0 auto;
  padding: 0 20px;
  padding-bottom: 5px;
  box-sizing: border-box;
  background-image: url(../img/bg_step_01.png);
          background-size: 100%;
  text-align: left;

  -webkit-background-size: 100%;
}

.step .step_txt-tit {
  color: #357da0;
  font-weight: 700;
}

.step .step_txt .num {
  margin-right: 3px;
}

.step .step_txt .num.num-3 {
	margin-top: 8px;
}

.step .step_img-next {
	padding-bottom: 20px;
  background-image: url(../img/bg_step_01.png);
          background-size: 100%;
  -webkit-background-size: 100%;
}

.taC {
	text-align: center;
}

.bgnrLogin {
	margin-bottom: 20px;
}

.bgnrLogin img {
	max-width: 100%;
}


/*beginner_login*/

.beginner_login_wrap {
  text-align: center;
}

.beginner_login {
  display: inline-block;
  margin-left: 2%;
  width: 48%;
  max-width: 170px;
}

.beginner_login img,
.beginner_login input {
	max-width: 100%;
}

.beginner_login:first-child {
  margin-left: 0;
}


/*mp_btmInfo*/

ul.mp_btmInfo {
  margin: 0 -15px;
}
ul.mp_btmInfo li dl {
  margin-bottom: 10px;
}
ul.mp_btmInfo li dl dt {
  position: relative;
  padding: 8px 15px;
          box-sizing: border-box;
  color: #fff;
  background-color: #357da0;
  font-weight: bold;

  -webkit-box-sizing: border-box;
}


ul.mp_btmInfo li dl dt .hukidasi {
  display: inline-block;
  position: absolute;
  top: -27px;
  left: 15px;
  padding: 6px 15px 4px;
  color: #333;
  background-color: #fff10a;
}

ul.mp_btmInfo li dl dt .hukidasi:after {
  position: absolute;
  top: 27px;
  left: 50%;
  width: 0;
  height: 0;
  margin-left: -10px;
  border-width: 10px 10px 0 10px;
  border-color: #fff10a transparent transparent transparent;
  border-style: solid;
  content: "";
}

ul.mp_btmInfo li dl dd {
  padding: 7px 15px;
          box-sizing: border-box;
  font-size: 13px;

  -webkit-box-sizing: border-box;
}

ul.mp_btmInfo li dl dt br {
  display: none;
}

ul.mp_btmInfo li dl dd .freeDial span {
  padding-left: 5px;
  font-weight: bold;
  font-size: 20px;
}

ul.mp_btmInfo li dl dd p.attention span {
  font-size: 12px;
}
#mbcnMain ul.mp_btmInfo li dl dd a {
  color: #0083be;
  text-decoration: underline;
}



.ac_detail {
  display: none;
  padding: 15px;
}
.ac_detail th {
  width: 40%;
  background-color: #ebebeb;
}
.ac_detail th,
.ac_detail td {
  padding: 10px;
  border: 1px solid #ccc;
  text-align: left;
}
.ac_detail ul {
  margin: 0 0 20px 10px;
}
.ac_detail li.ttl {
  margin: 10px 0;
  color: #06c;
  font-weight: bold;
}
.ac_detail li.ttl:before {
  margin-left: -10px;
  content: "・";
}
.ac_detail .table_card_img {
  display: table;
  margin: 0 10px;
  text-align: center;
}
.ac_detail .table_card_img span {
  display: table-cell;
}
.ac_detail .table_card_img img {
  width: 80%;
}


/* ----------------------------------------

clearfix

---------------------------------------- */

/* Modern Browsers
------------------------------- */
.phoneBox  ul:after,
.tbl01 ul:after,
.mypageBox:after,
.login_wrap:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}