@charset "utf-8";


----------------------------*/

@import "base.css";


/* タイトル
-------------------------------------*/
#title {
	clear:both;
	width:890px;
	height: 210px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0em;
}

#twitter {
	clear:both;
	width:890px;
	height: 16px;
	margin-right: auto;
	margin-left: auto;
	text-align: right;
	margin-bottom: 10px;
	font-size: 12px;
	color: #000;
}

.prestart_btn  a {
	width: 618px;
	height: 79px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	display: block;
	text-indent: -9999px;
	background-image:url(../img/prestart_btn_of.gif);
	background-repeat: no-repeat;
	background-position: left top;
	/*\*/
	overflow: hidden;/**/
}
	
.prestart_btn  a:hover {	
	background-image:url(../img/prestart_btn_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}	

#prestart {
	width: 890px;
	background-image:url(../img/prestart_bg.gif);
	background-position: left top;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

#prestart h2 {
	width: 890px;
	height: 97px;
	text-indent: -9999px;
	background-image:url(../img/prestart_1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

#prestart p {
	width: 850px;
	padding-right: 20px;
	padding-left: 20px;
	color: #333333;
	background-color: #ffff99;
	line-height: 1.4;
	text-align: left;
	margin-bottom: 0em;
}


#prestart_t1 {
	width: 890px;
	margin-right: auto;
	margin-left: auto;
	display: block;
}

#prestart_t1 h2 {
	width: 890px;
	height: 64px;
	text-indent: -9999px;
	background-image:url(../img/prestart_2.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#prestart_t1 p {
	height: 353px;
	text-indent: -9999px;
	background-image:url(../img/prestart_3.jpg);
	background-repeat: no-repeat;
	background-position: left top;

}

#prestart_t1_wrap {
	width: 786px;
	padding-right: 52px;
	padding-left: 52px;
	margin-right: auto;
	margin-left: auto;
	color: #333333;
	line-height: 1.4;
}

#prestart_t1_wrap .text1 {
	color: #333333;
	line-height: 1.4;
	text-align: center;
}


#prestart_t1_wrap .line {
}

#prestart_t1_wrap .text2 {
	float: left;
	width: 432px;
	color: #333333;
	line-height: 1.4;
	text-align: left;
	margin-bottom: 0em;
}

#prestart_t1_wrap .merumaga_btn a {
	float: right;
	width: 334px;
	height: 55px;
	display: block;
	text-indent: -9999px;
	background-image:url(../img/merumaga_btn_of.gif);
	background-repeat: no-repeat;
	background-position: left top;
	/*\*/
	overflow: hidden;/**/
}
	
#prestart_t1_wrap .merumaga_btn a:hover {
	background-image:url(../img/merumaga_btn_on.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.boxend {
	clear:both;
	width: 890px;
	height: 26px;
	background-image:url(../img/prestart_4.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#prestart_t2 {
	width: 890px;
	margin-right: auto;
	margin-left: auto;
	clear:both;
}

#prestart_t2 h2 {
	width: 890px;
	height: 200px;
	text-indent: -9999px;
	background-image:url(../img/prestart_5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}

.purple_b {
	font-size:16px;
	color: #5C00E5;
}


/* 追加ボタン
-------------------------------------*/
.yoyaku p.txt{
    color:#063;
	margin:20px 0 0 0;
	font-size:14px;
}
.yoyaku p.b-yoyaku{
    width:400px;
	height:50px;
	text-indent:-9999px;
	margin:5px auto 15px;
}
.yoyaku p.b-yoyaku a{
    display:block;
	background:url(../img/b-yoyaku.gif) 0 0 no-repeat;
	height:50px;
	overflow:hidden;
}
.yoyaku p.b-yoyaku a:hover{
    background:url(../img/b-yoyaku.gif) 0 -50px no-repeat;
}

/*end*/