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

body{
	background-color:white;
	background:url(images/bgimage.gif) repeat;
	text-align:center;
	font:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:18px;
	line-height:170%;
	margin:0;
	padding:0;
}

div{margin:0;padding:0;}
p{margin:0;padding:0;}
a{margin:0;padding:0; text-decoration:none;color:#FFF;}
a:visited{margin:0;padding:0; text-decoration:none;color:#FFF;}
.clears{clear:both;}
ol{list-style-type:none;}
img{border:none;margin:0;padding:0;}
a img{border:none;}

/*--header-------------------*/

.header{
	background:url(images/top_bgletter.png) no-repeat;
	background-position:0 150px;
	position:relative;
	height:730px;
	width:960px;
	margin:auto;
}

h1{text-align:left;}

.photos{
	position:absolute;
	top:46px;
	right:0;
}

.slideshow{
	width:458px;
	height:458px;
	padding:0;
	margin:0;
    background: transparent;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
    zoom: 1;
}

.slideshow img{
	width:458px;
	height:458px;
	padding:0;
	margin:0
	top:0;
	left:0;
    background:none !important;
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */
    zoom: 1;
}

.menu{
	position:absolute;
	top:490px;
	left:55px;
	width:460px;
}

.menu_point1{
	width:460px;
	height:30px;
	margin:10px 0 5px 0;
    text-indent: -9999px;
}

.menu_point1 a{
	background:url(images/menu_point1_off.png) no-repeat;
	width:460px;
	height:30px;
	display:block;
	text-indet:-9999px;
}

.menu_point1 a:hover{
	background:url(images/menu_point1_on.png) no-repeat;
}

.menu_point2{
	width:460px;
	height:30px;
	margin:10px 0 5px 0;
    text-indent: -9999px;
}

.menu_point2 a{
	background:url(images/menu_point2_off.png) no-repeat;
	width:460px;
	height:30px;
	display:block;
	text-indet:-9999px;
}

.menu_point2 a:hover{
	background:url(images/menu_point2_on.png) no-repeat;
}

.menu_point3{
	width:460px;
	height:30px;
	margin:10px 0 5px 0;
    text-indent: -9999px;
}

.menu_point3 a{
	background:url(images/menu_point3_off.png) no-repeat;
	width:460px;
	height:30px;
	display:block;
	text-indet:-9999px;
}

.menu_point3 a:hover{
	background:url(images/menu_point3_on.png) no-repeat;

}

.header_download_android{
	position:absolute;
	top:525px;
	right:55px;
	width:347px;
	height:147px;
    text-indent: -9999px;
}

.header_download_android a{
	background:url(images/download_android_off.png) no-repeat;
	width:347px;
	height:147px;
	display:block;
	text-indet:-9999px;
}

.header_download_android a:hover{
	background:url(images/download_android_on.png) no-repeat;
}


.main{
	margin:auto;
	width:850px;
}

/*--how to use-----------------*/
.how2use{
	position:relative;
	width:850px;
	height:300px;
	margin-top:30px;
}

.how2use_title{
	position:absolute;
	top:40px;
	left:0px;
}

.how2use p{
	position:absolute;
	top:150px;
	left:0px;
}

.how2use_youtube{
position: absolute;
right: 0px;
top: 20px;
}

/*--point1-----------------*/
.point1{
	position:relative;
	width:850px;
	height:506px;
}

.point1_title{
	position:absolute;
	top:45px;
	left:494px;
}

.point1_main{
	background:url(images/point1_main.png) no-repeat;
	width:543px;
	height:506px;
	position:absolute;
	top:0;
	left:0;
}

.point1_main p{
	text-align:left;
	width:190px;
	position:absolute;
	top:160px;
	left:240px;
}

.point1 .dec{
	position:absolute;
	top:252px;
	left:556px;
	text-align:center;
}

.point1 .dec p{
	width:220px;
	height:auto;
	text-align:left;
}


/*--point2-----------------*/
.point2{
	position:relative;
	width:850px;
	height:505px;
}

.point2_title{
	position:absolute;
	top:45px;
	right:494px;
}

.point2_main{
	background:url(images/point2_main.png) no-repeat;
	width:501px;
	height:505px;
	position:absolute;
	top:0;
	right:0;
}

.point2_main p{
	text-align:left;
	width:193px;
	height:auto;
	position:absolute;
	top:180px;
	right:250px;
}

.point2 .dec{
	position:absolute;
	top:192px;
	left:0;
	background:url(images/point2_dec1.png) no-repeat;
	width:330px;
	height:229px;
}

.point2 .dec p{
	margin:40px 0 0 40px;
	width:280px;
	height:auto;
	text-align:left;
}

/*--point3-----------------*/
.point3{
	position:relative;
	width:850px;
	height:505px;
}

.point3_title{
	position:absolute;
	top:45px;
	left:501px;
}

.point3_main{
	background:url(images/point3_main.png) no-repeat;
	width:501px;
	height:505px;
	position:absolute;
	top:0;
	left:0;
}

.point3_main p{
	width:205px;
	height:auto;
	position:absolute;
	top:180px;
	left:240px;
	text-align:left;
}

.point3 .dec{
	position:absolute;
	top:252px;
	left:540px;
	text-align:center;
}

/*--footer-----------------*/

.footer{
	background:url(images/footer_bg.png) repeat-x;
	min-width:960px;
	height:285px;
	margin-top:30px;
}

.footer p{
	text-align:left;
	font-size:15px;
	color:#FFF;
}

.footer_contents{
	width:960px;
	margin:auto;
}

.footer_contents .information{
	float:left;
	width:510px;
	height:200px;
}

.footer_contents .information .information_title{
	margin-top:30px;
	border-bottom:solid 1px #FFF;
}

.footer_contents .information .information_contents{
	margin-top:5px;
}

.footer_downloads{
	float:right;
	width:450px;
	margin-top:30px;
}

.footer .download_android_qr{
	float:right;
	width:120px;
	height:120px;
}

.fotter_download_android{
	float:right;
	margin-right:10px;
	width:262px;
	height:123px;
    text-indent: -9999px;
}

.fotter_download_android a{
	background:url(images/download_android_footer_off.png) no-repeat;
	width:262px;
	height:123px;
	display:block;
	text-indet:-9999px;
}

.fotter_download_android a:hover{
	background:url(images/download_android_footer_on.png) no-repeat;
}


.footer_links{
	float:left;
	width:510px;
	overflow:hidden;
}

.copyrights{
	float:right;
	width:410px;
}

.copyrights p{
	text-align:right;
}


/*--SNS buttons--------------*/
.facebook{
	float:right;
	width:100px;
	margin-top:10px;
}

.twitter{
	float:right;
	margin-top:10px;
}