@charset "utf-8";

/* ****************************************************
  base styles
***************************************************** */




/* CSS for common setting
=========================================*/
body {
	text-align: center;
	background-color: #ffffff;
}
img {
	vertical-align: bottom;
}
hr {
	display: none;
}
em {
	font-style: normal;
}
strong {
	font-weight: bold;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:active {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
sub {
	vertical-align: bottom;
}
sup {
	vertical-align: top;
}
.bold {
	font-weight: bold;
}
.delete {
	text-decoration: line-through;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
}




/* Text indent
=========================================*/
#contents-area .text-interval-1 {
	text-indent: -0.95em;
	padding: 0 0 0 0.95em;
}
/* for safari */
body: first-of-type #contents-area .text-interval-1 {
	text-indent: -0.8em;
	padding: 0 0 0 0.8em;
}

#contents-area .text-interval-2 {
	text-indent: -2em;
	padding: 0 0 0 2em;
}
/* for safari */
body: first-of-type #contents-area .text-interval-2 {
	text-indent: -1.6em;
	padding: 0 0 0 1.6em;
}

#contents-area .text-interval-3 {
	text-indent: -2.5em;
	padding: 0 0 0 2.5em;
}
/* for safari */
body: first-of-type #contents-area .text-interval-3 {
	text-indent: -2.2em;
	padding: 0 0 0 2.2em;
}

#contents-area .text-interval-4 {
	text-indent: -3em;
	padding: 0 0 0 3em;
}
/* for safari */
body: first-of-type #contents-area .text-interval-4 {
	text-indent: -2.8em;
	padding: 0 0 0 2.8em;
}

#contents-area .text-interval-5 {
	text-indent: -4.9em;
	padding: 0 0 0 4.9em;
}
/* for safari */
body: first-of-type #contents-area .text-interval-5 {
	text-indent: -4em;
	padding: 0 0 0 4em;
}




/* Table
=========================================*/
/* Layout setting */
#contents-area table th.c-left,
#contents-area table td.c-left {
	text-align: left;
}
#contents-area table th.c-center,
#contents-area table td.c-center {
	text-align: center;
}
#contents-area table th.c-right,
#contents-area table td.c-right {
	text-align: right;
}
#contents-area table th.c-middle,
#contents-area table td.c-middle {
	vertical-align: middle;
}
#contents-area table th.c-top,
#contents-area table td.c-top {
	vertical-align: top;
}
#contents-area table th.c-bnone,
#contents-area table td.c-bnone {
	border-bottom: none;
}
#contents-area table th.c-rnone,
#contents-area table td.c-rnone {
	border-right: none !important;
}
#contents-area table th.c-border-none,
#contents-area table td.c-border-none {
	border: none;
}
#contents-area table.border-none,
#contents-area table.border-none th,
#contents-area table.border-none td {
	border: none;
}
#contents-area table th.c-color-none,
#contents-area table td.c-color-none {
	background-color: #ffffff;
}
#contents-area table th.c-rborder,
#contents-area table td.c-rborder {
	border-right: solid 1px #bbbbbb;
}




/* Margin
=========================================*/

/* Margin-left */
#contents-area .ml0 {
	margin-left: 0 !important;
}
#contents-area .ml10 {
	margin-left: 10px !important;
}
#contents-area .ml15 {
	margin-left: 15px !important;
}
#contents-area .ml20 {
	margin-left: 20px !important;
}
#contents-area .ml25 {
	margin-left: 25px !important;
}
#contents-area .ml30 {
	margin-left: 30px !important;
}
#contents-area .ml35 {
	margin-left: 35px !important;
}
#contents-area .ml40 {
	margin-left: 40px !important;
}
#contents-area .ml50 {
	margin-left: 50px !important;
}
#contents-area .ml75 {
	margin-left: 75px !important;
}
#contents-area .ml110 {
	margin-left: 110px !important;
}
#contents-area .ml210 {
	margin-left: 210px !important;
}

/* Margin-top */
#contents-area .mt0 {
	margin-top: 0 !important;
}
#contents-area .mt1 {
	margin-top: 1px !important; 
}
#contents-area .mt2 {
	margin-top: 2px !important; 
}
#contents-area .mt3 {
	margin-top: 3px !important; 
}
#contents-area .mt4 {
	margin-top: 4px !important; 
}
#contents-area .mt5 {
	margin-top: 5px !important; 
}
#contents-area .mt10 {
	margin-top: 10px !important;
}
#contents-area .mt15 {
	margin-top: 15px !important;
}
#contents-area .mt20 {
	margin-top: 20px !important;
}
#contents-area .mt25 {
	margin-top: 25px !important;
}
#contents-area .mt30 {
	margin-top: 30px !important;
}
#contents-area .mt35 {
	margin-top: 35px !important;
}
#contents-area .mt40 {
	margin-top: 40px !important;
}
#contents-area .mt45 {
	margin-top: 45px !important;
}
#contents-area .mt50 {
	margin-top: 50px !important;
}
#contents-area .mt70 {
	margin-top: 70px !important;
}

/* Margin-right */
#contents-area .mr0{
	margin-right: 0 !important;
}
#contents-area .mr20{
	margin-right: 20px !important;
}
#contents-area .mr10{
	margin-right: 10px !important;
}
#contents-area .mr210{
	margin-right: 210px !important;
}

/* Margin-bottom */
#contents-area .mb5 {
	margin-bottom: 5px !important;
}
contents-area .mb10 {
    margin-bottom: 0px !important;
}
#contents-area .mb20 {
	margin-bottom: 20px !important;
}

/* 12月24日追記 for employee/index.html
/* Width
=========================================*/
#contents-area .wid246 {
	width: 246px !important;
}
#contents-area .wid305 {
	width: 305px !important;
}
#contents-area .wid335 {
	width: 335px !important;
}
#contents-area .wid455 {
	width: 455px !important;
}

/* Padding
=========================================*/
/* Padding-top */
#contents-area .pt0 {
	padding-top: 0 !important;
}
#contents-area .pt5 {
	padding-top: 5px !important;
}
#contents-area .pt10 {
	padding-top: 10px !important;
}
#contents-area .pt15 {
	padding-top: 15px !important;
}
#contents-area .pt20 {
	padding-top: 20px !important;
}
#contents-area .pt35 {
	padding-top: 35px !important;
}
/* Padding-left */
#contents-area .pl5 {
	padding-left: 5px !important;
}
#contents-area .pl10 {
	padding-left: 10px !important;
}
#contents-area .pl15 {
	padding-left: 15px !important;
}
#contents-area .pl20 {
	padding-left: 20px !important;
}




/* Vertical align
=========================================*/
/* vertical-align-top */
#contents-area  .element-top {
	vertical-align: top;
}
#contents-area  .element-middle {
	vertical-align: middle;
}
#contents-area  .element-center {
	clear: both;
	text-align: center;
}
#contents-area  .element-left {
	clear: both;
	text-align: left;
}
#contents-area  .element-right {
	clear: both;
	text-align: right;
}




/* first
=========================================*/
#contents-area .first {
	margin-top: 0 !important;
}