@charset "UTF-8";

/* CSS Document */

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

                      system page styles

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

/* @group page common element */

div.play h2,
div.costume h2,
div.stociking h2,
div.price h2,
div.map h2,
div.ticket h2 {
	display: block;
	background-image: url(../../images/bg_C9_05.gif);
	background-color: #c3d0e2;
	text-align: left;
	clear: both;
}

div.costume h2#hisyo {
	display: block;
	background-image: url(../../system/images/hisyo_body.png);
	background-color: #ffdbff;
	text-align: left;
	clear: both;
}

/* @end */

/* @group company-info */

div.company-info {
	background-image: url(../../images/bg_C9_01.gif);
	height: 347px;
	width: 900px;
}

div.company-info div.motto {
	padding-top: 65px;
	padding-left: 64px;
	float: left;
}

div.company-info div.motto ul li {
	display: block;
}

div.company-info div.message {
	margin-left: 380px;
	padding-top: 34px;
	position: relative;
}

div.company-info div.message h3 {
	padding-left: 185px;
	/*margin:-5px auto -5px auto;*/
}

div.company-info div.message p {
	padding-top: 10px;
	padding-right: 38px;
	line-height: 1.6em;
	font-size: 10.1pt;
	font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3",serif;
}

div.company-info div.message p.signiture {
	padding-top: 0;
	text-align: right;
	position: absolute;
	top: 285px;
	right: 20px;
}

/* @end */

/* @group play */

div.play {
	font-size: 12pt;
	text-align: center;
}

div.play p {
	text-align: left;
	padding: 10px;
}

div.play div.box {
	text-align: left;
	margin: 0 auto;
	background-image: url(../../images/bg_C9_02.gif);
	width: 714px;
	height: 171px;
	position: relative;
}
div.play div.box1_new {
	text-align: left;
	margin: 0 auto;
	background-image: url(../../system/images/bg_C9_02_new.png);
	width: 714px;
	height: 630px;
	position: relative;
}


div.play div.box h3 {
	padding-top: 10px;
	padding-left: 25px;
}
div.play div.box1_new h3 {
	padding-top: 10px;
	padding-left: 25px;
}

div.play div.box p {
	padding-top: 0px;
	padding-left: 40px;
}
div.play div.box1_new p {
	padding-top: 0px;
	padding-left: 40px;
}

div.play div.box p img.image {
	position: absolute;
	top: 60px;
	left: 38px;
}
div.play div.box1_new p img.image {
	position: absolute;
	top: 60px;
	left: 38px;
}

div.play div.box p img.text {
	position: absolute;
	top: 120px;
	left: 315px;
}
div.play div.box1_new p img.text {
	position: absolute;
	top: 120px;
	left: 315px;
}

div.play div.box ul {
	position: absolute;
	left: 460px;
	top: 55px;
}
div.play div.box1_new ul {
	position: absolute;
	left: 460px;
	top: 55px;
}

div.play div.box ul li {
	display: block;
}
div.play div.box1_new ul li {
	display: block;
}

div.play div.others ul {
	margin-top: 20px;
	margin-left: 100px;
}

div.play ul li {
	float: left;
	padding-right: 19px;
}

div.play div.attention {
	clear: both;
	padding-top: 30px;
}

div.play div.attention p {
	text-align: center;
	font-size: 10pt;
}

div.play div.box p img.sp1,
div.play div.box p img.sp2,
div.play div.box p img.sp3,
div.play div.box p img.sp4,
div.play div.box p img.sp5,
div.play div.box p img.sp6,
div.play div.box p img.sp7,
div.play div.box p img.sp8 {
	position: absolute;
}
div.play div.box1_new p img.sp1,
div.play div.box1_new p img.sp2,
div.play div.box1_new p img.sp3,
div.play div.box1_new p img.sp4,
div.play div.box1_new p img.sp5,
div.play div.box1_new p img.sp6,
div.play div.box1_new p img.sp7,
div.play div.box1_new p img.sp8,
div.play div.box1_new p img.sp9_new,
div.play div.box1_new p img.sp10_new,
div.play div.box1_new p img.sp11_new,
div.play div.box1_new p img.sp12_new,
div.play div.box1_new p img.sp13_new,
div.play div.box1_new p img.sp14_new,
div.play div.box1_new p img.sp15_new, 
div.play div.box1_new p img.sp16_new {
	position: absolute;
}

div.play div.box p img.sp1 {
	top: 60px;
	left: 210px;
}
div.play div.box1_new p img.sp1 {
	top: 60px;
	left: 210px;
}

div.play div.box p img.sp2 {
	top: 108px;
	left: 225px;
}
div.play div.box1_new p img.sp2 {
	top: 108px;
	left: 225px;
}

div.play div.box p img.sp3 {
	top: 60px;
	left: 217px;
}
div.play div.box1_new p img.sp3 {
	top: 60px;
	left: 217px;
}

div.play div.box p img.sp4 {
	top: 108px;
	left: 225px;
}
div.play div.box1_new p img.sp4 {
	top: 108px;
	left: 225px;
}

div.play div.box p img.sp5 {
	top: 60px;
	left: 217px;
}
div.play div.box1_new p img.sp5 {
	top: 60px;
	left: 217px;
}

div.play div.box p img.sp6 {
	top: 110px;
	left: 230px;
}
div.play div.box1_new p img.sp6 {
	top: 110px;
	left: 230px;
}

div.play div.box p img.sp7 {
	top: 67px;
	left: 219px;
}
div.play div.box1_new p img.sp7 {
	top: 67px;
	left: 219px;
}

div.play div.box p img.sp8 {
	top: 108px;
	left: 225px;
}
div.play div.box1_new p img.sp8 {
	top: 108px;
	left: 225px;
}

div.play div.box1_new p img.sp9_new {
	top: 165px;
	left: 30px;
}
div.play div.box1_new p img.sp10_new {
	top: 200px;
	left: 30px;
}
div.play div.box1_new p img.sp11_new {
	top: 200px;
	left: 250px;
}
div.play div.box1_new p img.sp12_new {
	top: 200px;
	left: 470px;
}
div.play div.box1_new p img.sp13_new {
	top: 435px;
	left: 35px;
}
div.play div.box1_new p img.sp14_new {
	top: 480px;
	left: 40px;
}
div.play div.box1_new p img.sp15_new {
	top: 515px;
	left: 20px;
}
div.play div.box1_new p img.sp16_new {
	top: 515px;
	left: 360px;
}
/* @end */

/* @group costume */

div.costume,
div.stociking {
	background-image: url(../../images/bg_C9_06.gif);
	background-repeat: repeat-y;
	background-position: 260px 0;
}

div.costume div.commonly,
div.costume div.new,
div.costume div.vip,
div.stociking div.basic,
div.stociking div.option,
div.stociking div.panties {
	clear: both;
	padding-top: 30px;
	background-image: url(../../images/bg_C9_07.gif);
	background-repeat: no-repeat;
	background-position: center 15px;
}

span.note {
	font-size: 8pt;
	color: #5a5a5a;
	text-decoration: none!important;
}

div.costume div.commonly,
div.stociking div.basic {
	background-image: none;
}

div.stociking div.basic div.img-list p,
div.stociking div.option div.img-list p {
	clear: both;
	font-size: 10pt;
	padding-right: 40px;
	margin-top: 10px;
}

div.heading {
	float: left;
	width: 300px;
}

div.heading h3 {
	padding-left: 0px;
}

div.heading p {
	background-color: #e9e9e9;
	margin-left: 30px;
	padding: 5px 8px;
	width: 190px;
	font-size: 10pt;
}

div.img-list {
	margin-left: 300px;
}

div.img-list ul li {
	margin-right: 18px;
	margin-bottom: 15px;
	float: left;
	font-size: 11px;
	width: 96px;
	height: 170px;
	/*border: 1px #ff0000 solid;*/
}

div.img-list-combination ul li {
	margin-right: 18px;
	margin-bottom: 15px;
	float: left;
	font-size: 11px;
	width: 280px;
	height: 350px;
	/*border: 1px #ff0000 solid;*/
}


/*コスチューム背景画像変更*/
div.img-list li{
	width: 96px;
	height: 170px;
	text-align:center;
}
div.img-list ul li a{
	padding: 3px 0 0 0;
	text-decoration: none;
	/*width: 100%;*/
	width: 96px;
	height: 170px;
	display: block;
	font-size: 8px;
	font-weight: bold;
	background: #FCF url(http://www.s-story.net/system/images/photo_off.png) no-repeat;
}
div.img-list ul li a:hover{
	background: #FCF url(http://www.s-story.net/system/images/photo_on.png) no-repeat;
	color:#ff0000;
	font-weight: bold;
}
/*コスチューム背景画像変更ここまで*/

div.stociking div.option div.img-list ul{
height:330px;
}

div.stociking div.option div.img-list ul li {
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
	font-size: 11px;
	width: 240px;
	height: 320px;
	/*border: 1px #000000 solid;*/
}
div.stociking div.option div.img-list ul li img{
	border:solid 1px #3a97ff;
	margin:0;
	padding:0;
	/*border: 1px #000000 solid;*/
}

div.img-list ul li img {
	display: block;
	margin: auto auto 6px auto;
	padding-top:15px;
	/*padding-bottom: 5px;*/
}

/* @end */

/* @group price system */

div.price {
	text-align: center;
	font-size: 11pt;
	position: relative;
}

div.price h2 {
	margin-top: 60px;
	margin-bottom: 30px;
}

div.price h2#hisyo {
	margin-top: 60px;
	margin-bottom: 30px;
}

div.price h3 {
	font-size: 12pt;
}

div.price div.basic {
	background-image: url(../../images/bg_C9_03.gif);
	width: 801px;
	height: 458px;
	margin: 0 auto;
	text-align: left;
}

div.price div.basic h3 {
	padding-top: 40px;
	padding-left: 70px;
}

div.price div.basic dl,
div.price div.basic table,
div.price div.basic p.hotel,
div.price div.basic ul.btn,
div.price div.basic p.card {
	position: absolute;
}

div.price div.basic dl {
	top: 130px;
	padding-left: 55px;
	height: 60px;
}

div.price div.basic dl dt,
div.price div.basic dl dd {
	float: left;
}

div.price div.basic dl dt {
	padding-right: 30px;
	padding-top: 4px;
}

div.price div.basic dl dd {
	padding-right: 100px;
}

div.price div.basic table thead th {
	height: 19px;
	vertical-align: bottom;
	position: relative;
	padding-left: 50px;
}

div.price div.basic table thead th span {
	position: relative;
	top: 7px;
}

div.price div.basic table {
	top: 182px;
	left: 135px;
}

div.price div.basic table tbody tr th,
div.price div.basic table tbody tr td {
	height: 38px;
	vertical-align: bottom;
}

div.price div.basic table tbody tr td {
	padding-left: 25px;
}

div.price div.basic p.hotel {
	top: 335px;
	right: 135px;
}

div.price div.basic ul.btn {
	top: 365px;
	left: 260px;
}

div.price div.basic ul.btn li {
	float: left;
	padding-right: 10px;
}

div.price div.basic p.card {
	top: 415px;
	width: 800px;
	text-align: center;
	font-size: 11pt;
}

div.price div.basic p.card img {
	margin: 5px auto;
	display: block;
}
/*
div.price div.option {
	background-image: url(../../images/bg_C9_04.gif);
	width: 801px;
	height: 352px;
	margin: 20px auto 50px;
	text-align: left;
}
*/
div.price div.option {
	background-image: url(../../option2/images/back.png);
	width: 801px;
	height: 740px;
	margin: 20px auto 50px;
	text-align: left;
}


div.price div.option h3 {
	padding-top: 38px;
	text-align: center;
}

div.price div.option dl {
	padding-top: 15px;
	font-size: 11pt;
/*border:solid 1px #3a97ff;*/
}

div.price div.option dl.left {
	float: left;
	padding-left: 55px;
_width:300px;
_margin:auto 70px auto auto;
/*border:solid 1px #3a97ff;*/
}

div.price div.option dl.right {
	margin-left: 420px;
}

div.price div.option dl dt,
div.price div.option dl dd {
	margin-bottom: 7px;
}

div.price div.option dl dt {
	float: left;
	text-decoration: underline;
}

div.price div.option dl dd {
	text-align: right;
}

div.price div.option dl.left dd {
	margin-left: 225px;
}

div.price div.option dl.right dd {
	margin-right: 60px;
}

div.price div.option dl.right dd.adj {
	position: relative;
}

div.price div.option dl.right dd.adj {
	position: relative;
}

div.price div.option dl.right dd.adj span {
	position: absolute;
	right: 0;
}

div.price div.option dl dt {
height:32px;
_height:36px;
	/*border-bottom:solid 1px #3a97ff;*/
}

div.price div.option dl dd {
height:32px;
_height:36px;
_color:all;
	/*border-bottom:solid 1px #3a97ff;*/
}


/* @end */

div.ticket {
	text-align: center;
}

div.ticket p {
	padding-top: 20px;
	padding-bottom: 10px;
	
}

div.map {
	margin-top: 30px;
}

div.map p.supple {
	margin-top: 40px;
	font-size: 10pt;
	padding-left: 20px;
}

div.map ul {
	height: 130px;
}

div.map ul li {
	float: left;
}

*html div.price div.basic dl {
	position: static;
	padding-top: 10px;
	padding-left: 55px;
	height: 60px;
}

*html div.price div.option dl.right dd.adj {
	position: static;
}

*html div.price div.option dl.right dd.adj span {
	position: static;
}