﻿html, body {
	margin:0 auto;
	padding:0;
}
body{
	background:#fff;  
	z-index:0;
	font-family:Meiryo, 'ＭＳ Ｐゴシック', 'Hiragino Kaku Gothic ProN';

}

img{
	margin:0;
	padding:0;
	border:0 !important;
}
#header{
	width:100%;
	min-height:300px;
	-webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;

}
#banner #full-screen-background-image {  
	position:absolute;
	z-index: -999;
	width: 100%; 
	height:626px;
	top: 0;
	left: 0;
}

#banner{
	z-index:-2;
	height:626px;
}
.banner-middle{
	margin:auto;
	width:900px;
	height:625px;
	position: relative;
    top: -4px;
}
#iphoneico{
	position:relative;
	top:-390px;
	left:15px;
	content:".";
	z-index:3;
	width:204px;
}
#nav{
	width:900px;
	margin-top:-60px;
	position:absolute;
	
}
#nav .social_link{
	float:right;
}
#idfacebook, #idtwitter, #idm, #idgoogle{
	float: left;
    margin-left: 7px;
}

#idtwitter iframe{
		width:90px !important;

}
#nav .social_link #idm span iframe{
	position:relative;
	top:3px;
}
#lang{
	margin-right:10px;
}
.article{
	min-height:170px;
	max-width:100%;
	background:url(../images/bgbox.png) repeat #FFCCFF;
	margin-top:0px;
	border-radius:5px;
	webkit-boder-radius:5px;
	border-collapse: collapse;
}
.break_40px{
	margin-top:52px;
}
.break_17px{
	margin-top:37px;
}
.section, .section-middle{
	margin:30px 30px 10px
}
.section-intro{
	padding-top:30px;
}

.container{
	width:900px;
	background:#fff;
	min-height:800px;
	margin:auto;
	margin-top:75px;
}
.box_right{
	float:right;
}
.box_left{
	float:left;
}
.box_clear{
	clear:both;
}
.secleft{
	margin-right:45px;
	margin-left:10px;
	margin-top:-10px;
}
.appstore{
	content:".";
	background:url(../images/appstore-ico.png) no-repeat;
	width:245px;
	height:58px;
	margin-right:10px;
}
.googleplay{
	content:".";
	background:url(../images/googleplay-ico.png) no-repeat;
	width:245px;
	height:58px;
}
.box_title{
	margin-bottom: 3px;
    margin-top: -10px;
}
.box_title .text_title{
	color:#444444;
}
.text_small{
	font-size:20px;
	font-weight:bold;
	color:#444444;

}
/* Box function */
.art-function{
	min-height:900px;
}
.line-function{
	background:url(../images/line-function.png) no-repeat;
	width:100%;
	height:55px;
	text-align:center;
	font-size:38px;
	color:#fff;
	font-weight:bold;
	padding-top:18px;
}
.bgfull{
	-webkit-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    background-size: 100% 100%;
}
.funtion-secleft{
	width:350px;
	margin-right:45px;
}
.funtion-secleft-top{
	margin-bottom:20px;
}
.funtion-secleft-bottom{
	font-size:17px;
	color:#555;
}
.funtion-secmiddle{
	width:230px;
}
.funtion-secright{
	width:200px;
}
.section-first{
	height:370px;
	border-bottom:2px dotted #aaa;
}
.section-middle{
	margin-top:30px;
	display:table-row;
}
.refresh-info,.switch-info{
	width:240px;
	font-size:17px;
	color:#555;
	margin:0px 10px;
}
.twitter-info,.alarm-info{
	font-size:17px;
	color:#555;
	margin:0px 15px;
}
.refresh-info{
	margin-left:20px !important;
}
#twitter .icon,#alarm .icon,#refresh .icon,#switch .icon{
	margin-top:3px;
}
#twitter .icon,#alarm .icon{
	margin-left:20px;
}
#twitter .info,#alarm .info,#refresh .info,#switch .info{
	margin-bottom: 20px;
}
#refresh{
	width:344px;
	padding-top:15px;
}
#alarm{
	padding-top:15px;
}
#refresh,#switch{
	margin:0 0 25px 30px;
	border-right: 2px dotted #aaa;
}
#switch,#twitter{
	padding-bottom:15px;
	padding-top:15px;

}
#twitter,#alarm{
	width:520px;
}
.info-text{
	margin-top:8px;
	line-height:30px;
}
#twitter .info-text, #alarm .info-text{
	max-width:390px;
}
.twitter-faceleft{
	margin-right:25px;
	margin-left:20px;
}
.twitter-link{
	margin-left:278px;
	color:#666;
	font-size:12px;
	clear:left;
}

.purevoice-stepbystep{
	margin:40px 0 40px 0;
	background: none repeat scroll 0 0 #FFFFFF;
}
.box-purevoice{
	background:none repeat scroll 0 0 #FFFFFF !important;
}
.purevoice-stepbystep img{
	margin-top:-16px;
}
.they-use-purevoice-main{
	margin:30px 30px 10px;
}
.they-use-purevoice-text{
	text-align:center;
	line-height:30px;
	font-size:20px;
	font-weight:bold;
	color:#333;
	padding-bottom:25px;

}
.linedotted{
	width:840px;
	border-top:2px dotted #aaa;
	content:".";
	height:10px;
	margin-left:30px;
	margin-top:-15px;
	
}
.clear-background{
	background:#fff !important;
}
.text-red{
	color:#ff3399;
}
.note_title{
	color:#555;
}
.button-link .appstore{
	left: 195px;
    position: relative;
    top: -85px;
}
.button-link .googleplay{
	left: 365px;
    position: relative;
    top: -85px;
}
#footer{
	margin-top:40px;
	background:url(../images/footer-bg.png) repeat-x;
	height:63px;
	width:100%;
	color:#ddd;
	padding-top:20px;
}


#footer #footerIn {
	width:900px;
	margin:0 auto;
	text-align:center;
	font-size:12px;
}

#footer #footerIn a {
	text-decoration:none;
	color:#FFFFFF;
}


#footer #footerIn a:hover {
	text-decoration:underline;
	color:#FFFFFF;
}