@charset "utf-8";
/* base.css */
/*基本テンプレート 全ページ共通の設定*/

html{
	height:100%;
	color:#FFFFFF;
	background-color:#000000;
}

body{
	background-color:#000000;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-family:Arial, Helvetica, sans-serif;
	font-size:small;
	-webkit-text-size-adjust:none;
}

p{
	line-height:1.5em;
	margin-bottom:1em;
	font-size:small;
}

a:link {
	color:#aae021;
	font-size:small;
}

a:active {
	color:#aae021;
	font-size:small;
}

a:visited {
	color:#aae021;
	font-size:small;
}

a:hover {
	color:#E1EC15;
	font-size:small;
}

hr{
	height: 1px;
	border: none;
	border-top: 1px #505050 solid;
	margin:30px 0px;
}

/*****************************************/
/*ヘッダ　head*/
/*****************************************/
#head{
	width:810px;
	padding:0px 15px;
	border-bottom:#333333 solid 1px;
	position:relative;
}

#head h2{
	display:block;
	width:132px;
	height::35px;
}

#head div#language{
	display:block;
	width:103px;
	height:18px;
	position:absolute;
	right:13px;
	top:9px;
}

#head div#language li,
#head div#language a{
	display:block;
	float:left;
	font-size:0;
}

#head div#language li.jp,
#head div#language li.jp a{
	display:block;
	width:42px;
	height:18px;
}

#head div#language li.en,
#head div#language li.en a{
	display:block;
	width:61px;
	height:18px;
}

/*****************************************/
/*メイン画像　main*/
/*****************************************/
#main{
	position:relative;
	width:840px;
	height:490px;
	background:url(../images/mainimage.jpg) no-repeat;
}

/*英語*/
#main_eng{
	position:relative;
	width:840px;
	height:490px;
	background:url(../images/mainimage_eng.jpg) no-repeat;
}

#main div#appstore{
	display:block;
	width:200px;
	height:65px;
	position:absolute;
	top:330px;
	left:105px;
}

#main_eng div#appstore{
	display:block;
	width:200px;
	height:65px;
	position:absolute;
	top:330px;
	left:105px;
}

#main h1,
#main h2,
#main h3,
#main_eng h1,
#main_eng h2,
#main_eng h3{
	text-indent:-9999px;
}


/*****************************************/
/*本文　contents*/
/*****************************************/
#contents{
	width:810px;
	padding-left:30px;
	margin:0px 0px 10px;
}

#contents div.text{
	width:550px;
	height:auto;
	float:left;
	margin-bottom:30px;
}

#contents div.text h2{
	font-size:16px;
	font-weight:bold;
	color:#aae021;
	margin-bottom:1.2em;
}

#contents div.text h3{
	font-size:12px;
	font-weight:bold;
	margin-bottom:0.5em;
}

#contents div.text ul.point01{
	margin-bottom:20px;
	list-style-type: square;
	margin-left: 15px;
}

#contents div.text ul.point01 li{
	font-size:14px;
	line-height:1.8em;
	list-style-type: square;
}

#contents div.text ul.point02{
	margin-bottom:20px;
	list-style-type: square;
	margin-left: 15px;
}

#contents div.text ul.point02 li{
	font-size:13px;
	line-height:1.8em;
	list-style-type: square;
}



#contents div.text p.caution{
	font-size:x-small;
}

#contents div.images{
	width:200px;
	height:auto;
	float:left;
	margin-right:30px;
}

#contents div.images div.cap{
	width:200px;
	text-align:left;
	padding:3px 0px;
	margin-bottom:30px;
}

#contents div.images div.cap p{
	font-size:10px;
}

/*いいねボタンなどのbox*/
#contents div.btn_box{
	margin:2em 0px;
}

/*スクリーンショット*/
#contents div.screen{
	clear:both;
	width:760px;
	padding:20px 10px;
	border-top:#333 solid 1px;
}

#contents div.screen h3{
	font-weight:bold;
	font-size:12px;
	margin-bottom:2em;
}

#contents div.screen .screen_set{
	width:200px;
	height:auto;
	float:left;
	margin:0 80px 30px 0;
}

#contents div.screen .end{
	margin:0 0 30px 0;
}

#contents div.screen p{
	font-size:10px;
	line-height:1.5em;
	margin-bottom:0;
}

#contents div.btn_box div{
	display:block;
	width:auto;
	height:30px;
	float:left;
	padding:0px;
	margin:0px;
}

/*****************************************/
/*ツイッターウェジット*/
/*****************************************/
#twlike{
	clear:both;
	width:680px;
	height:auto;
	margin:0 auto;
}

/*****************************************/
/*ヘルプ・お問い合わせ　contact*/
/*****************************************/
#contact{
	clear:both;
	width:780px;
	margin:30px;
	padding:18px 0px;
	background-color:#202020;
	text-align:center;
}

#contact ul{
	padding-left:175px;
}

#contact li,
#contact li a{
	display:block;
	float:left;
	width:210px;
	height:70px;
	font-size:0;
	text-indent:-9999px;
}

/*ボタンの横の余白*/
#contact li.help,#contact li.faq{
	margin-right:10px;
}

/*ヘルプへ*/
#contact li.help a{
	background:url(../images/btn_help.jpg) no-repeat;
}

#contact li.help a:hover{
/*	background:url(../images/btn_help_on.jpg) no-repeat;*/
}

/*FAQへ*/
#contact li.faq a{
	background:url(../images/btn_faq.jpg) no-repeat;
}

#contact li.faq a:hover{
/*	background:url(../images/btn_faq_on.jpg) no-repeat;*/
}

/*お問い合わせへ*/
#contact li.contact a{
	background:url(../images/btn_contact.jpg) no-repeat;
}

#contact li.contact a:hover{
/*	background:url(../images/btn_contact_on.jpg) no-repeat;*/
}

#contact p.caution{
	font-size:x-small;
	clear:both;
	line-height:1em;
	margin:0px;
	padding-top:10px;
}

/*英語*/
#contact_eng{
	clear:both;
	width:780px;
	margin:30px;
	padding:18px 0px;
	background-color:#202020;
	text-align:center;
}

#contact_eng ul{
	padding-left:175px;
}

#contact_eng li,
#contact_eng li a{
	display:block;
	float:left;
	width:210px;
	height:70px;
	font-size:0;
	text-indent:-9999px;
}

#contact_eng li.help{
	margin-right:10px;
}

#contact_eng li.help a{
	background:url(../images/btn_help_eng.jpg) no-repeat;
}

#contact_eng li.help a:hover{
}

/*FAQへ*/
#contact_eng li.faq{
	margin-right:10px;
}
#contact_eng li.faq a{
	background:url(../images/btn_faq.jpg) no-repeat;
}

#contact_eng li.faq a:hover{
}

#contact_eng li.contact a{
	background:url(../images/btn_contact_eng.jpg) no-repeat;
}

#contact_eng li.contact a:hover{
}

#contact_eng p.caution{
	font-size:x-small;
	clear:both;
	line-height:1em;
	margin:0px;
	padding-top:10px;
}

/*****************************************/
/*フッタ　foot*/
/*****************************************/
#foot{
	width:840px;
	margin:30px 0px;
	border-top:#333333 solid 1px;
}

#foot p{
	text-align:center;
	font-size:x-small;
	padding:5px;
}

/*****************************************/
/*お問い合わせ　contact*/
/*****************************************/
#contents  table{
	border-top:#666666 solid 1px;
	border-left:#666666 solid 1px;
	margin-bottom:20px;
}

#contents th{
	background-color:#202020;
	padding:5px;
	font-size:12px;
	font-weight:normal;
	text-align:left;
	border-right:#666666 solid 1px;
	border-bottom:#666666 solid 1px;
}

#contents th.btn{
	text-align:center;
}

#contents td{
	font-size:12px;
	padding:10px;
	border-right:#666666 solid 1px;
	border-bottom:#666666 solid 1px;
}

#contents input{
	font-size:12px;
	width:200px;
	padding:2px;
	border:#666666 solid 1px;
}

#contents input.chk{
	font-size:12px;
	width:25px;
	padding:0px;
	margin:0.5em 0 0.5em -3px;
	border:none;
}

#contents div.btn input,
#contents th.btn input{
	font-size:12px;
	color:#FFFFFF;
	width:160px;
	height:30px;
	background-color:#333;
	border:#000000 solid 3px;
}

#contents select{
	font-size:12px;
	width:360px;
	padding:2px;
	border:#666666 solid 1px;
}

#contents  textarea{
	width:360px;
	padding:2px;
	border:#666666 solid 1px;
}



/*--------------------------------------*/
/*レイアウトの崩れに使う*/
/*--------------------------------------*/
#wrapper:after,
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */