@charset "utf-8";
/* CSS Document */


/*+++++++++++++++++++++++++++++++++++++++++++++++++  GLOVAL  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

p {
	margin: 0px;
	padding: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #666666;
	line-height: 180%;
}
.wrap {
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 659px;
	position: relative;
}
body {
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
}
img,a {border:none;}



/*+++++++++++++++++++++++++++++++++++++++++++++++++  HEADER  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#header_wrap {background-image: url(../images/wrapper_bg.jpg);background-repeat: repeat-x;}
#header {
	height: 245px;
	width: 1000px;
	position: relative;
	background-image: url(../images/header_bg.jpg);
	background-repeat: no-repeat;
	background-position: 50px top;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
.url {
	position: absolute;
	background-image: url(../images/header_top_url.jpg);
	background-repeat: no-repeat;
	width: 137px;
	height: 17px;
	left: 50px;
	top: 0px;
	margin: 0px;
	padding: 0px;
}
.url a {
	display:block;
	overflow: hidden;
	text-indent:-9999px;
	width: 137px;
	height: 17px;
	left: 0px;
	top: 0px;
}
#header h1 {
	position: absolute;
	width: 367px;
	height: 145px;
	left: 70px;
	top: 35px;
	margin: 0px;
	padding: 0px;
}
#header h1 a {
	display:block;
	overflow: hidden;
	text-indent:-9999px;
	width: 398px;
	height: 145px;
	left: 0px;
	top: 0px;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++  NAVIGATION  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#gm {
	position: absolute;
	width: 400px;
	left: 114px;
	top: 185px;
	height: 33px;
	margin: 0px;
	padding: 0px;
}
.gm_ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	position: relative;
	height: 32px;
	width: 398px;
	background-image: url(../images/gm.jpg);
	background-repeat: no-repeat;
}

#gm li  {height: 33px;top: 0px;position: absolute;}
#gm li a {height: 33px;display:block;overflow: hidden;text-indent:-9999px;}

li.gm_top 			{width: 49px;left: 0px;background-image: url(../images/gm.jpg);}
li.gm_intro 		{width: 111px;left: 52px;background-image: url(../images/gm.jpg);background-position: -51px top;}
li.gm_spec 			{width: 52px;left: 166px;background-image: url(../images/gm.jpg);background-position: -167px top;}
li.gm_characters	{width: 98px;left: 221px;background-image: url(../images/gm.jpg);background-position: -220px top;}
li.gm_special 		{width: 75px;left: 322px;background-image: url(../images/gm.jpg);background-position: -321px top;}

li.gm_top a:hover		{width: 49px; left: 0px; background-image: url(../images/gm.jpg); background-position: 0px -33px;}
li.gm_intro a:hover		{width: 111px; left: 52px; background-image: url(../images/gm.jpg); background-position: -51px -33px;}
li.gm_spec a:hover		{width: 52px;left: 166px;background-image: url(../images/gm.jpg);background-position: -167px -33px;}
li.gm_characters a:hover{width: 98px;left: 221px;background-image: url(../images/gm.jpg);background-position: -220px -33px;}
li.gm_special a:hover	{width: 75px;left: 322px;background-image: url(../images/gm.jpg);background-position: -321px -33px;}

body.top li.gm_top				{width: 49px; left: 0px; background-image: url(../images/gm.jpg); background-position: 0px -33px;}
body.intro li.gm_intro			{width: 111px; left: 52px; background-image: url(../images/gm.jpg); background-position: -51px -33px;}
body.spec li.gm_spec			{width: 52px;left: 166px;background-image: url(../images/gm.jpg);background-position: -167px -33px;}
body.characters li.gm_characters{width: 98px;left: 221px;background-image: url(../images/gm.jpg);background-position: -220px -33px;}
body.special li.gm_special		{width: 75px;left: 322px;background-image: url(../images/gm.jpg);background-position: -321px -33px;}

/*+++++++++++++++++++++++++++++++++++++++++++++++++  CONTENTS  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#contents_wrap {
	width: auto;
	height: auto;
}
#contents {
	background-image: url(../images/contents_bg.jpg);
	background-repeat: no-repeat;
	width: 900px;
	min-height:400px;
	background-position: 654px top;
	padding-right: 50px;
	padding-left: 50px;
	padding-top: 20px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	position: relative;
	
}
/*\*/* html #contents {height: 1em;overflow: visible;}/**/

/*+++++++++++++++++++++++++++++++++++++++++++++   CONTENTS LEFT   +++++++++++++++++++++++++++++++++++++++++++++*/
.contents_left {
	width: 200px;
	margin-right: 19px;
	font-size: 12px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	clear: both;
}
.contents_left a {
	float: left;
	width: 180px;
	color: #999999;
	text-decoration: none;
}
.contents_left a:hover{
	background-color: #EAEAEA;
	color: #0f5fc6;
}
.contents_left ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	width: 200px;
	float: left;
}
.submenu_title {
	width: 200px;
	height:36px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #DD4993;
}

body.intro .submenu_title 		{background-image:url(../images/contentstitle_intro.jpg);}
body.spec .submenu_title 		{background-image:url(../images/contentstitle_spec.jpg);}
body.characters .submenu_title 	{background-image:url(../images/contentstitle_charactor.jpg);}
body.special .submenu_title 	{background-image:url(../images/contentstitle_special.jpg);}

.contents_left li a{
	background-image: url(../images/list_icon.png);
	background-repeat: no-repeat;
	background-position: 5px center;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 180px;
}
.left_colum {
	float: left;
	padding-top: 30px;
	width: 200px;
	text-align: center;
}

/*+++++++++++++++++++++++++++++++++++++++++++++   CONTENTS RIGHT   +++++++++++++++++++++++++++++++++++++++++++++*/

#contents_right {
	float: right;
	padding-left: 20px;
	border-left-width: 1px;
	border-left-style: dotted;
	border-left-color: #999999;
	width: 659px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	position: relative;
}
#contents_right h2 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	text-align: left;
	width: 350px;
	margin: 0px;
	padding: 0px;
	background-repeat: no-repeat;
	height: 45px;
	text-indent: -9999px;
}
body.intro #contents_right h2 		{background-image: url(../images/subtitle_intro.jpg);}
body.spec #contents_right h2 		{background-image: url(../images/subtitle_spec.jpg);}
body.characters #contents_right h2 	{background-image: url(../images/subtitle_character.jpg);}
body.special #contents_right h2 	{background-image: url(../images/subtitle_special.jpg);}

#contents_right h3 {
	padding: 0px;
	height: 41px;
	width: 261px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
.subtitle {
	background-image: url(../images/arrow.jpg);
	background-repeat: no-repeat;
	padding-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 22px;
	color: #0f5fc6;
	background-position: left center;
	font-weight: bold;
	letter-spacing: -1px;
	margin: 0px;
}	
	
	
	
#contents_right h4 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	font-weight: bold;
	color: #af006b;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-top: 0px;
}
#contents_right h5 {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

/*+++++++++++++++++++++++++++++++++++++++++++++++++  FOOTER  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
#footer_wrap {
	background-image: url(../images/footer_warapbg.jpg);
	background-repeat: repeat-x;
	min-height: 100%;
	width: 100%;
	float: left;
	margin-top: 40px;
	background-color: #9A9A9A;
}
#footer {
	background-image: url(../images/footer_bg.jpg);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 75px;
	width: 1000px;
	position: relative;
	background-position: 50px 0px;
}
#footer ul {
	list-style-type: none;
	position: relative;
	margin: 0px;
	padding: 0px;
}
#footer .fivepb {
	position: absolute;
	width: 63px;
	height: 41px;
	left: 216px;
	top: 33px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/footer_logo.jpg);
	background-repeat: no-repeat;
	background-position: left -47px;
}
#footer .fivepb a		{width: 63px;height: 41px;display:block;overflow: hidden;text-indent:-9999px;}
#footer .fivepb a:hover {background-image: url(../images/footer_logo.jpg);background-repeat: no-repeat;background-position: left top;}


#footer .psp {
	position: absolute;
	width: 102px;
	height: 41px;
	left: 321px;
	top: 33px;
	margin: 0px;
	padding: 0px;
	background-image: url(../images/footer_logo.jpg);
	background-repeat: no-repeat;
	background-position: right -47px;
}
#footer .psp a {width: 102px;height: 41px;display:block;overflow: hidden;text-indent:-9999px;}
#footer .psp a:hover {background-image: url(../images/footer_logo.jpg);background-repeat: no-repeat;background-position: right top;}


/*+++++++++++++++++++++++++++++++++++++++++++++++++  CHARACTOR PAGE  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
body.characters .contents_left img 		{margin: 0px;padding: 5px;background-color: #CCCCCC;}

.chara_left {
	float: left;
}
.chara_right {
	float: left;
	margin-left: 20px;
}
.chara_right ul {
	margin: 0px;
	list-style-type: none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
.chara_right li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	padding-top: 4px;
	padding-bottom: 4px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #0f5fc6;
}
.span_list {
	color: #af006b;
	padding-right: 10px;
	width: 25px;
	float: left;
}
#cg_wrap {
	margin-bottom: 20px;
	margin-top: 40px;
	width: 659px;
}
#cg_wrap img {
	background-color: #CCCCCC;
	padding: 5px;
	margin-right: 7px;
	margin-left: 7px;
	float: left;
	margin-bottom: 30px;
}


/*+++++++++++++++++++++++++++++++++++++++++++++++++  INTRO PAGE  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
body.intro .contents_left img 		{margin: 0px;padding: 5px;background-color: #CCCCCC;}
body.intro #contents_right p {

}

body.intro #contents_right ul {
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	width: 659px;
}
body.intro #contents_right li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	padding-top: 4px;
	padding-bottom: 4px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #0f5fc6;
	line-height: 150%;
}
body.intro .span_list {
	color: #af006b;
	padding-right: 10px;
	width: 60px;
	float: left;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++  SPEC PAGE  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body.spec #contents .spec_img img 		{margin: 0px;padding: 5px;background-color: #CCCCCC;}
body.spec #contents #specleft img 		{margin: 0px;padding: 5px;background-color: #CCCCCC;}
body.spec .contents_left img 		{margin: 0px;padding: 5px;background-color: #CCCCCC;}


body.spec #contents_right ul {
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	width: 350px;
}
body.spec #contents_right li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	padding-top: 4px;
	padding-bottom: 4px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #0f5fc6;
	line-height: 150%;
}
body.spec #spec_right ul {
	margin: 0px;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
	width: 438px;
}
body.spec #spec_right li {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
	padding-top: 4px;
	padding-bottom: 4px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 12px;
	color: #0f5fc6;
	line-height: 150%;
}
body.spec .span_list {
	color: #af006b;
	padding-right: 10px;
	width: 110px;
	float: left;
}
.spec_img {
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 369px;
	top: 108px;
	width: 286px;
	height: 150px;
}
#specleft {
	float: left;
	margin: 0px;
	padding: 0px;
}
#spec_right {
	float: left;
	margin-left: 20px;
	width: 438px;
}
body.spec .shoplist {
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 10px;
	padding-bottom: 10px;
	line-height: 180%;
}
body.spec .shoplist_left {
	float: left;
	width: 120px;
}
.shoplist_left p {
	color: #af006b;
	font-size: 12px;
}
.shoplist_right {
	float: left;
	width: 539px;
}
.blue {
	color: #0f5fc6;
}
.firstlist_left {
	float: left;
	width: 190px;
}
.firstlist_left p {
	color: #af006b;
	font-size: 12px;
}
.firstlist_right {
	float: left;
	width: 469px;
}

.pink {
	color: #af006b;
}
.spec #contents #contents_right .wrap #list2_wrap .list2 {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000000;
	margin-bottom: 5px;
	padding-bottom: 5px;
	clear: both;
}
#list2_wrap {
	float: left;
	margin: 0px;
	padding: 0px;
	width:370px;
}
/*+++++++++++++++++++++++++++++++++++++++++++++++++  SPECIAL PAGE  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/

body.special .contents_left img 		{margin: 0px;padding: 5px;background-color: #CCCCCC;}
body.special .wrap {
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 659px;
	position: relative;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
}
.sound_left {
	float: left;
	width: 320px;
	position: relative;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #999999;
}
.sound_right {
	float: right;
	width: 320px;
	position: relative;
}
body.special #contents h5 {
	font-size: 12px;
	font-weight: normal;
	color: #000000;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
.clear {
	clear: both;
}