@charset "utf-8";

/**************************************************
		Reset
**************************************************/
@font-face { font-family:"Yu Gothic"; src:local("Yu Gothic Medium"),local("游ゴシック Medium"); font-weight:100; }
@font-face { font-family:"Yu Gothic"; src:local("Yu Gothic Medium"),local("游ゴシック Medium"); font-weight:200; }
@font-face { font-family:"Yu Gothic"; src:local("Yu Gothic Medium"),local("游ゴシック Medium"); font-weight:300; }
@font-face { font-family:"Yu Gothic"; src:local("Yu Gothic Medium"),local("游ゴシック Medium"); font-weight:400; }
@font-face { font-family:"Yu Gothic"; src:local("Yu Gothic Medium"),local("游ゴシック Medium"); font-weight:500; }
@font-face { font-family:"Yu Gothic"; src:local("Yu Gothic Bold"),local("游ゴシック Bold"); font-weight:600; }
@font-face { font-family:"Yu Gothic"; src:local("Yu Gothic Bold"),local("游ゴシック Bold"); font-weight:700; }
@font-face { font-family:"Yu Gothic"; src:local("Yu Gothic Bold"),local("游ゴシック Bold"); font-weight:800; }
@font-face { font-family:"Yu Gothic"; src:local("Yu Gothic Bold"),local("游ゴシック Bold"); font-weight:900; }

* {
	margin:0;
	padding:0;
	font-size:100%;
	font-family:"Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3","Yu Gothic","游ゴシック","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

body {
	margin:0;
	padding:0;
	background:#fff;
	color:#000;
}

article, aside, dialog, figure, header, footer, hgroup, nav, section {
	display:block;
}

img {
	border:0;
	line-height:1;
	vertical-align:bottom;
	-ms-interpolation-mode:bicubic;
	-webkit-box-sizing:content-box;
	-moz-box-sizing:content-box;
	-ms-box-sizing:content-box;
	-o-box-sizing:content-box;
	box-sizing:content-box;
}

ul li, ol li {
	list-style-type:none;
	list-style-position:outside;
}

table {
	border:0;
	border-collapse:collapse;
	border-spacing:0;
}

caption { text-align:left; }

th, td {
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}

sub, sup {
	position:relative;
	font-size:11px;
	font-size:0.75rem;
	line-height:0;
	vertical-align:baseline;
}

sub { bottom:-0.1em; }
sup { top:-0.5em; }

strong, em { font-size:inherit; }


/**************************************************
		Setting
**************************************************/
body {
	min-width:1100px;
	background:#fff;
	color:#333;
	text-align:left;
	-webkit-text-size-adjust:100%;
}

a { color:inherit; text-decoration:underline; }
a:hover { text-decoration:none; }

a, a *, .hover {
	-webkit-transition:background-image 0.3s, background-color 0.3s, border-color 0.3s, color 0.3s, opacity 0.3s;
	-moz-transition:background-image 0.3s, background-color 0.3s, border-color 0.3s, color 0.3s, opacity 0.3s;
	-ms-transition:background-image 0.3s, background-color 0.3s, border-color 0.3s, color 0.3s, opacity 0.3s;
	-o-transition:background-image 0.3s, background-color 0.3s, border-color 0.3s, color 0.3s, opacity 0.3s;
	transition:background-image 0.3s, background-color 0.3s, border-color 0.3s, color 0.3s, opacity 0.3s;
}

.onlyPC { display:block !important; }
.onlySP { display:none !important; }
br.onlyPC { display:inline !important; }

.skip {
	overflow:hidden;
	width:0;
	height:0;
	position:absolute;
}


/* ===== Chrome FontWeight ===== */
.win.chrome #headerArea,
.win.chrome #mainArea,
.win.chrome #footerArea { font-weight:500; }


/* ===== Clearfix ===== */
.clearFix { display:inline-table; }
.clearFix:after {
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	content:"";
}
* html .clearFix { height:1%; }
*:first-child+html .clearFix { height:1%; }
.clearFix { display:block; }


/**************************************************
		Header
**************************************************/
#headerArea {
	position:relative;
	z-index:20;
}

#headerArea .logo {
	position:absolute;
	top:20px;
	left:30px;
}


/**************************************************
		Menu
**************************************************/
#menuOpen {
	position:fixed;
	top:20px;
	right:20px;
	padding-top:45px;
	border-radius:50%;
	width:70px;
	height:70px;
	background:#fff;
	font-size:10px;
	font-size:0.63rem;
	color:#999;
	text-align:center;
	letter-spacing:0.1em;
	cursor:pointer;
	box-shadow:0 0 12px rgba(0,0,0,0.2);
	z-index:20;
}

#menuOpen:before {
	position:absolute;
	top:20px;
	left:50%;
	margin-left:-12px;
	width:24px;
	height:18px;
	background:transparent url("../img/icon_menu.png") 50% 50% no-repeat;
	background-size:contain;
	content:'';
}

#menuOpen:hover { background-color:#21b7c5; color:#fff; }
#menuOpen:hover:before { background-image:url("../img/icon_menu_white.png"); }

#menuClose {
	position:absolute;
	top:60px;
	right:30px;
	width:23px;
	height:23px;
	background:transparent url("../img/icon_close.png") 50% 50% no-repeat;
	background-size:contain;
	text-indent:-9999px;
	overflow:hidden;
	cursor:pointer;
}

#menuClose:hover { opacity:0.7; }


/* ===== Main Menu ===== */
#mainMenu {
	display:none;
	position:fixed;
	top:0;
	right:-400px;
	width:400px;
	height:100%;
	background:#21b7c5;
	z-index:120;
}

#mainMenu dl {
	padding-top:55px;
}

#mainMenu dl dt {
	display:inline-block;
	padding:0 5px 5px 40px;
	border-bottom:2px solid #fff;
	font-size:16px;
	font-size:1rem;
	font-weight:bold;
	color:#fff;
	line-height:1.5;
	letter-spacing:0.1em;
}

#mainMenu dl dd {
	padding:27px 0 27px 40px;
	font-size:16px;
	font-size:1rem;
	font-weight:bold;
	color:#fff;
	line-height:1.5;
	letter-spacing:0.05em;
}

#mainMenu dl dd a,
#mainMenu dl dd .noLink {
	display:inline-block;
	position:relative;
	padding:8px 0 8px 20px;
	color:#fff;
	text-decoration:none;
}

#mainMenu dl dd a:before,
#mainMenu dl dd .noLink:before {
	position:absolute;
	top:50%;
	left:0;
	margin-top:-2px;
	width:7px;
	height:3px;
	background:#fff;
	content:'';
}

#mainMenu dl dd a.blank span {
	display:inline-block;
	position:relative;
	padding-right:25px;
}

#mainMenu dl dd a.blank span:before {
	position:absolute;
	top:50%;
	right:0;
	margin-top:-10px;
	width:12px;
	height:12px;
	background-image:url("../img/icon_window_white.png");
	background-size:contain;
	content:'';
}

#mainMenu dl dd .noLink { opacity:0.5; }

#mainMenu dl dd a:hover { opacity:0.7; }


/* ===== Menu Active ===== */
#overlayMenu {
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(0,0,0,0.8);
	z-index:110;
}

.openMenu #mainMenu,
.openMenu #overlayMenu {
	display:block;
}


/**************************************************
		Contents
**************************************************/
#mainArea {
	position:relative;
	overflow:hidden;
	z-index:10;
}


/* ===== Title Area ===== */
#titleArea {
	position:relative;
	margin-bottom:75px;
	height:150px;
	background:transparent url("../img/bg_titlearea.jpg") 50% 50% no-repeat;
	background-size:100% 100%;
}

#titleArea .title {
	position:absolute;
	top:60px;
	left:0;
	width:100%;
	font-size:16px;
	font-size:1rem;
	font-weight:normal;
	text-align:center;
	line-height:1.5;
}
.win.chrome #titleArea .title { font-weight:500; }

#titleArea .title .image {
	display:block;
}

#titleArea .title .text {
	display:block;
	margin-top:25px;
}


/**************************************************
		Footer
**************************************************/
#footerArea {
	position:relative;
	border-top:1px solid #ddd;
	z-index:10;
}


/* ===== Footer Menu ===== */
#footerMenu {
	border-bottom:1px solid #ddd;
	background:#f2f2f2;
}

#home #footerMenu { display:none; }

#footerMenu .container {
	margin:0 auto;
	width:1080px;
}

#footerMenu ul {
	display:table;
	width:100%;
	/*font-size:13px;
	font-size:0.82rem;*/
	font-size:14px;
	font-size:0.88rem;
	font-weight:bold;
}

#footerMenu ul li {
	display:table-cell;
	line-height:1.5;
	text-align:center;
	white-space:nowrap;
}

#footerMenu ul li a,
#footerMenu ul li .noLink {
	display:block;
	position:relative;
	padding:19px 20px;
	color:#333;
	text-decoration:none;
}

#footerMenu ul li .noLink { color:#ccc; }

#english #footerMenu ul li.btEnglish a { color:#e46022; }
#multiculture #footerMenu ul li.btMulticulture a { color:#008ccf; }
#study #footerMenu ul li.btStudy a,
#interview #footerMenu ul li.btInterview a,
#international #footerMenu ul li.btInternational a,
#scholarship #footerMenu ul li.btScholarship a,
#news #footerMenu ul li.btNews a { color:#21b7c5; }

#footerMenu ul li a span,
#footerMenu ul li .noLink span {
	display:inline-block;
	position:relative;
	padding:8px 0 6px 0;
	border-bottom:2px solid transparent;
}

#english #footerMenu ul li.btEnglish a span { border-color:#e46022; }
#multiculture #footerMenu ul li.btMulticulture a span { border-color:#008ccf; }
#study #footerMenu ul li.btStudy a span,
#interview #footerMenu ul li.btInterview a span,
#international #footerMenu ul li.btInternational a span,
#scholarship #footerMenu ul li.btScholarship a span,
#news #footerMenu ul li.btNews a span { border-color:#21b7c5; }

#footerMenu ul li a:hover { opacity:0.7; }

#footerMenu ul li a:before,
#footerMenu ul li .noLink:before {
	position:absolute;
	top:50%;
	left:0;
	margin-top:-8px;
	width:1px;
	height:16px;
	background:#b3b3b3;
	content:"";
}

#footerMenu ul li a.blank span {
	padding-right:20px;
}

#footerMenu ul li a.blank span:before {
	position:absolute;
	top:50%;
	right:0;
	margin-top:-10px;
	width:11px;
	height:11px;
	background-image:url("../img/icon_window_black.png");
	background-size:contain;
	content:'';
}

#footerMenu ul li:first-child a:before { display:none; }


/* ===== Banner ===== */
#bannerArea {
	padding:30px 0;
	background:#f2f2f2;
}

#bannerArea .container {
	margin:0 auto;
	width:1080px;
}

#bannerArea .list01 {
	margin:0 -10px;
	font-size:24px;
	font-size:1.5rem;
	font-weight:bold;
}

#bannerArea .list01 li {
	float:left;
	padding:0 10px;
	width:25%;
	line-height:1.5;
}

#bannerArea .list01 li a {
	display:block;
	position:relative;
	padding:97px 0 27px 0;
	border-radius:5px;
	background:#fff;
	color:#333;
	text-align:center;
	text-decoration:none;
}

#bannerArea .list01 li a:before {
	position:absolute;
	top:33px;
	left:50%;
	margin-left:-30px;
	width:60px;
	height:54px;
	background:transparent none 50% 50% no-repeat;
	content:'';
}

#bannerArea .list01 li.btOpencampus a:before { background-image:url("../img/icon_opencampus.png"); }
#bannerArea .list01 li.btAdmission a:before { background-image:url("../img/icon_admission.png"); }
#bannerArea .list01 li.btRequest a:before { background-image:url("../img/icon_request.png"); }
#bannerArea .list01 li.btAccess a:before { background-image:url("../img/icon_access.png"); }

#bannerArea .list01 li a:after {
	position:absolute;
	top:15px;
	right:15px;
	width:13px;
	height:13px;
	background:transparent url("../img/icon_window_gray.png") 50% 50% no-repeat;
	background-size:contain;
	content:'';
}

#bannerArea .list01 li a .ja {
	display:block;
	letter-spacing:0.05em;
}

#bannerArea .list01 li a .en {
	display:block;
	margin-top:2px;
	font-size:12px;
	font-size:0.75rem;
	color:#21b7c5;
	letter-spacing:0.13em;
}

#bannerArea .list01 li a:hover { opacity:0.7; }


#bannerArea .list02 {
	margin:0 -5px;
	font-size:20px;
	font-size:1.25rem;
	font-weight:bold;
}

#bannerArea .list02 li {
	float:left;
	margin:0 5px;
	width:208px;
	line-height:1.1;
}

#bannerArea .list02 li a {
	display:block;
	position:relative;
	padding:28px 5px;
	border-radius:5px;
	min-height:100px;
	background:#fff;
	color:#333;
	text-align:center;
	text-decoration:none;
}

#bannerArea .list02 li.btOpencampus a { padding:17px 5px; }

#bannerArea .list02 li a:after {
	position:absolute;
	top:7px;
	right:7px;
	width:13px;
	height:13px;
	background:transparent url("../img/icon_window_gray.png") 50% 50% no-repeat;
	background-size:contain;
	content:'';
}

#bannerArea .list02 li a:hover { opacity:0.7; }

#bannerArea .list02 li .bg {
	display:inline-block;
	background:transparent none 0 50% no-repeat;
	text-align:left;
}

#bannerArea .list02 li.btOpencampus .bg { padding-left:60px; background-image:url("../img/icon_opencampus2.png"); background-size:42px auto; }
#bannerArea .list02 li.btCareer .bg { padding-left:45px; background-image:url("../img/icon_career2.png"); background-size:32px auto; }
#bannerArea .list02 li.btAdmission .bg { padding-left:50px; background-image:url("../img/icon_admission2.png"); background-size:38px auto; }
#bannerArea .list02 li.btScholarship .bg { padding-left:60px; background-image:url("../img/icon_scholarship2.png"); background-size:44px auto; }
#bannerArea .list02 li.btRequest .bg { padding-left:50px; background-image:url("../img/icon_request2.png"); background-size:34px auto; }

#bannerArea .list02 li .ja {
	display:block;
	margin-bottom:9px;
}

#bannerArea .list02 li .en {
	display:block;
	font-size:12px;
	font-size:0.75rem;
	color:#21b7c5;
	letter-spacing:0.1em;
}

#english #bannerArea .list02 li .en { color:#e46022; }
#english #bannerArea .list02 li.btOpencampus .bg { background-image:url("../img/icon_opencampus2_english.png"); }
#english #bannerArea .list02 li.btCareer .bg { background-image:url("../img/icon_career2_english.png"); }
#english #bannerArea .list02 li.btAdmission .bg { background-image:url("../img/icon_admission2_english.png"); }
#english #bannerArea .list02 li.btScholarship .bg { background-image:url("../img/icon_scholarship2_english.png"); }
#english #bannerArea .list02 li.btRequest .bg { background-image:url("../img/icon_request2_english.png"); }

#multiculture #bannerArea .list02 li .en { color:#008ccf; }
#multiculture #bannerArea .list02 li.btOpencampus .bg { background-image:url("../img/icon_opencampus2_multiculture.png"); }
#multiculture #bannerArea .list02 li.btCareer .bg { background-image:url("../img/icon_career2_multiculture.png"); }
#multiculture #bannerArea .list02 li.btAdmission .bg { background-image:url("../img/icon_admission2_multiculture.png"); }
#multiculture #bannerArea .list02 li.btScholarship .bg { background-image:url("../img/icon_scholarship2_multiculture.png"); }
#multiculture #bannerArea .list02 li.btRequest .bg { background-image:url("../img/icon_request2_multiculture.png"); }


/* ===== Caution ===== */
.caution {
	padding:7px 0;
	border-top:1px solid #ddd;
	background:#fff;
	font-size:12px;
	font-size:0.75rem;
	text-align:center;
}


/* ===== Contact ===== */
#contactArea {
	padding:60px 0;
	background:transparent url("../img/bg_contact.jpg") 50% 50% no-repeat;
	background-size:100% 100%;
}

#contactArea .container {
	margin:0 auto;
	width:1080px;
}

#contactArea .logo01 {
	float:left;
	margin-right:40px;
	width:220px;
}

#contactArea .logo02 {
	float:left;
	margin-right:40px;
	width:270px;
}

#contactArea .listContact {
	float:right;
	margin-top:13px;
	border-left:1px solid #ccc;
	font-size:14px;
	font-size:0.88rem;
	font-weight:bold;
}

#contactArea .listContact li {
	float:left;
	border-right:1px solid #ccc;
	line-height:1;
}

#contactArea .listContact li a {
	display:inline-block;
	padding:0 20px;
	color:#333;
	text-decoration:none;
}

#contactArea .listContact li a:hover { opacity:0.7; }

#contactArea .listContact li a span {
	display:inline-block;
	padding:2px 0 2px 30px;
	background:transparent url("../img/icon_mail.png") 0 50% no-repeat;
	background-size:24px auto;
}


/* ===== Pagetop ===== */
#pagetop {
	position:fixed;
	right:0;
	bottom:0;
	opacity:0;
	visibility:hidden;
	transition:opacity 0.5s, visibility 0.5s;
}

#pagetop.visible { opacity:1; visibility:visible; }

#pagetop a {
	display:block;
	border-radius:5px 0 0 0;
	background:#fff;
	box-shadow:0 0 12px rgba(0,0,0,0.2);
	overflow:hidden;
}

#pagetop a:hover { opacity:0.7; }


/* ===== Copyright ===== */
#copyrightArea {
	padding:20px 0;
	background:transparent url("../img/bg_footer.jpg") 50% 50% no-repeat;
	background-size:100% 100%;
}

#copyrightArea address {
	margin-bottom:10px;
	font-size:14px;
	font-size:0.88rem;
	font-style:normal;
	color:#fff;
	text-align:center;
	line-height:1.5;
}

#copyrightArea .copyright {
	font-size:12px;
	font-size:0.75rem;
	font-family:"Adobe Garamond",Garamond,"Times New Roman",serif;
	color:#fff;
	text-align:center;
	letter-spacing:0.1em;
	line-height:1.5;
}


/* ===== Banner ===== */
#footerBannerArea {
	display:none !important;
}


/**************************************************
		Common
**************************************************/
/* ===== Margin ===== */
.mAuto { margin-left:auto !important; margin-right:auto !important; }

.mt0   { margin-top:0 !important; }
.mt1   { margin-top:1px !important; }
.mt2   { margin-top:2px !important; }
.mt3   { margin-top:3px !important; }
.mt4   { margin-top:4px !important; }
.mt5   { margin-top:5px !important; }
.mt6   { margin-top:6px !important; }
.mt7   { margin-top:7px !important; }
.mt8   { margin-top:8px !important; }
.mt9   { margin-top:9px !important; }
.mt10  { margin-top:10px !important; }
.mt11  { margin-top:11px !important; }
.mt12  { margin-top:12px !important; }
.mt13  { margin-top:13px !important; }
.mt14  { margin-top:14px !important; }
.mt15  { margin-top:15px !important; }
.mt16  { margin-top:16px !important; }
.mt17  { margin-top:17px !important; }
.mt18  { margin-top:18px !important; }
.mt19  { margin-top:19px !important; }
.mt20  { margin-top:20px !important; }
.mt25  { margin-top:25px !important; }
.mt30  { margin-top:30px !important; }
.mt35  { margin-top:35px !important; }
.mt40  { margin-top:40px !important; }
.mt45  { margin-top:45px !important; }
.mt50  { margin-top:50px !important; }
.mt55  { margin-top:55px !important; }
.mt60  { margin-top:60px !important; }
.mt65  { margin-top:65px !important; }
.mt70  { margin-top:70px !important; }
.mt75  { margin-top:75px !important; }
.mt80  { margin-top:80px !important; }
.mt85  { margin-top:85px !important; }
.mt90  { margin-top:90px !important; }
.mt95  { margin-top:95px !important; }
.mt100 { margin-top:100px !important; }

.mb0   { margin-bottom:0 !important; }
.mb1   { margin-bottom:1px !important; }
.mb2   { margin-bottom:2px !important; }
.mb3   { margin-bottom:3px !important; }
.mb4   { margin-bottom:4px !important; }
.mb5   { margin-bottom:5px !important; }
.mb6   { margin-bottom:6px !important; }
.mb7   { margin-bottom:7px !important; }
.mb8   { margin-bottom:8px !important; }
.mb9   { margin-bottom:9px !important; }
.mb10  { margin-bottom:10px !important; }
.mb11  { margin-bottom:11px !important; }
.mb12  { margin-bottom:12px !important; }
.mb13  { margin-bottom:13px !important; }
.mb14  { margin-bottom:14px !important; }
.mb15  { margin-bottom:15px !important; }
.mb16  { margin-bottom:16px !important; }
.mb17  { margin-bottom:17px !important; }
.mb18  { margin-bottom:18px !important; }
.mb19  { margin-bottom:19px !important; }
.mb20  { margin-bottom:20px !important; }
.mb25  { margin-bottom:25px !important; }
.mb30  { margin-bottom:30px !important; }
.mb35  { margin-bottom:35px !important; }
.mb40  { margin-bottom:40px !important; }
.mb45  { margin-bottom:45px !important; }
.mb50  { margin-bottom:50px !important; }
.mb55  { margin-bottom:55px !important; }
.mb60  { margin-bottom:60px !important; }
.mb65  { margin-bottom:65px !important; }
.mb70  { margin-bottom:70px !important; }
.mb75  { margin-bottom:75px !important; }
.mb80  { margin-bottom:80px !important; }
.mb85  { margin-bottom:85px !important; }
.mb90  { margin-bottom:90px !important; }
.mb95  { margin-bottom:95px !important; }
.mb100 { margin-bottom:100px !important; }
.mb110 { margin-bottom:110px !important; }
.mb120 { margin-bottom:120px !important; }
.mb130 { margin-bottom:130px !important; }
.mb140 { margin-bottom:140px !important; }
.mb150 { margin-bottom:150px !important; }

.ml0   { margin-left:0 !important; }
.ml1   { margin-left:1px !important; }
.ml2   { margin-left:2px !important; }
.ml3   { margin-left:3px !important; }
.ml4   { margin-left:4px !important; }
.ml5   { margin-left:5px !important; }
.ml6   { margin-left:6px !important; }
.ml7   { margin-left:7px !important; }
.ml8   { margin-left:8px !important; }
.ml9   { margin-left:9px !important; }
.ml10  { margin-left:10px !important; }
.ml11  { margin-left:11px !important; }
.ml12  { margin-left:12px !important; }
.ml13  { margin-left:13px !important; }
.ml14  { margin-left:14px !important; }
.ml15  { margin-left:15px !important; }
.ml16  { margin-left:16px !important; }
.ml17  { margin-left:17px !important; }
.ml18  { margin-left:18px !important; }
.ml19  { margin-left:19px !important; }
.ml20  { margin-left:20px !important; }
.ml25  { margin-left:25px !important; }
.ml30  { margin-left:30px !important; }
.ml35  { margin-left:35px !important; }
.ml40  { margin-left:40px !important; }
.ml45  { margin-left:45px !important; }
.ml50  { margin-left:50px !important; }
.ml55  { margin-left:55px !important; }
.ml60  { margin-left:60px !important; }
.ml65  { margin-left:65px !important; }
.ml70  { margin-left:70px !important; }
.ml75  { margin-left:75px !important; }
.ml80  { margin-left:80px !important; }
.ml85  { margin-left:85px !important; }
.ml90  { margin-left:90px !important; }
.ml95  { margin-left:95px !important; }
.ml100 { margin-left:100px !important; }

.mr0   { margin-right:0 !important; }
.mr1   { margin-right:1px !important; }
.mr2   { margin-right:2px !important; }
.mr3   { margin-right:3px !important; }
.mr4   { margin-right:4px !important; }
.mr5   { margin-right:5px !important; }
.mr6   { margin-right:6px !important; }
.mr7   { margin-right:7px !important; }
.mr8   { margin-right:8px !important; }
.mr9   { margin-right:9px !important; }
.mr10  { margin-right:10px !important; }
.mr11  { margin-right:11px !important; }
.mr12  { margin-right:12px !important; }
.mr13  { margin-right:13px !important; }
.mr14  { margin-right:14px !important; }
.mr15  { margin-right:15px !important; }
.mr16  { margin-right:16px !important; }
.mr17  { margin-right:17px !important; }
.mr18  { margin-right:18px !important; }
.mr19  { margin-right:19px !important; }
.mr20  { margin-right:20px !important; }
.mr25  { margin-right:25px !important; }
.mr30  { margin-right:30px !important; }
.mr35  { margin-right:35px !important; }
.mr40  { margin-right:40px !important; }
.mr45  { margin-right:45px !important; }
.mr50  { margin-right:50px !important; }
.mr55  { margin-right:55px !important; }
.mr60  { margin-right:60px !important; }
.mr65  { margin-right:65px !important; }
.mr70  { margin-right:70px !important; }
.mr75  { margin-right:75px !important; }
.mr80  { margin-right:80px !important; }
.mr85  { margin-right:85px !important; }
.mr90  { margin-right:90px !important; }
.mr95  { margin-right:95px !important; }
.mr100 { margin-right:100px !important; }


/* ===== Negative Margin ===== */
.mt-1   { margin-top:-1px !important; }
.mt-2   { margin-top:-2px !important; }
.mt-3   { margin-top:-3px !important; }
.mt-4   { margin-top:-4px !important; }
.mt-5   { margin-top:-5px !important; }
.mt-6   { margin-top:-6px !important; }
.mt-7   { margin-top:-7px !important; }
.mt-8   { margin-top:-8px !important; }
.mt-9   { margin-top:-9px !important; }
.mt-10  { margin-top:-10px !important; }
.mt-11  { margin-top:-11px !important; }
.mt-12  { margin-top:-12px !important; }
.mt-13  { margin-top:-13px !important; }
.mt-14  { margin-top:-14px !important; }
.mt-15  { margin-top:-15px !important; }
.mt-16  { margin-top:-16px !important; }
.mt-17  { margin-top:-17px !important; }
.mt-18  { margin-top:-18px !important; }
.mt-19  { margin-top:-19px !important; }
.mt-20  { margin-top:-20px !important; }
.mt-25  { margin-top:-25px !important; }
.mt-30  { margin-top:-30px !important; }
.mt-35  { margin-top:-35px !important; }
.mt-40  { margin-top:-40px !important; }
.mt-45  { margin-top:-45px !important; }
.mt-50  { margin-top:-50px !important; }
.mt-55  { margin-top:-55px !important; }
.mt-60  { margin-top:-60px !important; }
.mt-65  { margin-top:-65px !important; }
.mt-70  { margin-top:-70px !important; }
.mt-75  { margin-top:-75px !important; }
.mt-80  { margin-top:-80px !important; }
.mt-85  { margin-top:-85px !important; }
.mt-90  { margin-top:-90px !important; }
.mt-95  { margin-top:-95px !important; }
.mt-100 { margin-top:-100px !important; }
.mt-110 { margin-top:-110px !important; }
.mt-120 { margin-top:-120px !important; }
.mt-130 { margin-top:-130px !important; }
.mt-140 { margin-top:-140px !important; }
.mt-150 { margin-top:-150px !important; }

.mb-1   { margin-bottom:-1px !important; }
.mb-2   { margin-bottom:-2px !important; }
.mb-3   { margin-bottom:-3px !important; }
.mb-4   { margin-bottom:-4px !important; }
.mb-5   { margin-bottom:-5px !important; }
.mb-6   { margin-bottom:-6px !important; }
.mb-7   { margin-bottom:-7px !important; }
.mb-8   { margin-bottom:-8px !important; }
.mb-9   { margin-bottom:-9px !important; }
.mb-10  { margin-bottom:-10px !important; }
.mb-11  { margin-bottom:-11px !important; }
.mb-12  { margin-bottom:-12px !important; }
.mb-13  { margin-bottom:-13px !important; }
.mb-14  { margin-bottom:-14px !important; }
.mb-15  { margin-bottom:-15px !important; }
.mb-16  { margin-bottom:-16px !important; }
.mb-17  { margin-bottom:-17px !important; }
.mb-18  { margin-bottom:-18px !important; }
.mb-19  { margin-bottom:-19px !important; }
.mb-20  { margin-bottom:-20px !important; }
.mb-25  { margin-bottom:-25px !important; }
.mb-30  { margin-bottom:-30px !important; }
.mb-35  { margin-bottom:-35px !important; }
.mb-40  { margin-bottom:-40px !important; }
.mb-45  { margin-bottom:-45px !important; }
.mb-50  { margin-bottom:-50px !important; }
.mb-55  { margin-bottom:-55px !important; }
.mb-60  { margin-bottom:-60px !important; }
.mb-65  { margin-bottom:-65px !important; }
.mb-70  { margin-bottom:-70px !important; }
.mb-75  { margin-bottom:-75px !important; }
.mb-80  { margin-bottom:-80px !important; }
.mb-85  { margin-bottom:-85px !important; }
.mb-90  { margin-bottom:-90px !important; }
.mb-95  { margin-bottom:-95px !important; }
.mb-100 { margin-bottom:-100px !important; }

.ml-1   { margin-left:-1px !important; }
.ml-2   { margin-left:-2px !important; }
.ml-3   { margin-left:-3px !important; }
.ml-4   { margin-left:-4px !important; }
.ml-5   { margin-left:-5px !important; }
.ml-6   { margin-left:-6px !important; }
.ml-7   { margin-left:-7px !important; }
.ml-8   { margin-left:-8px !important; }
.ml-9   { margin-left:-9px !important; }
.ml-10  { margin-left:-10px !important; }
.ml-11  { margin-left:-11px !important; }
.ml-12  { margin-left:-12px !important; }
.ml-13  { margin-left:-13px !important; }
.ml-14  { margin-left:-14px !important; }
.ml-15  { margin-left:-15px !important; }
.ml-16  { margin-left:-16px !important; }
.ml-17  { margin-left:-17px !important; }
.ml-18  { margin-left:-18px !important; }
.ml-19  { margin-left:-19px !important; }
.ml-20  { margin-left:-20px !important; }
.ml-25  { margin-left:-25px !important; }
.ml-30  { margin-left:-30px !important; }
.ml-35  { margin-left:-35px !important; }
.ml-40  { margin-left:-40px !important; }
.ml-45  { margin-left:-45px !important; }
.ml-50  { margin-left:-50px !important; }
.ml-55  { margin-left:-55px !important; }
.ml-60  { margin-left:-60px !important; }
.ml-65  { margin-left:-65px !important; }
.ml-70  { margin-left:-70px !important; }
.ml-75  { margin-left:-75px !important; }
.ml-80  { margin-left:-80px !important; }
.ml-85  { margin-left:-85px !important; }
.ml-90  { margin-left:-90px !important; }
.ml-95  { margin-left:-95px !important; }
.ml-100 { margin-left:-100px !important; }
.ml-150 { margin-left:-150px !important; }

.mr-1   { margin-right:-1px !important; }
.mr-2   { margin-right:-2px !important; }
.mr-3   { margin-right:-3px !important; }
.mr-4   { margin-right:-4px !important; }
.mr-5   { margin-right:-5px !important; }
.mr-6   { margin-right:-6px !important; }
.mr-7   { margin-right:-7px !important; }
.mr-8   { margin-right:-8px !important; }
.mr-9   { margin-right:-9px !important; }
.mr-10  { margin-right:-10px !important; }
.mr-11  { margin-right:-11px !important; }
.mr-12  { margin-right:-12px !important; }
.mr-13  { margin-right:-13px !important; }
.mr-14  { margin-right:-14px !important; }
.mr-15  { margin-right:-15px !important; }
.mr-16  { margin-right:-16px !important; }
.mr-17  { margin-right:-17px !important; }
.mr-18  { margin-right:-18px !important; }
.mr-19  { margin-right:-19px !important; }
.mr-20  { margin-right:-20px !important; }
.mr-25  { margin-right:-25px !important; }
.mr-30  { margin-right:-30px !important; }
.mr-35  { margin-right:-35px !important; }
.mr-40  { margin-right:-40px !important; }
.mr-45  { margin-right:-45px !important; }
.mr-50  { margin-right:-50px !important; }
.mr-55  { margin-right:-55px !important; }
.mr-60  { margin-right:-60px !important; }
.mr-65  { margin-right:-65px !important; }
.mr-70  { margin-right:-70px !important; }
.mr-75  { margin-right:-75px !important; }
.mr-80  { margin-right:-80px !important; }
.mr-85  { margin-right:-85px !important; }
.mr-90  { margin-right:-90px !important; }
.mr-95  { margin-right:-95px !important; }
.mr-100 { margin-right:-100px !important; }


/* ===== Padding ===== */
.pt0   { padding-top:0 !important; }
.pt1   { padding-top:1px !important; }
.pt2   { padding-top:2px !important; }
.pt3   { padding-top:3px !important; }
.pt4   { padding-top:4px !important; }
.pt5   { padding-top:5px !important; }
.pt6   { padding-top:6px !important; }
.pt7   { padding-top:7px !important; }
.pt8   { padding-top:8px !important; }
.pt9   { padding-top:9px !important; }
.pt10  { padding-top:10px !important; }
.pt11  { padding-top:11px !important; }
.pt12  { padding-top:12px !important; }
.pt13  { padding-top:13px !important; }
.pt14  { padding-top:14px !important; }
.pt15  { padding-top:15px !important; }
.pt16  { padding-top:16px !important; }
.pt17  { padding-top:17px !important; }
.pt18  { padding-top:18px !important; }
.pt19  { padding-top:19px !important; }
.pt20  { padding-top:20px !important; }
.pt25  { padding-top:25px !important; }
.pt30  { padding-top:30px !important; }
.pt35  { padding-top:35px !important; }
.pt40  { padding-top:40px !important; }
.pt45  { padding-top:45px !important; }
.pt50  { padding-top:50px !important; }
.pt55  { padding-top:55px !important; }
.pt60  { padding-top:60px !important; }
.pt65  { padding-top:65px !important; }
.pt70  { padding-top:70px !important; }
.pt75  { padding-top:75px !important; }
.pt80  { padding-top:80px !important; }
.pt85  { padding-top:85px !important; }
.pt90  { padding-top:90px !important; }
.pt95  { padding-top:95px !important; }
.pt100 { padding-top:100px !important; }

.pb0   { padding-bottom:0 !important; }
.pb1   { padding-bottom:1px !important; }
.pb2   { padding-bottom:2px !important; }
.pb3   { padding-bottom:3px !important; }
.pb4   { padding-bottom:4px !important; }
.pb5   { padding-bottom:5px !important; }
.pb6   { padding-bottom:6px !important; }
.pb7   { padding-bottom:7px !important; }
.pb8   { padding-bottom:8px !important; }
.pb9   { padding-bottom:9px !important; }
.pb10  { padding-bottom:10px !important; }
.pb11  { padding-bottom:11px !important; }
.pb12  { padding-bottom:12px !important; }
.pb13  { padding-bottom:13px !important; }
.pb14  { padding-bottom:14px !important; }
.pb15  { padding-bottom:15px !important; }
.pb16  { padding-bottom:16px !important; }
.pb17  { padding-bottom:17px !important; }
.pb18  { padding-bottom:18px !important; }
.pb19  { padding-bottom:19px !important; }
.pb20  { padding-bottom:20px !important; }
.pb25  { padding-bottom:25px !important; }
.pb30  { padding-bottom:30px !important; }
.pb35  { padding-bottom:35px !important; }
.pb40  { padding-bottom:40px !important; }
.pb45  { padding-bottom:45px !important; }
.pb50  { padding-bottom:50px !important; }
.pb55  { padding-bottom:55px !important; }
.pb60  { padding-bottom:60px !important; }
.pb65  { padding-bottom:65px !important; }
.pb70  { padding-bottom:70px !important; }
.pb75  { padding-bottom:75px !important; }
.pb80  { padding-bottom:80px !important; }
.pb85  { padding-bottom:85px !important; }
.pb90  { padding-bottom:90px !important; }
.pb95  { padding-bottom:95px !important; }
.pb100 { padding-bottom:100px !important; }

.pl0   { padding-left:0 !important; }
.pl1   { padding-left:1px !important; }
.pl2   { padding-left:2px !important; }
.pl3   { padding-left:3px !important; }
.pl4   { padding-left:4px !important; }
.pl5   { padding-left:5px !important; }
.pl6   { padding-left:6px !important; }
.pl7   { padding-left:7px !important; }
.pl8   { padding-left:8px !important; }
.pl9   { padding-left:9px !important; }
.pl10  { padding-left:10px !important; }
.pl11  { padding-left:11px !important; }
.pl12  { padding-left:12px !important; }
.pl13  { padding-left:13px !important; }
.pl14  { padding-left:14px !important; }
.pl15  { padding-left:15px !important; }
.pl16  { padding-left:16px !important; }
.pl17  { padding-left:17px !important; }
.pl18  { padding-left:18px !important; }
.pl19  { padding-left:19px !important; }
.pl20  { padding-left:20px !important; }
.pl25  { padding-left:25px !important; }
.pl30  { padding-left:30px !important; }
.pl35  { padding-left:35px !important; }
.pl40  { padding-left:40px !important; }
.pl45  { padding-left:45px !important; }
.pl50  { padding-left:50px !important; }
.pl55  { padding-left:55px !important; }
.pl60  { padding-left:60px !important; }
.pl65  { padding-left:65px !important; }
.pl70  { padding-left:70px !important; }
.pl75  { padding-left:75px !important; }
.pl80  { padding-left:80px !important; }
.pl85  { padding-left:85px !important; }
.pl90  { padding-left:90px !important; }
.pl95  { padding-left:95px !important; }
.pl100 { padding-left:100px !important; }

.pr0   { padding-right:0 !important; }
.pr1   { padding-right:1px !important; }
.pr2   { padding-right:2px !important; }
.pr3   { padding-right:3px !important; }
.pr4   { padding-right:4px !important; }
.pr5   { padding-right:5px !important; }
.pr6   { padding-right:6px !important; }
.pr7   { padding-right:7px !important; }
.pr8   { padding-right:8px !important; }
.pr9   { padding-right:9px !important; }
.pr10  { padding-right:10px !important; }
.pr11  { padding-right:11px !important; }
.pr12  { padding-right:12px !important; }
.pr13  { padding-right:13px !important; }
.pr14  { padding-right:14px !important; }
.pr15  { padding-right:15px !important; }
.pr16  { padding-right:16px !important; }
.pr17  { padding-right:17px !important; }
.pr18  { padding-right:18px !important; }
.pr19  { padding-right:19px !important; }
.pr20  { padding-right:20px !important; }
.pr25  { padding-right:25px !important; }
.pr30  { padding-right:30px !important; }
.pr35  { padding-right:35px !important; }
.pr40  { padding-right:40px !important; }
.pr45  { padding-right:45px !important; }
.pr50  { padding-right:50px !important; }
.pr55  { padding-right:55px !important; }
.pr60  { padding-right:60px !important; }
.pr65  { padding-right:65px !important; }
.pr70  { padding-right:70px !important; }
.pr75  { padding-right:75px !important; }
.pr80  { padding-right:80px !important; }
.pr85  { padding-right:85px !important; }
.pr90  { padding-right:90px !important; }
.pr95  { padding-right:95px !important; }
.pr100 { padding-right:100px !important; }


/* ===== Width ===== */
.w10  { width:10px !important; }
.w20  { width:20px !important; }
.w30  { width:30px !important; }
.w40  { width:40px !important; }
.w50  { width:50px !important; }
.w60  { width:60px !important; }
.w70  { width:70px !important; }
.w80  { width:80px !important; }
.w90  { width:90px !important; }
.w100 { width:100px !important; }
.w110 { width:110px !important; }
.w120 { width:120px !important; }
.w130 { width:130px !important; }
.w140 { width:140px !important; }
.w150 { width:150px !important; }
.w160 { width:160px !important; }
.w170 { width:170px !important; }
.w180 { width:180px !important; }
.w190 { width:190px !important; }
.w200 { width:200px !important; }
.w210 { width:210px !important; }
.w220 { width:220px !important; }
.w230 { width:230px !important; }
.w240 { width:240px !important; }
.w250 { width:250px !important; }
.w260 { width:260px !important; }
.w270 { width:270px !important; }
.w280 { width:280px !important; }
.w290 { width:290px !important; }
.w300 { width:300px !important; }
.w310 { width:310px !important; }
.w320 { width:320px !important; }
.w330 { width:330px !important; }
.w340 { width:340px !important; }
.w350 { width:350px !important; }
.w360 { width:360px !important; }
.w370 { width:370px !important; }
.w380 { width:380px !important; }
.w390 { width:390px !important; }
.w400 { width:400px !important; }
.w410 { width:410px !important; }
.w420 { width:420px !important; }
.w430 { width:430px !important; }
.w440 { width:440px !important; }
.w450 { width:450px !important; }
.w460 { width:460px !important; }
.w470 { width:470px !important; }
.w480 { width:480px !important; }
.w490 { width:490px !important; }
.w500 { width:500px !important; }
.w510 { width:510px !important; }
.w520 { width:520px !important; }
.w530 { width:530px !important; }
.w540 { width:540px !important; }
.w550 { width:550px !important; }
.w560 { width:560px !important; }
.w570 { width:570px !important; }
.w580 { width:580px !important; }
.w590 { width:590px !important; }
.w600 { width:600px !important; }
.w610 { width:610px !important; }
.w620 { width:620px !important; }
.w630 { width:630px !important; }
.w640 { width:640px !important; }
.w650 { width:650px !important; }
.w660 { width:660px !important; }
.w670 { width:670px !important; }
.w680 { width:680px !important; }
.w685 { width:685px !important; }
.w690 { width:690px !important; }
.w700 { width:700px !important; }
.w710 { width:710px !important; }
.w720 { width:720px !important; }
.w730 { width:730px !important; }
.w740 { width:740px !important; }
.w750 { width:750px !important; }
.w760 { width:760px !important; }
.w770 { width:770px !important; }
.w780 { width:780px !important; }
.w790 { width:790px !important; }
.w800 { width:800px !important; }
.w810 { width:810px !important; }
.w820 { width:820px !important; }
.w830 { width:830px !important; }
.w840 { width:840px !important; }
.w850 { width:850px !important; }
.w860 { width:860px !important; }
.w870 { width:870px !important; }
.w880 { width:880px !important; }
.w890 { width:890px !important; }
.w900 { width:900px !important; }
.w910 { width:910px !important; }
.w920 { width:920px !important; }
.w930 { width:930px !important; }
.w940 { width:940px !important; }
.w950 { width:950px !important; }
.w960 { width:960px !important; }
.w970 { width:970px !important; }
.w980 { width:980px !important; }
.w5p   { width:5% !important; }
.w10p  { width:10% !important; }
.w15p  { width:15% !important; }
.w20p  { width:20% !important; }
.w25p  { width:25% !important; }
.w30p  { width:30% !important; }
.w33p  { width:33% !important; }
.w35p  { width:35% !important; }
.w40p  { width:40% !important; }
.w45p  { width:45% !important; }
.w50p  { width:50% !important; }
.w55p  { width:55% !important; }
.w60p  { width:60% !important; }
.w65p  { width:65% !important; }
.w67p  { width:67% !important; }
.w70p  { width:70% !important; }
.w75p  { width:75% !important; }
.w80p  { width:80% !important; }
.w85p  { width:85% !important; }
.w90p  { width:90% !important; }
.w95p  { width:95% !important; }
.w100p { width:100% !important; }


/* ===== Font ===== */
.font10 { font-size:10px; font-size:0.63rem !important; }
.font11 { font-size:11px; font-size:0.69rem !important; }
.font12 { font-size:12px; font-size:0.75rem !important; }
.font13 { font-size:13px; font-size:0.82rem !important; }
.font14 { font-size:14px; font-size:0.88rem !important; }
.font15 { font-size:15px; font-size:0.94rem !important; }
.font16 { font-size:16px; font-size:1.00rem !important; }
.font17 { font-size:17px; font-size:1.07rem !important; }
.font18 { font-size:18px; font-size:1.13rem !important; }
.font19 { font-size:19px; font-size:1.19rem !important; }
.font20 { font-size:20px; font-size:1.25rem !important; }
.font21 { font-size:21px; font-size:1.32rem !important; }
.font22 { font-size:22px; font-size:1.38rem !important; }
.font23 { font-size:23px; font-size:1.44rem !important; }
.font24 { font-size:24px; font-size:1.50rem !important; }
.font25 { font-size:25px; font-size:1.57rem !important; }
.font26 { font-size:26px; font-size:1.63rem !important; }
.font27 { font-size:27px; font-size:1.69rem !important; }
.font28 { font-size:28px; font-size:1.75rem !important; }
.font29 { font-size:29px; font-size:1.82rem !important; }
.font30 { font-size:30px; font-size:1.88rem !important; }
.font31 { font-size:31px; font-size:1.94rem !important; }
.font32 { font-size:32px; font-size:2.00rem !important; }
.font33 { font-size:33px; font-size:2.07rem !important; }
.font34 { font-size:34px; font-size:2.13rem !important; }
.font35 { font-size:35px; font-size:2.19rem !important; }

.fontW300 { font-weight:300 !important; }
.fontW400 { font-weight:400 !important; }
.fontW500 { font-weight:500 !important; }
.fontW600 { font-weight:600 !important; }
.fontW700 { font-weight:700 !important; }
.fontBold { font-weight:bold !important; }
.fontNormal { font-weight:normal !important; }
.fontItalic { font-style:italic !important; }

.lh100 { line-height:1.0 !important; }
.lh110 { line-height:1.1 !important; }
.lh120 { line-height:1.2 !important; }
.lh130 { line-height:1.3 !important; }
.lh140 { line-height:1.4 !important; }
.lh150 { line-height:1.5 !important; }
.lh160 { line-height:1.6 !important; }
.lh170 { line-height:1.7 !important; }
.lh180 { line-height:1.8 !important; }
.lh190 { line-height:1.9 !important; }
.lh200 { line-height:2.0 !important; }

.fontBlack { color:#333333 !important; }
.fontWhite { color:#ffffff !important; }
.fontRed   { color:#932536 !important; }

.textLeft   { text-align:left !important; }
.textCenter { text-align:center !important; }
.textRight  { text-align:right !important; }


/* ===== Float ===== */
.fl { float:left !important; }
.fr { float:right !important; }
.clear { clear:both !important; }


/* ===== Display ===== */
.block  { display:block !important; }
.inline { display:inline !important; }
.inlineBlock { display:inline-block !important; }
.hidden { overflow:hidden !important; }