@charset "UTF-8";
/* ======================================================== Common CSS

フェイスフロント株式会社

===================================================================== */


/* ▼ Reset ▼
------------------------------------------------------------*/

body, div, p,  ul, ol, li, dl, dt, dd, table, th ,td, img,
h1, h2, h3 ,h4 ,h5, h6, form, select{
	margin: 0;
	padding: 0;
}

ul, ol{list-style: none;}

img{
	border: 0;
	vertical-align: bottom;
}

table{border-collapse: collapse;}

input,
select{vertical-align: middle;}


/* ▼ Base ▼
------------------------------------------------------------*/

html{overflow-y: scroll;}

body, input, select, textarea, table, th, td, li, code, a{
	font-family: Arial,'メイリオ',Meiryo,sans-serif,Helvetica;
}

body, input, select, textarea{
	font-size: 75%;
	color: #444;
}

p,  li, dt, dd, th ,td, h1, h2, h3 ,h4 ,h5, h6 {
	line-height: 1.5em;
}

h1, h2, h3, h4, h5, h6, small{
	font-size: 100%;
}

em{font-style: normal;}

input, select, textarea{
	font-size: inherit;
	font-weight: inherit;
	font-family: inherit;
}


/* ▼ Anchers ▼
------------------------------------------------------------*/

a:link,
a:visited{
	color: #1B196F;
	text-decoration: underline;
}

.headerNav a:link,
.headerNav a:visited{
	color: #FFF;
	text-decoration: none;
}

#sitemap a:link,
#sitemap a:visited{
	color: #CCD6EB;
}

.footerNav a:link,
.footerNav a:visited{
	color: #CCD6EB;
	text-decoration: none;
}

#topicPath a:link,
#topicPath a:visited{
	text-decoration: none;
}

a:active,
a:hover,
.headerNav a:active, .headerNav a:hover,
#sitemap a:active, #sitemap a:hover,
.footerNav a:active, .footerNav a:hover,
.topicPath a:active, .topicPath a:hover{
	color: #DA7320;
	text-decoration: underline;
}

a.newWindow{
	padding-right: 15px;
	background: url("../img/icon/icon_newwindow.gif") no-repeat right center;
}


/* ▼ Share Class ▼
------------------------------------------------------------*/

.oh		{overflow: hidden;}
.z1		{zoom: 1;}


/* ▽ Float ▽
--------------------------------------------------*/

.fl		{float: left;}
.fr		{float: right;}
.fn		{float: none !important;}


/* ▽ Clear ▽
--------------------------------------------------*/

.cb		{clear: both;}
.cl		{clear: left;}
.cr		{clear: right;}
.cn		{clear: none !important;}


/* ▽ Display ▽
--------------------------------------------------*/

.dn		{display: none !important;}
.db		{display: block !important;}
.di		{display: inline !important;}


/* ▽ Width ▽
--------------------------------------------------*/

.wMax	{width: 100%;}
.wHalf	{width: 50%;}

.w0		{width: 0px;}
.w50	{width: 50px;}
.w100	{width: 100px;}
.w150	{width: 150px;}
.w200	{width: 200px;}
.w250	{width: 250px;}
.w300	{width: 300px;}
.w350	{width: 350px;}
.w400	{width: 400px;}
.w450	{width: 450px;}
.w500	{width: 500px;}
.w550	{width: 550px;}
.w600	{width: 600px;}
.w650	{width: 650px;}
.w700	{width: 700px;}
.w750	{width: 750px;}
.w800	{width: 800px;}
.w850	{width: 850px;}
.w900	{width: 900px;}
.w950	{width: 950px;}


/* ▽ Margin ▽
--------------------------------------------------*/

.mt0	{margin-top: 0px !important;}
.mt5	{margin-top: 5px !important;}
.mt10	{margin-top: 10px !important;}
.mt15	{margin-top: 15px !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;}

.ml0	{margin-left: 0px !important;}
.ml5	{margin-left: 5px !important;}
.ml10	{margin-left: 10px !important;}
.ml15	{margin-left: 15px !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;}

.mr0	{margin-right: 0px !important;}
.mr5	{margin-right: 5px !important;}
.mr10	{margin-right: 10px !important;}
.mr15	{margin-right: 15px !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;}

.mb0	{margin-bottom: 0px !important;}
.mb5	{margin-bottom: 5px !important;}
.mb10	{margin-bottom: 10px !important;}
.mb15	{margin-bottom: 15px !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;}


/* ▽ Padding ▽
--------------------------------------------------*/

.pt0	{padding-top: 0px !important;}
.pt5	{padding-top: 5px !important;}
.pt10	{padding-top: 10px !important;}
.pt15	{padding-top: 15px !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;}

.pl0	{padding-left: 0px !important;}
.pl5	{padding-left: 5px !important;}
.pl10	{padding-left: 10px !important;}
.pl15	{padding-left: 15px !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;}

.pr0	{padding-right: 0px !important;}
.pr5	{padding-right: 5px !important;}
.pr10	{padding-right: 10px !important;}
.pr15	{padding-right: 15px !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;}

.pb0	{padding-bottom: 0px !important;}
.pb5	{padding-bottom: 5px !important;}
.pb10	{padding-bottom: 10px !important;}
.pb15	{padding-bottom: 15px !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;}


/* ▽ Font ▽
--------------------------------------------------*/

.fs20	{font-size: 1.67em !important;}
.fs18	{font-size: 1.5em !important;}
.fs16	{font-size: 1.34em !important;}
.fs14	{font-size: 1.17em !important;}
.fs12	{font-size: 1em !important;}
.fs10	{font-size: 0.84em !important;}

.al		{text-align: left !important;}
.ac		{text-align: center !important;}
.ar		{text-align: right !important;}

.bold	{font-weight: bold !important;}
.normal	{font-weight: normal !important;}