@charset "utf-8";
/* ===================================================================
　CSS information

 File Name		: common.css
 Author			: NSK Corporation.
 Last modified	: 2013/01/27
 Style Info		: スマートフォン基本設定
=================================================================== */

/* =========================================================
 Reset of Default Style
========================================================= */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 1em;
}

body,
table,
input, textarea, select, option {
	font-size: 1em;
}

article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary {
	display: block;
}

ol, ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}

del {
	text-decoration: line-through;
}

/* =========================================================
 Base Style
========================================================= */
html {
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整OFF */
}

#content h1 {
	padding: 4px 15px;
	border-top: 3px solid #0E87CF;
	background: url(../../img/sp/bg_title.png) repeat-x left bottom;
	background-color: #EAEAEA;
	-webkit-background-size: 2px 30px;
	background-size: 2px 30px;
	font-size: 1.24em;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
}

h2 {
	padding: 4px 15px 3px;
	border-top: 1px solid #D6D6D6;
	border-bottom: 1px solid #D6D6D6;
	background-color: #F5F5F5;
/*	background: -webkit-gradient(linear, left top, left bottom,	from(#FFFFFF), color-stop(0.50, #F5F5F5), color-stop(0.50, #DEE3E6), to(#F5F5F5));
	background: -moz-linear-gradient(top, #FFFFFF 0%, #F5F5F5 50%, #DEE3E6 50%,	#F5F5F5);
	background: linear-gradient(top, #FFFFFF 0%, #F5F5F5 50%, #DEE3E6 50%, #F5F5F5);*/
/*	background: -moz-linear-gradient(top, #FFFFFF, #FFFFFF 1%, #F5F5F5 2%, #F5F5F5);*/
/*	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.01, #FFFFFF), color-stop(0.02, #F5F5F5), to(#F5F5F5));*/
/*	background: -moz-linear-gradient(top, #F5F5F5, #fff 70%);*/
/*	background: -webkit-gradient(linear, left top, left bottom, from(#F5F5F5), color-stop(70%, #FFFFFF));*/
	font-size: 1.16em;
}

h3 {
	padding: 4px 15px 3px;
	border-top: 1px solid #D6D6D6;
	border-bottom: 1px dotted #D6D6D6;
/*	background-color: #ECF6FC;*/
	background-color: #ECF1FC;
	font-size: 1.08em;
}

em {
	color: #FF0000;
	font-style: normal;
}

#pageTop {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
}

/* =========================================================
 Link style
========================================================= */
a {
/*	text-decoration: none;*/
}
/*a:link {color: #333333;}*/
/*a:visited {color: #333333;}*/
/*a:active {color: #333333;}*/
/*a:hover {
	color: #3E79B5;
}*/

.ui-mobile-viewport {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.5) !important;
}

a.edit {
	padding-left: 16px;
	background: url(../../img/sp/document_a4_edit.png) no-repeat 0 1px;
	color: #3E79B5;
	text-decoration: underline;
	line-height: 18px;
}

/* =========================================================
 Layout Style
========================================================= */
html {
	font-size: 62.5%;
}

body {
	font-size: 1.4rem;
	line-height: 1.3;
/*	-webkit-text-size-adjust: none;*/
}

html, body{
	height:100%;
}

.ui-mobile .ui-page {
	position: relative;
	width: 100%;
	height: auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
	margin:0 auto;
	text-align:left;
}

#content {
	padding-bottom: 51px;
}

#mainMenu #content {
	padding-bottom: 84px;
}

/* 画面の横幅が640px以上の場合適用 */
@media screen and (min-width: 640px) {
	body {
		background-color: #EEEEEE !important;
	}

	#login, #mainMenu, #messageList, #messageDetail,
	#facilityReserve, #facilityInfo,
	#security, #setting, #settingMail {
		position: absolute;
		left: 50%;
		width: 640px;
		margin-left: -320px;
		border-right: 1px solid #E0E0E0;
		border-left: 1px solid #E0E0E0;
	}
}

/* =========================================================
 Header area style
========================================================= */
/* ログイン
--------------------------------------------------------- */
#login #loginHeader {
	background: url(../../img/sp/bg_login.gif) repeat-x left top;
	text-align: center;
}

#login .logo {
	padding-top: 30px;
	padding-bottom: 40px;
}

#login .login-logo {
	width: 180px;
	height: 68px;
}

/* 各画面共通
--------------------------------------------------------- */
#header {
	height: 60px;
	background: #edf0f1 url(../../img/sp/common/bg_header.gif) repeat-x left top;
}

#header .logo {
	padding: 12px 0 10px 15px;
}

.logo img {
	width: 100px;
	height: 38px;
}

#headerNavi .ui-block-b {}

#headerNavi ul {
	float: right;
	width: auto;
	margin: 13px 15px 10px 0;
}

#headerNavi ul li {
	float: left;
	padding-right: 15px;
}

#headerNavi ul li:last-child {
	padding-right: 0;
}

#headerNavi ul li a {
	display: block;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	color: #333;
	font-size: 1rem;
	text-decoration: none;
	text-align: center;
}

#headerNavi ul li a.setting {
	width: 48px;
	height: 38px;
	background: url(../../img/sp/common/setting.png) repeat-x left top;
	-webkit-background-size: 48px 38px;
	background-size: 48px 38px;
/*	line-height: 38px;*/
}

#headerNavi li a.logout {
	width: 52px;
	height: 38px;
	background: url(../../img/sp/common/logout.png) repeat-x left top;
	-webkit-background-size: 52px 38px;
	background-size: 52px 38px;
/*	line-height: 38px;*/
}

#headerNavi ul li a span {
/*	display: none;*/
	display: inline-block;
	margin-top: 22px;
	font-weight: normal;
	text-shadow: 1px 1px 1px rgba(255,255,255,1);
}

/* =========================================================
 Content area style
========================================================= */
/* ログイン
--------------------------------------------------------- */
#login #loginContent {
	padding: 0 15px;
}

#login > #loginContent p {
	margin-bottom: 20px;
}

#login > #loginContent .ui-btn {
	margin-top: 10px !important;
}

/* メインメニュー
--------------------------------------------------------- */
#menuArea {
	padding: 10px 15px;
}

#menuArea ul#mainNavi {
	list-style: none;
}
#menuArea ul#mainNavi li {}

/* メニューのアイコンの設定 */
#mainNavi li a img,
.securitySetting .box a img {
	float: left;
	width: 40px;
	height: 40px;
	vertical-align: middle;
}

#mainNavi .ui-btn-inner,
.securitySetting .ui-btn-inner {
	display: table;
	position: relative;
	overflow: hidden;
	padding: 6px 16px 6px 3px;
	min-width: .75em;
/*	text-overflow: ellipsis;*/
	white-space: normal;
	zoom: 1;
}

#mainNavi .ui-btn-inner .ui-btn-text,
.securitySetting .ui-btn-inner .ui-btn-text {
	display: table-cell;
	text-align: left;
	vertical-align: middle;
	overflow: hidden;
}

#mainNavi .ui-btn-inner .ui-btn-text span,
.securitySetting .ui-btn-inner .ui-btn-text span {
	display: table-cell;
	height: 40px;
	min-height: 40px;
	padding-left: 3px;
	vertical-align: middle;
}

/* メニュー右の矢印の設定 */
.ui-btn-inner .ui-icon-extra-arrow {
/*	background: url(../../img/sp/common/icon_extra_arrow.png) no-repeat rgba(0, 0, 0, 1) !important;*/
	background: url(../../img/sp/common/icon_extra_arrow.png) no-repeat 0 0;
	-webkit-background-size: 18px 18px;
	background-size: 18px 18px;
	-moz-border-radius: 0;
	-webkit-border-radius: 0;
	border-radius: 0;
}

.ui-btn-icon-right > .ui-btn-inner > .ui-icon {
	right: 0;
}

/* サブメニュー
--------------------------------------------------------- */
.subNavi {
	padding: 10px 15px 30px 15px;
	border-top: 1px dotted #D6D6D6;
}

.listview + .subNavi {
	border-top: none;
}

/* ボタンのスタイル設定
--------------------------------------------------------- */
.button {
	display: inline-block;
}

a.button:hover {
	border-color: #999999;
}

.block-prev a, .block-next a {
	height: 1.8em;
	margin-bottom: 4px;
	padding: 0 1em;
	border: 1px solid #CCCCCC;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	background: -webkit-gradient(
				linear, left top, left bottom,
				from(#FFFFFF),
				color-stop(0.50, #F5F5F5),
				color-stop(0.50, #DEE3E6),
				to(#F5F5F5));
	background: -moz-linear-gradient(
				top,
				#FFFFFF 0%,
				#F5F5F5 50%,
				#DEE3E6 50%,
				#F5F5F5);
	background: linear-gradient(
				top,
				#FFFFFF 0%,
				#F5F5F5 50%,
				#DEE3E6 50%,
				#F5F5F5);
	font-size: 1.16em;
	line-height: 1.8em;
	white-space: nowrap;
	text-decoration: none;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1);
}

.button-content {
	display: inline-block;
	width:14px;
	height: 13px;
	-webkit-background-size: 120px 50px;
	background-size: 120px 50px;
	background-repeat: no-repeat;
	line-height: 13px;
	white-space: nowrap;
}

.block-prev a .button-content {
	margin-left: -2px;
	background-image: url(../../img/sp/common/sprite_icon.png);
	background-position: -30px 0;
}

.block-next a .button-content {
	margin-right: -2px;
	background-image: url(../../img/sp/common/sprite_icon.png);
	background-position: -45px 0;
}

.block-prev a:hover .button-content {
	margin-left: -2px;
	background-image: url(../../img/sp/common/sprite_icon.png);
	background-position: -60px 0;
}

.block-next a:hover .button-content {
	margin-right: -2px;
	background-image: url(../../img/sp/common/sprite_icon.png);
	background-position: -75px 0;
}

/* ボタン押下不可 */
.block-prev a.state-disabled,
.block-next a.state-disabled {
	border-color: #DDDDDD;
/* 	background-color: #EDEDED !important; */
/* 	background: #EDEDED; */
	background: -webkit-gradient(
				linear, left top, left bottom,
				from(#EDEDED),
				to(#DDDDDD));
	background: -moz-linear-gradient(
				top,
				#DDDDDD 0%,
				#DDDDDD);
	background: linear-gradient(
				top,
				#DDDDDD 0%,
				#DDDDDD);
	color: #999999;
	text-shadow: none;
}

.block-prev a.state-disabled .button-content {
	margin-left: -2px;
	background-image: url(../../img/sp/common/sprite_icon.png);
	background-position: -90px 0;
}

.block-next a.state-disabled .button-content {
	margin-right: -2px;
	background-image: url(../../img/sp/common/sprite_icon.png);
	background-position: -105px 0;
}

a.state-disabled {
	cursor: default;
}

/* メッセージ表示部分 */
.messageBox {
	margin: 20px 15px 20px;
	padding: 15px 15px;
	border: 5px solid #E6E6E6;
	outline-style:solid;
	outline-width:1px;
	outline-color: #BFBFBF;
	outline-offset: 0;
}

.messageBox p {}
.messageBox p.attention {
	margin-top: 10px;
	margin-bottom: 0;
}

/* PDFダウンロード */
ul.download {
	margin: 20px 0 20px;
}

ul.download li {
	margin-bottom: 20px;
	padding-left: 20px;
	background: url(../../img/sp/icon_pdf.gif) no-repeat 0 2px;
	font-size: 1.16em;
}

ul.download li:last-child {
	margin-bottom: 0;
}

/* 施錠・防犯設定
--------------------------------------------------------- */
.securitySetting {}

.securitySetting .box {
	padding: 10px 15px 20px;
	text-align: center;
}

.securitySetting .state {
	display: inline-block;
	position: relative;
	margin-top: 15px;
	margin-left: 25px;
	font-weight: bold;
}

.state:before {
	position: absolute;
	top: 50%;
	left: -25px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: url(../../img/sp/common/sprite_icon.png) no-repeat -10px -15px;
	-webkit-background-size: 120px 50px;
	background-size: 120px 50px;
	vertical-align: middle;
	content: "";
}

.set:before {
/*	background: url(../../img/sp/common/sprite_icon.png) no-repeat -10px -15px;*/
}

.notSet:before {
	background: url(../../img/sp/common/sprite_icon.png) no-repeat -30px -15px;
	-webkit-background-size: 120px 50px;
	background-size: 120px 50px;
}

.notSet span {
	color: #FF0000;
}

#dialogLockUp .ui-header .ui-title,
#dialogSecurity .ui-header .ui-title {
	margin: .6em 5px .6em;
}


/* 各サービス説明
--------------------------------------------------------- */
.box {
	margin: 10px 15px;
}

dl.service {}

dl.service dt {
	padding: 2px 0 5px;
	font-weight: bold;
}

dl.service dd {
	margin-bottom: 10px;
	padding: 2px 0 10px;
	border-bottom: 1px dotted #D6D6D6;
}

dl.service dd:last-child {
	border-bottom: none;
}

dl.service dt span {
	padding: 0 5px;
	border-left: 5px solid #0E87CF;
	font-size: 1.08em;
}

.contentBox {
	margin: 20px 15px;
}

.contentBox p {
	line-height: 1.5;
	margin-bottom: 10px;
}

.contentBox p.use {
	font-size: 1.16em;
	font-weight: bold;
}

.contentBox p.pic {
	margin-top: 30px;
	text-align: center;
}

/* キャンセル料金等についてのご案内 */
dl.guide {
	margin: 20px 0 20px;
	border: 1px solid #CCCCCC;
}

dl.guide dt {
	padding: 5px 10px;
	border-bottom: 1px solid #CCCCCC;
/*	background-color: #ECF6FC;*/
	background-color: #ECF1FC;
	font-weight: bold;
}

dl.guide dd {
	padding: 8px 10px 0;
}

dl.guide ul {
	list-style: disc;
	margin-left: 20px;
}

dl.guide ul li {
	margin-bottom: 8px;
	line-height: 1.4;
}

dl.guide ul li:last-child {
	margin-bottom: 0;
}

.contentBox ul.rule {}

.contentBox ul.rule li {
	margin-top: 15px;
	padding-left: 18px;
	background: url(../../img/sp/common/bullet_blue.png) no-repeat 0 1px;
}

/* 登録・確認関係
--------------------------------------------------------- */
dl.registTable, dl.confirmTable {}

dl.registTable dt, dl.confirmTable dt {
	padding: 4px 15px 3px;
	border-top: 1px solid #D6D6D6;
	border-bottom: 1px dotted #D6D6D6;
/*	background-color: #ECF6FC;*/
	background-color: #ECF1FC;
	font-weight: bold;
}

h2 + dl.registTable dt:first-child,
h2 + dl.confirmTable dt:first-child {
	border-top: none;
}

dl.registTable dt:first-child {
	border-top: none;
}

dl.registTable dd, dl.confirmTable dd {
	padding: 10px 15px 10px;
}

dl.registTable dd:last-child,
dl.confirmTable dd:last-child {
	border-bottom: 1px dotted #d6d6d6;
}

.registTable select + span {
	margin-right: 10px;
}

.registTable p:first-child {
	margin-bottom: 10px;
}

#startDateId dt,
#selectEndDay dt,
#conditionId dt,
#selectTime dt,
#selectTerm dt {
	border-top: 1px solid #D6D6D6;
}

#startDateId dd,
#selectEndDay dd,
#conditionId dd {
	border-bottom: none;
}

/* 確認 */
dl.confirmTable dt:first-child {
/* 	border-top: none; */
	border-top: 1px solid #D6D6D6;
}

dl.confirmTable ul {
	list-style: disc;
	margin-left: 20px;
	line-height: 1.8;
}

dl.confirmTable ul ul {
	margin-left: 30px;
}

#regist {
/*	padding: 15px 15px 15px 15px;*/
	padding: 10px 15px 30px 15px;
/*	border-top: 1px dotted #D6D6D6;*/
	text-align: center;
}
#regist li {
/*	width: 100px;*/
}

p.attention {
	margin-bottom: 10px;
	color: #FF0000;
	font-size: 85%;
}

/* メール設定チェックボックス */
.receptionCheckbox {
	font-size: 1.16em;
	line-height: 1.4;
}

.receptionCheckbox li {
	padding: 8px 0;
}

.receptionCheckbox input[type="checkbox"] { /* チェックボックスを大きくする */
/*	width: 15px;*/
/*	height: 15px;*/
/*	vertical-align:middle;*/
	-webkit-transform: scale(1.2);
	transform: scale(1.2);
}

.receptionCheckbox label {
	margin-left: 4px;
	vertical-align: middle;
}

.receptionCheckbox span {
	padding-left: 30px;
}

.receptionCheckbox ul {
	margin-left: 30px;
}

.receptionCheckbox ul li {
	padding-left: 18px;
	background: url(../../img/sp/tree01.gif) no-repeat center left;
}

.receptionCheckbox ul li:last-child {
	background: url(../../img/sp/tree02.gif) no-repeat center left;
}

/* ダイアログの設定
--------------------------------------------------------- */
#dialog .ui-dialog-contain {
	max-width: 300px;
	margin-top: 20%;
}

#dialog h1 {
	margin-bottom: .6em;
	font-size: 1.24em;
}

#dialog .ui-content p {
	padding-left: 5px;
	font-size: 1.16em;
	line-height: 1.8;
}

#dialog .ui-grid-a {
	margin-top: 10px;
}

#dialogReqCancel .ui-header .ui-title {
	margin: .6em 5px .6em;
}

/* =========================================================
 Footer area style
========================================================= */

/* ログイン画面
--------------------------------------------------------- */
.pcLink {
	padding: 30px 0 0;
	font-size: 0.92em;
	text-align: left;
}
.pcLink a {
	display: block;
	width: 130px;
	margin: 0 auto;
}

.pcLink a:before {
	float:left;
	width: 15px;
	height: 14px;
	margin-top: 2px;
	margin-right: 5px;
	background: url(../../img/sp/common/sprite_icon.png) no-repeat -10px -1px;
	-webkit-background-size: 120px 50px;
	background-size: 120px 50px;
	content: "";
}

#loginFooter {
	padding: 20px 0 10px;
}

.copyright {
	display: block;
	clear: both;
	font-size: 1rem;
	text-align: center;
}

/* 各画面共通
--------------------------------------------------------- */
#content .pcLink {
	position: absolute;
	bottom: 50px;
	width: 100%;
	padding: 8px 0;
	border-top: 1px solid #cccccc;
	background: url(../../img/sp/bg_pc_link.gif) repeat -10px 0;
	-webkit-background-size: 4px 4px;
	background-size: 4px 4px;
	background-color: #DBDBDB;
}

#content .pcLink a {
	font-weight: normal;
}

#footer {
	clear: both;
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 50px;
/*	padding-bottom: 5px;*/
	border-top: 1px solid #5E5E5E;
	background-color: #6e6e6e;
	background: -moz-linear-gradient(top, #FFFFFF, #959595 1%, #6E6E6E 2%, #6E6E6E);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), color-stop(0.01, #959595), color-stop(0.02, #6E6E6E), to(#6E6E6E));
	background: linear-gradient(top, #FFFFFF 0%, #959595 1%, #6E6E6E 2%, #6E6E6E);
	box-sizing: border-box;
}

#footer .pageTop {
	float: right;
	padding-right: 15px;
	padding-bottom: 10px;
	font-size: 0.76em;
	text-align: right;
}

#footer .pageTop a {
	display: block;
	position: relative;
/*	width: 130px; */ /* 2023.12 jQueryVersionUp */
	padding: 5px 15px 0;
	color: #FFFFFF;
	font-weight: normal;
}

#footer .pageTop a:before {
	position: absolute;
	top: 50%;
	right: 2px;
	margin-top: -2px;
	width: 10px;
	height: 10px;
	background: url(../../img/sp/common/sprite_icon.png) no-repeat 0 -15px;
	-webkit-background-size: 120px 50px;
	background-size: 120px 50px;
	content: "";
}

#footer .copyright {
	color: #FFFFFF;
	line-height: 0.9;
}

/* =========================================================
 Table style
========================================================= */
/* テーブル基本設定 */
table {
	width: 100%;
	border: 1px solid #dcdedd;
	border-collapse: collapse;
	empty-cells: show;
}

tr {
	border: 1px solid #dcdedd;
}

th {
	padding: 8px 10px;
	border: 1px dotted #BFBFBF;
	vertical-align: middle;
}

td {
	padding: 8px 10px;
	vertical-align: middle;
}

/* 利用可能時間 */
.useTable {
	border: none;
/* 	background-color:#F7F7F7; */
	font-size: 85%;
}

.useTable tr {
	background-color:#FFFFFF;
/* 	background-color:#F0F0F0; */
	border: none;
}

.useTable th {
	width: 60px;
	border: none;
	border-right: 1px dotted #BFBFBF;
	background-color: transparent;
}

.useTable tr td:nth-child(3) {
	border-right: 1px dotted #BFBFBF;
}

.useTable th.right {
/* 	border-left: 1px dotted #BFBFBF; */
}

.useTable th.term {
/*	width: 150px;*/
	width: 200px;
	border: none;
	border-right: 1px dotted #BFBFBF;
	background-color: transparent;
}

.useTable td {
	border: none;
	text-align: center;
}

.useTable tr:nth-child(odd) {
	background-color:#F3F3F3;
}

/* =========================================================
 IMG style
========================================================= */
/* 画面の横幅が640px以下の場合適用 */
@media screen and (max-width:640px){
	.contentBox p.pic img,
	.contentBox .rule p img {
		max-width: 100%;
		height: auto;
		width /***/:auto;
	}
}

/* =========================================================
 Form style
========================================================= */

/* =========================================================
 書式設定
========================================================= */
/* テキストの位置 */
.taLeft { text-align: left !important; }
.taCenter { text-align: center !important; }
.taRight { text-align: right !important; }

/* フォントの大きさ（プラス） */
.fsP1 { font-size: 1.08em !important; }
.fsP2 { font-size: 1.16em !important; }
.fsP3 { font-size: 1.24em !important; }
.fsP4 { font-size: 1.32em !important; }
.fsP5 { font-size: 1.4em !important; }

/* フォントの大きさ（マイナス） */
.fsM1 { font-size: 0.92em !important; }
.fsM2 { font-size: 0.84em !important; }
.fsM3 { font-size: 0.76em !important; }
.fsM4 { font-size: 0.68em !important; }
.fsM5 { font-size: 0.6em !important; }

/* フォントの太さ */
.fwNormal { font-weight: normal !important; }
.fwBold { font-weight: bold !important; }

/* フォントの色 */
.fcRed { color: red; }

/* 背景の色 */
.bgSkyblue { background-color: #87CEEB; }

/* =========================================================
 MARGIN PADDING
========================================================= */
/* 微調整用クラス（※多用しないこと） */
.mt0 { margin-top: 0 !important; }
.mb0 { margin-bottom: 0 !important; }
.paddingAll0 { padding: 0 !important; }

.mt15 { margin-top:15px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }

.mb10 { margin-bottom:10px; }
.mb12 { margin-bottom:12px; }
.mb20 { margin-bottom:20px; }

.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }

.pt1 { padding-top:1px; }

/* =========================================================
 FLOAT
========================================================= */
.floatL { float:left; }
.floatR { float:right; }

/* =========================================================
 Clearfix
========================================================= */
.clearFix:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

.clearFix {min-height: 1px;}

*html .clearFix {
	height: 1px;
	/*\*//*/
	height: auto;
	overflow: hidden;
	/**/
}

.clear {clear:both;}