@charset "utf-8";

/* ****************************************************
  base styles
***************************************************** */




/* CSS for common setting
=========================================*/
body {
	background: #fff1cb url(/en/common/images/com_bg001.gif) repeat-x left top;
}
img {
	vertical-align: bottom;
}
hr {
	display: none;
}
em {
	font-style: normal;
}
strong {
	font-weight: bold;
}
a:link {
	text-decoration: underline;
}
a:visited {
	text-decoration: underline;
}
a:active {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
sub {
	vertical-align: bottom;
}
sup {
	vertical-align: top;
}
.bold {
	font-weight: bold;
}
.delete {
	text-decoration: line-through;
}
.clear {
	clear: both;
	margin: 0;
	padding: 0;
}




/* 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;
}
#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: none;
}




/* input-type
=========================================*/
#contents-area .input-type-01 {
	width:70px;
}
#contents-area .input-type-02 {
	width:120px;
}
#contents-area .input-type-03 {
	width:200px;
}
#contents-area .input-type-04 {
	width:250px;
}
#contents-area .input-type-05 {
	width:300px;
}
#contents-area .input-type-06 {
	width:350px;
}
#contents-area .input-type-07 {
	width:680px;
}
#contents-area .input-type-08 {
	width:170px;
}




/* Margin
=========================================*/

/* Margin-left */
#contents-area .ml0 {
	margin-left: 0 !important;
}
#contents-area .ml5 {
	margin-left: 5px !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 .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 .mr210{
	margin-right: 210px !important;
}

/* Margin-bottom */
#contents-area .mb5 {
	margin-bottom: 5px !important;
}
#contents-area .mb10 {
	margin-bottom: 10px !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;
}

/* 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;
}

/* float
=========================================*/
#contents-area  .float-right {
	float: right;
}
#contents-area  .float-left {
	float: left;
}

/* first
=========================================*/
#contents-area .first-child {
	margin-top: 0 !important;
}