@charset "UTF-8";
/*------------------------------------------------------------
	CASCADING STYLE SHEETS 3 : MAIN INDEX
	COPYRIGHT : 1997-2020 SPACE PROJECT
	BUILD : 2020-07-08T13:28: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
------------------------------------------------------------*/
#headerContainer h1 {
	display: block;
	float: left;
	width: 270px;
	height: 0px;
	overflow: hidden;
	padding-top: 30px;
	line-height: 200%;
	background: url(/common/ui/logotype_spaceproject.png) no-repeat 0px 0px;
	background-size: 270px 60px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#headerContainer h1 {
		background-image: url(/common/ui/logotype_spaceproject@fs@2x.png);
	}
}
#headerContainer h2 {
	display: none;
}
/*------------------------------------------------------------
	BLACK HEADER STYLES
------------------------------------------------------------*/
body.idx #headerContainer h1 {
	background: url(/common/ui/logotype_spaceproject.png) no-repeat 0px -30px;
	background-size: 270px 60px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	body.idx #headerContainer h1 {
		background-image: url(/common/ui/logotype_spaceproject@fs@2x.png);
	}
}
body.idx #header {
	border-top: solid 4px #000000;
	background: #000000 url(/common/ui/background_header_halftone.png) no-repeat center top;
	padding-bottom: 15px;
}
body.idx #mainContents {
/* 	background: #f9f9f9 url(/common/ui/background_contentsContainerBlack.png) repeat-x center top; */
}
/*------------------------------------------------------------
	BANNER - jQuery BX Slider 4.1
------------------------------------------------------------*/
#mainBanner {
	clear: both;
	width: 1020px;
	margin: 13px auto 0px auto;
	padding: 0px 0px;
	text-align: left;
}
#mainBanner:after {
	content: ".";
	display: block;
	height: 0px;
	clear: both;
	visibility: hidden;
}
#mainBanner div.bannerContainer {
	float: left;
	position: relative;
	width: 492px;
	padding: 2px;
	margin-bottom: 20px;
}
#mainBanner div.margin {
	margin-right: 12px;
}
#mainBanner div.bannerContainer img {
	padding: 8px;
	border: 1px solid #dddddd;
	background-color: #ffffff;
}
#mainBanner div.bannerContainer a:hover img {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	cursor: pointer;
}
#mainBanner div.bannerContainer p {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 160px;
	height: 0px;
	overflow: hidden;
	padding-top: 160px;
	line-height: 200%;
}
#mainBanner div.bannerContainer p.ribbonJanis {
	background: url(/common/idx/ribbon_janis@fs.png) no-repeat 0px 0px;
}
#mainBanner div.bannerContainer p.ribbonCiel {
	background: url(/common/idx/ribbon_ciel@fs.png) no-repeat 0px 0px;
}
#mainBanner div.bannerContainer p.ribbonSpeed {
	background: url(/common/idx/ribbon_speed@fs.png) no-repeat 0px 0px;
}
#mainBanner div.bannerContainer p.ribbonSpeedhybrid {
	background: url(/common/idx/ribbon_speedhybrid@fs.png) no-repeat 0px 0px;
}
#mainBanner div.bannerContainer p.ribbonPuzzlebox {
	background: url(/common/idx/ribbon_puzzlebox@fs.png) no-repeat 0px 0px;
}
#mainBanner div.bannerContainer p.ribbonAteliergh {
	background: url(/common/idx/ribbon_ateliergh@fs.png) no-repeat 0px 0px;
}
#mainBanner div.bannerContainer p.ribbonDemomovie {
	background: url(/common/idx/ribbon_demomovie@fs.png) no-repeat 0px 0px;
}
#mainBanner div.bannerContainer p.ribbonTrial {
	background: url(/common/idx/ribbon_trial@fs.png) no-repeat 0px 0px;
}
#mainBanner div.bannerContainer p.ribbonOnsale {
	background: url(/common/idx/ribbon_onsale@fs.png) no-repeat 0px 0px;
}
#mainBanner div.bannerContainer p.ribbonDownloadOnsale {
	background: url(/common/idx/ribbon_downloadOnsale@fs.png) no-repeat 0px 0px;
}
#mainBanner div.bannerContainer p.ribbonSpecialprice {
	background: url(/common/idx/ribbon_specialprice@fs.png) no-repeat 0px 0px;
}
#mainBanner div.bannerContainer p.ribbonSpecialpackage {
	background: url(/common/idx/ribbon_specialpackage@fs.png) no-repeat 0px 0px;
}
#mainBanner div.bannerContainer p.ribbonCompletebox {
	background: url(/common/idx/ribbon_completebox@fs.png) no-repeat 0px 0px;
}
#mainBanner div.bannerContainer p.ribbonOpen {
	background: url(/common/idx/ribbon_open@fs.png) no-repeat 0px 0px;
}
#mainBanner div.bannerContainer p.ribbonAirrip {
	background: url(/common/idx/ribbon_airrip@fs.png) no-repeat 0px 0px;
}
#mainBanner div.bannerContainer p.ribbonInfection {
	background: url(/common/idx/ribbon_infection@fs.png) no-repeat 0px 0px;
}
#mainBanner div.bannerContainer p.ribbonCampaign {
	background: url(/common/idx/ribbon_campaign@fs.png) no-repeat 0px 0px;
}
#mainBanner div.bannerContainer p.ribbonAndroid {
	background: url(/common/idx/ribbon_android@fs.png) no-repeat 0px 0px;
}
#header div.sliderContainer {
	clear: both;
}
#header div.bx-wrapper {
	position: relative;
	width: 1020px !important;
	height: 440px;
	margin: 0 auto;
}
#header div.bx-wrapper div.bx-viewport #mainBanner {
	margin-left: 8px;
}
#header div.bx-wrapper div.bx-pager {
	position: absolute;
	z-index: 90;
	top: 9px;
	left: 836px;
	width: 190px;
}
#header div.bx-wrapper div.bx-pager-item {
	position: relative;
	padding: 4px 12px 3px 12px;
}
#header div.bx-wrapper div.bx-pager-item a {
	display: block;
}
#header div.bx-wrapper div.bx-pager-item a img {
	padding: 6px;
	border: 2px solid #222222;
	background-color: #ffffff;
}
#header div.bx-wrapper div.bx-pager-item a.active img {
	padding: 6px;
	border: 2px solid #ea2222;
	background-color: #222222;
}
#header div.bx-wrapper div.bx-pager-item a:hover img {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	cursor: pointer;
}
#header div.bx-wrapper div.bx-pager-item a.active:hover img {
	opacity: 1;
	-ms-filter: "alpha(opacity=100)";
}
#header div.bx-wrapper div.bx-controls-direction a {
	z-index: 100;
	position: relative;
	display: block;
	width: 40px;
	height: 0px;
	overflow: hidden;
	padding-top: 40px;
	line-height: 200%;
	background: url(/common/idx/banner_control.png) no-repeat 0px 0px;
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
}
#header div.bx-wrapper div.bx-controls-direction a.bx-prev {
	position: absolute;
	top: 190px;
	left: 24px;
	background-position: 0px 0px;
}
#header div.bx-wrapper div.bx-controls-direction a.bx-next {
	position: absolute;
	top: 190px;
	right: 200px;
	background-position: -40px 0px;
}
#header div.bx-wrapper div.bx-controls-direction a.bx-prev:hover {
	background-position: 0px -40px;
}
#header div.bx-wrapper div.bx-controls-direction a.bx-next:hover {
	background-position: -40px -40px;
}
/*------------------------------------------------------------
	SPECIAL BANNER
------------------------------------------------------------*/
#specialBanner {
	z-index: 0;
	position: relative;
	display: block;
	width: 984px;
	margin: -10px auto 30px auto;
	padding: 8px;
	border: 1px solid #dddddd;
}
#specialBanner p {
	position: relative;
	display: block;
	width: 984px;
	height: 0px;
	overflow: hidden;
	padding-top: 200px;
	background: url(/common/idx/spBanner_infection-motionanime@fs.png) no-repeat;
	background-size: 984px 200px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#specialBanner p {
		background-image: url(/common/idx/spBanner_infection-motionanime@fs@2x.png);
	}
}
#specialBanner #linkFanza {
	z-index: 10;
	display: block;
	position: absolute;
	right: 225px;
	bottom: 15px;
}
#specialBanner #linkDlsite {
	z-index: 10;
	display: block;
	position: absolute;
	right: 10px;
	bottom: 15px;
}
#specialBanner img:hover {
	opacity: 0.8;
}
/*------------------------------------------------------------
	SPECIAL BANNER2
------------------------------------------------------------*/
#specialBanner2 {
	z-index: 0;
	position: relative;
	display: block;
	width: 984px;
	margin: 0px auto 30px auto;
	padding: 8px;
	border: 1px solid #dddddd;
}
#specialBanner2 p {
	position: relative;
	display: block;
	width: 984px;
	height: 0px;
	overflow: hidden;
	padding-top: 230px;
	background: url(/common/idx/top_w986_h200.png) no-repeat;
	background-size: 984px 230px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#specialBanner2 p {
		background-image: url(/common/idx/top_w986_h200.png);
	}
}
#specialBanner2 #linkFanza2 {
	z-index: 10;
	display: block;
	position: absolute;
	right: 0px;
	bottom: 0px;
}
#specialBanner2 #linkDlsite {
	z-index: 10;
	display: block;
	position: absolute;
	right: 10px;
	bottom: 15px;
}
#specialBanner2 img:hover {
	opacity: 0.8;
}
/*------------------------------------------------------------
	TOPICS - SPECIAL CAMPAIGN
------------------------------------------------------------*/
/*
h3#headline_infectionAutumnCampaign {
	margin-top: -10px;
	background: url(/common/idx/infectionAutumnCampaign/headline_infectionAutumnCampaign@fs.png) 0 0 no-repeat;
	background-size: 1000px 20px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	h3#headline_infectionAutumnCampaign {
		background-image: url(/common/idx/infectionAutumnCampaign/headline_infectionAutumnCampaign@fs@2x.png);
	}
}
#specialCapmpaignContainer {
	position: relative;
	width: 984px;
	margin: 0px auto 30px auto;
	padding: 8px;
	background: #ffffff;
	border: 1px solid #dddddd;
	color: #000000;
}
#specialCapmpaignContainer #campaignDescription {
	display: block;
	position: relative;
	width: 984px;
	height: 0px;
	padding-top: 270px;
	overflow: hidden;
	line-height: 300px;
	background: url(/common/idx/infectionAutumnCampaign/banner_infectionAutumnCampaign2@fs.png) 0 0 no-repeat;
	background-size: 984px 270px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#specialCapmpaignContainer #campaignDescription {
		background-image: url(/common/idx/infectionAutumnCampaign/banner_infectionAutumnCampaign2@fs@2x.png);
	}
}
#specialCapmpaignContainer ul {
	position: absolute;
	top: 150px;
	right: 16px;
	width: 240px;
	list-style: none;
}
#specialCapmpaignContainer ul li a {
	display: block;
	width: 240px;
	height: 0px;
	padding-top: 40px;
	margin-bottom: 10px;
	overflow: hidden;
	background: #880000 url(/common/idx/infectionAutumnCampaign/button_infectionAutumnCampaign@fs.png) 0 0 no-repeat;
	background-size: 240px 80px;
	border-radius: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#specialCapmpaignContainer ul li a {
		background-image: url(/common/idx/infectionAutumnCampaign/button_infectionAutumnCampaign@fs@2x.png);
	}
}
#specialCapmpaignContainer ul li#button_download a {
	background-position: 0 0;
}
#specialCapmpaignContainer ul li#button_android a {
	background-position: 0 -40px;
}
#specialCapmpaignContainer ul li a:hover {
	opacity: 0.7;
}
*/
/*------------------------------------------------------------
	TOPICS - jQuery BX Slider 4.1
------------------------------------------------------------*/
#topicsContainer,
#androidContainer {
	width: 1010px;
	overflow: visible;
	margin: 0px auto;
	padding: 0px 0px;
}
#topicList li,
#androidList li {
	list-style-type: none;
	float: left;
	width: 240px;
}
#topicList a img,
#androidList a img {
	padding: 8px;
	margin: 10px 0;
	border: 1px solid #dddddd;
	vertical-align: bottom;
	background-color: #ffffff;
}
#topicList a:hover img,
#androidList a:hover img {
	opacity: 0.8;
	cursor: pointer;
}
#topicsContainer div.bx-wrapper,
#androidContainer div.bx-wrapper {
	position: relative;
	width:100% !important;
	height: 220px !important;
	overflow: visible;
	margin-left: -1px;
	margin-top: -10px;
	margin-bottom: 20px;
}
#androidContainer div.bx-wrapper {
	margin-bottom: 0px;
}
#topicsContainer div.bx-viewport,
#androidContainer div.bx-viewport {
	padding-left: 6px;
}
#topicsContainer div.bx-pager,
#androidContainer div.bx-pager {
	position: absolute;
	top: -30px;
	left: 255px;
}
#topicsContainer div.bx-pager-item,
#androidContainer div.bx-pager-item {
	display: block;
	float: left;
	margin: 10px 5px;
}
#topicsContainer div.bx-pager-item a,
#androidContainer div.bx-pager-item a {
	display: block;
	width: 20px;
	height: 0px;
	overflow: hidden;
	padding-top: 20px;
	line-height: 300%;
	background: url(/common/ui/background_topicListPager@fs.png) no-repeat 0px 0px;
	background-size: 180px 60px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#topicsContainer div.bx-pager-item a,
	#androidContainer div.bx-pager-item a{
		background-image: url(/common/ui/background_topicListPager@fs@2x.png);
	}
}
#topicsContainer div.bx-pager-item a[data-slide-index="0"],
#androidContainer div.bx-pager-item a[data-slide-index="0"] {
	background-position: 0px 0px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="0"].active,
#androidContainer div.bx-pager-item a[data-slide-index="0"].active {
	background-position: 0px -20px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="0"]:hover,
#androidContainer div.bx-pager-item a[data-slide-index="0"]:hover {
	background-position: 0px -40px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="1"],
#androidContainer div.bx-pager-item a[data-slide-index="1"] {
	background-position: -20px 0px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="1"].active,
#androidContainer div.bx-pager-item a[data-slide-index="1"].active {
	background-position: -20px -20px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="1"]:hover,
#androidContainer div.bx-pager-item a[data-slide-index="1"]:hover {
	background-position: -20px -40px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="2"],
#androidContainer div.bx-pager-item a[data-slide-index="2"] {
	background-position: -40px 0px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="2"].active,
#androidContainer div.bx-pager-item a[data-slide-index="2"].active {
	background-position: -40px -20px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="2"]:hover,
#androidContainer div.bx-pager-item a[data-slide-index="2"]:hover {
	background-position: -40px -40px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="3"],
#androidContainer div.bx-pager-item a[data-slide-index="3"] {
	background-position: -60px 0px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="3"].active,
#androidContainer div.bx-pager-item a[data-slide-index="3"].active {
	background-position: -60px -20px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="3"]:hover,
#androidContainer div.bx-pager-item a[data-slide-index="3"]:hover {
	background-position: -60px -40px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="4"],
#androidContainer div.bx-pager-item a[data-slide-index="4"] {
	background-position: -80px 0px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="4"].active,
#androidContainer div.bx-pager-item a[data-slide-index="4"].active {
	background-position: -80px -20px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="4"]:hover,
#androidContainer div.bx-pager-item a[data-slide-index="4"]:hover {
	background-position: -80px -40px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="5"],
#androidContainer div.bx-pager-item a[data-slide-index="5"] {
	background-position: -100px 0px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="5"].active,
#androidContainer div.bx-pager-item a[data-slide-index="5"].active {
	background-position: -100px -20px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="5"]:hover,
#androidContainer div.bx-pager-item a[data-slide-index="5"]:hover {
	background-position: -100px -40px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="6"],
#androidContainer div.bx-pager-item a[data-slide-index="6"] {
	background-position: -120px 0px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="6"].active,
#androidContainer div.bx-pager-item a[data-slide-index="6"].active {
	background-position: -120px -20px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="6"]:hover,
#androidContainer div.bx-pager-item a[data-slide-index="6"]:hover {
	background-position: -120px -40px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="7"],
#androidContainer div.bx-pager-item a[data-slide-index="7"] {
	background-position: -140px 0px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="7"].active,
#androidContainer div.bx-pager-item a[data-slide-index="7"].active {
	background-position: -140px -20px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="7"]:hover,
#androidContainer div.bx-pager-item a[data-slide-index="7"]:hover {
	background-position: -140px -40px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="8"],
#androidContainer div.bx-pager-item a[data-slide-index="8"] {
	background-position: -160px 0px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="8"].active,
#androidContainer div.bx-pager-item a[data-slide-index="8"].active {
	background-position: -160px -20px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="8"]:hover,
#androidContainer div.bx-pager-item a[data-slide-index="8"]:hover {
	background-position: -160px -40px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="9"],
#androidContainer div.bx-pager-item a[data-slide-index="9"] {
	background-position: -180px 0px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="9"].active,
#androidContainer div.bx-pager-item a[data-slide-index="9"].active {
	background-position: -180px -20px;
}
#topicsContainer div.bx-pager-item a[data-slide-index="9"]:hover,
#androidContainer div.bx-pager-item a[data-slide-index="9"]:hover {
	background-position: -180px -40px;
}
/*------------------------------------------------------------
	TOPICS - SPECIAL BANNER
------------------------------------------------------------*/
#specialColumn {
	display: block;
	width: 984px;
	padding: 8px;
	margin: -20px auto 30px auto;
	border: 1px solid #dddddd;
	background-color: #ffffff;
}
#specialColumn a:hover{
	opacity: 0.8;
	cursor: pointer;
}
/*
#topicsContainer div.bx-wrapper {
	position: relative;
	left: 252px;
	width:100% !important;
	height: 260px !important;
	overflow: hidden;
	margin-left: 1px;
	margin-top: -276px;
	margin-bottom: 30px;
}
#topicsContainer div.bx-viewport {
	position: absolute;
	top: 35px;
	padding: 6px;
}
#topicsContainer div.bx-pager {
	position: absolute;
	top: 10px;
	left: 1px;
}
#specialTopicContainer {
	position: relative;
	top: 5px;
	left: 6px;
	width:222px;
	height: 182px;
	overflow: hidden;
	padding: 8px;
	margin-bottom: 30px;
	border: 1px solid #eb00ac;
	border: 2px solid #d87575;
	background: #ffffff url(/common/ui/icon_background_video.png) no-repeat center center;
}
#specialTopicContainer a video,
#specialTopicContainer a img {
	position: relative;
	top: 0px;
	margin-top: 0px;
}
#specialTopicContainer a:hover video,
#specialTopicContainer a:hover img {
	opacity: 0.8;
	-ms-filter: "alpha(opacity=80)";
	cursor: pointer;
}
*/
/*------------------------------------------------------------
	ANDROID
------------------------------------------------------------*/
#androidColumn {
	width: 984px;
	height: 70px;
	padding: 8px;
	margin: 0px 5px 30px 5px;
	border: 1px solid #dddddd;
	background-color: #ffffff;
}
#androidColumn #reproLink {
	z-index: 0;
	position: relative;
	display: block;
	width: 984px;
	height: 0px;
	overflow: hidden;
	padding-top: 70px;
	background: url(/common/idx/android_caution_repro@fs.png) no-repeat;
	background-size: 984px 70px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#androidColumn #reproLink {
		background-image: url(/common/idx/android_caution_repro@fs@2x.png);
	}
}
#androidColumn #reproLink #reproBanner {
	position: absolute;
	z-index: 10;
	top: 14px;
	right: 14px;
}
#androidColumn #reproLink #reproBanner a {
	display: block;
	width: 200px;
	height: 0px;
	overflow: hidden;
	padding-top: 40px;
	background: url(/common/banner/banner_repro_rectangle.png) no-repeat;
	background-size: 200px 40px;
	border: 3px solid #ffffff;
	border-radius: 10px;
}
#androidColumn #reproLink #reproBanner a:hover {
	border-color: #7eccff;
}
/*------------------------------------------------------------
	BRAND STYLES
------------------------------------------------------------*/
#brandColumn {
	width: 1000px;
	height: 155px;
	margin: 0px 5px 30px 5px;
	border: 1px solid #dddddd;
	background-color: #ffffff;
}
#brandList {
	height: 80px;
	padding: 12px 0px 0px 4px;
}
#brandList li {
	list-style-type: none;
	display: block;
	float: left;
	position: relative;
	margin-left: 0px;
	text-align: center;
	margin: 0 6px;
	border: 1px solid #dddddd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0 0 6px #dddddd;
	-webkit-box-shadow: 0 0 6px #dddddd;
	-moz-box-shadow: 0 0 6px #dddddd;
}
#brandList li:hover {
	background: linear-gradient(#ffffff, #edf4fc);
	border-color: #d4e1f9;
	box-shadow: 0 0 6px #d4e1f9;
	-webkit-box-shadow: 0 0 6px #d4e1f9;
	-moz-box-shadow: 0 0 6px #d4e1f9;
}
#brandList li a {
	display: block;
	width: 96px;
	height: 0px;
	overflow: hidden;
	padding-top: 48px;
	background: url(/common/ui/menu_brandIndex@fs.png) no-repeat;
	background-size: 846px 48px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#brandList li a {
		background-image: url(/common/ui/menu_brandIndex@fs@2x.png);
	}
}
#brandList #brandJanis a {
	background-position: 0 0;
}
#brandList #brandSpeed a {
	background-position: -94px 0px;
}
#brandList #brandCiel a {
	background-position: -188px 0px;
}
#brandList #brandAniseed a {
	background-position: -282px 0px;
}
#brandList #brandNoa a {
	background-position: -376px 0px;
}
#brandList #brandPuzzlebox a {
	background-position: -470px 0px;
}
#brandList #brandHourglass a {
	background-position: -564px 0px;
}
#brandList #brandAteliergh a {
	background-position: -658px 0px;
}
#brandList #brandAirrip a {
	background-position: -752px 0px;
}
#brandList li span.brandName {
	position: absolute;
	top: 55px;
	display: block;
	width: 96px;
	text-align: center;
	font-size: 0.88em;
	letter-spacing: 0.05em;
	color: #cccccc;
}
#brandList2 {
	padding: 0px 0px 10px 4px;
}
#brandList2 li {
	list-style-type: none;
	display: block;
	float: left;
	margin-left: 0px;
}
#brandList2 li a {
	display: block;
	width: 206px;
	height: 0px;
	overflow: hidden;
	padding-top: 48px;
	line-height: 300%;
	margin: 0 6px;
	background: url(/common/ui/menu_brandIndex2@fs.png) no-repeat;
	background-size: 934px 96px;
	border: 1px solid #dddddd;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	box-shadow: 0 0 6px #dddddd;
	-webkit-box-shadow: 0 0 6px #dddddd;
	-moz-box-shadow: 0 0 6px #dddddd;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#brandList2 li a {
		background-image: url(/common/ui/menu_brandIndex2@fs@2x.png);
	}
}
#brandList2 li a:hover {
	border-color: #d4e1f9;
	box-shadow: 0 0 6px #d4e1f9;
	-webkit-box-shadow: 0 0 6px #d4e1f9;
	-moz-box-shadow: 0 0 6px #d4e1f9;
}
#brandList2 #otherbrand a {
	width: 316px;
	background-position: 0px 0px;
}
#brandList2 #otherbrand a:hover {
	background-position: 0px -48px;
}
#brandList2 #productsDownload a {
	background-position: -316px 0px;
}
#brandList2 #productsDownload a:hover {
	background-position: -316px -48px;
}
#brandList2 #productsSpecialprice a {
	background-position: -522px 0px;
}
#brandList2 #productsSpecialprice a:hover {
	background-position: -522px -48px;
}
#brandList2 #productsAndroid a {
	background-position: -728px 0px;
}
#brandList2 #productsAndroid a:hover {
	background-position: -728px -48px;
}
/*------------------------------------------------------------
	HOT NEWS & HISTORY
------------------------------------------------------------*/
#hotnews {
	float: left;
	width: 755px;
	margin: 0px 0px 30px 5px;
	padding: 15px 10px 10px 10px;
	border: 1px solid #dddddd;
	background-color: #ffffff;
}
#hotnews a:hover {
	border-bottom: 1px solid #cc3333;
}
#hotnews div.newsIconContainer {
	float: left;
	width: 80px;
	margin-left: 10px;
}
#hotnews div.newsDateContainer {
	float: left;
	width: 100px;
	margin: 5px 0 0 5px;
}
#hotnews div.newsTitleContainer {
	float: right;
	width: 530px;
	margin: 5px 0 0 30px;
}
#hotnews div.newsDescriptionContainer {
	float: right;
	width: 660px;
	margin-bottom: 10px;
}
#hotnews div.newsDescriptionContainer p {
	margin: 5px 0 1em 0;
	padding: 0 15px 0 0;
	font-size: 0.92em;
	line-height: 1.5em;
	text-align: justify;
	text-justify: inter-ideograph;
}
#hotnews div.newsDescriptionContainer h5 {
	padding: 5px 1em;
	font-weight: bold;
	color: #cc3333;
	border: 2px solid #cc3333;
	border-radius: 30px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
}
#hotnews div.newsDescriptionContainer h5 + p {
	padding-left: 1em;
}
#hotnews div.newsDescriptionContainer h5.noBorder {
	margin: 20px 0 0 -1em;
	padding: 0;
	font-size: 1em;
	line-height: 1.5em;
	border: 0px;
	font-weight: normal;
	color: #666666;
}
#hotnews div.newsDescriptionContainer h5.noBorder + p {
	padding-left: 0em;
}

#hotnews div.newsDescriptionContainer div {
	padding-bottom: 15px;
}
#hotnews div.newsDescriptionContainer .left {
	float: left;
}
#hotnews div.newsDescriptionContainer .right {
	float: right;
}
#hotnews div.newsDescriptionContainer div.bannerDescription {
	float: left;
	width: 430px;
	word-break: break-all;
}
#hotnews div.newsDescriptionContainer p.banner {
	float: right;
	width: 200px;
}
#hotnews div.newsDescriptionContainer p.banner a:hover {
	opacity: 0.8;
	cursor: pointer;
	border-bottom: 0px solid #ffffff;
}
#hotnews div.newsDescriptionContainer p span.caution{
	font-weight: bold;
	color: #cc3333;
}
#hotnews div.newsDescriptionContainer p.small,
#hotnews div.newsDescriptionContainer p span.small {
	font-size: 0.88em;
}
#hotnews div.newsDescriptionContainer p > a {
	line-height: 150%;
}
/*
#hotnews div.newsDescriptionContainer p > a:before {
	content: "・";
}
*/
#hotnews div.newsDescriptionContainer ul {
	margin: 0.5em 0 1em 1.5em;
	font-size: 0.92em;
}
#hotnews div.newsDescriptionContainer ul li {
	line-height: 130%;
}
#hotnews div.newsDescriptionContainer ul.alignLeft li {
	float: left;
	margin-right: 30px;
	margin-top: -10px;
}
#hotnews div.newsDescriptionContainer ul.alignLeft + p {
	padding-top: 15px;
	clear: both;
}
#hotnews div.newsDescriptionContainer table {
	font-size: 0.92em;
	margin-bottom: 1em;
}
#hotnews div.newsDescriptionContainer table th {
	font-weight: bold;
	padding-bottom: 5px;
}
#hotnews div.newsDescriptionContainer table td {
	padding: 0px 20px 5px 0;
}
#hotnews div.newsDescriptionContainer table.header td {
	padding-left: 1em;
}
#hotnews div.newsDescriptionContainer table .caution {
	color: #cc3333;
}
#hotnews div.newsDescriptionContainer span.code {
	display: block;
	padding: 5px 0 5px 1em;
	font-style: italic;
	font-weight: bold;
}
#hotnews h4 {
	clear: both;
	font-size: 1.17em;
	margin-bottom: 10px;
	padding: 5px 0px 4px 20px;
	color: #666666;
	border-top: 1px solid #eeeeee;
	border-bottom: 1px solid #eeeeee;
	background: #f9f9f9 url(/common/ui/background_contentsHeader.png) no-repeat 3px center;
}
#hotnews h4 span.newsDate {
	font-size: 0.88em;
	margin-right: 20px;
	color: #999999;
}
#hotnews h4.support {
	color: #cc3333;
}
#hotnews div.newsIconContainer p.newsIcon {
	display: block;
	width: 58px;
	height: 0px;
	overflow: hidden;
	padding-top: 58px;
	margin: 0 0 10px 0;
	line-height: 200%;
	background: url(/common/ui/icon_newsKind@fs.png) no-repeat 0px 0px;
	background-size: 60px 420px;
	border: 1px solid #ffffff;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#hotnews div.newsIconContainer p.newsIcon {
		background-image: url(/common/ui/icon_newsKind@fs@2x.png);
	}
}
#hotnews div.newsIconContainer p.newsIcon.catSupport {
	background-position: -1px -1px;
	border-color: #ef3833;
}
#hotnews div.newsIconContainer p.newsIcon.catDLproducts {
	background-position: -1px -61px;
	border-color: #50aaab;
}
#hotnews div.newsIconContainer p.newsIcon.catProducts {
	background-position: -1px -121px;
	border-color: #fbb100;
}
#hotnews div.newsIconContainer p.newsIcon.catDownload {
	background-position: -1px -181px;
	border-color: #2b98ce;
}
#hotnews div.newsIconContainer p.newsIcon.catApology {
	background-position: -1px -241px;
	border-color: #ef3833;
}
#hotnews div.newsIconContainer p.newsIcon.catInfo {
	background-position: -1px -301px;
	border-color: #dddddd;
}
#hotnews div.newsIconContainer p.newsIcon.catAndroid {
	background-position: -1px -361px;
	border-color: #b1d43b;
}
#hotnews div.newsIconContainer p.newsCategory {
	width: 54px;
	margin: 0px 0 4px 0;
	padding: 7px 3px 5px 3px;
	color: #ffffff;
	font-weight: bold;
	font-size: 0.75em;
	text-align: center;
	background-color: #666666;
}
#hotnews div.newsIconContainer p.newsCategory.catInfo {
	background-color: #666666;
}
#hotnews div.newsIconContainer p.newsCategory.catProducts {
	background-color: #e6a300;
}
#hotnews div.newsIconContainer p.newsCategory.catSupport {
	background-color: #cc3333;
}
#hotnews div.newsIconContainer p.newsCategory.catDownload {
	background-color: #336666;
}
#hotnews div.newsIconContainer p.newsCategory.create {
	text-indent: 1em;
	letter-spacing: 1em;
	background: linear-gradient(#ef3833, #ce312d);
}
#hotnews div.newsIconContainer p.newsCategory.modified {
	text-indent: 1em;
	letter-spacing: 1em;
	background: linear-gradient(#aaaaaa, #888888);
/* 	background: linear-gradient(#2b98ce, #247dab); */
}
#hotnews div.newsDateContainer p.newsDate {
	margin: 0;
	padding: 0;
	color: #999999;
	font-size: 1em;
}
#hotnews div.newsTitleContainer p.newsTitle {
	margin: 0;
	padding: 0;
	color: #cc3333;
	font-size: 1em;
}
#hotnews div.newsTitleContainer p.historyDescription {
	margin: -2px 0 0 0;
	padding: 0;
	font-size: 0.92em;
	line-height: 1.5em;
}
#hotnews div.newsTitleContainer p.historyDescription span.brand {
	margin: 0;
}
#hotnews div.newsTitleContainer p.historyDescription span.productTitle {
	margin: 0;
}
#hotnews div.newsTitleContainer p.historyDescription span.entryTitle {
	margin: 0;
}
#hotnews div.newsTitleContainer p.historyDescription span.productTitle:before {
	content: "「";
}
#hotnews div.newsTitleContainer p.historyDescription span.productTitle:after {
	content: "」";
}
#hotnews div.newsTitleContainer p.historyDescription span.postscript {
	margin: 0 0 0 0.5em;
}
#hotnews hr {
	clear: both;
	margin: 10px 0px;
	border-bottom: 1px solid #eeeeee;
}
#hotnews h3#history {
	display: block;
	width: 750px;
	height: 0px;
	overflow: hidden;
	margin: 0px;
	padding-top: 30px;
	line-height: 200%;
	background: url(/common/ui/headline_history@fs.png) no-repeat 0px 0px;
	background-size: 750px 30px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	#hotnews h3#history {
		background-image: url(/common/ui/headline_history@fs@2x.png);
	}
}
#hotnews hr.historyHr {
	clear: both;
	margin: 10px 0px;
	border-bottom: 1px dashed #dddddd;
}
#hotnews p.previousNews a {
	margin: 5px 0 5px 0;
	padding-left: 20px;
	color: #888888;
	background: url(/common/ui/background_contentsHeader.png) no-repeat left center;
}
#hotnews p.previousNews a:hover {
	color: #cc3333;
}
#hotnews p.strong {
	font-weight: bold;
}
/*------------------------------------------------------------
	OFFICIAL LINK
------------------------------------------------------------*/
#contentsContainer h3#officiallink {
	display: none;
}
#link {
	float: right;
	width: 200px;
	margin: 0px 6px 0px 0px;
	padding: 0px;
}
#linkList {
	list-style-type: none;
	margin-bottom: 20px;
}
#linkList li {
	margin-bottom: 8px;
}
#linkList li a:hover img {
	opacity: 0.8;
	cursor: pointer;
}
#linkList li hr {
	border-top: 1px solid #dddddd;
	margin: 15px 0px;
}
#linkList li a img {
	border: 1px solid #999999;
}
#linkList li a img.noborder,
#linkList li a img.noBorder {
	border: 0px solid #999999;
}
#linkList li a img.bannerGokukano {
	border: 1px solid #eb00ac;
	margin-bottom: 20px;
	border-radius: 6px;
}
/*------------------------------------------------------------
	ONLINESHOP & SUPPORT
------------------------------------------------------------*/
.linkButton a {
	display: block;
	width: 196px;
	height: 0px;
	overflow: hidden;
	margin: 0px;
	padding-top: 114px;
	line-height: 200%;
	background: url(/common/ui/button_indexLink2@fs.png) no-repeat 0px -1px;
	background-size: 196px 232px;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (min-resolution: 1.5dppx) {
	.linkButton a {
		background-image: url(/common/ui/button_indexLink2@fs@2x.png);
	}
}
#onlineshop a {
	margin-bottom: 15px;
	background-position: 0 -117px;
	border: 2px solid #ff865e;
}
#support a {
	background-position: 0 0px;
	border: 2px solid #b10005;
}
#onlineshop a:hover, #support a:hover {
	opacity: 0.8;
/* 	border-color: #ffffff; */
}
/*------------------------------------------------------------
	HOTNEWS INDIVISUAL
------------------------------------------------------------*/
#hotnews div.newsDescriptionContainer table.noBorderList th {
	font-size: 0.88em;
	padding-bottom: 0.8em;
}