@charset "UTF-8";

/* fontsize
基本サイズ12px
表示したいサイズ	指定する値
10px						0.84em
11px						0.92em
12px						1.00em
13px						1.09em
14px						1.17em
15px						1.25em
16px						1.34em
17px						1.42em
18px						1.50em
19px						1.59em
20px						1.67em
21px						1.75em
22px						1.84em
23px						1.92em
24px						2.00em
25px						2.09em
26px						2.17em

基本サイズ13px
表示したいサイズ	指定する値
10px						0.77em
11px						0.85em
12px						0.93em
13px						1.00em
14px						1.08em
15px						1.16em
16px						1.24em
17px						1.31em
18px						1.39em
19px						1.47em
20px						1.54em
21px						1.62em
22px						1.70em
23px						1.77em
24px						1.85em
25px						1.93em
26px						2.00em

基本サイズ14px
表示したいサイズ	指定する値
10px						0.72em
11px						0.79em
12px						0.86em
13px						0.93em
14px						1.00em
15px						1.08em
16px						1.15em
17px						1.22em
18px						1.29em
19px						1.36em
20px						1.43em
21px						1.50em
22px						1.58em
23px						1.65em
24px						1.72em
25px						1.79em
26px						1.86em

基本サイズ15px
表示したいサイズ	指定する値
10px						0.67em
11px						0.74em
12px						0.80em
13px						0.87em
14px						0.94em
15px						1.00em
16px						1.07em
17px						1.14em
18px						1.20em
19px						1.27em
20px						1.34em
21px						1.40em
22px						1.47em
23px						1.54em
24px						1.60em
25px						1.67em
26px						1.74em

基本サイズ16px
表示したいサイズ	指定する値
10px						0.63em
11px						0.69em
12px						0.75em
13px						0.82em
14px						0.88em
15px						0.94em
16px						1.00em
17px						1.07em
18px						1.13em
19px						1.19em
20px						1.25em
21px						1.32em
22px						1.38em
23px						1.44em
24px						1.50em
25px						1.57em
26px						1.63em
*/

/* ===========================================================
==============================================================
	Bace Tag set
==============================================================	
=========================================================== */

body {
	line-height: 1;
	background-color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

body.font-m { font-size: 12px; }
body.font-l { font-size: 14px; }
a { font-style: inherit; font-weight: inherit; text-decoration: underline; color: #1477a9; }
a:link,
a:visited { color: #1477a9; }
a:hover { color: #006cb6; text-decoration: none; }

img { }

sup, sub { font-size: 0.78em; line-height: 100%; font-style: inherit; font-weight: inherit; }
sup { vertical-align: text-top; }
sub { vertical-align: baseline; }

small { font-size: 0.78em; }

.red { color: #C00; }
.white { color: #FFF; }

.pngfix {}

a.blank { background: url(/assets/img/common/ic_blank.png) 100% 50% no-repeat; padding: 0 10px 0 0;}
.blank_simple {}
.blank_pdf {}
.blank_word {}

.blank img,
.blank_simple img,
.blankPdf img{ vertical-align: baseline; }




/* ===========================================================
	clear-box set	
=========================================================== */

.common-width-box {
	width: 1000px;
	display: block; zoom: 100%; margin: 0px auto; padding: 0; clear: both;
}
.common-width-box:after { display: block; clear: both; content: " "; }

.full-width-box { width: 100%; display: block; zoom: 100%; margin: 0px auto; padding: 0px; clear: both; }
.full-width-box:after { display: block; clear: both; content: " "; }

.contents-inner { width: 1000px; display: block; zoom: 100%; margin: 0px auto; padding: 40px 0; clear: both; }
.contents-inner:after { display: block; clear: both; content: " "; }

.contents-inner.kv { margin: 0px auto; padding: 0px; }
.contents-inner.kv:after { display: block; clear: both; content: " "; }


#header, #footer,
div, ul, ol,
nav,
section,
.fix-box { display: block; zoom: 100%; }

#header:after, #footer:after,
div:after, ul:after, ol:after,
nav:after,
section:after,
.fix-box:after { display: block; clear: both; content: " "; }

.contents-inner { font-size: 1.2em; line-height: 1.8; }
.contents-inner h2 { margin: 0 0 40px 0; text-align: center; }
.contents-inner h3 { margin: 0 0 20px 0; }
.contents-inner p {
	margin: 1em 0 0 0;
}
.contents-inner p:first-child { margin: 0; }
.contents-inner .sell-2 {
	display: block;
	width: 490px;
	padding: 0;
	margin: 0;
}
.contents-inner .sell-2-l { float: left; }
.contents-inner .sell-2-r { float: right; }

/* ===========================================================
	header
=========================================================== */

#header {
	display: block;
	width: 100%;
	border-top: solid 5px #96d2ed;
}
#header-inner {
	display: block;
	width: 1000px;
	margin: 0 auto;
	padding: 30px 0 25px 0;
}
.login #header-inner {
	position: relative;
}

/* ---------------------------------------------------------------------------------
	Main Logo
--------------------------------------------------------------------------------- */
#header-main-logo { display: block; float: left; }
/* ---------------------------------------------------------------------------------
	Header function
--------------------------------------------------------------------------------- */
#header-function { display: block; float: right; }
.login #header-function { margin-right: 110px; }
/* ---------------------------------------------------------------------------------
	sitemap
--------------------------------------------------------------------------------- */

#header-btn-sitemap { display: block; float: left; margin: 0 20px 0 0; }

/* ---------------------------------------------------------------------------------
	Font size
--------------------------------------------------------------------------------- */
#fontsize { display: block; float: left; border-left: solid 1px #859fac; padding-left: 20px; }
.login #fontsize {  border-right: solid 1px #859fac; padding-right: 20px; }
#fontsize dt { display: block; float: left; margin: 0 10px 0 0; }
#fontsize dd { display: block; float: right; }
#fontsize dd ul li { display: block; margin: 0; float: left; }
#fontsize dd ul li a img { vertical-align: baseline; }

#fontsize dd ul a { display: block; padding: 0; background-color: #96d2ed; }
#fontsize dd ul a:hover { background-color: #006cb6; }
.font-m #fontsize dd ul .size-m a,
.font-m #fontsize dd ul .size-m a:hover,
.font-l #fontsize dd ul .size-l a,
.font-l #fontsize dd ul .size-l a:hover { background-color: #859fac; cursor: default; }

/* ---------------------------------------------------------------------------------
	btn-log
--------------------------------------------------------------------------------- */
#header-btn-log { position: absolute; top: 15px; right: 0; }
#header-btn-log li { height: 20px; margin: 2px 0; }

/* ===========================================================
	globalmenu
=========================================================== */

#globalmenu {
	display: block;
	width: 100%;
	height: 50px;
	background-color: #e4eaed;
}
#globalmenu-inner {
	display: block;
	width: 1000px;
	height: 50px;
	padding: 0;
	margin: 0 auto;
	clear: both;
}
#globalmenu img {
	vertical-align: bottom;
}

#globalmenu dl { display: block; float: left; position: relative; }
.login#globalmenu dl { width: 250px; }
.member#globalmenu dl { width: 200px; }

#globalmenu dl dt { display: block; }
#globalmenu dl dt a {
	display: block;
	border-top: solid 5px #e4eaed;
	border-bottom: solid 5px #e4eaed;
}
#globalmenu dl.menuhover dt a,
#globalmenu dl dt a:hover {
	border-top: solid 5px #1477a9;
	border-bottom: solid 5px #f4fafd;
	background-color: #f4fafd;
}
#globalmenu dl dt a.selected,
#globalmenu dl dt a.selected:hover,
#globalmenu dl.single dt a.selected,
#globalmenu dl.single dt a.selected:hover,
#globalmenu dl.single.menuhover dt a.selected,
#globalmenu dl.single.menuhover dt a.selected:hover {
	border-top: solid 5px #96d2ed;
	border-bottom: solid 5px #fff;
	background-color: #fff;
}
#globalmenu dl.single dt a.selected { cursor: default; }

#globalmenu dl.menuhover dt a.selected,
#globalmenu dl.menuhover dt a.selected:hover { border-top: solid 5px #1477a9; }

#globalmenu dl dd { display: block; position: absolute; top: 50px; left: 0; width: 100%; background-color: #fff; }
#globalmenu dl dd ul { display: block; border: solid 1px #E4EAED; border-top: none; }
#globalmenu dl dd ul li { display: block; vertical-align: bottom; border-top: dotted 1px #E4EAED; }
#globalmenu dl dd ul li a {
	display: block;
	vertical-align: bottom;
	padding: 15px 10px;
	text-decoration: none;
	font-size: 1em;
	line-height: 1.4;
	color: #333;
	background-color: #fff;
}
#globalmenu dl dd ul li a .fa { color: #96d2ed; }
#globalmenu dl dd ul li a:hover { background-color: #f4fafd; color: #006cb6; }
#globalmenu dl dd ul li a:hover .fa { color: #006cb6; }
	
/* ===========================================================
	breadcrumb
=========================================================== */

#breadcrumb, .breadcrumb {
	display: block;
	width: 100%;
	font-size: 1.0em;
	padding: 20px 0 0 0;
}

#breadcrumb ul, .breadcrumb ul {
	display: block;
	width: 1000px;
	margin: 0 auto;
	padding: 0;
}
#breadcrumb ul li ,.breadcrumb ul li {
	display: inline-block;
	*display: inline;  
    *zoom: 1;
	margin: 0 10px 0 0;
}
#breadcrumb ul li .fa ,.breadcrumb ul li .fa { color: #96d2ed; }
#breadcrumb ul li a, .breadcrumb ul li a {
	display: inline-block;
	*display: inline;  
    *zoom: 1;
	color: #5598b7;
	padding: 0;
	margin: 0 10px 0 0;
	text-decoration: none;
}
#breadcrumb ul li a:hover, .breadcrumb ul li a:hover { color: #1477a9; }



/* ===========================================================
	contents
=========================================================== */
#contents {
	display: block;
	width: 100%;
}
#contents-inner {
	display: block;
	width: 1000px;
	margin: 0 auto;
	padding: 30px 0;
	color: #333;
}

/* ---------------------------------------------------------------------------------
	main content
--------------------------------------------------------------------------------- */
#main-contents {
	display: block;
	width: 770px;
	margin: 0;
	padding: 0;
	float: right;
}
#main-contents .section {
	margin: 0 0 2.5em 0;
	display: block;
	clear: both;
}


/* ---------------------------------------------------------------------------------
	headline
--------------------------------------------------------------------------------- */
#main-contents h1 {
	display: block;
	padding: 0;
	margin: 0 0 2em 0;
	border-bottom: solid 5px #96D2ED;
}
#main-contents h2 {
	font-size: 1.50em;
	line-height: 1.6;
	margin: 2em 0 1.5em 0;
}
#main-contents .section h2.subtitle {
	margin: 0 0 0.5em 0;
}
#main-contents h2.subtitle {
	display: block;
	font-size: 1.50em;
	line-height: 1.4;
	background-color: #f4fafd;
}
#main-contents h2.subtitle span {
	display: block;
	border-left: double 8px #96D2ED;
	padding: 5px 12px 5px 10px;
	line-height: 1.6;
}

#main-contents h3 {
	font-size: 1.17em;
	line-height: 1.6;
	margin: 1.25em 0 1.25em 0;
	color: #666;
}
#main-contents h3.subtitle {
}
#main-contents h3.subtitle span {
	display: block;
	border-left: solid 5px #96D2ED;
	padding: 0px 10px;
	line-height: 1.6;
	font-weight: bold;
}


#main-contents p {
	font-size: 1em;
	line-height: 1.8;
	margin: 1em 0;
}



/* ---------------------------------------------------------------------------------
	list
--------------------------------------------------------------------------------- */

#main-contents ul,
#main-contents ol {
	font-size: 1em;
	line-height: 1.8;
	margin: 1em 0;
}
#main-contents ul li,
#main-contents ol li {
	margin: 0.5em 0;
	list-style-position: outside;
}
#main-contents ul li:last-child,
#main-contents ol li:last-child { margin: 0.5em 0 0 0; }

#main-contents ul.list-circle li { list-style-type: circle; }
#main-contents ul.list-disc li { list-style-type: disc; }
#main-contents ul.list-square li { list-style-type: square; }

#main-contents ol.list-decimal li { list-style-type: decimal; }
#main-contents ol.list-decimal-zero li { list-style-type: decimal-leading-zero; }
#main-contents ol.list-lower-roman li { list-style-type: lower-roman; }
#main-contents ol.list-lower-alpha li { list-style-type: lower-alpha; }
#main-contents ol.list-upper-alpha li { list-style-type: upper-alpha; }
#main-contents ol.list-cjk-ideographic li { list-style-type: cjk-ideographic; }
#main-contents ol.list-hiragana li { list-style-type: hiragana; }
#main-contents ol.list-hiragana-iroha li { list-style-type: hiragana-iroha; }
#main-contents ol.list-katakana li { list-style-type: katakana; }
#main-contents ol.list-katakana-iroha li { list-style-type: katakana-iroha; }

#main-contents ul.list-circle,
#main-contents ul.list-disc,
#main-contents ul.list-square,
#main-contents ol.list-decimal,
#main-contents ol.list-decimal-zero,
#main-contents ol.list-lower-roman,
#main-contents ol.list-lower-alpha,
#main-contents ol.list-upper-alpha,
#main-contents ol.list-cjk-ideographic,
#main-contents ol.list-hiragana,
#main-contents ol.list-hiragana-iroha,
#main-contents ol.list-katakana,
#main-contents ol.list-katakana-iroha { margin: 1em 0 1em 1.5em; }

/* ---------------------------------------------------------------------------------
	text menu
--------------------------------------------------------------------------------- */

#main-contents .text-menu { display: block; margin: 0; }

#main-contents .text-menu li {
	display: inline-block;
	padding: 0 5px; 
	/*margin: 0;*/
	border-left: solid 1px #ccc;
	white-space: nowrap;
}
#main-contents .text-menu li:last-child {  border-right: solid 1px #ccc; }
#main-contents .text-menu li a { display: block; padding: 2px 15px; margin: -2px 0; }
#main-contents .text-menu li a:hover { background-color: #96D2ED; color: #fff; }

#main-contents .text-menu li a.current-link,
#main-contents .text-menu li a.current-link:hover {
	background-color: #859fac; color: #fff;
	font-weight: bold;
	text-decoration: none; cursor: default;
}


#main-contents .text-menu-box { display: block; margin: 0 0 20px 0; }
#main-contents .text-menu-box li {
	display: block;
	padding: 0; margin: 0 7px 0 0;
	width: 90px;
	text-align: center;
	float: left;
	line-height: 1.1;
}
#main-contents .text-menu-box li:last-child { margin: 0 0 0 0; }
#main-contents .text-menu-box li a {
	display: block;
	padding: 5px; margin: 0;
	white-space: nowrap;
	background-color: #96D2ED;
	text-decoration: none;
	color: #fff;
}
#main-contents .text-menu-box li a:hover { background-color: #1477a9; }
#main-contents .text-menu-box li a.current-link {
	background-color: #fff;
	color: #96D2ED;
	padding: 5px 5px 3px 5px;
	border-bottom: solid 2px #96D2ED;
}


#main-contents .text-menu-btn { display: block; }
#main-contents .text-menu-btn li {
	display: inline-block;
	*display: inline;  
    *zoom: 1;
	padding: 0; margin: 0 20px 0 0;
	text-align: center;
	float: left;
}
#main-contents .text-menu-btn li:last-child { margin: 0 0 0 0; }
#main-contents .text-menu-btn li a {
	display: block;
	padding: 5px 10px; margin: 0;
	white-space: nowrap;
	background-color: #fff;
	text-decoration: none;
	color: #1477a9;
	border: solid 1px #96D2ED;
}
#main-contents .text-menu-btn li a .arrow { color: #96D2ED; }
#main-contents .text-menu-btn li a:hover { background-color: #1477a9; border: solid 1px #1477a9; color: #fff; }
#main-contents .text-menu-btn li a:hover .fa { color: #fff; }
#main-contents .text-menu-btn li a.current-link {
	background-color: #fff;
	color: #96D2ED;
}


/* ---------------------------------------------------------------------------------
	cap
--------------------------------------------------------------------------------- */

#main-contents .cap { font-size: 0.92em; color: #666; }


/* ---------------------------------------------------------------------------------
	photo
--------------------------------------------------------------------------------- */
#main-contents .photo-r {
	display: block;
	float: right;
	margin: 0 0 30px 30px;
	padding: 0;
}

/* ---------------------------------------------------------------------------------
	Table
--------------------------------------------------------------------------------- */
#main-contents table { font-size: 1em; line-height: 1.6; margin: 1em 0; }

/* ---------------------------------------------------------------------------------
	Table simple
--------------------------------------------------------------------------------- */

#main-contents .table-simple { width: 100%; }
#main-contents .table-simple tbody th,
#main-contents .table-simple tbody td { padding: 10px 0; vertical-align: top; }
#main-contents .table-simple tbody th { border-bottom: solid 1px #859fac; }
#main-contents .table-simple tbody td { border-bottom: solid 1px #ccc; }

/* ---------------------------------------------------------------------------------
	Table cap
--------------------------------------------------------------------------------- */
#main-contents table.cap { font-size: 0.92em; line-height: 1.4; margin: 0 0 1em 0; color: #666; }
#main-contents table.cap th,
#main-contents table.cap td { padding: 2px 5px 2px 0; vertical-align: top; }
#main-contents table.cap th { white-space: nowrap !important; text-align: right; }
#main-contents table.cap td { }

/* ---------------------------------------------------------------------------------
	Table box
--------------------------------------------------------------------------------- */
#main-contents .table-box { width: 100%; }
#main-contents .table-box.no-width { width: auto; }
#main-contents .table-box th,
#main-contents .table-box td { border: solid 1px #eee; padding: 5px; }
#main-contents .table-box.no-width th,
#main-contents .table-box.no-width td { padding: 5px 40px; }
#main-contents .table-box thead th,
#main-contents .table-box thead td {
	text-align: center;
	white-space: nowrap;
	background-color: #859fac;
	color: #fff;
}
#main-contents .table-box thead th .cap {
  color: #fff !important;
}
#main-contents .table-box tbody th,
#main-contents .table-box tbody td {
	padding: 5px;
}
#main-contents .table-box tbody th {
	text-align: center;
	white-space: nowrap;
}
#main-contents .table-box tbody th { background-color: #F4FAFD; }
#main-contents .table-box tfoot th,
#main-contents .table-box tfoot td {
	padding: 10px;
}
#main-contents .table-box tfoot th {
	text-align: center;
	white-space: nowrap;
}
#main-contents .table-box tfoot th { background-color: #F4FAFD; }



#main-contents .btn-info {
	display: inline-table;
	padding: 0; margin: 0;
	background-color: #006cb6;
}
#main-contents .btn-info:hover {
	background-color: #e50038;
}
#main-contents .btn-info img {
	vertical-align: baseline;
	padding: 0; margin: 0;
}

#main-contents .dl-3sel { display: block; }
#main-contents .dl-3sel dl { display: block; width: 240px; float: left; margin: 0 25px 25px 0; }
#main-contents .dl-3sel dl:nth-child(3n) { margin: 0 0 25px 0; }
#main-contents .dl-3sel dl:nth-child(3n+1) { clear: both; }

#main-contents .dl-2sel { display: block; }
#main-contents .dl-2sel dl { display: block; width: 370px; float: left; margin: 0 30px 30px 0; }
#main-contents .dl-2sel dl:nth-child(2n) { margin: 0 0 30px 0; }
#main-contents .dl-2sel dl:nth-child(2n+1) { clear: both; }

#main-contents .box-3sel { display: block; }
#main-contents .box-3sel > div { display: block; width: 240px; float: left; margin: 0 25px 25px 0; }
#main-contents .box-3sel > div:nth-child(3n) { margin: 0 0 25px 0; }
#main-contents .box-3sel > div:nth-child(3n+1) { clear: both; }

#main-contents .box-2sel { display: block; }
#main-contents .box-2sel > div { display: block; width: 370px; float: left; margin: 0 30px 30px 0; }
#main-contents .box-2sel > div:nth-child(2n) { margin: 0 0 30px 0; }
#main-contents .box-2sel > div:nth-child(2n+1) { clear: both; }



/* ===========================================================
	submenu
=========================================================== */
#submenu {
	display: block;
	width: 205px;
	margin: 0;
	padding: 0;
	float: left;
}

#submenu h2 {
	display: block;
	margin: 0;
	padding: 0;
	background-color: #96d2ed;
}
#submenu h2 img { vertical-align: bottom; }

#submenu ul { border: solid 5px #eee; display: block; }
#submenu ul li { display: block; }
#submenu ul li a {
	display: block; background-color: #fff;
	border-bottom: solid 1px #ccc;
	padding: 15px 5px;
	color: #333;
	text-decoration: none;
}
#submenu ul li a .fa { color: #96d2ed; }
#submenu ul li a:hover {
	background-color: #f4fafd;
}
#submenu ul li a:hover .fa { color: #96d2ed; }
#submenu ul li a.current-link,
#submenu ul li a.current-link:hover {
	background-color: #859fac;
	color: #fff;
	cursor: default;
}


/* ===========================================================
	footer
=========================================================== */

#footer-sitemap {
	clear: both;
	display: block;
	padding: 0;
	background-color: #eee;
}
#footer-sitemap-inner {
	display: block;
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
}

#footer-sitemap dl {
	display: block;
	width: 184px;
	float: left;
	margin: 0 20px 0 0;
	font-size: 1.0em;
	line-height: 1.4;
}
#footer-sitemap dl:last-child { margin: 0 0; }
#footer-sitemap dl a { display: block; color: #000; text-decoration: none; }
#footer-sitemap dl a .fa { color: #96d2ed; }
#footer-sitemap dl a:hover { color: #1477a9; }
#footer-sitemap dl a:hover .fa { color: #1477a9; }

#footer-sitemap dl dt {
	display: block; font-size: 1.17em;
	border-bottom: solid 1px #96d2ed;
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}

#footer-sitemap dl dd { display: block; padding: 0; margin: 0; }
#footer-sitemap dl dd ul { display: block; padding: 0; margin: 0; }
#footer-sitemap dl dd ul li { display: block; padding: 0; margin: 0 0 5px 0; }

#footer-banner {
	display: block;
	float: right;
	margin: 0;
}
#footer-banner img { vertical-align: bottom; }

#footer-banner li {
	display: block;
	padding: 0;
	margin: 0 0 10px 0;
}
#footer-banner li a {
	display: block;
	padding: 4px;
	margin: 0;
	border: solid 1px #ccc;
	background-color: #fff;
}
#footer-banner li a:hover {
	border: solid 1px #1477a9;
	background-color: #fff;
}



#footer {
	display: block;
	width: 100%;
	background-color: #333;
	margin: 0;
	color: #fff;
}
#footer-inner {
	display: block;
	width: 1000px;
	margin: 0 auto;
	padding: 20px 0;
}
#footer ul { float: left; }
#footer ul li {
	display: inline-block;
	*display: inline;  
    *zoom: 1;
	margin: 0 15px 0 0;
}

#footer a { color: #fff; text-decoration: none; }
#footer a .fa { color: #96d2ed; }
#footer a:hover { color: #96d2ed; }
#copy { white-space: nowrap;  float: right; font-family: Verdana, Geneva, sans-serif; }

/* ===========================================================
	text-align set
=========================================================== */
.tex-aln-c { text-align: center !important; }
.tex-aln-r { text-align: right !important; }
.tex-aln-l { text-align: left !important; }
.v-aln-t { vertical-align: top !important; }
.v-aln-m { vertical-align: middle !important; }
.v-aln-b { vertical-align: bottom !important; }

/* ===========================================================
	float set
=========================================================== */
.float-r { float: right; }
.float-l { float: left; }
.float-non { float: none; }
.float-r-block { float: right; display: block; }
.float-l-block { float: left; display: block; }
.float-r-inline { float: right; display: inline; }
.float-l-inline { float: left; display: inline; }


/* ===========================================================
	clear set
=========================================================== */
.clear-l { clear: left; }
.clear-r { clear: right; }
.clear-b { clear: both; }
.clear-n { clear: none; }
.clear-l-block { clear: left; display: block; }
.clear-r-block { clear: right; display: block; }
.clear-b-block { clear: both; display: block; }
.clear-l-inline { clear: left; display: inline; }
.clear-r-inline { clear: right; display: inline; }
.clear-b-inline { clear: both; display: inline; }


/* ===========================================================
	padding set
=========================================================== */
.pad-0 { padding:   0 !important; }
.pad-5 { padding:   5px !important; }
.pad-10 { padding:  10px !important; }
.pad-15 { padding:  15px !important; }
.pad-20 { padding:  20px !important; }
.pad-25 { padding:  25px !important; }
.pad-30 { padding:  30px !important; }
.pad-35 { padding:  35px !important; }
.pad-40 { padding:  40px !important; }
.pad-45 { padding:  45px !important; }
.pad-50 { padding:  50px !important; }
.pad-55 { padding:  55px !important; }
.pad-60 { padding:  60px !important; }

.pad-t-0 { padding-top:   0 !important; }
.pad-t-5 { padding-top:   5px !important; }
.pad-t-10 { padding-top:  10px !important; }
.pad-t-15 { padding-top:  15px !important; }
.pad-t-20 { padding-top:  20px !important; }
.pad-t-25 { padding-top:  25px !important; }
.pad-t-30 { padding-top:  30px !important; }
.pad-t-35 { padding-top:  35px !important; }
.pad-t-40 { padding-top:  40px !important; }
.pad-t-45 { padding-top:  45px !important; }
.pad-t-50 { padding-top:  50px !important; }
.pad-t-55 { padding-top:  55px !important; }
.pad-t-60 { padding-top:  60px !important; }

.pad-b-0 { padding-bottom:   0 !important; }
.pad-b-5 { padding-bottom:   5px !important; }
.pad-b-10 { padding-bottom:  10px !important; }
.pad-b-15 { padding-bottom:  15px !important; }
.pad-b-20 { padding-bottom:  20px !important; }
.pad-b-25 { padding-bottom:  25px !important; }
.pad-b-30 { padding-bottom:  30px !important; }
.pad-b-35 { padding-bottom:  35px !important; }
.pad-b-40 { padding-bottom:  40px !important; }
.pad-b-45 { padding-bottom:  45px !important; }
.pad-b-50 { padding-bottom:  50px !important; }
.pad-b-55 { padding-bottom:  55px !important; }
.pad-b-60 { padding-bottom:  60px !important; }

.pad-r-0 { padding-right:   0 !important; }
.pad-r-5 { padding-right:   5px !important; }
.pad-r-10 { padding-right:  10px !important; }
.pad-r-15 { padding-right:  15px !important; }
.pad-r-20 { padding-right:  20px !important; }
.pad-r-25 { padding-right:  25px !important; }
.pad-r-30 { padding-right:  30px !important; }
.pad-r-35 { padding-right:  35px !important; }
.pad-r-40 { padding-right:  40px !important; }
.pad-r-45 { padding-right:  45px !important; }
.pad-r-50 { padding-right:  50px !important; }
.pad-r-55 { padding-right:  55px !important; }
.pad-r-60 { padding-right:  60px !important; }

.pad-l-0 { padding-left:   0 !important; }
.pad-l-5 { padding-left:   5px !important; }
.pad-l-10 { padding-left:  10px !important; }
.pad-l-15 { padding-left:  15px !important; }
.pad-l-20 { padding-left:  20px !important; }
.pad-l-25 { padding-left:  25px !important; }
.pad-l-30 { padding-left:  30px !important; }
.pad-l-35 { padding-left:  35px !important; }
.pad-l-40 { padding-left:  40px !important; }
.pad-l-45 { padding-left:  45px !important; }
.pad-l-50 { padding-left:  50px !important; }
.pad-l-55 { padding-left:  55px !important; }
.pad-l-60 { padding-left:  60px !important; }

.pad-v-0 { padding-top:   0 !important;   padding-bottom:   0 !important; }
.pad-v-5 { padding-top:   5px !important; padding-bottom:   5px !important; }
.pad-v-10 { padding-top:  10px !important; padding-bottom:  10px !important; }
.pad-v-15 { padding-top:  15px !important; padding-bottom:  15px !important; }
.pad-v-20 { padding-top:  20px !important; padding-bottom:  20px !important; }
.pad-v-25 { padding-top:  25px !important; padding-bottom:  25px !important; }
.pad-v-30 { padding-top:  30px !important; padding-bottom:  30px !important; }
.pad-v-35 { padding-top:  35px !important; padding-bottom:  35px !important; }
.pad-v-40 { padding-top:  40px !important; padding-bottom:  40px !important; }
.pad-v-45 { padding-top:  45px !important; padding-bottom:  45px !important; }
.pad-v-50 { padding-top:  50px !important; padding-bottom:  50px !important; }
.pad-v-55 { padding-top:  55px !important; padding-bottom:  55px !important; }
.pad-v-60 { padding-top:  60px !important; padding-bottom:  60px !important; }

.pad-h-0 { padding-right:   0 !important;   padding-left:   0 !important; }
.pad-h-5 { padding-right:   5px !important; padding-left:   5px !important; }
.pad-h-10 { padding-right:  10px !important; padding-left:  10px !important; }
.pad-h-15 { padding-right:  15px !important; padding-left:  15px !important; }
.pad-h-20 { padding-right:  20px !important; padding-left:  20px !important; }
.pad-h-25 { padding-right:  25px !important; padding-left:  25px !important; }
.pad-h-30 { padding-right:  30px !important; padding-left:  30px !important; }
.pad-h-35 { padding-right:  35px !important; padding-left:  35px !important; }
.pad-h-40 { padding-right:  40px !important; padding-left:  40px !important; }
.pad-h-45 { padding-right:  45px !important; padding-left:  45px !important; }
.pad-h-50 { padding-right:  50px !important; padding-left:  50px !important; }
.pad-h-55 { padding-right:  55px !important; padding-left:  55px !important; }
.pad-h-60 { padding-right:  60px !important; padding-left:  60px !important; }


/* ===========================================================
	margin set
=========================================================== */
.mrg-0 { margin:   0 !important; }
.mrg-5 { margin:   5px !important; }
.mrg-10 { margin:  10px !important; }
.mrg-15 { margin:  15px !important; }
.mrg-20 { margin:  20px !important; }
.mrg-25 { margin:  25px !important; }
.mrg-30 { margin:  30px !important; }
.mrg-35 { margin:  35px !important; }
.mrg-40 { margin:  40px !important; }
.mrg-45 { margin:  45px !important; }
.mrg-50 { margin:  50px !important; }
.mrg-55 { margin:  55px !important; }
.mrg-60 { margin:  60px !important; }

.mrg-t-0 { margin-top:   0 !important; }
.mrg-t-5 { margin-top:   5px !important; }
.mrg-t-10 { margin-top:  10px !important; }
.mrg-t-15 { margin-top:  15px !important; }
.mrg-t-20 { margin-top:  20px !important; }
.mrg-t-25 { margin-top:  25px !important; }
.mrg-t-30 { margin-top:  30px !important; }
.mrg-t-35 { margin-top:  35px !important; }
.mrg-t-40 { margin-top:  40px !important; }
.mrg-t-45 { margin-top:  45px !important; }
.mrg-t-50 { margin-top:  50px !important; }
.mrg-t-55 { margin-top:  55px !important; }
.mrg-t-60 { margin-top:  60px !important; }

.mrg-b-0 { margin-bottom:   0 !important; }
.mrg-b-5 { margin-bottom:   5px !important; }
.mrg-b-10 { margin-bottom:  10px !important; }
.mrg-b-15 { margin-bottom:  15px !important; }
.mrg-b-20 { margin-bottom:  20px !important; }
.mrg-b-25 { margin-bottom:  25px !important; }
.mrg-b-30 { margin-bottom:  30px !important; }
.mrg-b-35 { margin-bottom:  35px !important; }
.mrg-b-40 { margin-bottom:  40px !important; }
.mrg-b-45 { margin-bottom:  45px !important; }
.mrg-b-50 { margin-bottom:  50px !important; }
.mrg-b-55 { margin-bottom:  55px !important; }
.mrg-b-60 { margin-bottom:  60px !important; }

.mrg-r-0 { margin-right:   0 !important; }
.mrg-r-5 { margin-right:   5px !important; }
.mrg-r-10 { margin-right:  10px !important; }
.mrg-r-15 { margin-right:  15px !important; }
.mrg-r-20 { margin-right:  20px !important; }
.mrg-r-25 { margin-right:  25px !important; }
.mrg-r-30 { margin-right:  30px !important; }
.mrg-r-35 { margin-right:  35px !important; }
.mrg-r-40 { margin-right:  40px !important; }
.mrg-r-45 { margin-right:  45px !important; }
.mrg-r-50 { margin-right:  50px !important; }
.mrg-r-55 { margin-right:  55px !important; }
.mrg-r-60 { margin-right:  60px !important; }

.mrg-l-0 { margin-left:   0 !important; }
.mrg-l-5 { margin-left:   5px !important; }
.mrg-l-10 { margin-left:  10px !important; }
.mrg-l-15 { margin-left:  15px !important; }
.mrg-l-20 { margin-left:  20px !important; }
.mrg-l-25 { margin-left:  25px !important; }
.mrg-l-30 { margin-left:  30px !important; }
.mrg-l-35 { margin-left:  35px !important; }
.mrg-l-40 { margin-left:  40px !important; }
.mrg-l-45 { margin-left:  45px !important; }
.mrg-l-50 { margin-left:  50px !important; }
.mrg-l-55 { margin-left:  55px !important; }
.mrg-l-60 { margin-left:  60px !important; }

.mrg-h-0 { margin-right:   0 !important;   margin-left:   0 !important; }
.mrg-h-5 { margin-right:   5px !important; margin-left:   5px !important; }
.mrg-h-10 { margin-right:  10px !important; margin-left:  10px !important; }
.mrg-h-15 { margin-right:  15px !important; margin-left:  15px !important; }
.mrg-h-20 { margin-right:  20px !important; margin-left:  20px !important; }
.mrg-h-25 { margin-right:  25px !important; margin-left:  25px !important; }
.mrg-h-30 { margin-right:  30px !important; margin-left:  30px !important; }
.mrg-h-35 { margin-right:  35px !important; margin-left:  35px !important; }
.mrg-h-40 { margin-right:  40px !important; margin-left:  40px !important; }
.mrg-h-45 { margin-right:  45px !important; margin-left:  45px !important; }
.mrg-h-50 { margin-right:  50px !important; margin-left:  50px !important; }
.mrg-h-55 { margin-right:  55px !important; margin-left:  55px !important; }
.mrg-h-60 { margin-right:  60px !important; margin-left:  60px !important; }

.mrg-v-0 { margin-top:   0 !important;   margin-bottom:   0 !important; }
.mrg-v-5 { margin-top:   5px !important; margin-bottom:   5px !important; }
.mrg-v-10 { margin-top:  10px !important; margin-bottom:  10px !important; }
.mrg-v-15 { margin-top:  15px !important; margin-bottom:  15px !important; }
.mrg-v-20 { margin-top:  20px !important; margin-bottom:  20px !important; }
.mrg-v-25 { margin-top:  25px !important; margin-bottom:  25px !important; }
.mrg-v-30 { margin-top:  30px !important; margin-bottom:  30px !important; }
.mrg-v-35 { margin-top:  35px !important; margin-bottom:  35px !important; }
.mrg-v-40 { margin-top:  40px !important; margin-bottom:  40px !important; }
.mrg-v-45 { margin-top:  45px !important; margin-bottom:  45px !important; }
.mrg-v-50 { margin-top:  50px !important; margin-bottom:  50px !important; }
.mrg-v-55 { margin-top:  55px !important; margin-bottom:  55px !important; }
.mrg-v-60 { margin-top:  60px !important; margin-bottom:  60px !important; }


/* ===========================================================
	fontawesome ie7
=========================================================== */
a .fa { /background-position: 0 top; background-repeat: no-repeat; cursor: pointer; }
a:hover .fa,
a .fa:hover { /background-position: 0 bottom !important; background-repeat: no-repeat;}
.fa-angle-right { /width: 12px; /height: 12px; /background-image: url(/assets/img/common/fa/fa-angle-right.png);}
.fa-angle-left { /width: 12px; /height: 12px; /background-image: url(/assets/img/common/fa/fa-angle-left.png);}
.fa-angle-down { /width: 14px; /height: 14px; /background-image: url(/assets/img/common/fa/fa-angle-down.png);}
.fa-angle-up{ /width: 14px; /height: 14px; /background-image: url(/assets/img/common/fa/fa-angle-up.png);}
.fa-file-pdf-o { /width: 12px; /height: 12px; /background-image: url(/assets/img/common/fa/fa-file-pdf-o.png);}
.fa-file-pdf-o.fa-2x { /width: 21px; /height: 25px; /background-image: url(/assets/img/common/fa/fa-file-pdf-o_l.png);}
.fa-file-excel-o  { /width: 12px; /height: 12px; /background-image: url(/assets/img/common/fa/fa-file-excel-o.png);}
.fa-chevron-circle-right { /width: 14px; /height: 14px; /background-image: url(/assets/img/common/fa/fa-chevron-circle-right.png); /padding-right: 3px;}
.fa-chevron-circle-right.arrow { /width: 14px; /height: 14px; /background-image: url(/assets/img/common/fa/fa-chevron-circle-right-arrow.png) !important; /padding-right: 3px;}
.fa-chevron-right { /width: 12px; /height: 12px; /background-image: url(/assets/img/common/fa/fa-chevron-right.png);}
.fa-arrow-right { /width: 12px; /height: 12px; /background-image: url(/assets/img/common/fa/fa-arrow-right.png);}
.fa-arrow-left { /width: 12px; /height: 12px; /background-image: url(/assets/img/common/fa/fa-arrow-left.png);}