@charset "utf-8";

/* ****************************************************
Title: modules.css
***************************************************** */

/* # clearfix
---------------------------------------------------------------------------- */
.clearfix:after,
div#headerInner:after,
div.section:after,
div.inner:after,
div.innerSection:after,
div#content:after,
div.ccm-block-styles:after,
div#pagetop div#pagetopInner:after,
div.caseFlow:after,
div#newsAreaInner:after,
div#newsArea div#newsAreaInner div.newsList a dl:after,
div.serviceBox a:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix,
div#headerInner,
div.section,
div.inner,
div.innerSection,
div#content,
div.ccm-block-styles,
div#pagetop div#pagetopInner,
div.caseFlow,
div#newsAreaInner,
div#newsArea div#newsAreaInner div.newsList a dl,
div.serviceBox a {
	display: inline-block;
}

/* Hides from Legacy IE \*/
* html .clearfix,
* html div#headerInner,
* html div.section,
* html div.inner,
* html div.innerSection,
* html div#content,
* html div.ccm-block-styles,
* html div#pagetop div#pagetopInner,
* html div.caseFlow,
* html div#newsAreaInner,
* html div#newsArea div#newsAreaInner div.newsList a dl,
* html div.serviceBox a {
	height: 1%;
}

.clearfix,
div#headerInner,
div.section,
div.inner,
div.innerSection,
div#content,
div.ccm-block-styles,
div#pagetop div#pagetopInner,
div.caseFlow,
div#newsAreaInner,
div#newsArea div#newsAreaInner div.newsList a dl,
div.serviceBox a {
	display: block;
}
/* End hide from Legacy IE */

/* # offscreen
---------------------------------------------------------------------------- */
.offscreen {
	text-indent: -9999em;
	position: absolute;
	overflow: hidden;
}


/* # float clear
---------------------------------------------------------------------------- */

.clearLeft  { clear:left; }
.clearRight { clear:right; }
.clearBoth  { clear:both; }


/* # float
---------------------------------------------------------------------------- */

.floatLeft  { float:left; margin: 0 10px 10px 0; }
.floatRight { float:right; margin: 0 0 10px 10px; }


/* # margin
---------------------------------------------------------------------------- */

.marginB10  { margin-bottom: 10px !important; }
.marginB20  { margin-bottom: 20px !important; }
.marginB30  { margin-bottom: 30px !important; }
.marginB40  { margin-bottom: 40px !important; }
.marginB60  { margin-bottom: 60px !important; }

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

.alignLeft,
.alignL { text-align: left !important; }
.alignCenter,
.alignC { text-align: center !important; }
.alignRight,
.alignR { text-align: right !important; }


/* # valign
---------------------------------------------------------------------------- */

.valignBaseline { vertical-align: baseline; }


/* # rollover
---------------------------------------------------------------------------- */

.imgover {}



/* # form
---------------------------------------------------------------------------- */
.focus {
	background: #e3ffe6;
}


/* # font color
---------------------------------------------------------------------------- */

.attention { 
	color: #ff0000; 
}

.required { 
	color: #ff6666; 
}


/* # font size
---------------------------------------------------------------------------- */

.smallText { 
	font-size: 83%;
	color: #666666;
}


/* # last list 
---------------------------------------------------------------------------- */

.lastList {
	background: none !important;
	border: none !important;
	margin-right: 0 !important;
}


/* # inline-block
---------------------------------------------------------------------------- */

.inlineBlock {
	display: -moz-inline-box;
	display: inline-block;
}

/* Hides from legacy IE \*/
* html .inlineBlock {
	display: inline;
	height: 1%;
}

*:first-child+html .inlineBlock {
	display: inline;
	height: 1%;
}
/* End hide from legacy IE */



/* #11 common classes
---------------------------------------------------------------------------- */
.noMargin {
	margin: 0 !important;
}

.must {
	color: #e60012;
}

.notice {
	font-size: 80%;
}

.catch {
	font-size: 120%;
	font-weight: bold;
}

strong.strongest {
	font-weight: bold;
	color: #e60012;
}

.caution {
	color: #cd3838;
}


.reader a {
	background: url(../images/pdficon_small.png) no-repeat 0 50%;
	padding: 4px 0 4px 20px;
}