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

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

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

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

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

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


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


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

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

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

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

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

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