@charset "utf-8";
/*==========================================================

common Style Sheet
1.float
2.padding
3.margin
4.back color
5.border
6.tabel
7.layout

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

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

1.float

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

.left {
	float: left;
}
.right {
	float: right;
}
.clear {
	clear: both;
	height: 0px;
	display:block;
	visibility:hidden;
}

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

2.padding

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

.pd2 {
	padding: 2px;
}
.pd3 {
	padding: 3px;
}
.pd5 {
	padding: 5px;
}
.pd6 {
	padding: 6px;
}
.pd10 {
	padding: 10px;
}
.pd12 {
	padding: 12px;
}
.pd20 {
	padding: 20px;
}
.pd_b5 {
	padding-bottom: 5px;
}
.pd_b10 {
	padding-bottom: 10px;
}
.pd_lr5 {
	padding-right: 5px;
	padding-left: 5px;
}
.pd_lr10 {
	padding-right: 10px;
	padding-left: 10px;
}
.pd_l80 {
	padding-left: 80px;
}
.pd_tb10 {
	padding-top: 10px;
	padding-bottom: 10px;
}

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

3.margin

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

.mg_b5 {
	margin-bottom: 5px;
}
.mg_b10 {
	margin-bottom: 10px;
}
.mg_b12 {
	margin-bottom: 12px;
}
.mg_b20 {
	margin-bottom: 20px;
}
.mg_b30 {
	margin-bottom: 30px;
}
.mg_b40 {
	margin-bottom: 40px;
}
.mg_r4 {
	margin-right: 4px;
}
.mg_r10 {
	margin-right: 10px;
}
.mg_l4 {
	margin-left: 4px;
}
.mg_l10 {
	margin-left: 10px;
}

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

4.back color

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

.back_white {
	background-color: #FFFFFF;
}
.back_gray {
	background-color: #DEDEDE;
}
.back_gray2 {
	background-color: #999999;
}
.back_blue {
	background-color: #D8DFEE;
}
.back_light_red {
	background-color: #FFD5D5;
}
.back_light_yellow {
	background-color: #FFFF95;
}
.back_light_brown {
	background-color: #FFEAAA;
}
.back_light_gray {
	background-color: #F4F4F4;
}
.back_light_green {
	background-color: #E2FFD5;
}
.back_light_blue {
	background-color: #D8DFEE;
}

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

5.border

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

.border_all {
	border: 1px solid #999999;
}
.border_dotted_b {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.border_dotted2_b {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}

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

6.tabel

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

.td_pd2 td {
	padding: 2px;
}
.td_pd5 td {
	padding: 5px;
}
.tabel_border_all_pd5_center {
 border: 1px solid #999999;
}
.tabel_border_all_pd5_center td {
	border: 1px solid #999999;
	padding: 5px;
	text-align: center;
}

.tabel_border_all_pd5 {
 border: 1px solid #999999;
}
.tabel_border_all_pd5 td {
	border: 1px solid #999999;
	padding: 5px;
}

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

7.layout

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

.con_800 {
	width: 800px;
	height: auto;
	margin-bottom: 20px;
}
.con_720 {
	width: 720px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}
.con_560_r {
	width: 560px;
	height: auto;
	float: right;
}
.con_200_l {
	width: 200px;
	height: auto;
	float: left;
	padding-right: 40px;
	padding-top: 6px;
	background-color: #FFFFFF;
}
.con_560 {
	width: 540px;
	height: auto;
	padding-right: 9px;
	padding-left: 9px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #DFDFDF;
	border-left-color: #DFDFDF;
	background-color: #FFFFFF;
	padding-bottom: 20px;
}
.con_520 {
	width: 520px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 20px;
}
#con_500 {
	width: 520px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	padding: 20px;
	text-align: left;
}