/* CSS Document */

/*Font*/

.font_10{font-size: 10px;}
.font_12{font-size: 12px;}
.font_14{font-size: 14px;}
.font_16{font-size: 16px;}
.font_18{font-size: 18px;}
.font_20{font-size: 20px;}
.font_22{font-size: 22px;}
.font_24{font-size: 24px;}
.font_35{font-size: 35px;}
.font_45{font-size: 45px;}

.deko1 {
	font-size: 20px;
	font-weight: bold;
	color: #902D16;
}
.deko2 {
	font-size: 20px;
	font-weight: bold;
	color: #AF9062;
}
.deko3 {
	font-size: 18px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #AF9062;
	padding: 10px;
	margin-bottom: 10px;
}
.deko4 {
	font-size: 20px;
	font-weight: bold;
	color: #333333;
}
.deko5 {
	font-size: 35px;
	font-weight: bold;
	color: #902D16;
}
.deko6 {
	font-size: 20px;
	font-weight: bold;
	color: #FF3399;
}
.deko_yellow {
	background-color: #FFFF00;
	padding: 2px;
}
.c_red{color: #F81C35;}
.c_crimson{color: #AF9062;}
.c_blue{color: #3366CC;}
.c_green{color: #336600;}
.c_black{color: #333333;}
.c_white{color: #FFFFFF;}
.c_orange{color: #FE6310;}

.bold{font-weight: bold;}

.underline{ text-decoration: underline;}

/*float*/

.clear{
clear: both;
}

.f_right{
float: right;
}

.f_left{
float: left;
}

.center{
text-align: center;
}

.right{
text-align: right;
}

.left{
text-align: left;
}

/*padding*/
.pad_t_20{padding-top: 20px;}
.pad_t_30{padding-top: 30px;}
.pad_b_30{padding-bottom: 30px;}
.pad_b_80{padding-bottom: 80px;}
.pad_b-30{padding-bottom: -30px;}

/*margin*/

.mar_none{margin: 0;}

.mar_t_00{margin-top: 0;}
.mar_t_05{margin-top: 5px;}
.mar_t_10{margin-top: 10px;}
.mar_t_15{margin-top: 15px;}
.mar_t_20{margin-top: 20px;}
.mar_t_25{margin-top: 25px;}
.mar_t_30{margin-top: 30px;}
.mar_t_35{margin-top: 35px;}
.mar_t_40{margin-top: 40px;}
.mar_t_50{margin-top: 50px;}
.mar_t_60{margin-top: 60px;}
.mar_t_70{margin-top: 70px;}

.mar_b_00{margin-bottom: 0;}
.mar_b_05{margin-bottom: 5px;}
.mar_b_10{margin-bottom: 10px;}
.mar_b_15{margin-bottom: 15px;}
.mar_b_20{margin-bottom: 20px;}
.mar_b_25{margin-bottom: 25px;}
.mar_b_30{margin-bottom: 30px;}
.mar_b_35{margin-bottom: 35px;}
.mar_b_40{margin-bottom: 40px;}
.mar_b_50{margin-bottom: 50px;}
.mar_b_60{margin-bottom: 60px;}

.mar_l_00{margin-left: 0;}
.mar_l_05{margin-left: 5px;}
.mar_l_10{margin-left: 10px;}
.mar_l_15{margin-left: 15px;}
.mar_l_20{margin-left: 20px;}
.mar_l_25{margin-left: 25px;}
.mar_l_30{margin-left: 30px;}
.mar_l_35{margin-left: 35px;}
.mar_l_40{margin-left: 40px;}
.mar_l_70{margin-left: 70px;}

.mar_r_00{margin-right: 0;}
.mar_r_05{margin-right: 5px;}
.mar_r_10{margin-right: 10px;}
.mar_r_15{margin-right: 15px;}
.mar_r_20{margin-right: 20px;}
.mar_r_25{margin-right: 25px;}
.mar_r_30{margin-right: 30px;}
.mar_r_35{margin-right: 35px;}
.mar_r_40{margin-right: 40px;}

.mar_l-20{margin-left: -20px;}

.valign_top {
	vertical-align: top;
}
.valign_middle {
	vertical-align: middle;
}
.valign_bottom {
	vertical-align: bottom;
}


/*border*/

.borderless{
border: none;
}


/*--clearfix--*/

.clearfix{
zoom: 100%;
}

.clearfix:after{
display: block;
clear: both;
content: ".";
height: 0.1px;
font-size: 0.1em;
line-height: 0;
visibility: hidden;
}

.clearfix{
display: inline-block;
}

/*\*/

*html .clearfix{
height: 1px;
}

.clearfix{
display: block;
}

/**/

.opacity:hover img{
filter: alpha(opacity=60);
-moz-opacity: 0.6;
opacity: 0.6;
}