@import url("/common/colorSet.css");
/* ■colorSet.cssに記述された色リスト
.kawaraRed, .color_re, .software_sub_bg, .color_or, .mark_or, .color_bl, .color_bl2,
.color_wh, .sub_head, .sub_head_line, .sub_head_lb, .sub_head_lb_line, .sub_head_re, .sub_head_re_line, .sub_head2_700, .sub_head2_750, .sub_head2_line,
.color_bk
*/



/*
■フォント系共通設定

以下から@importで呼ばれる
/style_2column.css
/common/comon.css
/support/src/faq.css

英語などの非日本語ページでは、いったんinclude.cssを読んだ後
/common/english_contents.cssにてfont-familyをArial, sans-serifで上書きする
*/
*
{
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

body,
#wrap, .normal, .software_side, .product, .product_last, .price, td, div
{
	font-family: Mangal, Arial, 'Meiryo UI', Meiryo, 'Hiragino Sans', 'Yu Gothic UI', 'Yu Gothic', sans-serif;
	font-weight: 400;
	-webkit-text-size-adjust: 100%;
	text-size-adjust: 100%;
	font-feature-settings: 'pwid', 'pkna', 'pnum', 'lnum', 'kern';
	/* 游ゴシックUIは font-feature-settings: 'palt' だと約物が刺さる */
}

/* ▼ U+0021〜007E …半角英数スペース抜き の範囲だけ欧文書体を適用させる */
/* Mangalは半角英数のうちアルファベットと記号に適用 / Arialは数字に適用 */
@font-face {
	font-family: 'Mangal';
	src: local('Mangal');
	unicode-range: U+0021-002F, U+0041-005A, U+0061-007A;
}
@font-face {
	font-family: 'Arial';
	src: local('Arial');
	unicode-range: U+0021-007E, U+2009, U+200A, U+200B, U+00A0, U+2003;
}
/* ゼロ幅空白(U+200B)  (U+200A)  (U+2009)  (U+00A0)  (U+2003)はArialで表示を目指す */
/* ▲ U+0021〜007E …半角英数スペース抜き の範囲だけ欧文書体を適用させる */

/* ▼メイリオUI・メイリオをまとめる */
/*
@font-face {
	font-family: 'Meiryo UI';
	font-weight: 400;
	src: local('Meiryo UI Regular'), local('Meiryo UI');
}
@font-face {
	font-family: 'Meiryo UI';
	font-weight: 500;
	src: local('Meiryo UI Regular'), local('Meiryo UI');
}
@font-face {
	font-family: 'Meiryo UI';
	font-weight: 600;
	src: local('Meiryo UI Regular'), local('Meiryo UI');
}
@font-face {
	font-family: 'Meiryo UI';
	font-weight: 700;
	src: local('Meiryo UI Regular'), local('Meiryo UI');
}

@font-face {
	font-family: 'Meiryo';
	font-weight: 400;
	src: local('Meiryo Medium'), local('Meiryo');
}
@font-face {
	font-family: 'Meiryo';
	font-weight: 500;
	src: local('Meiryo Medium'), local('Meiryo');
}
@font-face {
	font-family: 'Meiryo';
	font-weight: 600;
	src: local('Meiryo Medium'), local('Meiryo');
}
@font-face {
	font-family: 'Meiryo';
	font-weight: 700;
	src: local('Meiryo Medium'), local('Meiryo');
}
*/
/* ▲メイリオUI・メイリオをまとめる */

/* ▼游ゴシックUI・游ゴシックをまとめる */
@font-face {
	font-family: 'Yu Gothic UI';
	src: local('Yu Gothic UI Regular'), local('YuGothic UI Regular'),
		local('Yu Gothic UI'), local('YuGothic UI');
	font-weight: 500;
}
@font-face {
	font-family: 'Yu Gothic UI';
	src: local('Yu Gothic UI Regular'), local('YuGothic UI Regular'),
		local('Yu Gothic UI'), local('YuGothic UI');
	font-weight: 700;
}
@font-face {
	font-family: 'Yu Gothic';
	src: local('Yu Gothic Medium'), local('YuGothic Medium'),
		local('Yu Gothic'), local('YuGothic');
	font-weight: 500;
}
@font-face {
	font-family: 'Yu Gothic';
	src: local('Yu Gothic Medium'), local('YuGothic Medium'),
		local('Yu Gothic'), local('YuGothic');
	font-weight: 700;
}
/* ▲游ゴシックUI・游ゴシックをまとめる */

/* ▼ヒラギノをまとめる */
@font-face {
	font-family: 'Hiragino Sans';
	font-weight: 300;
	src:
		local('Hiragino Kaku Gothic Pro'), local('Hiragino Kaku Gothic ProN'),
		local('HiraKakuProN-W3'), local('HiraKakuProN'), local('Hiragino Sans');
}
@font-face {
	font-family: 'Hiragino Sans';
	font-weight: 700;
	src:
		local('Hiragino Kaku Gothic Pro'), local('Hiragino Kaku Gothic ProN'),
		local('HiraKakuProN-W6'), local('HiraKakuProN'), local('Hiragino Sans');
}
/* ▲ヒラギノをまとめる */

/* ▼PC系の解像度が並のものは<b>で太字にせずドロップシャドウ */
.strong, .strong2, b,
.strong *, .strong2 *, b *,
.qTable a span, .aTable > div > span:first-child, table.supportInfo tr:first-child td, table.updateInfo thead,
.infoHead td
{
	font-weight: 400;
	text-shadow: 1px 0 0, 0.5px 0 0;
	letter-spacing: 1px;
}
.aTable h2, .aTable h2 *
{
	font-weight: 400;
	text-shadow: 1px 0 0, 0.5px 0 0, 1px 1px 0px rgba(0, 0, 0, 0.2);
	letter-spacing: 1px;
}
/* ▲PC系の解像度が並のものは<b>で太字にせずドロップシャドウ */

/* ▼スマホ・iPad系は<b>でドロップシャドウを解除して太字に戻す */
@media screen and (min-resolution: 2dppx), screen and (-webkit-min-resolution: 2dppx), screen and (min-device-pixel-ratio: 2), screen and (-webkit-min-device-pixel-ratio: 2)
{
	.strong, .strong2, b,
	.strong *, .strong2 *, b *,
	.qTable a span, .aTable > div > span:first-child, table.supportInfo tr:first-child td, table.updateInfo thead,
	.infoHead td,
	.aTable h2, .aTable h2 *
	{
		font-weight: 700;
		text-shadow: none;
		letter-spacing: 0px;
	}
}
/* ▲スマホ・iPad系は<b>でドロップシャドウを解除して太字に戻す */