@charset "UTF-8";
html { 
	font-size: 62.5%;
}
body {
	font-size: 12px;
	font-size: 1.2rem;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
	color: #ffffff;
	line-height: 125%;
	margin: 0 auto;
	padding: 0;
	background-image: url(../images/bgX.jpg);
	background-position:top center;
	background-repeat: repeat-y;
	background-color: #000000;
}
a {
	color: #71cbff;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
a:hover {
	color: #03a1fb;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
a img {
	-moz-opacity: 1.00;
	opacity: 1.00;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
a:hover img {
	-moz-opacity: 0.75;
	opacity: 0.75;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
nav a:hover img {
	-moz-opacity: 0.0;
	opacity: 0.0;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
.wrapper {
	width: 980px;
	height: auto;
	margin: 0 auto;
	overflow: hidden;
}
.preload {
	display: none;
}
.headerBlock {
	width: 100%;
	height: 123px;
	background-image: url(../images/bgHeader.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	background-color: #000000;
	clear: both;
}
.wrapperH {
	width: 980px;
	height: 123px;
	margin: 0 auto;
	overflow:　visible;
	background-image: url(../images/bgHeader3.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}
.headerBlock h1 {
	width: 167px;
	height: 117px;
	margin-left: 10px;
	float: left;
}
.headerBlock div.menu {
	width: 803px;
	height: 117px;
	float: left;
}
.headerBlock div.menu div.line1 {
	width: 377px;
	height: 75px;
	/*height: 28px;*/
	margin-top: 12px;
	margin-left: 426px;
	clear: both;
}
.headerBlock div.menu div.line1 div.sns {
	margin-left: 5px;
	float: right;
}
.snsTwitter {
	width: 80px;
	height: 20px;
	float: right;
}
.snsFb {
	width: 170px;
	height: 20px;
	float: right;
}
.snsLine {
	float: right;
}
.snsLine img {
	margin-left: 10px;
}
.headerBlock div.menu div.line2 {
	width: 175px;
	height: 47px;
	margin-left: 628px;
	clear: both;
}
.headerBlock div.menu nav.line3 {
	width: 803px;
	height: 30px;
	text-align: left;
	clear: both;
}
.headerBlock div.menu nav.line3 ul {
	list-style: none;
	clear: both;
}
.headerBlock div.menu nav.line3 ul li {
	float: left;
}
.footerBlock {
	width: 100%;
	height: 120px;
	padding-top: 120px;
	text-align: center;
	background-image: url(../images/bgFooter.png);
	background-position:top center;
	background-repeat: no-repeat;
	clear: both;
}
.linkBtnBlock {
	width: 960px;
	height: 70px;
	padding-top: 20px;
	margin: 0 auto;
	clear: both;
}
.linkBtn {
	width: 480px;
	height: 70px;
	text-align: center;
	float: left;
}
.textCopyright {
	font-size: 10px;
	font-size: 1.0rem;
	color: #999999;
}
.copyrightMark {
	font-family: "Times New Roman", "Times";
}
.attention {
	font-size: 11px;
	font-size: 1.1rem;
	padding-left:1em;
	text-indent:-1em;
}
.red {
	color: #FF0000;
}
img.imageLeft {
	float: left;
	margin-right: 40px;
}
img.imageRight {
	float: right;
	margin-left: 20px;
	margin-right: 20px;
}
#slide {
	width: 100%;
	height: 500px;
	margin-bottom: 15px;
}

#topBanner {
	width: 980px;
	height: 500px;
	margin-left: auto;
	margin-right: auto;
	position: relative;
	background-color: #ffffff;
}
#topBanner ul li {
	width: 980px;
	height: 500px;
	float: left;
	display: inline;
}
#topBanner ul li p {
	width: 980px;
	height: 500px;
}
#topBanner ul li p img{
	height: 500px;
}
#topBanner ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}
#topBanner ul {
	display: inline-block;
	overflow: hidden;
}
.topBannerPos {
	width: 44px; /* ボタンの数x22px */
	height: 16px;
	position: absolute;
	top: 475px;
	left: 468px; /* 490-(ボタンの数x11px)*/
	background-position: top left;
}
.topBannerPos div {
	width: 16px;
	height: 16px;
	margin: 0 3px;
	background-image: url(../images/topBannerPosInactive.png);
	background-position:top center;
	background-repeat: no-repeat;
	float: left;
}
.topBannerPos div.active {
	width: 16px;
	height: 16px;
	margin: 0 3px;
	background-image: url(../images/topBannerPosActive.png);
	background-position:top center;
	background-repeat: no-repeat;
	float: left;
}
.bunnerSub {
	width: 960px;
	margin: 14px auto 0;
	background-color: #FFF;
}
.article#news {
	
}
section.newsSection {
	width: 980px;
	height: auto;
	padding-top: 20px;
	background-image: url(../images/newsBg.png);
	background-position:top center;
	background-repeat: repeat-y;
	overflow: hidden;
	clear: both;
}
section.newsSection hgroup {
	margin: 0 10px;
	padding: 10px 30px;
	background-image: url(../images/newsTitleBg.png);
	background-position:top center;
	background-repeat: repeat-y;
	clear: both;
}
section.newsSection hgroup h2 {
	color: #ff9600;
	font-size: 14px;
	font-size: 1.4rem;
	padding-bottom: 5px;
}
section.newsSection hgroup h3 {
	color: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
}
section.newsSection hgroup h3.long {
	color: #ffffff;
	font-size: 12px;
	font-size: 1.2rem;
}
section.newsSection hgroup h3 span.update {
	color: #ff9600;
}
.newsBlock {
	margin: 0 10px;
	padding: 20px 30px 20px 20px;
	line-height: 150%;
	border-bottom: 1px solid #ff9600;
	overflow: hidden;
	clear: both;
}
.newsBlock2 {
	margin: 0 10px;
	padding: 0 30px 20px 20px;
	line-height: 150%;
	border-bottom: 1px solid #ff9600;
	overflow: hidden;
	clear: both;
}
.newsBlock2 div.guest {
	width: 440px;
	padding-right: 15px;
	overflow: hidden;
	float: left;
}
.newsBlock2 div.guest img {
	float: left;
	margin-right: 20px;
}
.newsBlock2 div.guest p span.name {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
p.newsText {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 175%;
	padding-bottom: 10px;
}
div.newsTextBlock {
	clear: both;
}
.newsBlockBack {
	margin: 0 10px;
	padding: 0 20px 20px 20px;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 150%;
	text-align: right;
	border-bottom: 1px solid #ff9600;
	overflow: hidden;
	clear: both;
}
.youtubeBlock {
	width: 560px;
	height: 315px;
	margin-right: 40px;
	float: left;
}
.newsTextBlock p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 175%;
}
.newsFooter {
	width: 980px;
	height: 14px;
	background-image: url(../images/newsFooter.png);
	background-position:top center;
	background-repeat: no-repeat;
	clear: both;
}
/* What's */
article#about div.btnEn {
	width: 960px;
	margin: 0 auto;
	position: absolute;
	top: 200px;
	text-align: right;
}
article#about div.btnEn a {
	color: #eb007d;
	font-size: 16px;
	font-size: 1.6rem;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
article#about div.btnEn a:hover {
	color: #ff52a8;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}

section.aboutSection {
	width: 980px;
	height: auto;
	padding-top: 20px;
	background-image: url(../about/images/aboutBg.png);
	background-position:top center;
	background-repeat: repeat-y;
	overflow: hidden;
	clear: both;
}
section.aboutSection h2 {
	color: #e3007f;
	font-size: 20px;
	font-size: 2.0rem;
	margin: 0 10px;
	padding: 0 30px;
}
.aboutBlock {
	margin: 0 10px;
	padding: 10px 30px 20px 30px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 150%;
	border-bottom: 1px solid #e3007f;
	overflow: hidden;
	clear: both;
}
.aboutBlock img.navLineupImg {
	margin: 0 20px 10px 0;
	overflow: hidden;
}
.aboutFooter {
	width: 980px;
	height: 14px;
	background-image: url(../about/images/aboutFooter.png);
	background-position:top center;
	background-repeat: no-repeat;
	clear: both;
}
/* Line Up */
section.productsSection {
	width: 980px;
	height: auto;
	background-image: url(../products/images/productsBg.png);
	background-position:top center;
	background-repeat: repeat-y;
	overflow: hidden;
	clear: both;
}
.productsBlock {
	margin: 0 10px;
	/*padding: 10px 30px 20px 30px;*/
	padding: 10px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 150%;
	border-bottom: 1px solid #19a5ff;
	overflow: hidden;
	clear: both;
}
.productsBlock p.lineupBanner {
	width: 600px;
	margin: 0 auto 10px auto;
}
.productsBlock p.lineupBanner a {
	text-decoration: none;
}
.productsBlock p.lineupBanner img {
	border: 1px solid #fff;
	margin:　0 5px;
}
.productsBlock p.lineupBanner span.indent {
	padding-left: 7em;
	text-indent: -7em;
}
.productsBlock p.lineupBanner span.date {
	padding-left: 15px;
	font-size: 12px;
	font-size: 1.2rem;
}
.productsBlock hgroup {
	margin: 10px;
	padding: 10px;
	background-image: url(../images/productsTitleBg.png);
	background-position:top left;
	background-repeat: repeat-y;
	clear: both;
	overflow: hidden;
}
.productsBlock hgroup h2 {
	margin: 0;
	padding: 6px 0 4px 0;
	color: #FFF;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 100%;
	float: left;
}
.productsBlock hgroup p {
	margin: 0;
	padding: 6px 0 4px 20px;
	color: #FFF;
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 100%;
	float: right;
}
.productsBlock hgroup p a {
}
.productsBlock h2 {
	color: #19a5ff;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	padding-bottom: 5px;
}
.productsBlock p.spec {
	font-size: 16px;
	font-size: 1.6rem;
	padding-left: 20px;
	line-height: 175%;
}
.productsBlock p.specLong {
	font-size: 16px;
	font-size: 1.6rem;
	padding-left: 1em;
	text-indent: -1em;
	margin-left: 20px;
	line-height: 175%;
}
.productsBlock p.btn {
	margin: 20px;
}
.productsBlock img.navLineupImg {
	margin: 0 20px 10px 24px;
	overflow: hidden;
}
.productsBlock p.specAattention {
	font-size: 11px;
	font-size: 1.1rem;
	padding-left: 1em;
	text-indent: -1em;
	line-height: 150%;
	margin: 0 0 10px 20px;
}
.productsBlock div.clear {
	padding: 20px 0 10px 30px;
	clear: both;
	overflow: hidden;
}
.productsBlock div.thumbnail {
	padding: 0 20px 10px 20px;
	clear: both;
	overflow: hidden;
}
.productsBlock div.btn {
	padding: 0 20px 10px 20px;
	clear: both;
	overflow: hidden;
}
.productsBlock div.btn p {
	margin-top: 20px;
}
.productsBlock div.btn p img.btnBuyImg {
	margin-right: 48px;
}
.productsBlock div.attentionBlock {
	clear: both;
	padding: 20px 20px 10px;
}
.productsBlock aside.insertBlock {
	margin: 0 -10px;
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 150%;
	overflow: hidden;
	clear: both;
}
.productsBlock aside.insertBlock h1 {
	margin: 0 10px;
}
.productsBlock aside.insertBlock p.text {
	margin-left: 50px;
	overflow: hidden;
}
.productsBlock aside.insertBlock p img.right {
	margin: 0 50px 0 40px;
	float: right;
}
.productsBlock aside.insertBlock h2 {
	margin: 10px;
}
.productsBlock aside.insertBlock h3 {
	margin: -10px 55px 0;
	font-size: 25px;
	font-size: 2.5rem;
	line-height: 150%;
	overflow: hidden;
	clear: both;
}
.productsBlock aside.insertBlock h3 span.subTitle {
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: normal;
}
.productsBlock aside.insertBlock p.eventImages {
	margin: 0 10px;
	overflow: hidden;
}
.productsBlock aside.insertBlock p.eventCatch {
	margin: 0 1px;
	overflow: hidden;
}

.productsTextBlock {
	margin: 0 10px;
	padding: 20px 20px 10px 20px;
	overflow: hidden;
	clear: both;
}
.productsTextBlock p {
	font-size: 15px;
	font-size: 1.5rem;
	line-height: 150%;
	padding-bottom: 10px;
}
.productsTextBlock p.notes {
	margin: -10px 0 0;
	padding: 0;
	font-size: 16px;
	font-size: 1.6rem;
	color: #19a5ff;
	line-height: 150%;
	overflow: hidden;
	clear: both;
}
.productsTextBlock h3 {
	margin: 0 0 15px;
	padding: 0;
	font-size: 20px;
	font-size: 2.0rem;
	color: #ffd200;
	line-height: 150%;
	overflow: hidden;
	clear: both;
}
.productsTextBlock h3 span.attention {
	font-size: 14px;
	font-size: 1.4rem;
	font-style: normal;
	line-height: 150%;
}
.productsTextBlock h3.title {
	width: 450px;
	float: left;
}
.productsTextBlock div.guest {
	width: 860px;
	padding-right: 15px;
	overflow: hidden;
	float: left;
}
.productsTextBlock div.guest img {
	float: left;
	margin-right: 20px;
}
.productsTextBlock div.guest p {
	line-height: 140%;
}
.productsTextBlock div.guest p span.name {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
}
.productsTextBlock div.guest p span.name2 {
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	padding-left: 5em;
}
.productsTextBlock div.guest p span.small {
	font-size: 12px;
	font-size: 1.2rem;
}
.productsFooter {
	width: 980px;
	height: 14px;
	background-image: url(../products/images/productsFooter.png);
	background-position:top center;
	background-repeat: no-repeat;
	clear: both;
}
.productsItem {
	width: 450px;
	float: left;
	overflow: hidden;
}
.productsItemS {
	padding: 0 10px;
	float: left;
	overflow: hidden;
}
.productsItemL {
	margin: -10px 0 25px 30px;
	padding: 0 0 15px 10px;
	border-bottom: 1px dotted #0071a9;
	clear: both;
	overflow: hidden;
}
.productsItemL p {
	clear: both;
}
.productsItem p {
	margin-bottom: 5px;
	margin-right: 20px;
}
.productsSpecBlockL {
	width: 515px;
	padding-right: 50px;
	float: left;
	overflow: hidden;
}
.productsSpecBlockR {
	width: 335px;
	float: left;
	overflow: hidden;
}
.relationBanner {
	padding-top: 20px;
	text-align: center;
}
/*info */
nav.infoNav1 {
	width: 960px;
	height: 50px;
	padding: 15px 10px 0 10px;
	background-image: url(../info/images/infoHeaderBg1.png);
	background-repeat: no-repeat;
}
nav.infoNav2 {
	width: 960px;
	height: 50px;
	padding: 15px 10px 0 10px;
	background-image: url(../info/images/infoHeaderBg2.png);
	background-repeat: no-repeat;
}
ul.infoNavUl {
	list-style: none;
	clear: both;
}
ul.infoNavUl li {
	float: left;
}
ul.infoNavUl li a img {
	/*filter: alpha(opacity=0);*/
	-moz-opacity: 0.0;
	opacity: 0.0;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
ul.infoNavUl li a:hover img {
	/*filter: alpha(opacity=100);*/
	-moz-opacity: 10.0;
	opacity: 10.0;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
.infoSection {
	width: 980px;
	height: auto;
	padding-top: 20px;
	background-image: url(../info/images/infoBg.png);
	background-position:top center;
	background-repeat: repeat-y;
	overflow: hidden;
	clear: both;
}
.infoSection h2 {
	margin: 0 10px;
	padding: 10px 30px 10px 30px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
}
.infoSection p.infoText {
	margin: 0 20px;
	padding: 10px 30px 20px 50px;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: normal;
}

.infoProductListBlock {
	width: 300px;
	float: left;
}
nav.infoProductList ul {
}
nav.infoProductList ul li {
	width: 290px;
	float: left;
	background-image: url(../common/clear.gif);
	background-repeat: no-repeat;
	background-size: 4px 34px;
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 150%;
	margin-left: 10px;
	padding: 10px 0 10px 40px;
	cursor: pointer;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
nav.infoProductList ul li:hover {
	color: #00a126;
	background-image: url(../info/images/listArrow.png);
	background-repeat: no-repeat;
	background-size: 45px 34px;
	background-position: left top;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
nav.infoProductList ul li.active {
	color: #00a126;
	background-image: url(../info/images/listArrow.png);
	background-repeat: no-repeat;
	background-size: 45px 34px;
	background-position: left top;
	-webkit-transition: all 300ms linear;
	-moz-transition: all 300ms linear;
	-o-transition: all 300ms linear;
	-ms-transition: all 300ms linear;
	transition: all 300ms linear;
}
span#protoBlock,
span#firstBlock,
span#secondLtdBlock,
span#secondBlock,
span#thirdBlock,
span#aikatsu1Block,
span#fourthBlock {
	display: none;
}
span#fifthBlock {
	display: block;
}
.infoLineImg {
	width: 290px;
	margin-left: 10px;
	padding: 50px 0 50px 40px;
	float: left;
}

div.infoProductList {
	width: 600px;
	padding: 9px 0 0 70px;
	float: left;
}
div.infoProductList h1 {
	color: #00a126;
	padding-bottom: 10px;
	padding-left: 8em;
	text-indent: -8em;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
	line-height: 150%;
}
div.infoProductList h2 {
	padding-left: 0;
}
div.infoProductList p.infoText  {
	padding-left: 10px;
	line-height: 150%;
}
.infoSection select.sizeSelect {
	width: 400px;
	margin: 0 0 10px 0;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
	padding-bottom: 10px;
}
.infoSection select#osSelect {
	margin: 0 40px;
	width: 200px;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: normal;
	padding-bottom: 10px;
}
.infoBlock {
	margin: 0 10px;
	padding: 10px 30px 10px 30px;
	border-bottom: 1px solid #04a000;
	overflow: hidden;
	clear: both;
}
.infoBlock h2 {
	font-size: 22px;
	font-size: 2.2rem;
	text-align: center;
	line-height: 150%;
}
.infoBlock h3 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 150%;
	color: #04a000;
	padding: 10px 0;
}
.infoBlock p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 150%;
	margin: 0 10px;
	padding-left:1em;
	text-indent:-1em;
	padding-bottom: 15px;
}
.infoLine {
	width: 285px;
	float: left;
	padding-left: 15px;
	line-height: 150%;
}
.infoLine h2 {
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: normal;
	padding-bottom: 10px;
}
.infoLine p {
	font-size: 14px;
	font-size: 1.4rem;
	padding-bottom: 30px;
}
.infoLine p span.size{
	color: #04a000;
}

.qaBlock {
	margin: 0 10px;
	padding: 10px 10px 10px 10px;
	border-bottom: 1px solid #04a000;
	overflow: hidden;
	clear: both;
}
.qaBlock hgroup {
	margin: 10px;
	padding: 10px;
	background-image: url(../images/infoTitleBg.png);
	background-position:top left;
	background-repeat: repeat-y;
	clear: both;
}
.qaBlock hgroup h2 {
	margin: 0;
	padding: 0 0 4px 0;
	color: #04a000;
	font-size: 14px;
	font-size: 1.4rem;
}
.qaBlock hgroup h3 {
	color: #ffffff;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 125%;
}
.qaBlock p {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 175%;
	margin: 0 10px;
	padding-left: 14px;
	padding-bottom: 15px;
}
.infoFooter {
	width: 980px;
	height: 14px;
	background-image: url(../info/images/infoFooter.png);
	background-position:top center;
	background-repeat: no-repeat;
	clear: both;
}