@charset "utf-8";

/* Init
************************************************** */
html, body {
	width:100%;
	background:#fff;
	color:#000;
	font-size:12px;
	font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ ProN W3", "ヒラギノ角ゴ Pro W3", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	line-height:1.75em;
}

/*a:link    { color:#1f5fc0; text-decoration:underline; }*/
/*a:visited { color:#1f5fc0; text-decoration:underline; }*/
/*a:active  { color:#1f5fc0; text-decoration:underline; }*/
/*a:hover   { color:#1f5fc0; text-decoration:none; }*/

/*a {*/
/*	-webkit-transition: all .25s ease 0s;*/
/*	-moz-transition   : all .25s ease 0s;*/
/*	-ms-transition    : all .25s ease 0s;*/
/*	transition        : all .25s ease 0s;*/
/*}*/

.clr { clear:both; }
.cf {  width:100%; zoom:1; }
.cf:after {  content:""; clear:both; display:block; }

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

.tx_left   { text-align:left !important; }
.tx_center { text-align:center !important; }
.tx_right  { text-align:right !important; }

.valign_top      { vertical-align:top !important; }
.valign_bottom   { vertical-align:bottom !important; }
.valign_middle   { vertical-align:middle !important; }
.valign_baseline { vertical-align:baseline !important; }

/*font 12px base (japanese)*/
.tx10 { font-size:83.3%; }
.tx11 { font-size:91.7%; }
.tx12 { font-size:100%; }
.tx13 { font-size:108.3%; }
.tx14 { font-size:116.7%; }
.tx15 { font-size:125%; }
.tx16 { font-size:133.3%; }
.tx18 { font-size:150%; }
.tx20 { font-size:166.7%; }
.tx24 { font-size:200%; }
.tx28 { font-size:233.3%; }

/*font 13px base
.tx_10 { font-size:77%; }
.tx_11 { font-size:85%; }
.tx_12 { font-size:93%; }
.tx_13 { font-size:100%; }
.tx_14 { font-size:108%; }
.tx_15 { font-size:116%; }
.tx_16 { font-size:123.1%; }
.tx_18 { font-size:138.5%; }
.tx_20 { font-size:153.9%; }
.tx_24 { font-size:182%; }
.tx_28 { font-size:215.4%; }*/

/*font 14px base
.tx_10 { font-size:71.4%; }
.tx_11 { font-size:88.6%; }
.tx_12 { font-size:85.7%; }
.tx_13 { font-size:92.9%; }
.tx_14 { font-size:100%; }
.tx_15 { font-size:107.1%; }
.tx_16 { font-size:114.3%; }
.tx_18 { font-size:128.6%; }
.tx_20 { font-size:142.9%; }
.tx_21 { font-size:150%; }
.tx_24 { font-size:171.4%; }
.tx_28 { font-size:200%; }
.tx_35 { font-size:250%; }
.tx_42 { font-size:300%; }*/

/*font fixed size base (japanese)*/
.tx_10f { font-size:10px; }
.tx_11f { font-size:11px; }
.tx_12f { font-size:12px; }
.tx_13f { font-size:13px; }
.tx_14f { font-size:14px; }
.tx_15f { font-size:15px; }
.tx_16f { font-size:16px; }
.tx_18f { font-size:18px; }
.tx_20f { font-size:20px; }
.tx_24f { font-size:24px; }
.tx_28f { font-size:28px; }

.tb_rl {
	font-family:"@メイリオ", "@Meiryo", "@ヒラギノ角ゴ ProN W3", "@ヒラギノ角ゴ Pro W3", "@Osaka", "@ＭＳ Ｐゴシック", "@MS PGothic", sans-serif;
	writing-mode:vertical-rl;
	-epub-writing-mode:vertical-rl;
	-webkit-writing-mode:vertical-rl;
	-ms-writing-mode:tb-rl;
	/*-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);*/

}

.tx_ws_nor { white-space:normal !important; }
.tx_ws_now { white-space:nowrap; }

.tx_blue    { color:#004eaf; }
.tx_red     { color:#d50500; }
.tx_orange  { color:#eb6900; }
.tx_green   { color:#33CC66; }
.tx_purple  { color:#8749bb; }
.tx_gray   { color:#999; }
.tx_white   { color:#fff; }

.bg_gray    { background:#666 !important; color:#fff !important; }
.bg_orange  { background:#fffaf6 !important; }
.bg_green   { background:#e1f5f5 !important; }
.bg_red     { background:#fff0f0 !important; }
.bg_purple  { background:#e2d4ee !important; }
.bg_blue    { background:#dce1ec !important; }
.bg_lgreen  { background:#e1eeb8 !important; }

.no_border { border:none !important; }
.no_bg { background:none !important; }

.margin_t_05 { margin-top:0.5em !important; }
.margin_t_0 { margin-top:0 !important; }
.margin_t_1 { margin-top:1em !important; }
.margin_t_2 { margin-top:2em !important; }
.margin_t_3 { margin-top:3em !important; }

.margin_b_05 { margin-bottom:0.5em !important; }
.margin_b_0 { margin-bottom:0 !important; }
.margin_b_1 { margin-bottom:1em !important; }
.margin_b_2 { margin-bottom:2em !important; }
.margin_b_3 { margin-bottom:3em !important; }

.margin_l_05 { margin-left:0.5em !important; }
.margin_l_0 { margin-left:0 !important; }
.margin_l_1 { margin-left:1em !important; }
.margin_l_2 { margin-left:2em !important; }
.margin_l_3 { margin-left:3em !important; }

.margin_r_05 { margin-right:0.5em !important; }
.margin_r_0 { margin-right:0 !important; }
.margin_r_1 { margin-right:1em !important; }
.margin_r_2 { margin-right:2em !important; }
.margin_r_3 { margin-right:3em !important; }