@charset "UTF-8";
/*------------------------------------------------------------
	CASCADING STYLE SHEETS 3 - INDEVISUAL APPLICATIONS
	COPYRIGHT : 1997-2018 SPACE PROJECT
	BUILD : 2018-11-17T12:15:14+09:00
------------------------------------------------------------*/

/*------------------------------------------------------------
	FONT SIZE	12pt 1em (16pt 0.75 em)
	18pt	1.50 em		16pt	1.33 em		15pt	1.25 em
	14pt	1.17 em		11pt	0.92 em		10.5pt	0.88 em
	10pt	0.83 em		9pt		0.75 em
------------------------------------------------------------*/

/*------------------------------------------------------------
	HEADER STYLES
------------------------------------------------------------*/
body {
	text-align: left;
	margin-bottom: 20px;
	background: #000000 url(/ateliergh/dorodoroeropack/items/dorodoroeropack_background2.jpg) no-repeat center top;
}
* p {
	text-align: left;
	text-justify: none;
}
body #header {
	border-top: solid 0px #000000;
}
#headerContainer {
	position: relative;
	overflow: visible;
}
#headerContainer h1 {
	display: none;
}
#headerContainer h2.ateliergh a {
	z-index: 999;
	position: absolute;
	top: 0px;
	right: 0px;
	display: block;
	width: 150px;
	height: 0px;
	padding-top: 35px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_logotype_ateliergh@fs.png) no-repeat 0 0;
	background-size: 150px 35px;
	transition: opacity 0.3s ease-in-out 0s;
	opacity: 0.6;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#headerContainer h2.ateliergh a {
		background-image: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_logotype_ateliergh@fs@2x.png);
	}
}
#headerContainer h2.ateliergh a:hover {
	opacity: 1;
}
/*------------------------------------------------------------
	MAIN MENU
------------------------------------------------------------*/
#headerContainer h3.logotype a {
	display: none;
}
/*------------------------------------------------------------
	TEASER
------------------------------------------------------------*/
#teaserWrapper {
	z-index: 1000;
	display: none;
	opacity: 1;
	position: absolute;
	top: 0;
	left: 0;
	background: #000000;
}
#teaserWrapper:hover {
	cursor: pointer;
}
#teaserContainer {
	position: relative;
	width: 800px;
	height: 500px;
	margin: 100px auto 0 auto;
	overflow: visible;
}
#teasetImage {
	z-index: 90;
	position: relative;
	left: 100px;
	list-style: none;
}
#teasetImage li {
	float: left;
	margin: 0 5px;
	width: 190px;
	height: 500px;
	border-radius: 20px;
}
#teaserImage01 {
	position: relative;
	top: -30px;
	background: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_teaser01.jpg) 0 0;
}
#teaserImage02 {
	position: relative;
	top: 30px;
	background: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_teaser02.jpg) 0 0;
}
#teaserImage03 {
	position: relative;
	top: -30px;
	background: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_teaser03.jpg) 0 0;
}
#teaserCaption {
	z-index: 100;
	position: absolute;
	top: 300px;
	width: 800px;
	height: 0px;
	padding-top: 100px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_teaserCaption@fs.png) no-repeat 0px 0px;
	background-size: 800px 100px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#teaserCaption {
		background-image: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_teaserCaption@fs@2x.png);
	}
}
#teaserCaption, #teaserImage01, #teaserImage02, #teaserImage03 {
	opacity: 0;
}
/*------------------------------------------------------------
	INDEX - PRIVILEGE
------------------------------------------------------------*/
body.index #privilegeContainer {
	z-index: 100;
	position: absolute;
	top: 620px;
	left: 20px;
	width: 380px;
	height: 250px;
	padding: 0px;
}
body.index #privilegeContainer #privilegeImage {
	display: block;
	width: 380px;
	height: 0px;
	padding-top: 250px;
	margin: 0;
	overflow: hidden;
	line-height: 300%;
	color: #000000;
	background: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_privilege@fs.png) no-repeat 0 0;
	background-size: 380px 250px;	
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #privilegeContainer #privilegeImage {
		background-image: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_privilege@fs@2x.png);
	}
}
body.index #privilegeContainer a img {
	position: absolute;
	bottom: 10px;
	right: 32px;
	opacity: 0.9;
}
body.index #privilegeContainer a img:hover {
	cursor: pointer;
	opacity: 1;
}
/*------------------------------------------------------------
	INDEX - SHOP
------------------------------------------------------------*/
body.index #shopBanner a {
	z-index: 100;
	position: absolute;
	top: 880px;
	left: 20px;
	display: block;
	width: 376px;
	height: 0px;
	padding-top: 66px;
	margin: 0;
	overflow: hidden;
	line-height: 300%;
	color: #000000;
	background: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_shopBanner@fs.png) no-repeat 0 0;
	background-size: 376px 66px;
	border: 2px solid #94205b;
	border-radius: 8px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #shopBanner a {
		background-image: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_shopBanner@fs@2x.png);
	}
}
body.index #shopBanner a:hover {
	border-color: #ffffff;
}
/*------------------------------------------------------------
	INDEX - BANNER
------------------------------------------------------------*/
body.index #bannerContainer {
	position: absolute;
	overflow: visible;
	top: 1120px;
	width: 960px;
	padding: 20px;
	line-height: 200%;
	color: #f9b5d1;
	background: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_background_solid40.png) repeat 0 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
body.index #bannerList {
	position: relative;
	list-style: none;
	z-index: 20;
} 
body.index #bannerList li a {
	float: left;
	width: 306px;
	height: 0px;
	margin-left: 12px;
	padding-top: 250px;
	overflow: hidden;
	line-height: 300%;
	background: no-repeat 0px 0px;
	background-size: 306px 250px;
	border-radius: 8px;
	border: 3px solid #b80950;
	transition: border-color 0.3s ease-in-out 0s;
	opacity: 0.8;
}
body.index #bannerList li:first-child a {
	margin-left: 0px;
}
body.index #bannerList li a:hover {
	opacity: 1;
	border-color: #ffffff;
}
body.index #bannerList #kyonyushojonopet a {
	position: relative;
	background-image: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_banner01@fs.png);
}
body.index #bannerList #nenekijigoku a {
	position: relative;
	background-image: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_banner02@fs.png);
}
body.index #bannerList #cleopatra a {
	position: relative;
	background-image: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_banner03@fs.png);
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #bannerList #kyonyushojonopet a {
		background-image: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_banner01@fs@2x.png);
	}
	body.index #bannerList #nenekijigoku a {
		background-image: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_banner02@fs@2x.png);
	}
	body.index #bannerList #cleopatra a {
		background-image: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_banner03@fs@2x.png);
	}
}
#bannerHeader {
	position: relative;
	width: 960px;
	height: 0px;
	padding-top: 30px;
	margin-bottom: 10px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_bannerHeader@fs.png) no-repeat 0px 0px;
	background-size: 960px 30px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#bannerHeader {
		background-image: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_bannerHeader@fs@2x.png);
	}
}
/*------------------------------------------------------------
	INDEX INFOMATIONS
------------------------------------------------------------*/
body.index #header {
	height: 0px;
	overflow: visible;
	border-top: solid 1px #001a0e;
	background: none;
}
body.index #contentsBackground {
	position: absolute;
	margin: auto;
	width: 100px;
	height: 100px;
	background: #000000;
	opacity: 1;
}
body.index #contentsContainer {
	position: relative;
	overflow: visible;
	width: 1000px;
	height: 1900px;
	margin: 0 auto 0 auto;
	padding: 0;
}
body.index #contentsContainer #caption {
	position: absolute;
	top: 780px;
	left: 20px;
	width: 960px;
	height: 0px;
	padding-top: 350px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_caption2@fs.png) no-repeat 0px 0px;
	background-size: 960px 350px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #contentsContainer #caption {
		background-image: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_caption2@fs@2x.png);
	}
}
body.index #mainInfomation {
	position: absolute;
	overflow: visible;
	bottom: 0px;
	width: 980px;
	min-height: 150px;
	padding: 10px;
	line-height: 200%;
	color: #f9b5d1;
	background: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_background_solid40.png) repeat 0 0;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
body.index #mainInfomation h4 {
	padding: 7px 0 5px 0;
	margin-bottom: 15px;
	padding-left: 2em;
	font-size: 1.14em;
	font-weight: bold;
	color: #ffffff;
	background: #b80950 url(/common/ui/background_contentsHeaderBlack.png) no-repeat 10px center;
}
body.index #mainInfomation div.staff {
	float: left;
	width: 500px;
	padding: 10px;
}
body.index #mainInfomation div.spec {
	float: left;
	width: 440px;
	padding: 10px;
}
body.index #mainInfomation div.attention {
	width: 960px;
	padding: 10px;
}
body.index #mainInfomation div dl {
	padding: 0 5px;
	font-size: 0.92em;
	margin-bottom: 20px;
}
body.index #mainInfomation div dl dt {
	float: left;
	width: 7em;
	margin-bottom: 5px;
	padding: 0 0 5px 1em;
}
body.index #mainInfomation div.staff dl dt {
	width: 6em;
}
body.index #mainInfomation div dl dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #934f6a;
}
body.index #mainInfomation div dl dd:last-child {
	border-bottom: 0px
}
body.index #mainInfomation div dl dd span.caution {
	font-size: 0.9em;
	margin-left: 2em;
}
body.index #mainInfomation div dl dd span.ruby {
	font-size: 0.92em;
}
body.index #mainInfomation div dl dd span.ruby:before {
	content: "（";
}
body.index #mainInfomation div dl dd span.ruby:after {
	content: "）";
}
body.index #mainInfomation div dl dd span.subTitle {
	font-size: 0.92em;
	margin-left: 2.2em;
}
body.index #mainInfomation div dl dd:before {
	content: "：";
	padding-right: 1em;
}
body.index #mainInfomation div ul {
	margin-left: 30px;
}
body.index #mainInfomation div ul li {
	margin-bottom: 5px;
}
body.index #mainInfomation div ul li.noListStyle {
	list-style: none;
}
body.index #contentsContainer #book {
	position: relative;
	width: 440px;
	height: 0px;
	padding-top: 250px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_book@fs.png) no-repeat 0px 0px;
	background-size: 440px 250px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #contentsContainer #book {
		background-image: url(/ateliergh/dorodoroeropack/items/dorodoroeropack_book@fs@2x.png);
	}
}
/*------------------------------------------------------------
	FOOTER - WHITE TEXT
------------------------------------------------------------*/
#footer {
	width: 970px;
	height: 10px;
	padding: 15px;
}
body.index #footer {
	width: 970px;
	height: 10px;
	padding: 15px;
}
#footer ul.footerMenu li.copyright a {
	display: none;
}