@charset "utf-8";
/* ===================================================================
CSS information

 file name  : style.css
 author     : OHBA Hiroshi
 style info : コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、レイアウト、横幅設定など
 汎用class
 #navSkip
 #page
  #contents
   #main
   #sub
=================================================================== */

/*----------------------------------------------------
	基本設定、リンクカラーなど
----------------------------------------------------*/
html
{
	height: 100%;
}

body
{
	height: 100%;
	background-color: #000;
	color: #fff;
}

a:link
{
	text-decoration: none;
	color: #BBE1E6;
}

a:visited
{
	text-decoration: none;
	color: #BBE1E6;
}

a:hover
{
	text-decoration: none;
	color: #d6df14;
}

a:active
{
	color: #fff;
}
/*----------------------------------------------------
	#Japanese
----------------------------------------------------*/
#Japanese
{
	position: absolute;
	top: 10px;
	right: 30px;
}
/*----------------------------------------------------
	#English
----------------------------------------------------*/
#English
{
	position: absolute;
	top: 10px;
	right: 0px;
}
/*----------------------------------------------------
	#container
----------------------------------------------------*/
#container
{
	width: 700px;
	position: relative;
	left: 50%;
	margin-left: -350px;　/*---  -(width / 2)px  ---*/
	height: auto !important;
	min-height: 100%;
}
/*----------------------------------------------------
	#wrap
----------------------------------------------------*/
#wrap
{
	padding-bottom: 20px;
}
img#menu_top
{
	position: absolute;
	top: 40px;
	right: 0px;
	text-align: right;
}
img#menu_contact
{
	position: absolute;
	top: 70px;
	right: 0px;
}
h2
{
	font-size: 1.2em;
	margin-bottom: 10px;
	border-bottom: solid 1px #fff;
}
/*----------------------------------------------------
	#app_Store_badge
----------------------------------------------------*/
#app_Store_badge
{
	margin-top: 10px;
	float: right;
}	
/*----------------------------------------------------
	.block
----------------------------------------------------*/
.block
{
	margin-bottom: 5px;
}
/*----------------------------------------------------
	./contents/
----------------------------------------------------*/
table
{
	width: 600px;
	margin-left: 50px;
	margin-top: 10px;
	margin-bottom: 20px;
}
th, td
{
	vertical-align: top;
	padding: 0 5px 5px 0;
}
h3
{
	clear: both;
	margin-top: 30px;
}
ul.contents_text
{
	width: 450px;
	margin-left: 2em;
	float: right;
}
li
{
	list-style-type: decimal;
	margin-bottom: 0.5em;
}
img.contents_image
{
	/*border: solid 1px #666;*/
}
/*----------------------------------------------------
	#contents_text
----------------------------------------------------*/
#contents_text
{
	clear: both;
	margin-bottom: 60px;
}
#contents_text p
{
	margin-bottom: 6px;
	padding-bottom: 2px;
	border-bottom: solid 1px #666;
}
/*----------------------------------------------------
	#about
----------------------------------------------------*/
#about_text
{
	width: 505px;
}
#about_text p
{
	padding-bottom: 1em;
	text-indent: 1em;
}
img#iphone_image
{
	float: right;
}
/*----------------------------------------------------
	#mailform
----------------------------------------------------*/
#mailform
{
	width: 500px;
	margin-top: 20px;
	margin-left: 100px;
}
input#name, input#E-mail
{
	width: 310px;
}
textarea#message
{
	width: 500px;
}
#mailform p
{
	text-indent: 0;
	margin-bottom: 20px;
}