@charset "utf-8";
/* CSS Document */

/*****************
	setting
******************/

body{
	color:#ff5252;
	background: #fff6fa;
	background-image: radial-gradient(#fff2f8 20%, transparent 0), radial-gradient(#fff2f8 20%, transparent 0);
	background-position: 0 0, 20px 20px;
	background-size: 40px 40px;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	zoom:1;
	-webkit-text-size-adjust:100%;
	z-index: 0;
	}


@-moz-document url-prefix(){
  body{
	color:#ff5252;
	background: #fff6fa;
	font-family:"游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
	zoom:1;
	-webkit-text-size-adjust:100%;
	z-index: 0;
	}
}

a{color:#F80ED2;}
img{ vertical-align:bottom;}

html,body{
	height:100%;
	}
	
.body-wrap{
	position:relative;
	min-width:1000px;
	min-height:100%;
	height:auto !important;
	height:100%;
}

li{	list-style:none;}

.btn_na{
	opacity: .5;
	}

a:hover img {
opacity: .5;
-webkit-opacity: .5;
-moz-opacity: .5;
filter: alpha(opacity=50);	/* IE lt 8 */
-ms-filter: "alpha(opacity=50)"; /* IE 8 */
}
 
a img {
-webkit-transition: opacity 1s ease-out;
-moz-transition: opacity 1s ease-out;
-ms-transition: opacity 1s ease-out;
transition: opacity 1s ease-out;
}

.tt{
	line-height: 50%;
	}

/*****************
	header
******************/

.header-wrap{
}

header{
	width:100%;
	height:30px;
	background-color:#ff9999;
	z-index: 9999;
	}

	.header{
		width:222px;
		height:25px;
		margin: 0 auto;
		background:url(../img/common/header.png) no-repeat;
		}


	.global-navi{
		width:670px;
		height:60px;
		margin: 20px auto;
		background:url(../img/common/nav_back.png) no-repeat;
	}

		.global-navi li{
			float: left;
			width: auto;
			height: auto;
			margin-left: -40px;
			padding-right: 40px;
			padding-top: 0px;
		}


/*****************
	top
******************/

.wrapper{
	width: 1200px;
	overflow: hidden;
	margin: 0 auto;
}

	.top-content{
			width:900px;
			height: 480px;
			margin-left: 130px;
			margin-top: 10px;
		}



/*****************
	information
******************/

.information{
	width: 629px;
	min-height: 900px;
	border: 1px solid #ff9999;
	background-color: #FFF;
	margin-left: 130px;
	margin-top: -20px;
	margin-bottom: 30px;
	float:left;
	}

	.information h2{
		width: 629px;
		height: 40px;
		background:url(../img/top/information.png) no-repeat;
		text-indent: -7777px;
		margin-top:-1px;
		}

	.article-wrapper{
		margin-top: -10px;
		}

	.date{
		margin-top:-15px;
		font-size: 12px;
		}

	article{
		width: 600px;
		margin:10px;
		border-bottom:1px solid #ff9999;
		}

		.infor-thumb{
			margin-top: -5px;
			padding-bottom: 10px;
			}
		
		.article-content{
			width: 380px;
			clear:both;
			float: right;
			margin-top: -220px;
			padding: 10px;
			overflow:hidden;
			font-size:14px;
			}


/*****************
	pickup
******************/

.pickup{
	width: 250px;
	min-height: 150px;
	float:left;
	margin-left: 20px;
	margin-top: -20px;
	}

	.pickup h2{
		width: 250px;
		height: 40px;
		background:url(../img/top/pickup.png) no-repeat;
		text-indent: -7777px;
		margin-top:0px;
		}

		.pickup-banner{
			margin-top: -10px;
			}

.faq-banner{
	width: 250px;
	min-height: 150px;
	float:left;
	margin-left: 20px;
	margin-top: 10px;
}

/*****************
	whats new
******************/

	.whatsnew-content{
		float:left;
		width:250px;
		height:300px;
		border: 1px solid #ff9999;
		background:#FFF;
		margin-top:20px;
		margin-left:20px;
		}


		.whatsnew-content h2{
			width: 250px;
			height: 40px;
			background:url(../img/top/whatsnew.png) no-repeat;
			text-indent: -7777px;
			margin-top:0px;
			}


		.whatsnew-wrap{
			position:relative;
			width:240px;
			height:260px;
			margin-left: -40px;
			margin-top: -20px;
			overflow:hidden;
			font-size: 12px;
			}

			.whatsnew-wrap li{
				padding:10px 10px 15px;
				}

			.whatsnew-wrap dt{
				font-weight:bold;
				color:#ff60a7;
				}
			
						.whatsnew-wrap dd{
						margin-left: 0px;
						color:#1797e1;
						}
						
							.whatsnew-wrap a:hover{
								color:#09F;
								}


/*****************
	twitter
******************/

	.twitter{
		float:left;
		width:250px;
		height:408px;
		border: 1px solid #ff9999;
		background:#FFF;
		margin-top:20px;
		margin-left:20px;
		}


		.twitter h2{
			width: 250px;
			height: 40px;
			background:url(../img/top/twitter.png) no-repeat;
			text-indent: -7777px;
			margin-top:0px;
			}

			.twitter-content{
				margin-top:-20px;
				}


/*****************
	product
******************/

	.product{
		float:left;
		width:900px;
		height:auto;
		margin-left: 130px;
		margin-top: 10px;
		}


		.product h2{
			width: 900px;
			height: 40px;
			background:url(../img/product/productinfor.png) no-repeat;
			text-indent: -7777px;
			margin-top:0px;
			}


		.product-infor{
			width:900px;
			height:345px;
			border: 1px solid #ff9999;
			background:#FFF;
			margin-bottom: 30px;
			}

			.product-infor h3{
				color:#FFF;
				background:#ff5252;
				border: 5px solid #ff5252;
				}
			
			.product-image{
				float:left;
				padding: 20px;
				}


			.product-data{
				float:left;
				margin-left:20px;
				}

			.product-data h3{
				font-size:15px;
								}
				
				.product-data table{
					width: 470px;
					margin-top: 20px;
					padding-left: 0px;
				    border-collapse: separate;
				    border-spacing: 0px 10px;
					font-size: 14px;
					}

					.product-data td{
						padding-left: 80px;
						background:#FFFFDF;
						}		

					.product-data th{
						background:#FFC;
						width: 100px;
						height: 25px;
						padding-right: 5px;
						}


	.product-btn{
		float:right;
		margin-top: 20px;
		display: flex;
		}

			.product-link{
				margin-right: 10px;
				}


			.dl-link{

				}

			.app-link{
				
				}


/*****************
	support
******************/

	.support{
		float:left;
		width:900px;
		height:auto;
		margin-left: 130px;
		margin-top: 10px;
		color:#535353;
		font-size: 14px;
		}

		.support-intro{
			border-bottom: 1px dotted #ff9999;	
			}

		.support b{
			color:#ff5252;
			}

		.support h2{
			width: 900px;
			height: 40px;
			background:url(../img/support/support.png) no-repeat;
			text-indent: -7777px;
			margin-top:0px;
			}


/*****************
	faq
******************/

	.faq{
		float:left;
		width:900px;
		height:auto;
		margin-left: 130px;
		margin-top: 10px;
		color:#535353;
		font-size: 14px;
		}

		.faq-intro{
			border-bottom: 1px dotted #ff9999;	
			}

		.faq b{
			color:#ff5252;
			}

		.faq h2{
			width: 900px;
			height: 40px;
			background:url("../img/faq/faq.png") no-repeat;
			text-indent: -7777px;
			margin-top:0px;
			}


/*****************
	footer
******************/


.footer-wrap{
	clear:both;
	width:100%;
	margin-bottom: 50px;
	color:#535353;
	margin-left: 170px;				
	}

	.footer{
		width:800px;
		height: 50px;
		margin:0 auto;
		}
		
			.footer-back a{
				text-decoration: none;
				font-size:13px;
				font-weight:bold;
				color:#535353;				
				}

			.footer-back a:hover{
				color:#ff60a7;
				text-decoration:underline;				
				}

			.footer-back ul{
				padding-top: 0px;
				margin-left: 50px;
				float:left;
				}
	
			.footer-back li{
				float: left;
				width: auto;
				padding-right: 20px;
				padding-top: 0px;
				}
			
			
		.copy{
			clear:both;
			padding-top:20px;
			padding-left: 150px;
			font-size:12px;
			font-weight:bold;
			}