@charset "UTF-8";
/*------------------------------------------------------------
	CASCADING STYLE SHEETS 3 - INDEVISUAL APPLICATIONS
	COPYRIGHT : 1997-2019 SPACE PROJECT
	BUILD : 2019-02-09T01:54:30+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

	DEFAULT COLOR : #ff1b24
------------------------------------------------------------*/

/*------------------------------------------------------------
	HEADER STYLES
------------------------------------------------------------*/
body {
	text-align: left;
	background: #000000 url(/ateliergh/selma/items/selma_background_article.jpg) no-repeat center top;
}
body.index {
	text-align: left;
	background: #000000 no-repeat center top;
	background-image: url(/ateliergh/selma/items/selma_background_index.jpg);
}
* p {
	text-align: left;
	text-justify: none;
}
#header {
	z-index: 999;
	position: relative;
	width: 1000px;
	margin: -15px auto 0 auto;
	padding: 0;
	height: 80px;
	overflow: visible;
	border-top: solid 0px #000000;
	background: url(/ateliergh/selma/items/selma_background_header.png) repeat 0 0;
}
#headerContainer {
	position: relative;
	overflow: visible;
}
#headerContainer h1 {
	display: none;
}
#headerContainer h2.ateliergh a {
	z-index: 100;
	position: absolute;
	top: 20px;
	right: 15px;
	display: block;
	width: 135px;
	height: 0px;
	padding-top: 45px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/selma/items/selma_menu@fs.png) no-repeat -645px 0px;
	background-size: 780px 90px;
}
@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/selma/items/selma_menu@fs@2x.png);
	}
}
#headerContainer h2.ateliergh a:hover {
	background-position: -645px -45px;
}
/*------------------------------------------------------------
	MAIN MENU
------------------------------------------------------------*/
#headerContainer h3.logotype a {
	position: absolute;
	top: 5px;
	left: 0px;
	display: block;
	width: 180px;
	height: 0px;
	padding-top: 110px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/selma/items/selma_header_logotype@fs.png) no-repeat 0px 0px;
	background-size: 180px 220px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#headerContainer h3.logotype a {
		background-image: url(/ateliergh/selma/items/selma_header_logotype@fs@2x.png);
	}
}
#headerContainer h3.logotype a[href]:hover {
	background-position: 0px -110px;
}
#mainMenu {
	z-index: 50;
	position: absolute;
	top: 8px;
	left: 220px;
	width: 770px;
	height: 40px;
	padding: 6px 0 10px 10px;
	border-left: 1px solid #af8795;
}
#mainMenu li {
	float: left;
	list-style: none;
	margin: 0 10px 0 0px;
	padding: 0px;
	opacity: 1;
	border-right: 1px solid #af8795;
}
#mainMenu li a,
#mainMenu li p {
	display: block;
	height: 0px;
	padding-top: 45px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/selma/items/selma_menu@fs.png) no-repeat 0px 0px;
	background-size: 780px 90px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainMenu li a, #mainMenu li p {
		background-image: url(/ateliergh/selma/items/selma_menu@fs@2x.png);
	}
}
#mainMenu li.story {
	width: 140px;
}
#mainMenu li.story a {
	background-position: 0px 0px;
}
#mainMenu li.story p {
	background-position: 0px -45px;
}
#mainMenu li.story a:hover {
	background-position: 0px -45px;
}
#mainMenu li.character {
	width: 130px;
}
#mainMenu li.character a {
	background-position: -140px 0px;
}
#mainMenu li.character p {
	background-position: -140px -45px;
}
#mainMenu li.character a:hover {
	background-position: -140px -45px;
}
#mainMenu li.gallery {
	width: 140px;
}
#mainMenu li.gallery a {
	background-position: -270px 0px;
}
#mainMenu li.gallery p {
	background-position: -270px -45px;
}
#mainMenu li.gallery a:hover {
	background-position: -270px -45px;
}
#mainMenu li.movie {
	width: 125px;
}
#mainMenu li.movie a {
	background-position: -410px 0px;
}
#mainMenu li.movie p {
	background-position: -410px -45px;
}
#mainMenu li.movie a:hover {
	background-position: -410px -45px;
}
#mainMenu li.trial {
	width: 110px;
}
#mainMenu li.trial a {
	background-position: -535px 0px;
}
#mainMenu li.trial p {
	background-position: -535px -45px;
}
#mainMenu li.trial a:hover {
	background-position: -535px -45px;
}
/*------------------------------------------------------------
	INDEX INFOMATIONS
------------------------------------------------------------*/
body.index #contentsContainer {
	position: relative;
	overflow: visible;
	width: 1000px;
	height: 1460px;
	margin: 0px auto;
	padding: 0;
}
body.index #captionContainer {
	z-index: 10;
	position: absolute;
	top: 500px;
	width: 1000px;
	height: 240px;
}
body.index #contentsContainer #caption {
	position: absolute;
	top: 10px;
	right: 0px;
	width: 150px;
	height: 0px;
	padding-top: 860px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/selma/items/selma_caption@fs.png) no-repeat 0px 0px;
	background-size: 150px 860px;
}
@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/selma/items/selma_caption@fs@2x.png);
	}
}
body.index #contentsContainer #release {
	z-index: 20;
	position: absolute;
	top: 870px;
	left: 0px;
	width: 1000px;
	height: 0px;
	padding-top: 400px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/selma/items/selma_release@fs.png) no-repeat 0px 0px;
	background-size: 1000px 400px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #contentsContainer #release {
		background-image: url(/ateliergh/selma/items/selma_release@fs@2x.png);
	}
}
body.index #mainInfomation {
	z-index: 10;
	position: absolute;
	overflow: visible;
	bottom: 0px;
	width: 990px;
	min-height: 190px;
	padding: 5px;
	margin-bottom: 0px;
	line-height: 300%;
	color: #ffffff;
	background: url(/ateliergh/selma/items/selma_background_maininfomation.png) repeat 0 0;
}
body.index #mainInfomation h5 {
	padding: 7px 0 5px 0;
	margin-bottom: 15px;
	padding-left: 2em;
	font-size: 1.14em;
	font-weight: bold;
	color: #ffffff;
	border: 0px solid #ffffff;
	background: #82002f url(/common/ui/background_contentsHeaderBlack.png) no-repeat 10px center;
}
body.index #mainInfomation div.staff {
	float: left;
	width: 550px;
	padding: 10px;
}
body.index #mainInfomation div.spec {
	float: left;
	width: 400px;
	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;
	border-bottom: 1px solid #af8795;
}
body.index #mainInfomation div.staff dl dt {
	width: 14em;
}
body.index #mainInfomation div.staff dl dt.lineBreak {
	width: 16em;
}
body.index #mainInfomation div dl dd {
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #af8795;
}
body.index #mainInfomation div dl dd.lineBreak {
	text-indent: -2em;
}
body.index #mainInfomation div dl dd small,
body.index #mainInfomation div dl dd span.ruby {
	font-size: 0.92em;
}
body.index #mainInfomation div dl dd:before {
	content: "：";
	padding-right: 1em;
}
/*------------------------------------------------------------
	INDEX - SOFMAP
------------------------------------------------------------*/
body.index #privilegeContainer {
	z-index: 100;
	position: absolute;
	top: 800px;
	right: 0px;
	width: 440px;
	height: 190px;
	padding: 0px;
}
body.index #privilegeContainer #privilegeImage {
	display: block;
	width: 440px;
	height: 0px;
	padding-top: 225px;
	margin: 0;
	overflow: hidden;
	line-height: 300%;
	color: #000000;
	background: url(/ateliergh/selma/items/selma_privilege_sofmap@fs.png) no-repeat 0 0;
	background-size: 440px 225px;	
}
@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/selma/items/selma_privilege_sofmap@fs@2x.png);
	}
}
body.index #privilegeContainer a img {
	position: absolute;
	top: 168px;
	right: 20px;
}
body.index #privilegeContainer a img:hover {
	cursor: pointer;
	opacity: 0.9;
}
/*------------------------------------------------------------
	INDEX - DMM
------------------------------------------------------------*/
body.index #dmmContainer {
	z-index: 100;
	position: absolute;
	top: 1040px;
	right: 0px;
	width: 440px;
	height: 70px;
	padding: 0px;
}
body.index #dmmContainer p a {
	display: block;
	width: 436px;
	height: 0px;
	padding-top: 66px;
	margin: 0;
	overflow: hidden;
	line-height: 300%;
	color: #000000;
	background: url(/ateliergh/selma/items/selma_dmmBanner@fs.png) no-repeat 0 0;
	background-size: 436px 66px;
	border: 2px solid #e5004f;
	border-radius: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.index #dmmContainer p a {
		background-image: url(/ateliergh/selma/items/selma_dmmBanner@fs@2x.png);
	}
}
body.index #dmmContainer p a:hover {
	opacity: 0.9;
	border-color: #ffffff;
}

/*------------------------------------------------------------
	MAIN CONTENTS
------------------------------------------------------------*/
#contentsContainer {
	position: relative;
	overflow: visible;
	width: 1000px;
	margin: 0px auto;
	padding: 0;
}
#mainInfomation {
	position: relative;
	overflow: visible;
	width: 1000px;
	margin-top: 240px;
	min-height: 500px;
	padding: 20px 0 10px 0;
	color: #000000;
	background: url(/ateliergh/selma/items/selma_background_maininfomation_article.png) repeat 0 0;
}
#mainInfomation:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#mainInfomation p {
	padding: 0;
	margin: 0;
}
#mainInfomation hr {
	width: 940px;
	border-bottom: 1px solid #b20000;
	margin: 20px 15px;
}
#mainInfomation h4 {
	position: absolute;
	display: block;
	top: -110px;
	right: -10px;
	width: 460px;
	height: 0px;
	margin: 0 0 -25px 0;
	padding: 150px 0 0 0;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/selma/items/selma_headline2@fs.png) no-repeat 0px 0px;
	background-size: 460px 1350px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation h4 {
		background-image: url(/ateliergh/selma/items/selma_headline2@fs@2x.png);
	}
}
/*------------------------------------------------------------
	STORY
------------------------------------------------------------*/
#mainInfomation #headlineStory {
	background-position: 0px 0px;
}
#mainInfomation #storyContainer {
	position: relative;
	width: 960px;
	margin: 5px auto;
	background: url(/ateliergh/selma/items/selma_story_background.jpg) no-repeat 0 bottom;
}
#mainInfomation #storyCaption {
	z-index: 20;
	position: relative;
	display: block;
	width: 960px;
	height: 0px;
	margin: 0px auto 0px auto;
	padding-top: 80px;
	overflow: hidden;
	color: #000000;
	line-height: 300%;
	background: url(/ateliergh/selma/items/selma_story_caption@fs.png) no-repeat 0px 0px;
	background-size: 960px 80px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation #storyCaption {
		background-image: url(/ateliergh/selma/items/selma_story_caption@fs@2x.png);
	}
}
#mainInfomation #storyContainer #storyText {
	position: relative;
	display: block;
	width: 960px;
	height: 0px;
	padding-top: 600px;
	margin-bottom: 25px;
	overflow: hidden;
	text-align: 
	line-height: 300%;
	background: url(/ateliergh/selma/items/selma_story_text@fs.png) no-repeat 0px 0px;
	background-size: 960px 600px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation #storyContainer #storyText {
		background-image: url(/ateliergh/selma/items/selma_story_text@fs@2x.png);
	}
}
/*------------------------------------------------------------
	CHARACTER
------------------------------------------------------------*/
#mainInfomation h4#headlineCharacter {
	background-position: 0px -150px;
}
#mainInfomation #characterContainer {
	position: relative;
	width: 960px;
	margin: 0 auto 0px auto;
	padding: 0 0 20px 0;
	color: #5d0226;
}
#characterContainer div.characterContents {
	position: relative;
	width: 960px;
	height: 300px;
	margin-bottom: 20px;
}
#characterContainer #character01 {
	background: url(/ateliergh/selma/items/selma_character_background01@fs.png) no-repeat 0 0;
}
#characterContainer #character02 {
	background: url(/ateliergh/selma/items/selma_character_background02@fs.png) no-repeat 0 0;
}
#characterContainer #character03 {
	background: url(/ateliergh/selma/items/selma_character_background03@fs.png) no-repeat 0 0;
}
#characterContainer #character01 h5 {
	position: absolute;
	top: -80px;
	left: -30px;
	width: 300px;
	height: 0px;
	padding-top: 400px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/selma/items/selma_character01@fs.png) no-repeat 0 0;
	background-size: 300px 400px;
	color: #d11b27;
}
#characterContainer #character02 h5 {
	position: absolute;
	top: -80px;
	right: 0px;
	width: 300px;
	height: 0px;
	padding-top: 400px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/selma/items/selma_character02@fs.png) no-repeat 0 0;
	background-size: 300px 400px;
}
#characterContainer #character03 h5 {
	position: absolute;
	top: -70px;
	left: 10px;
	width: 240px;
	height: 0px;
	padding-top: 750px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/selma/items/selma_character03@fs.png) no-repeat 0 0;
	background-size: 300px 400px;
}
#characterContainer #character01 p {
	z-index: 100;
	position: relative;
	width: 960px;
	height: 0px;
	padding-top: 250px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/selma/items/selma_character_text01b@fs.png) no-repeat 0 0;
	background-size: 960px 300px;
}
#characterContainer #character02 p {
	z-index: 100;
	position: relative;
	width: 960px;
	height: 0px;
	padding-top: 250px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/selma/items/selma_character_text02b@fs.png) no-repeat 0 0;
	background-size: 960px 300px;
}
#characterContainer #character03 p {
	z-index: 100;
	position: relative;
	width: 960px;
	height: 0px;
	padding-top: 250px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/selma/items/selma_character_text03b@fs.png) no-repeat 0 0;
	background-size: 960px 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#characterContainer #character01 p {
		background-image: url(/ateliergh/selma/items/selma_character_text01b@fs@2x.png);
	}
	#characterContainer #character02 p {
		background-image: url(/ateliergh/selma/items/selma_character_text02b@fs@2x.png);
	}
	#characterContainer #character03 p {
		background-image: url(/ateliergh/selma/items/selma_character_text03b@fs@2x.png);
	}
}
/*------------------------------------------------------------
	GALLERY
------------------------------------------------------------*/
#mainInfomation h4#headlineGallery {
	background-position: 0px -300px;
}
#mainInfomation #galleryMenu {
	z-index: 100;
 	display: block;
 	position: absolute;
 	top: -30px;
 	left: 295px;
	width: 374px;
	height: 54px;
	list-style: none;
}
#mainInfomation #galleryMenu li a {
	float: left;
	width: 185px;
	height: 0px;
	padding-top: 50px;
	overflow: hidden;
	line-height: 500px;
	background: url(/ateliergh/selma/items/selma_gallery_menu@fs.png) no-repeat 0px 0px;
	background-size: 370px 100px;
}
#mainInfomation #galleryMenu #gallery01 a {
	background-position: 0px 0px;
	border-radius: 30px 0px 0px 30px;
	border: solid #ffffff;
	border-width: 2px 0px 2px 2px;
}
#mainInfomation #galleryMenu #gallery02 a {
	background-position: -185px 0px;
	border-radius: 0px 30px 30px 0px;
	border: solid #ffffff;
	border-width: 2px 2px 2px 0px;
}
#mainInfomation #galleryMenu #gallery01 a:hover,
#mainInfomation #galleryMenu #gallery01 a.active {
	background-position: 0px -50px;
}
#mainInfomation #galleryMenu #gallery02 a:hover,
#mainInfomation #galleryMenu #gallery02 a.active {
	background-position: -185px -50px;
}
#mainInfomation #galleryCaption1 {
	z-index: 100;
	position: relative;
	width: 960px;
	height: 0;
	margin: 20px auto 10px auto;
	padding-top: 100px;
	overflow: hidden;
	line-height: 500%;
	background: url(/ateliergh/selma/items/selma_gallery_caption@fs.png) no-repeat 0px 0px;
	background-size: 960px 100px;
}
#mainInfomation #galleryCaption2 {
	z-index: 100;
	position: relative;
	width: 960px;
	height: 0;
	margin: 20px auto 10px auto;
	padding-top: 100px;
	overflow: hidden;
	line-height: 500%;
	background: url(/ateliergh/selma/items/selma_gallery_caption2@fs.png) no-repeat 0px 0px;
	background-size: 960px 100px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation #galleryCaption1 {
		background-image: url(/ateliergh/selma/items/selma_gallery_caption@fs@2x.png);
	}
	#mainInfomation #galleryCaption2 {
		background-image: url(/ateliergh/selma/items/selma_gallery_caption2@fs@2x.png);
	}
}
#mainInfomation #galleryContainer1,
#mainInfomation #galleryContainer2 {
	position: relative;
	top: 20px;
	left: 30px;
	overflow: visible;
	width: 720px;
	height: 540px;
	background: url(/common/nivo-slider/loading.gif) no-repeat 50% 50%;
	border: 2px solid #e5004f;
	margin-bottom: 40px;
}
#mainInfomation #galleryContainer1 > img,
#mainInfomation #galleryContainer2 > img {
	display: none;
}
#galleryContainer1 div.nivo-slice,
#galleryContainer2 div.nivo-slice {
	display: block;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	height: 100%;
}
#galleryContainer1 div.nivo-controlNav,
#galleryContainer2 div.nivo-controlNav {
	position: relative;
	top: -2px;
	left: 740px;
	width: 202px;
	overflow: visible;
}
#galleryContainer1 div.nivo-controlNav a img,
#galleryContainer2 div.nivo-controlNav a img {
	margin: 0px 0px 11px 0;
	border: 2px solid #e5004f;
	z-index: 10;
	opacity: 0.8;
}
#galleryContainer1 div.nivo-controlNav a:first-child img,
#galleryContainer2 div.nivo-controlNav a:first-child img {
	margin: 0px 0px 10px 0;
}
#galleryContainer1 div.nivo-controlNav a.active img,
#galleryContainer2 div.nivo-controlNav a.active img {
	opacity: 1;
	border-color: #ffffff;
}
#galleryContainer1 div.nivo-controlNav a:hover img,
#galleryContainer2 div.nivo-controlNav a:hover img {
	opacity: 1;
	border-color: #ffffff;
	cursor: pointer;
}
#mainInfomation div.galleryContainer {
	position: relative;
	display: none; /* Switch Container */
}
#mainInfomation #container1 {
	display: block; /* Switch Container */
}
/*------------------------------------------------------------
	DOWNLOAD - MOVIE
------------------------------------------------------------*/
#mainInfomation h4#headlineMovie {
	background-position: 0px -450px;
}
/*------------------------------------------------------------
	DOWNLOAD - TRIAL
------------------------------------------------------------*/
#mainInfomation h4#headlineTrial {
	background-position: 0px -600px;
}
#mainInfomation div.trialContents {
	position: relative;
	width: 920px;
	margin: 0px auto 0px auto;
}
#mainInfomation ul.trialScreen {
	position: relative;
	list-style: none;
}
#mainInfomation ul.trialScreen li {
	float: left;
	margin-bottom: 15px;
	margin-left: 7px;
}
#mainInfomation ul.trialScreen li:nth-child(3n+1) {
	margin-left: 0px;
}
#mainInfomation ul.trialScreen li a img {
	border: 2px solid #e5004f;
	opacity: 0.85;
}
#mainInfomation ul.trialScreen li a:hover img {
	opacity: 1;
	border-color: #ffffff;
	cursor: pointer;
}
#mainInfomation div.trialDescription {
	position: relative;
	width: 920px;
	margin: 0 auto 20px auto;
	color: #ffffff;
}
#mainInfomation div.trialDescription h5#trialHeader {
	width: 920px;
	height: 0px;
	padding-top: 40px;
	margin-top: 0px;
	line-height: 300%;
	overflow: hidden;
	background: url(/ateliergh/selma/items/selma_headline_trial@fs.png) no-repeat 0px 0px;
	background-size: 920px 40px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation div.trialDescription h5#trialHeader {
		background-image: url(/ateliergh/selma/items/selma_headline_trial@fs@2x.png);
	}
}
#mainInfomation div.trialDescription span.dlButton a {
	display: block;
	position: absolute;
	top: 70px;
	right: 0px;
	width: 200px;
	height: 0px;
	padding-top: 35px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/selma/items/selma_button_download@fs.png) no-repeat 0 -35px;
	background-size: 200px 70px;
	border-radius: 10px;
	border: 2px solid #ffffff;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation div.trialDescription span.dlButton a {
		background-image: url(/ateliergh/selma/items/selma_button_download@fs@2x.png);
	}
}
#mainInfomation div.trialDescription span.dlButton a:hover {
	background-position: 0 0px;
	border-color: #e5004f;
}
#mainInfomation div.trialDescription dl {
	position: absolute;
	top: 120px;
	right: 0px;
	width: 16.2em;
}
#mainInfomation div.trialDescription dt {
	float: left;
	width: 4em;
	font-size: 0.92em;
}
#mainInfomation div.trialDescription dd {
	margin-bottom: 5px;
	font-size: 0.92em;
}
#mainInfomation div.trialDescription dd:before {
	content: "：";
	padding: 0 5px;
}
#mainInfomation div.trialDescription ul {
	margin: 10px 0 20px 0;
	padding-left: 40px;
	font-size: 0.88em;
}
#mainInfomation div.trialDescription ul li {
	margin-bottom: 10px;
	line-height: 1.5em;
}
#mainInfomation div.trialDescription h6 {
	width: 300px;
	height: 0px;
	padding-top: 30px;
	margin: 15px 0 5px 10px;
	overflow: hidden;
	line-height: 300%;
	background: url(/ateliergh/selma/items/selma_headline_trial_h6@fs.png) no-repeat;
	background-size: 300px 60px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#mainInfomation div.trialDescription h6 {
		background-image: url(/ateliergh/selma/items/selma_headline_trial_h6@fs@2x.png);
	}
}
#mainInfomation div.trialDescription h6.trialInstall {
	background-position: 0 0;
}
#mainInfomation div.trialDescription h6.trialUninstall {
	background-position: 0 -30px;
}
#mainInfomation div.trialDescription p {
	padding: 5px 0px 5px 20px;
	line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#mainInfomation div.trialDescription p#trialText {
	width: 660px;
}
#mainInfomation div.trialDescription p.trialCaption {
	font-size: 1.17em;
}

/*------------------------------------------------------------
	SUPPORT
------------------------------------------------------------*/
#mainInfomation h4#headlineSupport {
	background-position: 0px -750px;
}
/*------------------------------------------------------------
	PRIVILEGE
------------------------------------------------------------*/
#mainInfomation h4#headlinePrivilege {
	background-position: 0px -900px;
}
/*------------------------------------------------------------
	DL PRODUCTS
------------------------------------------------------------*/
#mainInfomation h4#headlineDlproducts {
	background-position: 0px -1050px;
}
/*------------------------------------------------------------
	ANDROID
------------------------------------------------------------*/
#mainInfomation h4#headlineAndroid {
	background-position: 0px -1200px;
}
/*------------------------------------------------------------
	FOOTER
------------------------------------------------------------*/
#footer {
	width: 970px;
	padding: 10px 15px;
}
body.exApps #footer ul.footerMenu li.ateliergh a {
	margin-left: -35px;
}