@charset "utf-8";

/* ------------------------------------------------------------
	= Projects =	smt_cmn.css
	= Date =		2011.00.00
	= TargetHTML =	for smartPhone

	= Contents =	00. BASE
					01. SITE
						01-01. Contents
   ------------------------------------------------------------ */


/* ------------------------------------------------------------
	00. BASE SETTING CSS
   ------------------------------------------------------------ */

a { text-decoration: none; }


.smt a:hover { text-decoration: none; color: #666; }

.smt a:visited { text-decoration: none; color:#0066cc; }

.smt .smtnodisp { display:none; }

/* ------------------------------------------------------------
	01. SITE SETTING CSS
   ------------------------------------------------------------ */
body.smt {
	-webkit-text-size-adjust: none;
}

/* ___ content.css ____________ */
.smt #header {
	display:none;
}

.smt .headerSmt {
	position: relative;
	width:100%;
	height: 60px;
	border-bottom: 3px solid #0081cc;
	background: linear-gradient(to bottom, #e9f4fa, #fefeff);
	z-index: 9999;
}
.smt .headerSmt img.topLogo {
	width: 124px;
	position: absolute;
	top: 50%;
	left: 10px;
	transform: translateY(-50%);
}

/*スマホメニュー*/
.smt .headerSmt	nav {
	display: none;
	box-sizing: border-box;
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color:rgba(0,129,204,1);
	overflow: auto;
}
.smt .headerSmt nav ul {
	display: block;
	box-sizing: border-box;
	width: 100%;
	padding: 40px 3% 10px;
	margin: auto;
}
.smt .headerSmt nav ul li {
	margin: 0 auto;
	text-align: center;
}
.smt .headerSmt nav ul li a {
	display: block; 
	border-bottom: 1px solid rgba(255, 255, 255, .6);
	padding: 18px 0;
	color: #fff;
	font-size: 3.8vmin;
}
.smt .headerSmt nav ul li:last-child a {
	border: none;
}
/*スマホメニュー（ボタン）*/
.smt .headerSmt #nav_toggle {
	display: block;
	width: 48px;
	height: 32px;
	padding: 6px 2px;
	position: fixed;
	top: 8px;
	right: 10px;
	z-index: 2;
	background-color: #0081cc;
}
.smt .headerSmt #nav_toggle div {
	position: relative;
}
.smt .headerSmt #nav_toggle em {
	display: block;
	position:absolute;
	top: 26px;
	left: 50%;
	transform: translateX(-50%);
	line-height: 1;
	font-size: 9px;
	font-weight: bold;
	color: #fff;
	white-space: nowrap;
}
.smt .headerSmt #nav_toggle span {
	display: block;
	height: 3px;
	background-color: #fff;
	position:absolute;
	width: 36px;
	left: 6px;
	transition: 0.5s ease-in-out;
}
.smt .headerSmt #nav_toggle span:nth-child(1) {
	top: 0px;
}
.smt .headerSmt	#nav_toggle span:nth-child(2) {
	top: 8px;
}
.smt .headerSmt	#nav_toggle span:nth-child(3) {
	top: 16px;
}
/*スマホメニュー（開閉ボタンopen時）*/
.smt .headerSmt.open #nav_toggle span:nth-child(1) {
	top: 8px !important;
	transform: rotate(135deg);
	background: #fff;
}
.smt .headerSmt.open #nav_toggle span:nth-child(2) {
	width: 0;
	left: 50%;
}
.smt .headerSmt.open #nav_toggle span:nth-child(3) {
	top: 8px !important;
	transform: rotate(-135deg);
	background: #fff;
}



.smt .headerSmt02 {
	margin:20px 0 0;
	text-align:center;
}
.smt .headerSmt02 .links a {
	width:16.5em;
	margin:1.5em auto 0;
}
.smt .headerSmt02 .notice {
	position:relative;
	margin: 15px 10px;
	padding: 10px;
	background-color: #0081cc;
	color: #fff;
	text-align: left;
	line-height: 1.4em;
}
.smt .headerSmt02 .notice p + p {
	margin-top: 4px;
}
.smt .headerSmt02 .notice a {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}


.smt #pankuzu {
	display:none;
	margin:8px;
}
.smt #sideSection { display:none }
.smt .h1Bg {
	margin:25px 0 25px;
	padding:1px;
	background:-webkit-gradient(linear, left top, left bottom, from(#0053a6), color-stop(50%,#0053a6), color-stop(50%,#004a9d), to(#004a9d));
}
.smt h1 {
	padding-left:20px;
	border:#4d87c1 1px solid;
	background:url(/cmn/imgs/smt_cmn_head01.gif) no-repeat 6px center;
	font-size:123%;
	color:#fff;
	line-height:30px;
}
.smt h1.longHead,
.smt h2.longHead {
	letter-spacing:-0.1em;
}
.smt .h2Bg {
	margin:50px 0 15px;
	padding:3px;
	background:url(/cmn/imgs/smt_cmn_h2_bg.gif) repeat;
}
.smt .h2nBg {
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(70%,#fff), color-stop(70%,#fff), to(#f5f5f5));
}
.smt h2 {
	padding:3px 3px 3px 20px;
	background:url(/cmn/imgs/smt_cmn_head02.gif) no-repeat 6px center;
	font-size:116%;
	font-weight:bold;
	color:#333;
	line-height:26px;
}
.smt h2.shead {
	padding-left:50px;
	background:none;
}
.smt .h2nBg span {
	display:block;
	float:left;
	margin:6px 6px 3px 10px;
	padding:0 3px;
	color:#fff;
	line-height:20px;
	background:#0054a7;
}
.smt h3 {
	margin:30px 0 10px;
	font-size:116%;
	font-weight:bold;
}
.smt h3 span {
	display:block;
	min-height:20px;
	height:auto !important;
	height:20px;
	padding:0 5px 0 20px;
	background:url(/cmn/imgs/smt_cmn_head03.gif) no-repeat 6px top;
	line-height:20px;
}

.smt .txt01 {
	margin:10px;
}


/* footer */
.smt #footerSmt {
	margin-bottom:20px;
}
.smt #footerSmt .footerBtnMenu li {
	border-bottom:#c5c7c8 1px solid;
	background:#fff;
	overflow:hidden;
	font-size:108%;
}
.smt #footerSmt .footerBtnMenu li.ftrTitle {
	display:block;
	height:23px;
	padding:0 0 0 15px;
	font-weight:bold;
	color:#FFF;
	line-height:23px;
	border-bottom:#c5c7c8 1px solid;
	background:-webkit-gradient(linear, left top, left bottom, from(#0080cb), color-stop(50%,#0080cb), color-stop(50%,#0071c2), to(#0071c2));
}
.smt #footerSmt .footerBtnMenu li {
background:-webkit-gradient(linear, left top, left bottom, from(#fafdfe), color-stop(50%,#fafdfe), color-stop(50%,#e8f4fa), to(#e8f4fa));
}
.smt #footerSmt .footerBtnMenu li a {
	display:block;
	height:40px;
	padding:0 0 0 15px;
	margin-right:1px;
	font-weight:bold;
	color:#274ab2;
	line-height:40px;
	background:url(/cmn/imgs/smt_cmn_arrow03.png) no-repeat 98% center;
}
.smt #footerSmt .footerBtnMenu li a span {
	padding-left:17px;
	background:url(/cmn/imgs/smt_wakaba.png) no-repeat left center;
}

.smt #footerSmt .footerInfo {
	position: relative;
	box-sizing: border-box;
	width: 210px;
	margin: 10px auto;
    font-weight: bold;
    padding: 10px;
    line-height: 1.4em;
    border: 2px solid #f00;
}
.smt #footerSmt .footerInfo p {
    color: #f00 !important;
}
.smt #footerSmt .footerInfo a {
	position: absolute;
	top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.smt #footerSmt .footerListMenu {
	margin:10px 0;
	padding-bottom:20px;
	border-bottom:#274ab2 1px dotted;
}
.smt #footerSmt .footerListMenu li {
	/*margin-left:10px;*/
}
.smt #footerSmt .footerListMenu li a {
	padding-left:10px;
	background:url(/cmn/imgs/cmn_arrow03.gif) no-repeat left center;
	font-size:93%;
	line-height:25px;
}
.smt .footerMenu {
	font-size:93%;
	margin-bottom:20px;
}
.smt .footerMenu p {
	text-align:center;
	line-height:25px;
}
.smt .footerMenu p a {
	color:#323232;
	text-decoration:underline;
	letter-spacing:-0.1em;
	}
.smt #footer ul {
	display:none;
}
.smt #footer .footerBarSmt {
	height:30px;
	background:#005dad;
	text-align:center;
	font-size:85%;
	color:#fff;
	line-height:30px;
}
.smt #footerSmt .gotoPc {
	margin:0;
	text-align:center;
}
.smt #footer .footerBar {
	display:none;
}

/* ------------------------------------------------------------
	tool SETTING CSS
   ------------------------------------------------------------ */

.smt .shopAtt {
	margin:5px 10px;
}
.smt p.att {
	margin-bottom:15px;
}
.smt h4 {
	margin:5px 10px;
}


/* ------------------------------------------------------------
	charge SETTING CSS
   ------------------------------------------------------------ */

/* section01 */
.smt .section01 {
	
}
.smt .section01 dl.bank {
	width:300px;
	margin:10px auto;
}
.smt .section01 dl.bank dt.box {
	width:298px;
	border:#64c1ef 1px solid;
}

.smt .section01 dl.bank dt ul li.sevenBank {
	width:70px;
	height:70px;
	margin:10px auto 0;
}
.smt .section01 dl.bank dt ul li.saisonBank {
	width:152px;
	height:35px;
	margin:18px auto 0;
}
.smt .section01 dl.bank dt ul li.txtBank {
	padding:10px;
	font-size:85%;
}
.smt .section01 dl.bank dd a {
	display:block;
	margin-top:10px;
	padding-left:15px;
	background:url(/cmn/imgs/smt_cmn_arrow02.gif) no-repeat left center;	
	color:#06c;
}

/* section02 */

.smt .section02 ul.flow {
	margin:10px 0 30px;
}
.smt .section02 ul.flow dt {
	background:#eaf6fd;
	line-height:28px;
	padding:1em 2em;
	text-indent:-1em;
	font-weight:bold;
	color:#000;
}
.smt .section02 ul.flow dt p {
	font-weight:normal;
}
.smt .section02 ul.flow dt span {
	color:#0054a7;
}
.smt .section02 ul.flow dd {
	padding:10px;
	text-align:center;
}
.smt .section02 ul.att {
	margin:10px;
}
.smt .section02 ul.att li {
	padding-left:1em;
	text-indent:-1em;
	line-height: 20px;
}

/* ------------------------------------------------------------
	touroku SETTING CSS
   ------------------------------------------------------------ */

.smt .section02 ul.flow dt {
	line-height:1.7em;
}
.smt .section02 ul.flow dt span.txt {
	display:block;
	color:#000;
}
.smt .section02 ul.flow dt span.txt02 {
	display:block;
	text-indent:0;
	color:#000;
	font-weight:normal;
}
.smt .section02 ul.flow dt span.txtfs {
	display:block;
	color:#000;
	font-weight:normal;
	font-size:85%;
	padding-left:1.5em;
}
.smt .section02 ul.flow dt .img {
	display:block;
	padding-bottom:10px;
}


/* ------------------------------------------------------------
	service SETTING CSS
   ------------------------------------------------------------ */

.smt dl.cnt01 {
	margin-bottom:40px;
	text-align:center;
}
.smt dl.cnt01 dt {
	margin-bottom:20px;
	text-align:left;
}

.smt dd dl.cont01txt dt {
	margin:15px 0;
	padding:0 30px;
	font-size:146.5%;
	font-weight:bold;
	color:#0054a7;
}
.smt dd dl.cont01txt dd {
	margin-bottom:15px;
}
.smt .cnt02 {
	margin-top:20px;
	border-top:#cdcdcd 1px solid;
	border-left:#cdcdcd 1px solid;
}
.smt .cnt02 dl {
	line-height:1.7em;
	border-bottom:#cdcdcd 1px solid;
	border-right:#cdcdcd 1px solid;
}
.smt .cnt02 dt {
	padding:5px;
	font-weight:bold;
	background:#d7eafe;
}
.smt .cnt02 dd {
	padding:5px;
	line-height:1.7em;
	background:#ffffff;
	border-top:#cdcdcd 1px solid;
}
.smt .cnt02 dd.second {
	background:#eef6fe;
}
.smt .cnt02 dd span {
	padding-left:5px;
	line-height:1.7em;
}
.smt .cnt02 dd ul {
	background:#eef6fe;
}
.smt .cnt02 dd li {
	display:block;
	float:left;
}
.smt .cnt02 dd li.feeTxt {
	float:right;
	width:70%;
	padding-left:0.5em;
	background:#fff;
	border-left:#cdcdcd 1px solid;
}
.smt table.cnt03 {
	display:none;
}
.smt dl.doubleBox {
	width:90%;
	margin:0 auto 20px;
	border:#64c1ef 1px solid;
}
.smt dl.doubleBox dt {
	background:#eff7fb;
	color:#0054a7;
	font-weight:bold;
	text-align:center;
	line-height:30px;
}
.smt dl.doubleBox dd {
	padding:0 10px 5px;
}
.smt dl.shopSpe {
	margin:10px 5% 0;
	border:#ccc 1px solid;
}
.smt dl.shopSpe dt {
	background:#eaf6fd;
	line-height:28px;
	padding:0 1.2em 0 1.8em;
	font-size:123%;
	font-weight:bold;
	color:#0054a7 !important;
	text-align:center;
	letter-spacing:-0.1em;
}
.smt dl.shopSpe dd {
	margin:10px 0;
	text-align:center;
}
.smt dd.btnJoin { text-align:center; }

/* ------------------------------------------------------------
	membersite SETTING CSS
   ------------------------------------------------------------ */
.smt .floatL {
	padding:0 10px 10px;
}
h4 {
	font-size:100%;
	font-weight:bold;
}

.smt .descript li {
	line-height:1.7em;
}

.smt .descript dt {
	width:4em;
	float:left;
	clear:both;
}
.smt .descript dd {
	margin-left:4em;
	padding-left:0.5em;
	text-indent:-0.5em;
}

.smt .floatR .descript dt {
	width:10em;
	float:left;
	clear:both;
}
.floatR .descript dd {
	margin-left:10em;
	padding-left:0.5em;
	text-indent:-0.5em;
}

.smt .memAtt {
	margin:0 0 15px;
	line-height:1.7em;
}
.smt .memAtt li {
	text-indent:-1em;
	padding-left:1.5em;
}
.smt .memAtt li span {
	margin-left:0.7em;
}

/* ------------------------------------------------------------
	popup SETTING CSS
   ------------------------------------------------------------ */

.smt .popupCnt .cnt04Fst dt,
.smt .popupCnt .cnt04 dt {
	padding-left:12px;
	border-bottom:#cdcdcd 1px solid;
	background:#d7eafe;
	line-height:30px;
	}
.smt .popupCnt .cnt04Fst dl.top dt {
	display:none
}
.smt .popupCnt .cnt04Fst dl.top dt,
.smt .popupCnt .cnt04 dl.top dt {
	border:none;
}
.smt .popupCnt .cnt04Fst dd,
.smt .popupCnt .cnt04 dd {
	padding-left:12px;
	border-bottom:#cdcdcd 1px solid;
	background:#fff;
	line-height:30px;
}
.smt .popupCnt .cnt04Fst dl.top dd,
.smt .popupCnt .cnt04 dl.top dd {
	padding:10px 0 10px 12px;
	background:#6699cc;
	color:#fff;
	border-top:#cdcdcd 1px solid;
	line-height:1.4em;
	font-weight:bold;
}
.smt .popupCnt .cnt04,
.smt .popupCnt .cnt04Fst {
	margin:0px !important;
}
.smt .map dt {
	letter-spacing:-.1em;
}

/* ------------------------------------------------------------
	srvBox SETTING CSS
   ------------------------------------------------------------ */
.smt dl.srvBox {
	width:90%;
	margin:0 auto 20px;
	border:#64c1ef 1px solid;
}
.smt dl.srvBox dt {
	background:#eff7fb;
	color:#0054a7;
	font-weight:bold;
	text-align:center;
	line-height:30px;
}
.smt dl.srvBox dd {
	padding:0 10px 5px;
}
.smt .fs7 {
	font-size:77%;
	text-align:center;
}




body.smt .maintenance_pop_menu {
	display:block;
	margin:0 auto;
text-align: left;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
word-break: break-all;
height:63px;
}
body.smt .maintenance_pop_menu .btn {
background:red;
width:auto;
margin:auto;
position:relative;
}
body.smt .maintenance_pop_menu .btn a {
color:#fff;
text-decoration:none;
padding:10px;
display:block;
}
body.smt .maintenance_pop_menu .btn img {
display:inline-block;
top: 5px;
position: relative;
}
body.smt .maintenance_pop_menu .megaMenu {
	position: relative;
    top: 0;
	padding:10px;
	left: 0;
	right: 0;
	z-index: 1000;
	border: 3px solid red;
	border-radius: 5px;
	background-color: #ebedf6;
	visibility: hidden;
	opacity: 0;
	transition: all 0.3s;
	width:auto;
	margin:auto;
	text-align:left;
}
body.smt .megaMenu .leftCol ul{
	margin-top:10px;
}

body.smt .topAtten .sideNotice {
	margin: 20px 10px;
	font-weight:bold;
	padding:7px 10px;
	line-height: 1.4em;
	border: 2px solid #f00;
/*	border-radius: 5px;
	box-shadow: 0 3px 0 #777;*/
}
body.smt .topAtten .sideNotice p + p {
	margin-top: 4px;
}
body.smt .topAtten .sideNotice a {
	color: #f00 !important;
}