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

html {
 width:100%;
 height:100%;
}

body {
 margin:0px;
 background:url(img/bg.png);
 font-family: 'Hiragino Kaku Gothic Pro','Osaka', arial, sans-serif;
 font-size: 0.8em;
 color:#666666;
 line-height: 190%;
}

p, span, img, ul, li, dl, dt, dd, h1, h2, h3, h4, a {
 border: 0px;
 margin: 0px;
 padding: 0px;
}

ul, li, dl, dt, dd {
 list-style-type: none;
}

table {
table-layout:fixed;
}

/* =========================================================== 全体設定 === */

#container {
 width:801px;
 margin:0px auto;
}

/* =========================================================== ヘッダー設定 === */

#header {
 margin:12px 0px 7px 0px;
 padding-left:1px;
}

* html #header {/* IE 6 */
 margin:12px 0px 14px 0px;
 padding-left:1px;
}

*:first-child+html #header {/* IE 7 */
 margin:12px 0px 14px 0px;
 padding-left:1px;
}

/* 日本語英語切り替え・ブログ */

#logo_img {
 display:block;
}

#top_text {
 padding:0px 0px 0px 0px;
 float:right;
 text-align:right;
}

/* =========================================================== ＴＯＰ画像 === */

#contant01 {
 width:801px;
 height:485px;
 margin-bottom:15px;
 background:url(img/img_top_j.png) no-repeat top center;
}

h2 {/* -- キャッチ -- */
 height:15px;
 margin:0px;
 padding:0px;
 font-size:0px;
 visibility:hidden;
}

#topTEXT {/* -- リード -- */
 width:340px;
 margin:0px;
 padding:45px 0px 0px 35px;
 font-size:1.2em;
 color:#666666;
}

#AppStore {/* -- AppStoreへのリンク -- */
 padding:20px 0px 0px 35px;
}

/* =========================================================== 特徴紹介 === */

#content02 {
 margin-bottom:14px;
}

#box01,#box02,#box03 {
 width:257px; 
}

/* ------------------- 特徴1 ------------------- */

#box01 {
 margin-right:15px;
 background:url(img/img_box_01.png) no-repeat top center;
 float:left;
}

* html #box01 {/* IE 6 */
 padding-top:6px;
 padding-bottom:8px;
}

*:first-child+html #box01 {/* IE 7 */
 padding-top:5px;
 padding-bottom:8px;
}

/* ------------------- 特徴2 ------------------- */

#box02 {
 margin-right:15px;
 background:url(img/img_box_02.png) no-repeat top center;
 float:left;
}

* html #box02 {/* IE 6 */
 padding-top:6px;
 padding-bottom:8px;
}

*:first-child+html #box02 {/* IE 7 */
 padding-top:5px;
 padding-bottom:8px;
}

html[xmlns*=""] body:last-child #box02 { /* safari */
}

/* ------------------- 特徴3 ------------------- */

#box03 {
 background:url(img/img_box_03.png) no-repeat top center;
 float:left;
}

* html #box03 {/* IE 6 */
 padding-top:14px;
}

*:first-child+html #box03 {/* IE 7 */
 padding-top:13px;
}

/* ------------------- 特徴紹介・小見出し設定  ------------------- */

h3 {
 width:200px;
 height:43px;
 padding-left:35px;
 font-size:0.9em;
 line-height:1.4;
 display:table-cell;
 vertical-align:middle;
}

html[xmlns*=""] body:last-child h3 { /* safari */
 width:210px;
 height:43px;
 padding-left:30px;
 font-size:0.9em;
 line-height:1.4;
 display:table-cell;
 vertical-align:middle;
}

/* ------------------- 特徴紹介文 ------------------- */

.boxTEXT {
 width:230px;
 height:160px;
 margin:10px auto;
 font-size:0.75em;
 line-height:1.4;
}

* html .boxTEXT {/* IE 6 */
 margin:0px auto;
}

*:first-child+html .boxTEXT {/* IE 7 */
 margin:0px auto;
}

/* ------------------- clearfix ------------------- */

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* =========================================================== フッター設定 === */

#footer {
 margin:0px 0px 30px 0px;
}

* html #footer {/* IE 6 */
 margin:14px 0px 30px 0px;
}

*:first-child+html #footer {/* IE 7 */
 margin:14px 0px 30px 0px;
}

#footer_line {
 margin-bottom:14px;
}

table {
 font-size:0.9em;
 line-height:1.6;
 color:#999999;
}

#line {
 margin:10px auto;
 width:801px;
 height:1px;
 border-bottom:#FFFFFF dotted 1px;
}

/* =========================================================== エラー設定 === */

#error {
 width:272px;
 height:137px;
 margin:60px auto;
 background:url(img/error_box.png) no-repeat;
}

/* ------------------- 特徴紹介・小見出し設定  ------------------- */

#errorTitle {
 width:260px;
 height:43px;
 padding-left:40px;
 font-size:1.5em;
 line-height:1.4;
 display:table-cell;
 vertical-align:middle;
}

html[xmlns*=""] body:last-child #errorTitle { /* safari */
 width:260px;
 height:43px;
 padding-left:35px;
 font-size:1.5em;
 line-height:1.4;
 display:table-cell;
 vertical-align:middle;
}

/* ------------------- 特徴紹介文 ------------------- */

#errorTEXT {
 width:272px;
 height:160px;
 margin:30px auto;
 font-size:1.2em;
 text-align:center;
}

* html #errorTEXT {/* IE 6 */
 margin:0px auto;
}

*:first-child+html #errorTEXT {/* IE 7 */
 margin:0px auto;
}

/* =========================================================== リンク設定 === */

a:link {
 color:#666666;
}

a:visited {
 color:#666666;
}

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

a:active {
 color:#666666;
 text-decoration:none;
}

#top_text a {
color: #ffffff;
text-decoration: none;
}

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

#top_text a:visit {
color: #ffffff;
text-decoration: none;
}

#top_text a:active {
color: #5e5e5e;
text-decoration: none;
}

#top_text a:hover {
color: #5e5e5e;
text-decoration: none;
}

#footer a {
color: #999999;
}

#footer a:link {
color: #999999;
}

#footer a:visit {
color: #999999;
}

#footer a:active {
color: #5e5e5e;
text-decoration: none;
}

#footer a:hover {
color: #5e5e5e;
text-decoration: none;
}

/* =========================================================== フォント設定 === */

span.fontSTYLE01 {/* -- 太文字 -- */
 font-weight:bold;
}

* html .fontSTYLE01 {/* IE 6 */
}

*:first-child+html .fontSTYLE01 {/* IE 7 */
}

span.fontSTYLE02 {/* -- 文字サイズ（小） -- */
 font-size:0.8em;
 color:#999999;
}

* html .fontSTYLE02 {/* IE 6 */
 font-size:0.7em;
}

*:first-child+html .fontSTYLE02 {/* IE 7 */
 font-size:0.7em;
}

#line_css {
 font-size:0.1em;
 line-height:1%;
}