@charset "utf-8";
	
/*
////////////////////////////////////////////////////////////////////////////
//
//	common.css - CSS Document
//
////////////////////////////////////////////////////////////////////////////
//
//-- CONTENTS --//

	01.Clearfix
	02.Color
	03.Space
	04.Weight,Line,Size
	05.Background
	06.Tooltip
	07.Align
	08.Normal

//--------------//
//
////////////////////////////////////////////////////////////////////////////
*/


/* [01.Clearfix] 
--------------------------------------------------------------------------*/

.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
.clr {
	clear: both;
}

/* [02.Color] 
--------------------------------------------------------------------------*/

.w_gray {
	color: #999;
}
.gray {
	color: #666;
}
.c888 {
	color: #888;
}
.c555 {
	color: #555;
}
.ccbc {
	color: #CBCBCB;
}
.d_gray {
	color: #333;
}
.black {
	color: #000;
}
.pink {
	color: #E4007D;
}
.c00B7DA {
	color: #00B7DA;
}
.red {
	color: #F00;
}
.white {
	color: #FFF;
}
.red {
	color: #F00;
}
.c0F {
	color: #0F0F0F;
}

/* [03.Space] 
--------------------------------------------------------------------------*/

.t_spc2 {
	margin-top: 2px;
}
.t_spc5 {
	margin-top: 5px;
}
.t_spc10 {
	margin-top: 10px;
}
.t_spc15 {
	margin-top: 15px;
}
.t_spc20 {
	margin-top: 20px;
}
.t_spc30 {
	margin-top: 30px;
}
.t_spc40 {
	margin-top: 40px;
}
.t_spc45 {
	margin-top: 45px;
}
.t_spc50 {
	margin-top: 50px;
}
.t_spc100 {
	margin-top: 100px;
}
.b_spc5 {
	margin-bottom: 5px;
}
.b_spc10 {
	margin-bottom: 10px;
}
.b_spc12 {
	margin-bottom: 12px;
}
.b_spc20 {
	margin-bottom: 20px;
}
.b_spc21 {
	margin-bottom: 21px;
}
.b_spc30 {
	margin-bottom: 30px;
}
.b_spc40 {
	margin-bottom: 40px;
}
.l_spc3 {
	margin-left: 3px;
}
.l_spc10 {
	margin-left: 10px;
}
.r_spc10 {
	margin-right: 10px;
}
.a_spc10 {
	margin: 10px;
}
.p_spc10 {
	padding: 10px;
}
.p_spc20 {
	padding: 20px;
}
.bp_spc5 {
	padding-bottom: 5px;
}
.bp_spc10 {
	padding-bottom: 10px;
}
.bp_spc15 {
	padding-bottom: 15px;
}
.lp_spc5 {
	padding-left: 5px;
}
.lp_spc10 {
	padding-left: 10px;
}
.lp_spc30 {
	padding-left: 30px;
}
.nt_spc {
	margin-top: -10px;
}
.ranking_sthumb {
	margin: 0 2px;
}


/* [04.Weight,Line,Size] 
--------------------------------------------------------------------------*/

.bold {
	font-weight: bold;
}
.font_n {
	font-weight: normal;
}
.l_n {
	line-height: normal;
}
.f_8 {
	font-size: 8px;
	padding: 0;
	margin: 0;
}
.f_9 {
	font-size: 9px;
	padding: 0;
	margin: 0;
}
.f_10 {
	font-size: 10px;
	padding: 0;
	margin: 0;
}
.f_11 {
	font-size: 11px;
	padding: 0;
	margin: 0;
}
.f_12 {
	font-size: 12px;
	padding: 0;
	margin: 0;
}
.f_14 {
	font-size: 14px;
	padding: 0;
	margin: 0;
}
.f_16 {
	font-size: 16px;
	padding: 0;
	margin: 0;
}
.f_18 {
	font-size: 18px;
	padding: 0;
	margin: 0;
}
.f_20 {
	font-size: 20px;
	padding: 0;
	margin: 0;
}
.f_24 {
	font-size: 24px;
	padding: 0;
	margin: 0;
}
.f_26 {
	font-size: 26px;
	padding: 0;
	margin: 0;
}
.f_30 {
	font-size: 30px;
	margin: 0;
	padding: 0;
}
.f_32 {
	font-size: 32px;
	margin: 0;
	padding: 0;
}
.t_right {
	text-align: right;
}
.t_center {
	text-align: center;
}
.t_left {
	text-align: left;
}

/* [05.Background] 
--------------------------------------------------------------------------*/

.bg_w {
	background: #FFF;
}
.bg_wg {
	background: #F3F3F3;
}
.bg_F2F2F2 {
	background: #F2F2F2;
}
.bg_f6 {
	background: #F6F6F6;
}
.bg_ec {
	background: #ECECEC;
}
.bg_ef {
	background: #EFEFEF;
}
.bg_e7 {
	background: #E7E7E7;
}
.bg_e8 {
	background: #E8E8E8;
}
.bg_d3{
	background: #D3D3D3;
}
.bg_F5F3EF {
	background: #F5F3EF;
}
.bg_EDFCFF {
	background: #EDFCFF;
}
.bg_gra {
	background: url(/images/layouts/other/bg_gra.jpg) repeat-x;
}

/* [06.Tooltip] 
--------------------------------------------------------------------------*/

#preview{
	position: absolute;
	padding: 5px;
	display: none;
}
#screenshot{
	position: absolute;
	padding: 5px;
	display: none;
}
.over a:hover img {
	opacity:.75;
	filter: alpha(opacity=75);
}
.imgover a:hover img {
	opacity: 0;
	filter: alpha(opacity=0);
}
.arrow01 {
	background: url(/images/common/arrow01.gif) left center no-repeat;
}

/* [07.v-align] 
--------------------------------------------------------------------------*/

.va_tt {
	vertical-align: text-top;
}
.va_mid {
	vertical-align: middle;
}

/* [08.normal]
--------------------------------------------------------------------------*/

.n_mp {
	margin: 0;
	padding: 0;
}
.wb {
	word-break: break-all;
}
.n_bdr {
	border: none;
}
.n_let {
	letter-spacing: normal;
}


/* [09.border]
--------------------------------------------------------------------------*/

.bdr {
	border: 1px solid #DEDEDE;
}
.bdr_pnk {
	border: solid 1px #E4007D;
}
.b_bdr {
	border-bottom: 1px solid #DEDEDE;
}
.b_bdrec {
	border-bottom: 1px solid #ECECEC;
}
.b_bdrF0 {
	border-bottom: 1px solid #F0F0F0;
}
.b_bdrF1 {
	border-bottom: 1px solid #F1F1F1;
}
.b_bdrF3 {
	border-bottom: 1px solid #F3F3F3;
}
.b_bdr5w {
	border-bottom: 5px solid #FFF;
}
.link_udr {
	text-decoration: underline;
}
.link_udr:hover {
	text-decoration: none;
}

/* [10.float]
--------------------------------------------------------------------------*/

.fleft {
	float: left;
}
.fright {
	float: right;
}











.dbl {
	display: block;
}
.w99 {
	width: 99%;
}







.txt_h {
	display: none;
}