@charset "Shift_JIS";

/*----------clearfix----------*/
/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/*--------------------------基本--------------------------*/
body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #696969;
	font-size: 11px;
	line-height: 13px;
	background-color: #FFFFFF;
}

a:link    { color: #696969;text-decoration: none}
a:visited { color: #696969;text-decoration: none}
a:active  { color: #696969;text-decoration: none}
a:hover   { color: #E796A1;text-decoration: underline}

/* ------------------------------------------------------
	block element centering style.
------------------------------------------------------ */
html {
	display: table;
	width: 100%;
	height: 100%;
}

body {
	display: table-cell;
	vertical-align: middle;
}

#blockCentering {
	text-align: left;
	margin: 0 auto;
	width: 528px;
	background: #FFFFFF;
}

/* for IE6 */
* html body {
	text-align: center;
	height: 100%;
}

* html #blockCentering {
	display: inline;
	vertical-align: middle;
	zoom: 1;
}

* html #dummy {
	width: 0;
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}

/* for IE7 */
*:first-child+html body {
	text-align: center;
	height: 100%;
}

*:first-child+html #blockCentering {
	display: inline;
	vertical-align: middle;
	zoom: 1;
}

*:first-child+html #dummy {
	width: 0;
	height: 100%;
	vertical-align: middle;
	display: inline-block;
}

/*--------------------------テキスト--------------------------*/
.s11 {
	color: #696969;
	font-size: 11px;
	margin: 0px;
	line-height: 11px;
}

/*--------------------------ヘッダーー--------------------------*/
.header {
	width: 528px;
	height: 16px;
	position: relative;
}

#skipbutton {
	position: absolute;
	top: 0px;
	left: 441px;
	width: 87px;
	height: 9px;
	background: url(../images/img_skip.gif) no-repeat;
}
#skipbutton li {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 87px;
	height: 9px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}
#skipbutton #skip { width: 87px; left: 0px; }
#skipbutton li a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 9px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

/*--------------------------ENTERページ--------------------------*/
#enter {
	width: 528px;
	height: 452px;
	background: url(../images/img_enter_bg.gif) no-repeat;
}

#enter img {
	display: none;
}

.box {
	width: 96px;
	height: 96px;
	float: left;
}

.a {
	position: relative;
	top: 18px;
	left: 24px;
	width: 480px;
}

.b {
	position: relative;
	top: 138px;
	left: 24px;
	width: 480px;
	height: 96px;
}

.c {
	position: relative;
	top: 146px;
	left: 24px;
	width: 480px;
	height: 96px;
}

#enter .button {
	position: relative;
	top: -158px;
	left: 32px;
	width: 464px;
	height: 96px;
}

#buttonSOS {
	position: relative;
	width: 96px;
	height: 96px;
	background: url(../images/img_enter_buttonSOS.gif) no-repeat;
	display: none;
}
#buttonSOS li {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 96px;
	height: 96px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}
#buttonSOS #SOS { height: 96px; top: 0px; }
#buttonSOS li a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 96px;
	height: 96px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

#buttonSCS {
	position: relative;
	width: 96px;
	height: 96px;
	background: url(../images/img_enter_buttonSCS.gif) no-repeat;
	display: none;
}
#buttonSCS li {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 96px;
	height: 96px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}
#buttonSCS #SCS { height: 96px; top: 0px; }
#buttonSCS li a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 96px;
	height: 96px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

/*--------------------------フッター--------------------------*/
.footer {
	width: 528px;
	height: 38px;
	position: relative;
}

.footer .credit {
	position: absolute;
	left: 0px;
	bottom: 0px;
}
	
#closebutton {
	position: absolute;
	left: 473px;
	bottom: 0px;
	width: 55px;
	height: 13px;
	background: url(../images/img_close.gif) no-repeat;
}
#closebutton li {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 55px;
	height: 13px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}
#closebutton #close { width: 55px; left: 0px; }
#closebutton li a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 13px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

/*--------------------------SELECTONLINEページ--------------------------*/
#selectonline {
	width: 528px;
	height: 452px;
	background: url(../images/img_selectonline_bg.gif) no-repeat;
}

#selectonline .button {
	position: relative;
	top: 141px;
	left: 76px;
	width: 376px;
	height: 170px;
}

#buttonenterSOS {
	position: relative;
	width: 170px;
	height: 170px;
	background: url(../images/img_selectonline_buttonSOS.gif) no-repeat;
	float: left;
	display: none;
}
#buttonenterSOS li {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 170px;
	height: 170px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}
#buttonenterSOS #SOS { height: 170px; top: 0px; }
#buttonenterSOS li a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 170px;
	height: 170px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

#backbutton {
	position: relative;
	top: 131px;
	left: 0px;
	width: 36px;
	height: 36px;
	background: url(../images/img_selectonline_back.gif) no-repeat;
	float: left;
	display: none;
}
#backbutton li {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 36px;
	height: 36px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}
#backbutton #back { height: 36px; top: 0px; }
#backbutton li a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 36px;
	height: 36px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}

#buttonenterSOSR {
	position: relative;
	width: 170px;
	height: 170px;
	background: url(../images/img_selectonline_buttonSOSR.gif) no-repeat;
	float: right;
	display: none;
}
#buttonenterSOSR li {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 170px;
	height: 170px;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}
#buttonenterSOSR #SOSR { height: 170px; top: 0px; }
#buttonenterSOSR li a {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 170px;
	height: 100%;
	font-size: 0px;
	line-height: 0px;
	text-indent: -9999px;
}