@charset "UTF-8";
/*------------------------------------------------------------
	CASCADING STYLE SHEETS 3 - INDEVISUAL APPLICATIONS
	COPYRIGHT : 1997-2018 SPACE PROJECT
	BUILD : 2018-01-06T18:02:37+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;
}
* p {
	text-align: left;
	text-justify: none;
}
#header {
	border-top: solid 1px #000000;
}
#headerContainer {
	position: relative;
	overflow: visible;
}
#headerContainer h1 {
	display: none;
}
#headerContainer h2.puzzlebox a {
	display: block;
	float: right;
	width: 128px;
	height: 0px;
	padding-top: 23px;
	margin-top: 10px;
	overflow: hidden;
	line-height: 200%;
	background: url(/puzzlebox/hahatoobatoboku/items/hahatoobatoboku_logotype_puzzlebox.png) no-repeat 0px 0px;
}
/*------------------------------------------------------------
	INDEX INFOMATIONS
------------------------------------------------------------*/
body {
	background: #000000 url(/puzzlebox/hahatoobatoboku/items/hahatoobatoboku_background_main.jpg) no-repeat center top;
}
body.index #header {
	z-index: 100;
	height: 0px;
	overflow: visible;
	border-top: solid 1px #001a0e;
	background: none;
}
body.index #headerContainer h3.logotype {
	z-index: 10;
	position: relative;
	top: 360px;
	left: 33px;
	display: block;
	width: 934px;
	height: 0px;
	padding-top: 340px;
	overflow: hidden;
	line-height: 200%;
	background: url(/puzzlebox/hahatoobatoboku/items/hahatoobatoboku_logotype@fs.png) no-repeat 0px 0px;
}
body.index #contentsContainer {
	position: relative;
	overflow: visible;
	width: 1000px;
	height: 1650px;
	margin: 0 auto 0 auto;
	padding: 0;
}
body.index #contentsContainer p.caption {
	z-index: 100;
	position: absolute;
	left: 18px;
	top: -560px;
	width: 963px;
	height: 0px;
	padding-top: 115px;
	overflow: hidden;
	line-height: 200%;
	background: url(/puzzlebox/hahatoobatoboku/items/hahatoobatoboku_caption@fs.png) no-repeat 0px 0px;
}
body.index #contentsContainer p.release {
	position: absolute;
	left: 6px;
	top: -410px;
	width: 370px;
	height: 0px;
	padding-top: 120px;
	overflow: hidden;
	line-height: 200%;
	background: url(/puzzlebox/hahatoobatoboku/items/hahatoobatoboku_release4@fs.png) no-repeat 0px 0px;
}
body.index #contentsContainer p.privilege a {
	position: absolute;
	right: 10px;
	top: -420px;
	width: 600px;
	height: 0px;
	padding-top: 120px;
	overflow: hidden;
	line-height: 200%;
	background: url(/puzzlebox/hahatoobatoboku/items/hahatoobatoboku_banner_privilege2.jpg) no-repeat 0px 0px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
body.index #contentsContainer p.privilege a:hover {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	cursor: pointer;
}
body.index #contentsContainer hr.line {
	position: absolute;
	right: 16px;
	top: -270px;
	width: 970px;
	height: 0px;
	padding-top: 36px;
	overflow: hidden;
	line-height: 200%;
	background: url(/puzzlebox/hahatoobatoboku/items/hahatoobatoboku_line@fs.png) no-repeat 0px 0px;
}
body.index #contentsContainer p.banner {
	position: absolute;
	top: -220px;
	left: 0px;
	width: 1020px;
}
body.index #contentsContainer p.banner a {
	display: inline-block;
	width: 310px;
	height: 0px;
	padding-top: 200px;
	overflow: hidden;
	line-height: 200%;
	margin: 0 10px;
}
body.index #contentsContainer p.banner a:hover {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	cursor: pointer;
}
body.index #contentsContainer p.banner a.obanoshinshitsu {
	background: url(/puzzlebox/hahatoobatoboku/items/hahatoobatoboku_banner_obanoshinshitsu.png) no-repeat 0px 0px;
}
body.index #contentsContainer p.banner a.toshiuelesson {
	background: url(/puzzlebox/hahatoobatoboku/items/hahatoobatoboku_banner_toshiuelesson.png) no-repeat 0px 0px;
}
body.index #contentsContainer p.banner a.kinshinsouai {
	background: url(/puzzlebox/hahatoobatoboku/items/hahatoobatoboku_banner_kinshinsouai.png) no-repeat 0px 0px;
}
body.index #mainInfomation {
	position: absolute;
	overflow: visible;
	bottom: 0px;
	width: 970px;
	min-height: 150px;
	padding: 15px;
	line-height: 200%;
	color: #6a2a5d;
	background: url(/puzzlebox/hahatoobatoboku/items/hahatoobatoboku_background_mainInfomation@fs.png) no-repeat 0 0;
}
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: #6a2a5d url(/common/ui/background_contentsHeaderBlack.png) no-repeat 10px center;
}
body.index #mainInfomation div.staff {
	float: left;
	width: 465px;
	padding: 10px;
}
body.index #mainInfomation div.spec {
	float: left;
	width: 465px;
	padding: 10px;
}
body.index #mainInfomation div.attention {
	clear: both;
	padding: 10px;
}
body.index #mainInfomation div dl {
	padding: 0 5px;
	font-size: 0.92em;
}
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 #a1919e;
}
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;
}
/*------------------------------------------------------------
	LINK BANNER
------------------------------------------------------------*/
body.index #bannerContainer {
	padding: 0 10px;
}
body.index .linkBanner a {
	display: block;
	float: left;
	width: 461px;
	height: 0px;
	padding-top: 86px;
	overflow: hidden;
	line-height: 200%;
	border: 2px solid #6a2a5d;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
body.index .linkBanner a:hover {
	border-color: #ffffff;
}
body.index #onlineshopBanner a {
	margin-right: 20px;
	background: url(/puzzlebox/hahatoobatoboku/items/hahatoobatoboku_banner_onlineshop2.jpg) no-repeat 0 0;
}
body.index #dlroductsBanner a {
	background: url(/puzzlebox/hahatoobatoboku/items/hahatoobatoboku_banner_dlproducts3.jpg) no-repeat 0 0;
}
/*------------------------------------------------------------
	DLPRODUCTS - COMMON
------------------------------------------------------------*/
body.dlproducts #header {
	height: 300px;
}
body.dlproducts #contentsContainer {
	overflow: visible;
	width: 1000px;
	margin: 0 auto;
	padding: 0;	
}
body.dlproducts #mainInfomation {
	position: relative;
	overflow: visible;
	width: 950px;
	margin-top: 0px;
	min-height: 500px;
	padding: 25px;
	color: #6a2a5d;
	background: url(/puzzlebox/hahatoobatoboku/items/hahatoobatoboku_background_mainInfomation@fs.png) no-repeat 0 0;
}
body.dlproducts #mainInfomation:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
body.dlproducts #mainMenu {
	display: none;
}
body.dlproducts #headerContainer {
	position: relative;
}
body.dlproducts #headerContainer h3.logotype a {
	z-index: 10;
	display: block;
	position: absolute;
	top: -40px;
	width: 320px;
	height: 0px;
	padding-top: 116px;
	overflow: hidden;
	line-height: 200%;
	background: url(/puzzlebox/hahatoobatoboku/items/hahatoobatoboku_logotype_menu@fs.png) no-repeat 0px 0px;
}
body.dlproducts #headerContainer h3.logotype a:hover {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
}
/*------------------------------------------------------------
	DLPRODUCTS
------------------------------------------------------------*/
#mainInfomation h4.dlproducts {
	position: absolute;
	top: -80px;
	left: 0px;
	width: 340px;
	height: 0px;
	padding-top: 90px;
	overflow: hidden;
	line-height: 300%;
	background: url(/puzzlebox/hahatoobatoboku/items/hahatoobatoboku_headline_dlproducts.png) no-repeat 0px 0px;
}
#mainInfomation h5.dlproducts {
	width: 970px;
	height: 0px;
	padding-top: 0px;
	margin: 0px 0 20px 20px;
	overflow: hidden;
	line-height: 300%;
	background: url(/speed/lovexhate/items/lovexhate_headline_dlproducts.png) no-repeat 0px 0px;
}
#mainInfomation div.bannerContainer {
	width: 890px;
	padding: 0 35px;
	overflow: visible;
	color: #6a2a5d;
}
#mainInfomation div.bannerContainer:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#mainInfomation div.bannerContainer div.div4Columns {
	float: left;
	width: 200px;
	margin: 10px 10px;
}
#mainInfomation div.bannerContainer div.div4Columns p {
	margin: 10px 0;
	padding: 0;
	text-align: center;
	color: #6a2a5d;
}
#mainInfomation div.bannerContainer p {
	margin: 0 0 10px 10px;
	line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#mainInfomation div.bannerContainer hr {
	border-width: 0;
	margin-bottom: 20px;
}
/*------------------------------------------------------------
	FOOTER - WHITE TEXT
------------------------------------------------------------*/
#footer {
	width: 970px;
	height: 10px;
	padding: 15px;
	background: url(/puzzlebox/hahatoobatoboku/items/hahatoobatoboku_background_mainInfomation@fs.png) no-repeat 0px -1985px;	
}
#footer ul.footerMenu li.copyright a {
	display: none;
}