@charset "UTF-8";
/*------------------------------------------------------------
	CASCADING STYLE SHEETS 3 - BRAND INDEX
	COPYRIGHT : 1997-2019 SPACE PROJECT
	BUILD : 2019-10-10T13:20:05+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
------------------------------------------------------------*/

#headerContainer h2.about {
	display: none;
}
#headerContainer h2.sitemap {
	display: none;
}
#headerContainer h2.link {
	display: none;
}
#headerContainer h2.support {
	display: none;
}
#headerContainer h2.android_specialprice {
	display: none;
}
/*------------------------------------------------------------
	ABOUT
------------------------------------------------------------*/
#contentsContainer dl dd a:hover {
	border-bottom: 1px solid #cc3333;
}
#contentsContainer div.dataColumn ul.license {
	clear: both;
	margin: 0px 2em 20px 2em;
	line-height: 1em;
	font-size: 0.88em;
	color: #999999;
}
#contentsContainer div.dataColumn ul.license li {
	line-height: 1.5em;
	margin-bottom: 0.5em;
	list-style-type: none;
	text-align: justify;
	text-justify: inter-ideograph;
}
#contentsContainer div.dataColumn ul.trademark {
	clear: both;
	margin: 0px 2em 20px 4.5em;
	line-height: 1em;
	font-size: 0.83em;
	color: #999999;
}
#contentsContainer div.dataColumn ul.trademark li {
	line-height: 1.5em;
	margin-bottom: 0.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#contentsContainer div.dataColumn p.code {
	margin: 0px 2em 10px 4em;
	font-size: 0.88em;
	line-height: 1em;
	color: #cccccc;
}
#contentsContainer dl.cookie {
	clear: both;
	margin: 10px 0 10px 2.5em;
	font-size: 0.88em;
	color: #999999;
}
#contentsContainer dl.cookie:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#contentsContainer dl.cookie dt {
	float: left;
	margin-right: 0.5em;
}
#contentsContainer dl.cookie dt:before {
	content: "・";
	margin-right: 0em;
}
#contentsContainer dl.cookie dd {
	float: left;
	margin-right: 1.5em;
}
#contentsContainer dl.cookie dd:before {
	content: "：";
	margin-right: 0.5em;
}
#contentsContainer div.dataColumn p.contact_header {
	font-size: 1.17em;
	margin-bottom: 5px;
}
#contentsContainer div.dataColumn p.contact_header + p {
	font-size: 1em;
	padding-left: 1.5em;
}
#contentsContainer dl.contact_telephone {
	clear: both;
	margin: 10px 0 0 3.5em;
	font-size: 1em;
	color: #999999;
}
#contentsContainer dl.contact_telephone:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#contentsContainer dl.contact_telephone dt {
	float: left;
	width: 4em;
	margin-right: 0.5em;
	margin-bottom: 10px;
}
#contentsContainer dl.contact_telephone dt:before {
	content: "・";
	margin-right: 0em;
}
#contentsContainer dl.contact_telephone dd {
	margin-right: 1.5em;
	margin-bottom: 10px;
}
#contentsContainer dl.contact_telephone dd:before {
	content: "：";
	margin-right: 0.5em;
}
#contentsContainer p.contact_attention {
	font-size: 0.92em;
	padding-left: 3em;
	color: #999999;
}
#contentsContainer dl.contact_desk {
	clear: both;
	margin: 10px 0 10px 3.5em;
	font-size: 1em;
	color: #999999;
}
#contentsContainer dl.contact_desk:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#contentsContainer dl.contact_desk dt {
	float: left;
	width: 16em;
	margin-right: 0.5em;
	margin-bottom: 10px;
}
#contentsContainer dl.contact_desk dt:before {
	content: "・";
	margin-right: 0em;
}
#contentsContainer dl.contact_desk dd {
	margin-right: 1.5em;
	margin-bottom: 10px;
}
#contentsContainer dl.contact_desk dd:before {
	content: "：";
	margin-right: 0.5em;
}
/*------------------------------------------------------------
	SITEMAP
------------------------------------------------------------*/
#contentsContainer div.dataColumn div.SitemapColumns {
	float: left;
	width: 217px;
	min-height: 40px;
	margin: 0px 0px 10px 8px;
	padding: 10px 10px 0px 10px;
	text-align: left;
	background: url(/common/ui/background_sitemapIcons@fs.png) 0 -598px no-repeat;
	background-size: 30px 720px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#contentsContainer div.dataColumn div.SitemapColumns {
		background-image: url(/common/ui/background_sitemapIcons@fs@2x.png);
	}
}
#contentsContainer div.dataColumn div.home {
	background-position: 0 2px;
}
#contentsContainer div.dataColumn div.about {
	background-position: 0 -58px;
}
#contentsContainer div.dataColumn div.sitemap {
	background-position: 0 -118px;
}
#contentsContainer div.dataColumn div.support {
	background-position: 0 -178px;
}
#contentsContainer div.dataColumn div.publicity {
	background-position: 0 -238px;
}
#contentsContainer div.dataColumn div.link {
	background-position: 0 -298px;
}
#contentsContainer div.dataColumn div.downloadProducts {
	background-position: 0 -358px;
}
#contentsContainer div.dataColumn div.specialpriceProducts {
	background-position: 0 -418px;
}
/*
#contentsContainer div.dataColumn div.rss {
	background-position: 0 -478px;
}
*/
#contentsContainer div.dataColumn div.android {
	background-position: 0 -598px;
}
#contentsContainer div.dataColumn div.brandIndex {
	background-position: 0 -538px;
}
#contentsContainer div.dataColumn div.noContents {
	background-position: 0 -658px;
}
#contentsContainer div.dataColumn div.SitemapColumns p {
	margin: 0;
	padding-left: 30px;
	font-size: 0.88em;
	vertical-align: middle;
	text-align: left;
	text-justify: distribute-all-lines;
}
#contentsContainer div.dataColumn div.noContents p {
	color: #999999;
}
#contentsContainer div.dataColumn div.SitemapColumns a:hover {
	border-bottom: 1px solid;
}
/*------------------------------------------------------------
	SUPPORT
------------------------------------------------------------*/
#contentsContainer div.urgent {
	width: 978px;
	background-image: none;
	border: 2px solid #cc3333;
}
#contentsContainer div.urgent h5 {
	background: none;
	border: none;
	padding: 0 0 0 1em;
	color: #cc3333;
}
#contentsContainer div.urgent p {
	font-size: 0.92em;
	margin: 0px 2em 15px 2em;
}
#contentsContainer div.dataColumn span.code {
	display: block;
	padding: 10px 0 5px 1em;
	font-style: italic;
	font-weight: bold;
}
#contentsContainer div.dataColumn p.gotoSupportFrom {
	padding: 10px 0;
}
#contentsContainer div.dataColumn p.gotoSupportFrom a {
	display: block;
	width: 240px;
	height: 0px;
	overflow: hidden;
	padding-top: 36px;
	line-height: 200%;
	background: url(/common/ui/button_supportform.png) 0px 0px;
}
#contentsContainer div.dataColumn p.gotoSupportFrom a:hover {
	background-position: 0px -36px;
	border-bottom-width: 0px;
}
#contentsContainer div.dataColumn div#supportCaution {
	margin: 24px;
	border: 2px solid #cc3333;
	color: #cc3333;
}
#supportCaution > h6 {
	background: none;
	padding: 0;
}
/*------------------------------------------------------------
	ANDROID - SPECIAL PRICE
------------------------------------------------------------*/
#headerAndroidSpecialprice {
	margin: 0 0px 20px 8px;
}
#contentsContainer p.appContainer {
	float: left;
	position: relative;
	width: 306px;
	height: 320px;
	font-size: 0.88em;
	text-align: center;
	margin: 0px 4px 20px 4px;
	padding: 10px;
	background-color: #ffffff;
	border: 1px solid #dddddd;
}
#contentsContainer p.appContainer a {
	display: block;
	position: relative;
	width: 304px;
	height: 0px;
	overflow: visible;
	padding-top: 310px;
	line-height: 100%;
	color: #666666;
	background: no-repeat 0px 0px;
	background-size: 304px 300px;
}
#contentsContainer p.appContainer a:hover {
	cursor: pointer;
	opacity: 0.7;
}
#contentsContainer p.appContainer a#after {
	background-image: url(/android/specialprice/androidSpecialprice_after@fs.png)
}
#contentsContainer p.appContainer a#infection {
	background-image: url(/android/specialprice/androidSpecialprice_infection@fs.png)
}
#contentsContainer p.appContainer a#infection2 {
	background-image: url(/android/specialprice/androidSpecialprice_infection2@fs.png)
}
#contentsContainer p.appContainer a#narikirigokkoasobi01 {
	background-image: url(/android/specialprice/androidSpecialprice_narikirigokkoasobi01@fs.png)
}
#contentsContainer p.appContainer a#narikirigokkoasobi02 {
	background-image: url(/android/specialprice/androidSpecialprice_narikirigokkoasobi02@fs.png)
}
#contentsContainer p.appContainer a#narikirigokkoasobi03 {
	background-image: url(/android/specialprice/androidSpecialprice_narikirigokkoasobi03@fs.png)
}
#contentsContainer p.appContainer a#gakuennetorare {
	background-image: url(/android/specialprice/androidSpecialprice_gakuennetorare@fs.png)
}
#contentsContainer p.appContainer a#konouta {
	background-image: url(/android/specialprice/androidSpecialprice_konouta@fs.png)
}
#contentsContainer p.appContainer a#insainoshima {
	background-image: url(/android/specialprice/androidSpecialprice_insainoshima@fs.png)
}
#contentsContainer p.appContainer a#sakurarelaxation {
	background-image: url(/android/specialprice/androidSpecialprice_sakurarelaxation@fs.png)
}
#contentsContainer p.appContainer a#niizuma {
	background-image: url(/android/specialprice/androidSpecialprice_niizuma@fs.png)
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#contentsContainer p.appContainer a#after {
		background-image: url(/android/specialprice/androidSpecialprice_after@fs@2x.png)
	}
	#contentsContainer p.appContainer a#infection {
		background-image: url(/android/specialprice/androidSpecialprice_infection@fs@2x.png)
	}
	#contentsContainer p.appContainer a#infection2 {
		background-image: url(/android/specialprice/androidSpecialprice_infection2@fs@2x.png)
	}
	#contentsContainer p.appContainer a#narikirigokkoasobi01 {
		background-image: url(/android/specialprice/androidSpecialprice_narikirigokkoasobi01@fs@2x.png)
	}
	#contentsContainer p.appContainer a#narikirigokkoasobi02 {
		background-image: url(/android/specialprice/androidSpecialprice_narikirigokkoasobi02@fs@2x.png)
	}
	#contentsContainer p.appContainer a#narikirigokkoasobi03 {
		background-image: url(/android/specialprice/androidSpecialprice_narikirigokkoasobi03@fs@2x.png)
	}
	#contentsContainer p.appContainer a#gakuennetorare {
		background-image: url(/android/specialprice/androidSpecialprice_gakuennetorare@fs@2x.png)
	}
	#contentsContainer p.appContainer a#konouta {
		background-image: url(/android/specialprice/androidSpecialprice_konouta@fs@2x.png)
	}
	#contentsContainer p.appContainer a#insainoshima {
		background-image: url(/android/specialprice/androidSpecialprice_insainoshima@fs@2x.png)
	}
	#contentsContainer p.appContainer a#sakurarelaxation {
		background-image: url(/android/specialprice/androidSpecialprice_sakurarelaxation@fs@2x.png)
	}
	#contentsContainer p.appContainer a#niizuma {
		background-image: url(/android/specialprice/androidSpecialprice_niizuma@fs@2x.png)
	}
}
/*------------------------------------------------------------
	BASIC FORM STYLES
------------------------------------------------------------*/
div.mailform {
	text-align: left;
}
div.mailform:after {
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}
div.mailform fieldset {
	padding-bottom: 20px;
}
div.mailform input.text {
	width: 400px;
	border: 1px solid #cccccc;
	color: #999999;
	padding: 4px 8px 4px 8px;
}
div.mailform input.text:focus {
	border: 1px solid #779ee1;
	outline: none;
}
div.mailform textarea {
	float: left;
	width: 640px;
	height: 10em;
	border: 1px solid #cccccc;
	color: #999999;
	padding: 4px 8px 4px 8px;
	margin-top: 10px;
	margin-bottom: 20px;
	resize: none;
	overflow: auto;
}
div.mailform textarea:after {
	clear: both;
}
div.mailform textarea.textareaOther {
	height: 10em;
}
div.mailform textarea:focus {
	border: 1px solid #779ee1;
	outline: none;
}
div.mailform select {
	width: 418px;
	border: 1px solid #cccccc;
	color: #999999;
	padding: 4px 4px 4px 8px;
	outline: none;
	overflow: hidden;
	background: none;
	background: #ffffff url(/common/ui/background_formSelectButton.png) no-repeat 392px 0px;
}
div.mailform select:focus {
	border: 1px solid #779ee1;
	outline: none;
	overflow: hidden;
}
div.mailform div.buttonContainer {
	clear: both;
	text-align: center;
}
div.mailform button::-moz-focus-inner, select::-moz-focus-inner, option::-moz-focus-inner {
    border-style: none;
}
div.mailform button {
	width: 130px;
	border: 1px solid #cccccc;
	color: #ffffff;
	background-color: #dddddd;
	padding: 4px 8px 4px 8px;
	margin: 10px;
}
div.mailform button:hover {
	background-color: #86aae8;
	border: 1px solid #779ee1;
}
div.mailform button:focus {
	border: 1px solid #779ee1;
}
div.mailform div.inputArea {
	clear: both;
	padding: 20px;
	margin-bottom: 20px;
}
div.mailform legend {
	display: none;
}
div.mailform dt {
	clear: both;
	float: left;
	width: 18em;
	margin-top: 6px;
	margin-bottom: 10px;
	padding-left: 15px;
	background: url(/common/ui/marker_specList.png) no-repeat 6px 3px;
}
div.mailform dt.textareaLabel {
	background-position: 6px 6px;
}
div.mailform dd {
	position: relative;
	margin-bottom: 10px;
}
div.mailform dt.textareaLabel {
	margin-top: 8px;
	line-height: 1.8em;
}
div.mailform dt.textareaLabel span.add {
	color: #aaaaaa;
	font-size: 0.83em;
}
div.mailform dt.checkLabel {
	margin-top: 1px;
}
div.mailform div.agreementContainer {
	clear: both;
	position: relative;
	margin-bottom: -40px;
}
div.mailform input.checkbox {
	width: 20px;
	margin: 0 4px 2px 7em;
}
div.mailform dd.checkbox {
	display: block;
	height: 20px;
}
/*------------------------------------------------------------
	VALIDATION STYLES
------------------------------------------------------------*/
div.mailform dd label {
	position: absolute;
	top: -8px;
	left: 660px;
	color: #cc3333;
	font-size: 0.83em;
	margin-left: 10px;
	padding: 15px 0 15px 15px;
	background: url(/common/ui/icon_validationError.png) no-repeat 0px 13px;
}
div.mailform dd.textarea label {
	top: 5px;
}
div.mailform span label {
	position: absolute;
	top: -8px;
	left: 660px;
	color: #cc3333;
	font-size: 0.83em;
	margin-left: 10px;
	padding: 15px 0 15px 15px;
	background: url(/common/ui/icon_validationError.png) no-repeat 0px 13px;
}
div.mailform span.checkbox label {
	top: -14px;
}
/*------------------------------------------------------------
	MAIL FORM CONFIRMATION STYLES
------------------------------------------------------------*/
div.dataColumn table.confirm {
	text-align: left;
	width: 930px;
	margin-left: 25px;
	font-size: 1em;
	table-layout: auto;
	border-collapse: separate;
	border-spacing: 0;
	border-top: 1px solid #eeeeee;
	border-left: 1px solid #eeeeee;
}
div.dataColumn table.confirm th {
	width: 14em;
	padding: 10px 5px 10px 30px;
	text-align: left;
	background: url(/common/ui/marker_specList.png) no-repeat 15px 13px;
	border-bottom: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	background-color: #f9f9f9;
}
div.dataColumn table.confirm td {
	padding: 10px 0px 3px 25px;
	line-height: 1.2em;
	text-align: left;
	border-bottom: 1px solid #eeeeee;
	border-right: 1px solid #eeeeee;
	color: #999999;
}
div.dataColumn table.confirm tr {
	border-top: 1px solid #eeeeee;
}
div.formConfirm div.buttonContainer {
	clear: both;
	text-align: center;
	margin: 10px;
}
div.formConfirm button::-moz-focus-inner, select::-moz-focus-inner, option::-moz-focus-inner {
    border-style: none;
}
div.formConfirm button {
	width: 130px;
	border: 1px solid #cccccc;
	color: #ffffff;
	background-color: #dddddd;
	padding: 4px 8px 4px 8px;
	margin: 10px;
}
div.formConfirm button:hover {
	background-color: #86aae8;
	border: 1px solid #779ee1;
}
div.formConfirm button:focus {
	border: 1px solid #779ee1;
}
div.formConfirm button#buttonSubmit {
	background-color: #CA5459;
	border: 1px solid #b33a42;
}
div.formConfirm button#buttonSubmit:hover {
	background-color: #b40000;
	border: 1px solid #8e0000;
}
div.formConfirm button#buttonSubmit:focus {
	border: 1px solid #cc3333;
}