@charset "UTF-8";
@import url("font.css");
@import url('https://fonts.googleapis.com/earlyaccess/notosansjapanese.css?family=Noto Sans Japanese');

/*
 * base.css
 */

body{ 
	font-family: Arial, Helvetica, Verdana, "Noto Sans Japanese", "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
	-webkit-font-smoothing:antialiased;
}

/* !link ------------------------------------------------------------------- */
a				{ color: #323232; text-decoration: none; }
a:visited		{ }
a:hover,
a:active,
a:focus			{ text-decoration: none;}

/* !java script -------------------------------------------------------------- */
.over			{ /* ロールオーバー呼び出し用 */ }

/* !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: 72%; vertical-align: top; white-space:nowrap;}
sub				{ font-size: 72%; vertical-align: baseline;}

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

/* !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;}
.atode			{ border: 2px solid #96c; padding: 10px; text-align: center; background-color: #f9f; font-family: "ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; font-size: 30px; color: #fff; /* 後から確認する個所のマーク用 */}

/* !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;}