/* index.css */
/* Base Typography
**************************************************************************************************/
body {
	font-size: 62.5%;
	line-height: 180%;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",sans-serif;
	color: #3F3F3F;
}

*:first-child+html body {
	font-family: Osaka, "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック";
}
*html body {
}

div#wapper {
	font-size: 1.3em;
}
/*safari 3*/
html*div#wapper {
	font-size: 1.2em;
	line-height: 145%;
}
/* safari 4  + firefox 3.5 */
div#wapper:first-of-type {
	font-size: 1.24em;
	line-height: 145%;
}
/*Opera 9.6*/
div#wapper:not(\*|*) {
	font-size: 1.2em;
	line-height: 145%;
}
/*IE 7*/
*:first-child+html div#wapper {
	font-size: 1.2em;
	line-height: 160%;
}
/*IE 6*/
*html div#wapper {
	font-size: 1.2em;
	line-height: 160%;
}
/* text -> img
****************************************************/
div#main h2#chapt,
div#main h3#contens_hd,
p.page_top a {
	text-indent: -999px;
	overflow: hidden;
	display: block;
	background-repeat: no-repeat;
}

/* CLASS
****************************************************/
/* font color class */
.fcol_pink {
	color: #EC3290;
}
.fcol_purple {
	color: #8B14EF;
}
.fcol_green {
	color: #52b540;
}
.fcol_red {
	color: #dd0000;
}
.fcol_a {
	color: #DB0071;
}
.fc_gry {
	color: #8F8F8F;
}

/* font-weight class */
.fw_b {
	font-weight: bold;
}

/* font size class */
.fs10 {
	font-size: 83%;
	line-height: 130%;
}
*:first-child+html .fs10 {
	font-size: 83%;
	line-height: 130%;
}
*html .fs10 {
	font-size: 93%;
	line-height: 140%;
}

/* btn */
p.page_top {
	width: 65px;
	height: 10px;
}
p.page_top a {
	background-image: url(../images/tc_top_btn.gif);
	width: 65px;
	height: 10px;
}
p.page_top a:hover {
	background-position: -65px 0;
}
/* Base
**************************************************************************************************/
body {
	background-image: url(../images/s_bg01.gif);
}
div#wapper {
	position: relative;
	margin: 0 auto;
	border-left: 1px solid #8E8E8E;
	border-right: 1px solid #8E8E8E;
	border-bottom: 8px solid #8E8E8E;
	width: 718px;
}

div#header {
	padding: 0px 22px 4px 0px;
	border-bottom: 2px solid #6B6B6B;
	background-color: #8E8E8E;
	width: 697px;
	height: 72px;
}
div#header h1 {
	float: left;
	width: 308px;
	height: 72px;
}
div#header ul {
	position: relative;
	float: right;
	margin: 12px 0 0;
	height: 57px;
}
div#header ul li {
	float: left;
	margin-right: 10px;
	width: 39px;
	height: 60px;
}
div#header ul li#navibtn02 {
	margin-right: 7px;
	width: 59px;
}
div#header ul li#navibtn04 {
	margin-right: 7px;
	width: 61px;
}
div#header ul li#navibtn03 {
	margin-right: 0;
}

div#main {
	position: relative;
	background-color: #FFF;
	width: 718px;
}

div#footer {
	position: relative;
	padding: 0 10px 0 0;
	border-top: 1px solid #CECECE;
	background-color: #FFF;
	height: 68px;
}
div#footer address {
	float: left;
	width: 287px;
	height: 68px;
}
div#footer p.page_top {
	float: right;
	margin: 12px 0 0;
	width: 65px;
	height: 10px;
}