@charaset"UTF-8";
/*==================================================================*/
/* common css */
/*==================================================================*/
html{
    -moz-text-size-adjust:100%;
    -webkit-text-size-adjust:100%;
	}
body{
    margin:0;
    padding:0;
    color:#333;
    line-height:1.6;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
    font-size:14px;
	letter-spacing:1px;
	}
a{
	color:#333;
    text-decoration:none;
    overflow:hidden;
    outline:none;
	}
a:hover{
	color:#3a96cc;
   -webkit-transition: all 0.1s;
   -moz-transition: all 0.1s;
   transition: all 0.1s;
	}
a:active{}
img {border:none;vertical-align:bottom;}

input[type="text"], input[type="password"],input[type="file"],input[type="image"], textarea, select{outline: none;}

/* ------------------------------------------------------------------------------- */

/* common */

/* ------------------------------------------------------------------------------- */
h1{
	padding:5em 0 0;
	text-align:center;
	}

/* -------------------------------------------------------------- */
/* nav */
/* -------------------------------------------------------------- */
#nav *{margin:0;padding:0;}
#nav{margin:0 0 8em;}
#nav ul{
	margin:0 auto;
	width:462px;
	}
	/* clear hack */
	#nav ul{zoom:1;}
	#nav ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}
#nav li{
	width:231px;
	float:left;
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
	}
#nav li a{
	margin:0 auto;
	display:block;
	width:114px;
	height:150px;
	}

#nav #nav-about a{background:url('./image/nav_about.png') no-repeat 0 0;}
#nav #nav-apps a{background:url('./image/nav_apps.png') no-repeat 0 0;}
#nav #nav-blog a{background:url('./image/nav_blog.png') no-repeat 0 0;}

#nav #nav-about a:hover{background:url('./image/nav_about_on.png') no-repeat 0 0;}
#nav #nav-apps a:hover{background:url('./image/nav_apps_on.png') no-repeat 0 0;}
#nav #nav-blog a:hover{background:url('./image/nav_blog_on.png') no-repeat 0 0;}


/* -------------------------------------------------------------- */
/* about */
/* -------------------------------------------------------------- */
#about *{margin:0;padding:0;}
#about{
	margin:0 0 4em;
	padding:10em 0 6em;
	background:url('./image/back.png') repeat-x 0 0;
	}

#about div{
	margin:0 auto 12em;
	width:840px;
	text-align:center;
	}
#about h2{margin:0 0 2em;}


/* -------------------------------------------------------------- */
/* apps */
/* -------------------------------------------------------------- */
#apps *{margin:0;padding:0;}
#apps{
	margin:0 auto 4em;
	width:840px;
	text-align:center;
	}

#apps h2{margin:0 0 2em;}
#apps p{margin:0 0 4em;}
#apps ul{
	margin:0 auto;
	width:600px;
	}
	/* clear hack */
	#apps ul{zoom:1;}
	#apps ul:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#apps li{
	float:left;
	width:200px;
	list-style:none;
	text-align:center;
	}
#apps li img{margin:0 0 6px;}

#apps li a{
	margin:0 20px;
	padding:4px 0;
	display:block;
	color:#fff;
	}
#apps li a:hover{}

/* -------------------------------------------------------------- */
/* pagetop */
/* -------------------------------------------------------------- */
.pagetop{
	padding:0 0 4em;
	text-align:center;
	}

/* -------------------------------------------------------------- */
/* footer */
/* -------------------------------------------------------------- */
#footer *{margin:0;padding:0;}
#footer{
	padding:5em 0 1em;
	text-align:center;
	}


/* ------------------------------------------------------------------------------- */

/* detail */

/* ------------------------------------------------------------------------------- */
#detail{
	background:url('./image/apps/back.png') repeat-x 0 0;
	}

#detail #header{
	margin:0 auto 6em;
	padding:0;
	width:960px;
	}

#detail #header #logo{
	margin:-30px 0 0;
	text-align:center;
	}
#detail #header #return{}

#detail #contents{
	text-align:center;
	}
#detail h1{
	margin:0 0 1em;
	padding:0;
	font-size:16px;
	font-weight:normal;
	}
#detail h2{
	margin:0 0 10px;
	padding:0;
	}

#detail ul{
	margin:0 0 4em;
	padding:0;
	}
#detail li{
	margin:0;
	padding:0;
	display:inline;
	list-style:none;
	}

#detail dl{
	margin:0 auto 4em;
	padding:0;
	width:720px;
	}
	/* clear hack */
	#detail dl{zoom:1;}
	#detail dl:after{content:".";clear:both;height:0;display:block;visibility:hidden;}

#detail dt{
	margin:0;
	padding:0;
	float:left;
	width:225px;
	}
#detail dd{
	margin:0;
	padding:1em 0 0;
	float:right;
	width:465px;
	text-align:left;
	font-size:16px;
	}

#detail dd strong{color:#56b5d7;}

#detail #movie{margin:0 auto 5em;}

#detail #privacy{
    margin:0 auto 5em;
    width:480px;
}
























/* -------------------------------------------------------------- */