@charset "utf-8";
body {
	background-color: #FFFFFF;
	padding: 0px;
	margin: 0px;
	color: #000000;
}

hr {
	display: none;
}

#hidden {
	display: none;
}

#index {
	position: relative;
	margin:0 auto 0 auto;
}

/*  頭部分  */
#index p {
	background-image: url(/shop/game/strawberry-m/pwa/images/grp01.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	height: 274px;
	width: 780px;
	text-indent: -9999px;
}

#index h1 {
	background-image: url(/shop/game/strawberry-m/pwa/images/grp02.jpg);
	background-repeat: no-repeat;
	padding: 0px;
	margin: 0px;
	height: 274px;
	width: 780px;
	text-indent: -9999px;
}

.official a{
	position: absolute;
	height: 19px;
	width: 128px;
	left: 152px;
	top: 314px;
	text-indent: -9999px;
}

#sub {
	padding: 8px;
	margin: 5px auto 8px auto;
	width: 760px;
	font-size: 125%;
	border-bottom:dotted 1px;
}

#text {
	background-color: #FFF5C7;
	padding: 10px;
	margin:0 auto 0 auto;
	width: 735px;
	border: 6px double #C1B05F;
}

#text2 {
	padding: 0px;
	margin:0 auto 0 auto;
	width: 750px;
}

#text3 {
	padding: 10px;
	margin:0 auto 0 auto;
	width: 760px;
	text-align: right;
}

/*  キャラクター  */
#chara_select {
	position: relative;
	padding: 0px;
	margin: 0px;
	height: 270px;
	width: 780px;
	text-indent: -9999px;
}

#chara_select ul{
	list-style: none;
}

#chara_select li a{
	background-image: url(/shop/game/strawberry-m/pwa/images/chara_select.jpg);
	position: absolute;
}

#chara_select li.chara1 a{
	height: 123px;
	width: 123px;
	top: 0px;
	left: 11px;
	background-position: 0px 0px;
}

#chara_select li.chara1 a:hover{
	background-position: 0px -123px;
}

#chara_select li.chara2 a{
	height: 123px;
	width: 123px;
	top: 0px;
	left: 138px;
	background-position: -123px 0px;
}

#chara_select li.chara2 a:hover{
	background-position: -123px -123px;
}

#chara_select li.chara3 a{
	height: 123px;
	width: 123px;
	top: 0px;
	left: 265px;
	background-position: -246px 0px;
}

#chara_select li.chara3 a:hover{
	background-position: -246px -123px;
}

#chara_select li.chara4 a{
	height: 123px;
	width: 123px;
	top: 0px;
	left: 392px;
	background-position: -369px 0px;
}

#chara_select li.chara4 a:hover{
	background-position: -369px -123px;
}

#chara_select li.chara5 a{
	height: 123px;
	width: 123px;
	top: 0px;
	left: 519px;
	background-position: -492px 0px;
}

#chara_select li.chara5 a:hover{
	background-position: -492px -123px;
}

#chara_select li.chara6 a{
	height: 123px;
	width: 123px;
	top: 0px;
	left: 646px;
	background-position: -615px 0px;
}

#chara_select li.chara6 a:hover{
	background-position: -615px -123px;
}

#chara_select li.chara7 a{
	height: 123px;
	width: 123px;
	top: 127px;
	left: 11px;
	background-position: -738px 0px;
}

#chara_select li.chara7 a:hover{
	background-position: -738px -123px;
}

#chara_select li.chara8 a{
	height: 123px;
	width: 123px;
	top: 127px;
	left: 138px;
	background-position: -861px 0px;
}

#chara_select li.chara8 a:hover{
	background-position: -861px -123px;
}

#chara_select li.chara9 a{
	height: 123px;
	width: 123px;
	top: 127px;
	left: 265px;
	background-position: -984px 0px;
}

#chara_select li.chara9 a:hover{
	background-position: -984px -123px;
}