@charset "utf-8";

/*
===== CONTENTS =========================================

 // Site Outline //

	Site Name:  未來社
	URL:  http://www.miraisha.co.jp/


 // Font-size Adjustment //

	71% = 10px
	86% = 12px
	100% = 14px
	114% = 16px
	129% = 18px


 // CSS Index //

	1: Common text
	2: sizeChange bottom

=======================================================
*/

/*-----------------------------------------------------
 // 1: Common text
-----------------------------------------------------*/
body {
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", osaka, "メイリオ", Meiryo, sans-serif;
	font-size: 86%; /* IE */
}
html>/**/body {
	font-size: 14px; /* Except IE */
}

.textS {
	font-size: 71%;
}

.textM {
	font-size: 86%;
}

.textL {
	font-size: 100%;
}

.textLL {
	font-size: 114%;
}

.text3L {
	font-size: 129%;
}

#genre h1 {
	font-size: 114%;
}

/*-----------------------------------------------------
 // 2: sizeChange bottom
-----------------------------------------------------*/
#header .header_box .sizeChange .switch {
	background-image: url(img/header_switch_s.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
}



#header .box1 .sizeChange .standard a {
	background-image: url(img/btn_size-s_on.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#header .box1 .sizeChange .middle a {
	background-image: url(img/btn_size-m.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#header .box1 .sizeChange .middle a:hover {
	background-image: url(img/btn_size-m_on.gif);
}

#header .box1 .sizeChange .large a {
	background-image: url(img/btn_size-l.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}
#header .box1 .sizeChange .large a:hover {
	background-image: url(img/btn_size-l_on.gif);
}