@charset 'UTF-8';

/*------------------------------------------------------------
Base
-------------------------------------------------------------*/
body {
/*
	font:12px verdana,sans-serif;
*/
	padding:0px;
	margin : 0px;
	background: #F8F8FF;
}
body,
input,
select,
textarea,
button {
	font-size: 14px;
//	font-family: Verdana, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	font-family: Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.red	{ color:#ff0000; }
.bold	{ font-weight:bold; }
.Bg-co		{ background-color:#c0c0c0; }
.Bg-ff		{ background-color:#ffffff; }
.Bg-w		{ background-color:#ffccff; }
.Bg-m		{ background-color:#ccffff; }
.Bg-white	{ background-color:#FFFFFF; }
.Bg-gray	{ background-color:#696969; }
.Bg-y	{ background-color:	#C0C0C0; }
.second_line { background:#f0f0f0;}


.right	{ text-align:right; }
.left	{ text-align:left; }
.center	{ text-align:center; }
.allCenter {
	text-align:center;
	margin : 0 auto 0 auto;
}
.fright	{ float:right; }
.fleft	{ float:left; }

.imeon	{ ime-mode:active; }
.imeoff	{ ime-mode:disabled; }
.imeauto{ ime-mode:auto; }

.PageTitle {
	font-size: 18px;
	text-align:center;
	background: #c0c0c0;
	padding: 5px 0 5px 10px;
}

.ClearFloat { clear:left; clear:right; }

h1	{
	color: gray;
    font-size: 14pt;
}
h2	{}
h3	{}

a {
	color: gray;
	margin: 0 auto;
}
img {
    padding: 5px;
}
#layout{
/*	width:939px;*/
	width:100%;
	margin:0 auto;
	text-align:left;
}
#main {
	margin-top:30px;
}
#fixheader{
	z-index:700;
	position: fixed;
	top:0px;
    height: 110px;
    width: 100%;
	background: #F8F8FF;
}
#BottomLine {
	margin-top:36px;
	margin-bottom:5px;
	padding:6px;
}
#footer{
    height: 50px;
	text-align:center;
	font-size:10px;
}
#absolute_content{
	position:absolute;
	top:110px;
	width:100%;
}
.clearboth{
	clear:both;
}
.hide {
	display: none;
}
/*------------------------------------------------------------
警告
-------------------------------------------------------------*/
.notice {
	color:#ff0000;
}

/*------------------------------------------------------------
font-size・・・フォントサイズの設定
-------------------------------------------------------------*/

.b{ font-weight: bold!important; }			/*太字*/
.normal{ font-weight: normal!important; }	/*太字を解除*/

.big{ font-size: 1.2em!important; }
.big2{ font-size: 1.5em!important; }
.big3{ font-size: 1.8em!important; }
.small{ font-size: 0.8em!important; }

.f08em{ font-size: 0.8em; }
.f09em{ font-size: 0.9em; }
.f10em{ font-size: 1.0em; }
.f11em{ font-size: 1.1em; }
.f12em{ font-size: 1.2em; }
.f13em{ font-size: 1.3em; }
.f14em{ font-size: 1.4em; }
.f15em{ font-size: 1.5em; }
.f16em{ font-size: 1.6em; }
.f17em{ font-size: 1.7em; }
.f18em{ font-size: 1.8em; }
.f19em{ font-size: 1.9em; }
.f20em{ font-size: 2.0em; }
.f21em{ font-size: 2.1em; }
.f22em{ font-size: 2.2em; }
.f23em{ font-size: 2.3em; }
.f24em{ font-size: 2.4em; }

.f8pt{ font-size: 8.5pt!important; }
.f9pt{ font-size: 9.0pt!important; }
.f10pt{ font-size: 10pt!important; }
.f11pt{ font-size: 11pt!important; }
.f12pt{ font-size: 12pt!important; }
.f13pt{ font-size: 13pt!important; }
.f14pt{ font-size: 14pt!important; }
.f15pt{ font-size: 15pt!important; }
.f16pt{ font-size: 16pt!important; }
.f17pt{ font-size: 17pt!important; }
.f18pt{ font-size: 18pt!important; }
.f19pt{ font-size: 19pt!important; }
.f20pt{ font-size: 20pt!important; }
.f21pt{ font-size: 21pt!important; }
.f22pt{ font-size: 22pt!important; }
.f23pt{ font-size: 23pt!important; }
.f24pt{ font-size: 24pt!important; }


/*------------------------------------------------------------
line-height・・・行間の設定
-------------------------------------------------------------*/

.lh10{ line-height: 1.0!important; }
.lh11{ line-height: 1.1!important; }
.lh12{ line-height: 1.2!important; }
.lh13{ line-height: 1.3!important; }
.lh14{ line-height: 1.4!important; }
.lh15{ line-height: 1.5!important; }
.lh20{ line-height: 2.0!important; }

/*------------------------------------------------------------
ナビゲーションバー（ヘッダーメニュー）
-------------------------------------------------------------*/
div.nav {
	width: 100%;				/* ナビゲーションの幅 */
	/*min-width: 1700px;*/
	padding-top: 0px;			/* ナビゲーションの上パディング */
	background-color: #F8F8FF;	/* ナビゲーションの背景色 */
	font-size: 85%;
}
/* --- メニューエリア --- */
div.nav ul.nl {
	width: 95%;					/* メニューの幅 */
	margin: 0 auto;				/* メニューのマージン（上下、左右） */
	padding: 0;
	list-style-type: none;
	text-align: center;
}
/* --- メニュー項目 --- */
div.nav ul.nl li {
	width: 8em;				/* タブの幅 */
	margin-right: 1px;			/* タブの右マージン */
	background: #F8F8FF url(../images/tab_gen2_left.gif) no-repeat left top; /* タブの背景（左） */
	float: left;
}
/* --- リンク --- */
div.nav ul.nl li a {
	display: block;
	position: relative;			/* IE6用 */
	padding: 6px 2px 5px;		/* リンクエリアのパディング（上、左右、下） */
	background: url(../images/tab_gen2_right.gif) no-repeat right top; /* タブの背景（右） */
	text-decoration: none;		/* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
	/*text-decoration: underline;*/	/* テキストの下線（あり） */
	background: #696969;
	color: #FFF;
}
/* --- アクティブなタブ --- */
div.nav ul.nl li.active {
	background: #c0c0c0 url(../images/tab_act2_left.gif) no-repeat left top; /* タブの背景（左） */
}
div.nav ul.nl li.active a {
	background: url(../images/tab_act2_right.gif) no-repeat right top; /* タブの背景（右） */
	color: #ffffff;				/* アクティブタブの文字色 */
}

/*------------------------------------------------------------
clearfix
-------------------------------------------------------------*/
.clearFix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearFix {
	min-height: 1px;
}

/*------------------------------------------------------------
見出し
-------------------------------------------------------------*/
div.nav h2 {
	position: relative;			/* Netscape7用 */
	margin: 0;
	padding: 8px 10px 6px 70px;	/* 見出しのパディング（上右下左） */
	background: #8c8c8c url(../images/heading_icon.gif) no-repeat 45px; /* 見出しの背景 */
	border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
	font-size: 150%;			/* 見出しの文字サイズ */
	color: #ffffff;				/* 見出しの文字色 */
}

/*------------------------------------------------------------
テーブル
-------------------------------------------------------------*/
table {
    border: 1px solid #2d0f09;
    border-collapse: collapse;
    color: #222222;
	margin:1em auto 1em;
}
th {
/*
	border: 1px dashed #222222;
*/
	border: solid 1px #666;
	padding: 12px;
	text-align: left;
}
td {
/*
    border: 1px dashed #222222;
*/
	border: solid 1px #666;
    padding: 10px;
    text-align: left;
    vertical-align: top;
}
/*
tr:hover{
	background-color:#F5ECCE;
}
*/

/*------------------------------------------------------------
テーブル ボーダーなし
-------------------------------------------------------------*/
.table_boder_none table {
	border:none;
}
.table_boder_none th {
	border:none;
}
.table_boder_none td {
	border:none;
}

/*------------------------------------------------------------
ボタン装飾
-------------------------------------------------------------*/
.button {
	margin: 5px;
	text-decoration: none;
	/* Change the em value to scale the button */
	display: inline-block;
	text-align: center;
	color: #fff;
	border: 1px solid #9c9c9c;
	/* Fallback style */
/*
	border: 1px solid rgba(0, 0, 0, 0.3);
	text-shadow: 0 1px 0 rgba(0,0,0,0.4);
	box-shadow: 0 0 .05em rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
*/
}
.button, .button span{
/*
	-moz-border-radius: .3em;
	border-radius: .3em;
*/
}
.button span{
/*	border-top: 1px solid #fff;*/
	/* Fallback style */
/*	border-top: 1px solid rgba(255, 255, 255, 0.5);*/
	display: block;
/*	padding: 0.3em 0.5em;*/
	padding: 4px 6px;
	/* The background pattern */
/*	background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
					  -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
					  -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
					  -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
	background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
					  -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
					  -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
					  -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);
*/
	/* Pattern settings */
/*
	-moz-background-size: 3px 3px;
	-webkit-background-size: 3px 3px;
*/
}
.button:hover{
	box-shadow: 0 0 .1em rgba(0,0,0,0.4);
	-moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
	-webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}
.button:active{
	/* When pressed, move it down 1px */
	position: relative;
	top: 1px;
}
.button-blue{
	background: #4477a1;
	background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
	background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
}
.button-blue:hover{
	background: #81a8cb;
	background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
	background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');
}
.button-blue:active{
	background: #4477a1;
}

.button-gray{
	background: #808080;
/*
	background: -webkit-gradient(linear, left top, left bottom, from(#C0C0C0), to(#808080) );
	background: -moz-linear-gradient(-90deg, #C0C0C0, #808080);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C0C0C0', endColorstr='#808080');
*/
}
.button-gray:hover{
	background: #C0C0C0;
	background: -webkit-gradient(linear, left top, left bottom, from(#808080), to(#C0C0C0) );
	background: -moz-linear-gradient(-90deg, #808080, #C0C0C0);
	filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#808080', endColorstr='#C0C0C0');
}
.button-gray:active{
	background: #808080;
}

/*------------------------------------------------------------
タブ
-------------------------------------------------------------*/
#tabs {
	font-size: 100%;
	width: 800px;
	margin: auto;
	background: #F8F8FF;
}

/*------------------------------------------------------------
入力エラーメッセージ
-------------------------------------------------------------*/
/*
ul.errors {
	list-style-type: none;
	margin:10px auto 10px;
	width:800px;
}

ul.errors li{
	margin-left: -20px;
	color:#ff0000;
	font-size: 18px;
	font-weight: bold;
	padding:3px 40px 3px 3px;
}
*/
ul.errors {
	list-style-type: disc;
	border: 0.1em solid #FF0000;
	background-color: #FFFFCC;
	margin:10px auto 10px;
	padding-left: 40px;
	width:800px;
}
ul.errors li{
	color:#ff0000;
	font-size: 16px;
	padding:3px 40px 3px 3px;

	text-align: left;
	margin-left: -10px;
}


/*------------------------------------------------------------
imgAreaSelect
-------------------------------------------------------------*/
.imggirl_s{
}
.frame {
	width: 90%;
	background: none repeat scroll 0 0 #EEEEEE;
	border: 2px solid #DDDDDD;
	border-radius: 4px 4px 4px 4px;
	padding: 0.6em;
	margin:10px auto;
}

/*------------------------------------------------------------
ボタン
-------------------------------------------------------------*/
.submit{
	border:1px solid #777;
	padding: 4px 10px;
	color: #fff;
	cursor: pointer;
	background: #428ec9;
	border-radius: 5px;

/* Webkit */
	background: -webkit-gradient(
		linear,
		left top,
		left bottom,
		from(#99c9e5),
		to(#428ec9)
		);
	-webkit-border-radius: 5px;
	-webkit-box-shadow: 1px 1px 1px #fff;

/* Firefox */
	background: -moz-linear-gradient(
		top,
		#99c9e5,
		#428ec9
		);
	-moz-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px #fff;

/* IE */
	filter:progid:DXImageTransform.Microsoft.gradient
		(startColorstr=#ff99c9e5,endColorstr=#ff428ec9);
	zoom: 1;
}

.button.green{
  background-color: #57a957;
  border-color: #57a957;
}

.button.green:hover{
  background-color: #62c462;
}

.button.green:active{
  background: #57a957;
}

/* */

.button.red{
  background-color: #c43c35;
  border-color: #c43c35;
}

.button.red:hover{
  background-color: #ee5f5b;
}

.button.red:active{
  background: #c43c35;
}

/* */

.button.blue{
  background-color: #269CE9;
  border-color: #269CE9;
}

.button.blue:hover{
  background-color: #70B9E8;
}

.button.blue:active{
  background: #269CE9;
}

/* */

.green[disabled], .green[disabled]:hover, .green[disabled]:active{
  border-color: #57A957;
  background: #57A957;
  color: #D2FFD2;
}
.red[disabled], .red[disabled]:hover, .red[disabled]:active{
  border-color: #C43C35;
  background: #C43C35;
  color: #FFD3D3;
}
.blue[disabled], .blue[disabled]:hover, .blue[disabled]:active{
  border-color: #269CE9;
  background: #269CE9;
  color: #93D5FF;
}

/*------------------------------------------------------------
店舗管理
-------------------------------------------------------------*/
a.tooltip:hover {
     background: #ffffff;     /* IE6以下で必要 */
     text-decoration: none;
}
a.tooltip span {
     display: none;
     padding: 8px;
     font-size: 12px;
     margin-left: 8px;
     line-height: 1.6;
}
a.tooltip:hover span{
     display: inline;
     position: absolute;
     background-color: #FFF7EE;
     border: 1px solid #cccccc;
     color: #000000;
     width: 300px;     /* a.tooltip spanに指定すると、IE6以下でspanの領域でマウスが反応してしまう */
}

/* IE6以下にのみ適用 */
a.tooltip:hover span{
     width: 316px;
}
.shopTbl td {
	max-width: 205px;
}
/*------------------------------------------------------------
店舗管理 検索部分
-------------------------------------------------------------*/
table.shopSearchTable {
	text-align: center;
	margin: 0;
	border:none;
}
table.shopSearchTable tr:NOT(:last-child) {
	border-bottom: 1px solid #ccc;
}
table.shopSearchTable th {
	width: 150px;
	padding: 10px;
	font-weight: bold;
	vertical-align: top;
	text-align: center;
	border: none;
}
table.shopSearchTable td {
	width: 350px;
	padding: 5px 10px 10px 10px;
	vertical-align: top;
	border: none;
}

.shopSearchTable dt,.shopSearchTable dd {
	line-height: 18px;
	text-align: left;
	margin: 0 0 2px 0;
}
.shopSearchTable input[type="text"] {
	/*width: calc(100% - 30px);*/
	width: 100%;
	min-width: 120px;
	padding: 2px 2px;
	box-sizing: border-box;
}
.shopSearchTable select {
	/*width: calc(100% - 20px);*/
	width: 100%;
	min-width: 120px;
	height: 30px;
	padding: 2px 2px;
	box-sizing: border-box;
}
.shopSearchTable select+select{
	margin-left: 10px;
}
.shopSearchTable input[type="checkbox"] {
	width: 20px;
	height: 20px;
	vertical-align:middle;
	padding-top: 10px;
	margin: 5px 0 2px 0;
}
.shopSearchTable input[type="submit"] {
	margin:15px 0 0 0;
}
.shopSearchTable input[type="submit"]+input[type="submit"] {
	margin-left: 10px;
}

/*------------------------------------------------------------
店舗詳細画像変更
-------------------------------------------------------------*/
#sortable_img table{
	border:0 none;
}
#sortable_img td {
	border:0 none;
	width:250px;
}

/*------------------------------------------------------------
店舗管理 基本情報
-------------------------------------------------------------*/
#prefTitleTable,
#prefTitleTable td {
	margin: 0;
	padding: 0;
	border: none;
}
#prefTitleTable td {
	padding-right: 4px;
}
#prefTitleTable tr:not(.last) td {
	padding-bottom: 7px;
}
#prefTitleTable tr:hover{
	background-color: #c0c0c0;
}

#prefTable,
#prefTable td {
	margin: 0;
	padding: 0;
	border: none;
}
#prefTable td {
	padding-right: 5px;
}
#prefTable tr:not(.last) td {
	padding-bottom: 5px;
}
#tmp_shop_area table {
	width:100%;
}

#tmp_shop_area table tr{
	background: #F0F0F0;
}
#tmp_shop_area table tr a{
	color:#000;
}

#tmp_shop_area table tr:first-of-type{
	background: #C0C0C0;
	font-weight: bold;
}

#tmp_shop_area table tr:first-of-type td {
	text-align: center;
}

#tmp_shop_area table .hold {
	background:#F6D8CE;
}

#tmp_shop_area table tr:not(:first-of-type):hover {
	cursor: pointer;
	opacity:0.5;
}

#tmp_shop_area table td{
	padding:0;
}


#tmp_shop_area table td::not(:first-of-type):nth-child(1):hover,
#tmp_shop_area table td:not(:first-of-type):nth-child(8):hover {
	opacity:0.5;
}



#tmp_shop_area table td a ,
#tmp_shop_area table td span  {
	padding:10px 5px;
	display: block;
	width: 100%;
	box-sizing: border-box;
	word-break: break-all;
}

#tmp_shop_area table td:nth-child(1) a,
#tmp_shop_area table td:nth-child(8) a ,
#tmp_shop_area table td:nth-child(9) a {
	text-align: center;
}



.process_btn {
	margin:0 10px 0 0;
}

.tmp_shop {
	background: #FFF7EE;
}

.memo_box {
	border: 1px solid #2d0f09;
	width:73%;
	margin:30px auto;
	background: #C0C0C0;
	padding:10px;
}

.memo_box > dl {
	padding: 0;
	margin: 0;
}

.memo_box>dl>dd:first-of-type {
	margin:0 0 10px 0;
	word-break: break-all;
}

.memo_box> dl > dt {
	margin: 10px 10px 0;
	font-weight: bold;
}
.memo_box> dl > dt,
.memo_box> dl > dd {
	text-align: left;
	margin: 0;
	padding: 0;
}

.memo_box> dl > dd > .process_btn{
	display: block;
}

.memo_box> dl > dd > textarea{
	width: 100%;
	box-sizing: border-box;
}

.mail_box {
	border: 1px solid #2d0f09;
	width: 80%;
	margin: 0 auto 10px auto;
	background: #C0C0C0;
	padding: 10px;
}

.mail_box>dl {
	padding: 0;
	margin: 0;
}

.mail_box>dl>dt {
	margin: 10px 0;
	font-weight: bold;
	font-size:20px;
}

.mail_box>dl>dt>div {
	text-align: center;
	position: relative;
	left:30px;
}

.mail_box>dl>dt>div>span {
	display: block;
	color:#ff0000;
}

.mail_box>dl>dt,
.mail_box>dl>dd {
	text-align: center;
	margin: 0;
	padding: 0;
}

.mail_box>dl>dd>.process_btn {
	display: block;
}

.mail_box>dl>dd>textarea {
	width: 80%;
	cursor: pointer;
}

.mail_btn {
	font-weight: bold;
	display: block;
	font-size:20px;
	padding:10px;
	margin: 0 auto 10px auto;
}

a[href="#bottom"] {
	display: block;
}

.tmp_description {
	list-style: none;
	border: solid 1px #000000;
	padding:10px;
	color:#ff0000;
	font-weight: bold;
	width:50%;
	margin: 10px auto;
	font-size: 16px;
	text-align: left;
}

.tmp_description li:first-of-type {
	font-size: 16px;
}

span.red {
	font-weight: bold;
}



/*------------------------------------------------------------
こだわり条件
-------------------------------------------------------------*/
.kodawariTbl {
	padding: 10px;
	margin: 0 auto;
}
#sortableKodawari{
    list-style-type: none;
}
.kodawariImgLi{
    cursor: move;
    float: left;
    margin: 0;
    padding: 10px;
	height: 22px;
	width:110px;
	display: inline-block;
}

.sortable-placeholder-kodawari {
    cursor: move;
    float: left;
    margin: 0;
    padding: 10px;
	height: 22px;
	width:130px;
	display: inline-block;
	background-color: #C0C0C0;
}

/*------------------------------------------------------------
align
-------------------------------------------------------------*/

.al-c{ text-align: center; }
.al-r{ text-align: right; }
.al-l{ text-align: left; }

/*------------------------------------------------------------
valign
-------------------------------------------------------------*/
.vl-t{ vertical-align: top; }
.vl-m{ vertical-align: middle; }
.vl-b{ vertical-align: bottom; }

/*------------------------------------------------------------
line-height
-------------------------------------------------------------*/

.lh10{ line-height: 1.0!important; }
.lh11{ line-height: 1.1!important; }
.lh12{ line-height: 1.2!important; }
.lh13{ line-height: 1.3!important; }
.lh14{ line-height: 1.4!important; }
.lh15{ line-height: 1.5!important; }
.lh20{ line-height: 2.0!important; }

/*------------------------------------------------------------
font
-------------------------------------------------------------*/
.bold{font-weight:bold;}

/*------------------------------------------------------------
color
-------------------------------------------------------------*/
.red{color:#ff0000;}
.blue{color:#0000dd;}
.bold{font-weight:bold;}
.black{color:#000;}

/*------------------------------------------------------------
margin
-------------------------------------------------------------*/
.m0{ margin: 0!important; }
.m0-t{ margin-top: 0!important; }
.m0-r{ margin-right: 0!important; }
.m0-b{ margin-bottom: 0!important; }
.m0-l{ margin-left: 0!important; }

.m10{ margin: 10px!important; }
.m10-t{ margin-top: 10px!important; }
.m10-r{ margin-right: 10px!important; }
.m10-b{ margin-bottom: 10px!important; }
.m10-l{ margin-left: 10px!important; }

.m20{ margin: 20px!important; }
.m20-t{ margin-top: 20px!important; }
.m20-r{ margin-right: 20px!important; }
.m20-b{ margin-bottom: 20px!important; }
.m20-l{ margin-left: 20px!important; }

.m30{ margin: 30px!important; }
.m30-t{ margin-top: 30px!important; }
.m30-r{ margin-right: 30px!important; }
.m30-b{ margin-bottom: 30px!important; }
.m30-l{ margin-left: 30px!important; }

.m40{ margin: 40px!important; }
.m40-t{ margin-top: 40px!important; }
.m40-r{ margin-right: 40px!important; }
.m40-b{ margin-bottom: 40px!important; }
.m40-l{ margin-left: 40px!important; }

.m50{ margin: 50px!important; }
.m50-t{ margin-top: 50px!important; }
.m50-r{ margin-right: 50px!important; }
.m50-b{ margin-bottom: 50px!important; }
.m50-l{ margin-left: 50px!important; }

.m60{ margin: 60px!important; }
.m60-t{ margin-top: 60px!important; }
.m60-r{ margin-right: 60px!important; }
.m60-b{ margin-bottom: 60px!important; }
.m60-l{ margin-left: 60px!important; }

/*------------------------------------------------------------
padding
-------------------------------------------------------------*/
.p0{ padding: 0!important; }
.p0-t{ padding-top: 0!important; }
.p0-r{ padding-right: 0!important; }
.p0-b{ padding-bottom: 0!important; }
.p0-l{ padding-left: 0!important; }

.p2{ padding: 2px!important; }
.p2-t{ padding-top: 2px!important; }
.p2-r{ padding-right: 2px!important; }
.p2-b{ padding-bottom: 2px!important; }
.p2-l{ padding-left: 2px!important; }

.p5{ padding: 5px!important; }
.p5-t{ padding-top: 5px!important; }
.p5-r{ padding-right: 5px!important; }
.p5-b{ padding-bottom: 5px!important; }
.p5-l{ padding-left: 5px!important; }

.p10{ padding: 10px!important; }
.p10-t{ padding-top: 10px!important; }
.p10-r{ padding-right: 10px!important; }
.p10-b{ padding-bottom: 10px!important; }
.p10-l{ padding-left: 10px!important; }

.p20{ padding: 20px!important; }
.p20-t{ padding-top: 20px!important; }
.p20-r{ padding-right: 20px!important; }
.p20-b{ padding-bottom: 20px!important; }
.p20-l{ padding-left: 20px!important; }

.p30{ padding: 30px!important; }
.p30-t{ padding-top: 30px!important; }
.p30-r{ padding-right: 30px!important; }
.p30-b{ padding-bottom: 30px!important; }
.p30-l{ padding-left: 30px!important; }

.p40{ padding: 40px!important; }
.p40-t{ padding-top: 40px!important; }
.p40-r{ padding-right: 40px!important; }
.p40-b{ padding-bottom: 40px!important; }
.p40-l{ padding-left: 40px!important; }

.p50{ padding: 50px!important; }
.p50-t{ padding-top: 50px!important; }
.p50-r{ padding-right: 50px!important; }
.p50-b{ padding-bottom: 50px!important; }
.p50-l{ padding-left: 50px!important; }

.p60{ padding: 60px!important; }
.p60-t{ padding-top: 60px!important; }
.p60-r{ padding-right: 60px!important; }
.p60-b{ padding-bottom: 60px!important; }
.p60-l{ padding-left: 60px!important; }

/*------------------------------------------------------------
height
-------------------------------------------------------------*/
.h-0{ height: 0px; }

/*------------------------------------------------------------
height
-------------------------------------------------------------*/
.fright	{ float:right!important; }
.fleft	{ float:left!important; }