/***************************************************
information
	filename : sys_common.css;
	COPYRIGHT (C)maverica corporation. ALL RIGHTS RESERVED.
	version: 1.0.0
***************************************************/
/******* BASE *******/
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
img{border:0; vertical-align:top;}
img.lp {border:1px solid #a9a9a9;}
li{list-style:none;}
h2,h3,h4,h5,h6{font-size:100%;text-align:left;}
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}

/* ========== COMMON PARTS ========== */
.LayoutL {float:left;}
.LayoutR {float:right;}
.clear_fix {
	min-height: 1em;
	_height: 1px;
	_overflow: visible;
}
.disno {display: none;}
.nowrap {white-space: nowrap;}

/****** AFTER ******/
.clear_fix:after {
	content: "";
	display: block;
	clear: both;
	height: 0px;
	overflow: hidden;
}

/******* IMAGE CONTROL *******/
.bkMat {background: #000;opacity: 0.80;position: absolute;left: 0px;top: 0px;width:100%;height: 100%;}

/* guard */
.guard {position: relative;width: 100%;height: 100%;display: block;}
.guard .guard_img {position: absolute;display: block;top: 0px;left: 0px;width: 100%;height: 100%;background: url(../images/common/sp.html) center top repeat;}

/******* TEXT COLOR *******/
.txclR {color:#d90000;}
.txclG {color:#008c4f;}
.txclB {color:#056da9;}

/******* BG COLOR *******/
.TableBgGrn {background:#f2fff1;}
.TableBgPnc {background:#fff1e4;}
.TableBgYel {background:#fffcde;}

/******* TEXT SIZE *******/
.fs30 {font-size: 30px;}
.fs29 {font-size: 29px;}
.fs28 {font-size: 28px;}
.fs27 {font-size: 27px;}
.fs26 {font-size: 26px;}
.fs25 {font-size: 25px;}
.fs24 {font-size: 24px;}
.fs23 {font-size: 23px;}
.fs22 {font-size: 22px;}
.fs21 {font-size: 21px;}
.fs20 {font-size: 20px;}
.fs19 {font-size: 19px;}
.fs18 {font-size: 18px;}
.fs17 {font-size: 17px;}
.fs16 {font-size: 16px;}
.fs15 {font-size: 15px;}
.fs14 {font-size: 14px;}
.fs13 {font-size: 13px;}
.fs12 {font-size: 12px;}
.fs11 {font-size: 11px;}
.fs10 {font-size: 10px;}
.lh10 {line-height: 1em;}
.lh11 {line-height: 1.1em;}
.lh12 {line-height: 1.2em;}
.lh13 {line-height: 1.3em;}
.lh14 {line-height: 1.4em;}
.lh15 {line-height: 1.5em;}
.lh16 {line-height: 1.6em;}
.lh17 {line-height: 1.7em;}
.lh18 {line-height: 1.8em;}
.lh19 {line-height: 1.9em;}
.lh20 {line-height: 2em;}
.bold {font-weight: bold;}

/******* LAYOUT *******/
.lft {text-align: left;}
.cnt {text-align: center;}
.rgt {text-align: right;}
.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}

/******* CONTROL *******/
.ofa {overflow: auto;}
.ofh {overflow: hidden;}
.prv {position:relative;}
.pab {position:absolute;}
.mgt2 {margin-top: 2px;}
.mgt3 {margin-top: 3px;}
.mgt4 {margin-top: 4px;}
.mgt5 {margin-top: 5px;}
.mgt10 {margin-top: 10px;}
.mgt15 {margin-top: 15px;}
.mgt20 {margin-top: 20px;}
.mgt25 {margin-top: 25px;}
.mgt30 {margin-top: 30px;}
.mgt35 {margin-top: 35px;}
.mgt40 {margin-top: 40px;}
.mgt45 {margin-top: 45px;}
.mgt50 {margin-top: 50px;}
.mgt55 {margin-top: 55px;}
.mgt60 {margin-top: 60px;}
.mgb2 {margin-bottom: 2px;}
.mgb3 {margin-bottom: 3px;}
.mgb4 {margin-bottom: 4px;}
.mgb5 {margin-bottom: 5px;}
.mgb10 {margin-bottom: 10px;}
.mgb15 {margin-bottom: 15px;}
.mgb20 {margin-bottom: 20px;}
.mgb25 {margin-bottom: 25px;}
.mgb30 {margin-bottom: 30px;}
.mgb35 {margin-bottom: 35px;}
.mgb40 {margin-bottom: 40px;}
.mgb45 {margin-bottom: 45px;}
.mgb50 {margin-bottom: 50px;}
.mgb55 {margin-bottom: 55px;}
.mgb60 {margin-bottom: 60px;}
.mgl5 {margin-left: 5px;}
.mgl10 {margin-left: 10px;}
.mgl15 {margin-left: 15px;}
.mgl20 {margin-left: 20px;}
.mgl25 {margin-left: 25px;}
.mgl30 {margin-left: 30px;}
.mgl-5 {margin-left: -5px;}
.mgl-10 {margin-left: -10px;}
.mgl-15 {margin-left: -15px;}
.mgl-20 {margin-left: -20px;}
.mglra {margin-left:auto;margin-right:auto;}
.pdg10 {padding:10px;}
.pdt2 {padding-top:2px;}
.pdt3 {padding-top:3px;}
.pdt4 {padding-top:4px;}
.pdt5 {padding-top:5px;}
.pdt10 {padding-top:10px;}
.pdb2 {padding-bottom:2px;}
.pdb3 {padding-bottom:3px;}
.pdb4 {padding-bottom:4px;}
.pdb5 {padding-bottom:5px;}
.pdb10 {padding-bottom:10px;}
.pdg20 {padding:20px;}
.pdt20 {padding-top:20px;}
.pdb20 {padding-bottom:20px;}
.pdtb10 {padding-top:10px;padding-bottom:10px;}
.pdtb20 {padding-top:20px;padding-bottom:20px;}
.pdlr5 {padding-left:5px;padding-right:5px;}
.pdlr10 {padding-left:10px;padding-right:10px;}
.pdlr20 {padding-left:20px;padding-right:20px;}

/******* LAYOUT SIZE *******/
.hlf60 {width:60%;}
.hlf70 {width:70%;}
.hlf80 {width:80%;}
.hlf90 {width:90%;}
.boxW400 {width:400px;}
.boxW420 {width:420px;}
.boxW450 {width:450px;}
.boxW500 {width:500px;}
.boxW550 {width:550px;}
.boxW600 {width:600px;}
.boxW650 {width:650px;}
.boxW700 {width:700px;}
.boxW750 {width:750px;}
.boxW800 {width:800px;}
.boxW820 {width:820px;}
.boxW850 {width:850px;}

/******* TABLE SIZE *******/
.size10,
th.size10,
td.size10 {width:10px;}
.size20,
th.size20,
td.size20 {width:20px;}
.size30,
th.size30,
td.size30 {width:30px;}
.size40,
th.size40,
td.size40 {width:40px;}
.size50,
th.size50,
td.size50 {width:50px;}
.size60,
th.size60,
td.size60 {width:60px;}
.size70,
th.size70,
td.size70 {width:70px;}
.size80,
th.size80,
td.size80 {width:80px;}
.size90,
th.size90,
td.size90 {width:90px;}
.size100,
th.size100,
td.size100 {width:100px;}
.size110,
th.size110,
td.size110 {width:110px;}
.size120,
th.size120,
td.size120 {width:120px;}
.size130,
th.size130,
td.size130 {width:130px;}
.size140,
th.size140,
td.size140 {width:140px;}
.size150,
th.size150,
td.size150 {width:150px;}
.size160,
th.size160,
td.size160 {width:160px;}
.size170,
th.size170,
td.size170 {width:170px;}
.size180,
th.size180,
td.size180 {width:180px;}
.size190,
th.size190,
td.size190 {width:190px;}
.size200,
th.size200,
td.size200 {width:200px;}
.size250,
th.size250,
td.size250 {width:250px;}
.size300,
th.size300,
td.size300 {width:300px;}
.size350,
th.size350,
td.size350 {width:350px;}
.size400,
th.size400,
td.size400 {width:400px;}
.size450,
th.size450,
td.size450 {width:450px;}
.size500,
th.size500,
td.size500 {width:500px;}
.size50pc,
th.size50pc,
td.size50pc {width:50%;}

/****** ACCORDION ******/
.child {display: none;}
a.menu {float: right;display: block;position: relative;margin: 4px 0;padding: 0px;text-decoration: none;}
a.menu:hover {background: #fffce3;}
.menu:after {
	position: absolute;
	top: 12px;
	right: 5px;
	margin-top: -14px;
	content: '>';
	font-size: 14px;
	font-weight: bold;
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	-moz-transition: all, 0.25s, linear;
	-o-transition: all, 0.25s, linear;
	-webkit-transition: all, 0.25s, linear;
	transition: all, 0.25s, linear;
	color: #fff;
	padding: 2px 5px;
	border-radius: 3px;-webkit-border-radius: 3px;-moz-border-radius: 3px;
	background: #0a7eaf;
}

.menu.active:after {
	-moz-transform: translate(0, 50%);
	-ms-transform: translate(0, 50%);
	-webkit-transform: translate(0, 50%);
	transform: translate(0, 50%);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

/****** COMMON TITLE ******/

/* 1. 下ボーダー */
h1.commonTiType01,
h2.commonTiType01,
h3.commonTiType01,
h4.commonTiType01 {padding-bottom: .5em;border-bottom: 1px solid #ccc;}

/* 2. 下ボーダー × 先頭の文字大きく */
h1.commonTiType02,
h2.commonTiType02,
h3.commonTiType02,
h4.commonTiType02 {padding-bottom: .5em;border-bottom: 1px solid #ccc;}
h1.commonTiType02:first-letter,
h2.commonTiType02:first-letter,
h3.commonTiType02:first-letter,
h4.commonTiType02:first-letter  {margin-right: .1em;font-size: 1.5em;}

/* 3. 下ボーダー（2本線） */
h1.commonTiType03,
h2.commonTiType03,
h3.commonTiType03,
h4.commonTiType03 {padding-bottom: .5em;border-bottom: 3px double #ccc;}

/* 4. 上下にボーダー #1 */
h1.commonTiType04,
h2.commonTiType04,
h3.commonTiType04,
h4.commonTiType04 {padding: .75em 0;border-top: 1px solid #ccc;border-bottom: 1px solid #ccc;}

/* 5. 上下にボーダー #2 */
h1.commonTiType05,
h2.commonTiType05,
h3.commonTiType05,
h4.commonTiType05 {position: relative;padding: 1em 0;}
h1.commonTiType05::before,
h1.commonTiType05::after,
h2.commonTiType05::before,
h2.commonTiType05::after,
h3.commonTiType05::before,
h3.commonTiType05::after,
h4.commonTiType05::before,
h4.commonTiType05::after {position: absolute;left: 0;content: '';width: 100%;height: 6px;box-sizing: border-box;}
h1.commonTiType05::before,
h2.commonTiType05::before,
h3.commonTiType05::before,
h4.commonTiType05::before {top: 0;border-top: 2px solid #ccc;border-bottom: 1px solid #ccc;}
h1.commonTiType05::after,
h2.commonTiType05::after,
h3.commonTiType05::after,
h4.commonTiType05::after {bottom: 0;border-top: 1px solid #ccc;border-bottom: 2px solid #ccc;}

/* 6. 左ボーダー */
h1.commonTiType06,
h2.commonTiType06,
h3.commonTiType06,
h4.commonTiType06 {padding: .25em 0 .25em .75em;border-left: 6px solid #ccc;}

/* 7. 左ボーダー × 下ボーダー */
h1.commonTiType07,
h2.commonTiType07,
h3.commonTiType07,
h4.commonTiType07 {padding: .25em 0 .5em .75em;border-left: 6px solid #ccc;border-bottom: 1px solid #ccc;}

/* 8. 左ボーダー × 下ボーダー（擬似要素使用） */
h1.commonTiType08,
h2.commonTiType08,
h3.commonTiType08,
h4.commonTiType08 {position: relative;padding: .25em 0 .5em .75em;border-left: 6px solid #3498db;}
h1.commonTiType08::after,
h2.commonTiType08::after,
h3.commonTiType08::after,
h4.commonTiType08::after {position: absolute;left: 0;bottom: 0;content: '';width: 100%;height: 0;border-bottom: 1px solid #ccc;}

/* 9. ボーダーで囲む × 手書き風 */
h1.commonTiType09,
h2.commonTiType09,
h3.commonTiType09,
h4.commonTiType09 {padding: 1em;border: 3px solid #ccc;border-radius: 3em .7em 2em .7em/.7em 2em .7em 3em;}

/* 10. テキストとボーダーを重ねる #1 */
h1.commonTiType10,
h2.commonTiType10,
h3.commonTiType10,
h4.commonTiType10 {position: relative;text-align: center;}
h1.commonTiType10 span,
h2.commonTiType10 span,
h3.commonTiType10 span,
h4.commonTiType10 span {position: relative;z-index: 2;display: inline-block;margin: 0 2.5em;padding: 0 1em;background-color: #fff;text-align: left;}
h1.commonTiType10::before,
h2.commonTiType10::before,
h3.commonTiType10::before,
h4.commonTiType10::before {position: absolute;top: 50%;z-index: 1;content: '';display: block;width: 100%;height: 1px;background-color: #ccc;}


/****** ARROW ******/
.arrow{position: relative;display: inline-block;padding: 0 0 0 16px;color: #000;vertical-align: middle;text-decoration: none;font-size: 15px;}
.arrow::before,
.arrow::after {position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}

/*** シンプルな矢印アイコン ***/
/* シンプルな矢印アイコン */
.simpleArwSS::before{left: 4px;width: 5px;height: 1px;background: #7a0;}
.simpleArwSS::after{left: 4px;width: 4px;height: 4px;border-top: 1px solid #7a0;border-right: 1px solid #7a0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

/* シンプルな矢印アイコン（大） */
.simpleArwBS::before{left: 3px;width: 7px;height: 1px;background: #7a0;}
.simpleArwBS::after{left: 3px;width: 6px;height: 6px;border-top: 1px solid #7a0;border-right: 1px solid #7a0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

/* シンプルな太い矢印アイコン */
.simpleArwSB::before{left: 4px;width: 6px;height: 2px;background: #7a0;}
.simpleArwSB::after{left: 4px;width: 4px;height: 4px;border-top: 2px solid #7a0;border-right: 2px solid #7a0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

/* シンプルな太い矢印アイコン（大） */
.simpleArwBB::before{left: 2px;width: 7px;height: 3px;background: #7a0;}
.simpleArwBB::after{left: 2px;width: 6px;height: 6px;border-top: 3px solid #7a0;border-right: 3px solid #7a0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

/*** 斜めの矢印アイコン ***/
/* 右上向きの矢印アイコン*/
.slantingArwUS::after{left: 4px;width: 6px;height: 6px;border-top: 1px solid #7a0;border-right: 1px solid #7a0;}
.slantingArwUS::before{width: 12px;height: 2px;background: #7a0;-webkit-transform: rotate(135deg);transform: rotate(135deg);}

/* 右上向きの矢印アイコン（大） */
.slantingArwUB::before{width: 12px;height: 2px;background: #7a0;-webkit-transform: rotate(135deg);transform: rotate(135deg);}
.slantingArwUB::after{left: 1px;width: 8px;height: 8px;border-top: 2px solid #7a0;border-right: 2px solid #7a0;}

/* 右下向きの矢印アイコン */
.slantingArwDS::before{left: 3px;width: 9px;height: 1px;background: #7a0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.slantingArwDS::after{left: 4px;width: 6px;height: 6px;border-right: 1px solid #7a0;border-bottom: 1px solid #7a0;}

/* 右下向きの矢印アイコン（大） */
.slantingArwDB::before{width: 12px;height: 2px;background: #7a0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.slantingArwDB::after{left: 1px;width: 8px;height: 8px;border-right: 2px solid #7a0;border-bottom: 2px solid #7a0;}

/*** いろいろな矢印アイコン ***/
/* 三角＋四角の矢印アイコン */
.otherArwCS::before{left: 4px;box-sizing: border-box;width: 4px;height: 4px;border: 4px solid transparent;border-left: 4px solid #7a0;}
.otherArwCS::after{left: 0;width: 6px;height: 4px;border-left: 4px solid #7a0;}

/* 三角＋四角の矢印アイコン（大） */
.otherArwCSB::before{left: 4px;box-sizing: border-box;width: 6px;height: 6px;border: 6px solid transparent;border-left: 6px solid #7a0;}
.otherArwCSB::after{left: 0;width: 8px;height: 6px;border-left: 4px solid #7a0;}

/* 三角＋四角の矢印アイコン2 */
.otherArwCS2::before{left: 1px;width: 6px;height: 4px;background: #7a0;}
.otherArwCS2::after{left: 7px;box-sizing: border-box;width: 2px;height: 2px;border: 2px solid transparent;border-left: 2px solid #7a0;}

/* 三角＋四角の矢印アイコン2（大） */
.otherArwCSB2::before{width: 7px;height: 6px;background: #7a0;}
.otherArwCSB2::after{left: 7px;box-sizing: border-box;width: 3px;height: 3px;border: 3px solid transparent;border-left: 3px solid #7a0;}

/* 右上に曲がった矢印アイコン */
.otherArwUSR::before {left: 7px;box-sizing: border-box;width: 5px;height: 5px;border: 5px solid transparent;border-left: 5px solid #7a0;-webkit-transform: rotate(0deg);transform: rotate(0deg);}
.otherArwUSR::after {top: 7px;left: -2px;border: 0 solid transparent;border-left: 3px solid #7a0;border-radius: 0 0 0 10px;width: 8px;height: 8px;-webkit-transform: rotate(90deg);transform: rotate(90deg);}

/* 右下に曲がった矢印アイコン */
.otherArwDSR::before {top: 8px;left: 7px;box-sizing: border-box;width: 5px;height: 5px;border: 5px solid transparent;border-left: 5px solid #7a0;
-webkit-transform: rotate(45deg);transform: rotate(45deg);}
.otherArwDSR::after {left: -1px;border: 0 solid transparent;border-top: 3px solid #7a0;border-radius: 10px 0 0;width: 8px;height: 8px;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

/*** 三角の矢印アイコン ***/
/* 三角の矢印アイコン */
.brdnoArwSOL::before{left: 4px;box-sizing: border-box;width: 4px;height: 4px;border: 4px solid transparent;border-left: 4px solid #7a0;}

/* 三角の矢印アイコン（正円背景） */
.brdnoArwSCB::before{width: 12px;height: 12px;-webkit-border-radius: 50%;border-radius: 50%;background: #7a0;}
.brdnoArwSCB::after{left: 5px;box-sizing: border-box;width: 3px;height: 3px;border: 3px solid transparent;border-left: 3px solid #fff;}

/* 三角の矢印アイコン（角丸背景） */
.brdnoArwSRB::before{width: 12px;height: 12px;-webkit-border-radius: 25%;border-radius: 25%;background: #7a0;}
.brdnoArwSRB::after{left: 5px;box-sizing: border-box;width: 3px;height: 3px;border: 3px solid transparent;border-left: 3px solid #fff;}

/* 三角の矢印アイコン（四角背景） */
.brdnoArwSSB::before{width: 12px;height: 12px;background: #7a0;}
.brdnoArwSSB::after{left: 5px;box-sizing: border-box;width: 3px;height: 3px;border: 3px solid transparent;border-left: 3px solid #fff;}

/* 三角の矢印アイコン（正円枠） */
.brdnoArwSCW::before{box-sizing: border-box;width: 12px;height: 12px;border: 1px solid #7a0;-webkit-border-radius: 50%;border-radius: 50%;}
.brdnoArwSCW::after{left: 5px;box-sizing: border-box;width: 3px;height: 3px;border: 3px solid transparent;border-left: 3px solid #7a0;}

/* 三角の矢印アイコン（角丸枠） */
.brdnoArwSRW::before{box-sizing: border-box;width: 12px;height: 12px;border: 1px solid #7a0;-webkit-border-radius: 25%;border-radius: 25%;}
.brdnoArwSRW::after{left: 5px;box-sizing: border-box;width: 3px;height: 3px;border: 3px solid transparent;border-left: 3px solid #7a0;}

/* 三角の矢印アイコン（四角枠） */
.brdnoArwSSW::before{box-sizing: border-box;width: 12px;height: 12px;border: 1px solid #7a0;}
.brdnoArwSSW::after{left: 5px;box-sizing: border-box;width: 3px;height: 3px;border: 3px solid transparent;border-left: 3px solid #7a0;}

/*** くの字の矢印アイコン ***/
/* くの字の矢印アイコン */
.kunojiArwSOL::before{left: 3px;width: 4px;height: 4px;border-top: 1px solid #7a0;border-right: 1px solid #7a0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

/* くの字の太め矢印アイコン */
.kunojiArwSOB::before{left: 3px;width: 4px;height: 4px;border-top: 2px solid #7a0;border-right: 2px solid #7a0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

/* くの字の矢印アイコン（正円背景） */
.kunojiArwSCB::before{width: 12px;height: 12px;-webkit-border-radius: 50%;border-radius: 50%;background: #7a0;}
.kunojiArwSCB::after{left: 3px;width: 3px;height: 3px;border-top: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

/* くの字の矢印アイコン（角丸背景） */
.kunojiArwSRB::before{width: 12px;height: 12px;-webkit-border-radius: 25%;border-radius: 25%;background: #7a0;}
.kunojiArwSRB::after{left: 3px;width: 3px;height: 3px;border-top: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

/* くの字の矢印アイコン（四角背景） */
.kunojiArwSCB::before{width: 12px;height: 12px;background: #7a0;}
.kunojiArwSCB::after{left: 3px;width: 3px;height: 3px;border-top: 1px solid #fff;border-right: 1px solid #fff;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

/* くの字の矢印アイコン（正円枠） */
.kunojiArwSCW::before{box-sizing: border-box;width: 12px;height: 12px;border: 1px solid #7a0;-webkit-border-radius: 50%;border-radius: 50%;}
.kunojiArwSCW::after{left: 3px;width: 3px;height: 3px;border-top: 1px solid #7a0;border-right: 1px solid #7a0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

/* くの字の矢印アイコン（角丸枠） */
.kunojiArwSRW::before{box-sizing: border-box;width: 12px;height: 12px;border: 1px solid #7a0;-webkit-border-radius: 25%;border-radius: 25%;}
.kunojiArwSRW::after{left: 3px;width: 3px;height: 3px;border-top: 1px solid #7a0;border-right: 1px solid #7a0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

/* くの字の矢印アイコン（四角枠） */
.kunojiArwSCW::before{box-sizing: border-box;width: 12px;height: 12px;border: 1px solid #7a0;}
.kunojiArwSCW::after{left: 3px;width: 3p;height: 3px;border-top: 1px solid #7a0;border-right: 1px solid #7a0;-webkit-transform: rotate(45deg);transform: rotate(45deg);}

/****** ARROW(下向き) ******/
a.UsimpleARW {position: absolute;bottom: 20px;left: 50%;z-index: 2;display: inline-block;-webkit-transform: translate(0, -50%);transform: translate(0, -50%);text-decoration: none;padding-top: 7px;}
a.UsimpleARW span {
	position: absolute;
	top: 0;
	left: 50%;
	width: 14px;
	height: 14px;
	margin-left: -12px;
	border-left: 1px solid #797979;
	border-bottom: 1px solid #797979;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
	box-sizing: border-box;
}

/* ===================================================================================
for SP max-width: 640px
=================================================================================== */
@media screen and (max-width: 640px) {
	.hlf60,
	.hlf70,
	.hlf80,
	.hlf90 {width:none;}
	.boxW550,
	.boxW600,
	.boxW650,
	.boxW700,
	.boxW750,
	.boxW800,
	.boxW850 {width:100%;}
}