@charset "UTF-8";
/*
 * base.css
 *
 */
 
/* !link ------------------------------------------------------------------- */
a				{ color: #00a8ff; text-decoration: underline;}
a:visited,		
a:hover,
a:active,
a:focus			{ color: #00a8ff; text-decoration: none;}

/* !base fonts ※base14pxで指定した場合。（layout.cssに記載）
----------------------------------------------------------------------------- */
.f_weight_n		{ font-weight: normal;}
.f_weight_b		{ font-weight: bold;}
.f_ssmall		{ font-size:  72%;}/* base 14px -> 10px */
.f_small		{ font-size:  86%;}/* base 14px -> 12px */
.f_middle		{ font-size: 100%;}
.f_large		{ font-size: 115%;}/* base 14px -> 16px */
.f_llarge		{ font-size: 129%;}/* base 14px -> 18px */
.f_lllarge		{ font-size: 143%;}/* base 14px -> 20px */
.f_size24		{ font-size: 24px;}
.f_size30		{ font-size: 30px;}
sup				{ font-size: 78%; vertical-align: top;}
sub				{ font-size: 78%; vertical-align: baseline;}

/* !line height ------------------------------------------------------------------- */
line_h120		{ line-height: 120%;}
line_h200		{ line-height: 200%;}

/* !width ------------------------------------------------------------------- */
/* 960px Grid ※幅に合わせて書き換える*/
.w960			{ width: 960px;}
.w800			{ width: 800px;}
.w640			{ width: 640px;}
.w480			{ width: 480px;}
.w320			{ width: 320px;}
.w160			{ width: 160px;}

.w_half 		{ width: 48%;}
.w_tri  		{ width: 33%;}
.w_quart		{ width: 24%;}
.w_full 		{ width: 99.9%;}
.w_max  		{ width: 100%;}

.w_03per		{ width: 3%  !important;}
.w_05per		{ width: 5%  !important;}
.w_10per		{ width: 10% !important;}
.w_13per		{ width: 13% !important;}
.w_15per		{ width: 15% !important;}
.w_20per		{ width: 20% !important;}
.w_25per		{ width: 25% !important;}
.w_30per		{ width: 30% !important;}
.w_35per		{ width: 35% !important;}
.w_40per		{ width: 40% !important;}
.w_45per		{ width: 45% !important;}
.w_50per		{ width: 50% !important;}


/* !tools ------------------------------------------------------------------- */
.clear			{ clear: both;}
.block			{ display: block;}
.hide 			{ display: none;}
.bg_none  		{ background: none !important;}
.t_deco_line	{ text-decoration: underline;}
.t_deco_none	{ text-decoration: none;}


/* !margin ------------------------------------------------------------------ */
.mt00			{ margin-top: 0   !important;}
.mt05			{ margin-top: 5px !important;}
.mt10			{ margin-top:10px !important;}
.mt12			{ margin-top:12px !important;}
.mt15			{ margin-top:15px !important;}
.mt20			{ margin-top:20px !important;}
.mt25			{ margin-top:25px !important;}
.mt30			{ margin-top:30px !important;}
.mt35			{ margin-top:35px !important;}
.mt40			{ margin-top:40px !important;}
.mt45			{ margin-top:45px !important;}
.mt50			{ margin-top:50px !important;}
.mr00			{ margin-right: 0   !important;}
.mr05			{ margin-right: 5px !important;}
.mr10			{ margin-right:10px !important;}
.mr12			{ margin-right:12px !important;}
.mr15			{ margin-right:15px !important;}
.mr20			{ margin-right:20px !important;}
.mr25			{ margin-right:25px !important;}
.mr30			{ margin-right:30px !important;}
.mr35			{ margin-right:35px !important;}
.mr40			{ margin-right:40px !important;}
.mr45			{ margin-right:45px !important;}
.mr50			{ margin-right:50px !important;}
.mb00			{ margin-bottom: 0   !important;}
.mb05			{ margin-bottom: 5px !important;}
.mb10			{ margin-bottom:10px !important;}
.mb12			{ margin-bottom:12px !important;}
.mb15			{ margin-bottom:15px !important;}
.mb20			{ margin-bottom:20px !important;}
.mb25			{ margin-bottom:25px !important;}
.mb30			{ margin-bottom:30px !important;}
.mb35			{ margin-bottom:35px !important;}
.mb40			{ margin-bottom:40px !important;}
.mb45			{ margin-bottom:45px !important;}
.mb50			{ margin-bottom:50px !important;}
.ml00			{ margin-left: 0   !important;}
.ml05			{ margin-left: 5px !important;}
.ml10			{ margin-left:10px !important;}
.ml12			{ margin-left:12px !important;}
.ml15			{ margin-left:15px !important;}
.ml20			{ margin-left:20px !important;}
.ml25			{ margin-left:25px !important;}
.ml30			{ margin-left:30px !important;}
.ml35			{ margin-left:35px !important;}
.ml40			{ margin-left:40px !important;}
.ml45			{ margin-left:45px !important;}
.ml50			{ margin-left:50px !important;}

/* !padding  ---------------------------------------------------------------- */
.pt00			{ padding-top: 0   !important;}
.pt05			{ padding-top: 5px !important;}
.pt10			{ padding-top:10px !important;}
.pt12			{ padding-top:12px !important;}
.pt15			{ padding-top:15px !important;}
.pt20			{ padding-top:20px !important;}
.pt25			{ padding-top:25px !important;}
.pt30			{ padding-top:30px !important;}
.pt35			{ padding-top:35px !important;}
.pt40			{ padding-top:40px !important;}
.pt45			{ padding-top:45px !important;}
.pt50			{ padding-top:50px !important;}
.pr00			{ padding-right: 0   !important;}
.pr05			{ padding-right: 5px !important;}
.pr10			{ padding-right:10px !important;}
.pr12			{ padding-right:12px !important;}
.pr15			{ padding-right:15px !important;}
.pr20			{ padding-right:20px !important;}
.pr25			{ padding-right:25px !important;}
.pr30			{ padding-right:30px !important;}
.pr35			{ padding-right:35px !important;}
.pr40			{ padding-right:40px !important;}
.pr45			{ padding-right:45px !important;}
.pr50			{ padding-right:50px !important;}
.pb00			{ padding-bottom: 0   !important;}
.pb05			{ padding-bottom: 5px !important;}
.pb10			{ padding-bottom:10px !important;}
.pb12			{ padding-bottom:12px !important;}
.pb15			{ padding-bottom:15px !important;}
.pb20			{ padding-bottom:20px !important;}
.pb25			{ padding-bottom:25px !important;}
.pb30			{ padding-bottom:30px !important;}
.pb35			{ padding-bottom:35px !important;}
.pb40			{ padding-bottom:40px !important;}
.pb45			{ padding-bottom:45px !important;}
.pb50			{ padding-bottom:50px !important;}
.pl00			{ padding-left: 0   !important;}
.pl05			{ padding-left: 5px !important;}
.pl10			{ padding-left:10px !important;}
.pl12			{ padding-left:12px !important;}
.pl15			{ padding-left:15px !important;}
.pl20			{ padding-left:20px !important;}
.pl25			{ padding-left:25px !important;}
.pl30			{ padding-left:30px !important;}
.pl35			{ padding-left:35px !important;}
.pl40			{ padding-left:40px !important;}
.pl45			{ padding-left:45px !important;}
.pl50			{ padding-left:50px !important;}

/* !clearfix---------------------------------------------------------- */
.clearfix:after	{ content: ""; display: block; clear: both;}

/* !float ------------------------------------------------------------------ */
.f_left			{ display: inline; float: left;}
.f_right		{ display: inline; float: right;}
.f_img_left		{ display: inline; float: left; margin-right: 20px;}
.f_img_right	{ display: inline; float: right; margin-left: 20px;}
.f_Box			{ overflow: hidden; *zoom: 1;}

/* !color ------------------------------------------------------------------ */
f_color_black	{ color:#000000;}
f_color_red		{ color:#FF0000;}
f_color_yellow	{ color:#FFFF00;}

/* !inline align ------------------------------------------------------------ */
.b_center		{ margin-right: auto; margin-left: auto; text-align: left;}
* html .b_center{ margin-right: 0; margin-left: 0;}
.b_right		{ margin-left: auto; text-align: left;}
* html .b_right	{ margin-left: 0;}
.t_left			{ text-align: left   !important;}
.t_center		{ text-align: center !important;}
.t_right		{ text-align: right  !important;}
.v_top			{ vertical-align: top    !important;}
.v_middle		{ vertical-align: middle !important;}
.v_bottom		{ vertical-align: bottom !important;}