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

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

body {
margin:0px;
background:#000000;
font-family: 'Hiragino Kaku Gothic Pro','Osaka', arial, sans-serif;
font-size: 0.8em;
color:#666666;
line-height: 190%;
}

#wrapper {
background: #ffffff url(img-i/footer-bottom.png) repeat-x bottom;
}

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;
}

td,th {
 padding:4px;
}

table {
table-layout:fixed;
}

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

#container {
 width:100%;
 margin:0px;
}

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

#header {
 padding:15px 7px 5px 7px;
}

#logo_img {
 margin:0px auto;
 display:block;
 text-align:center;
}

#top_img {
 margin-right:10px;
 float:left;
 display:block;
}

#top_text {
 font-size:1.1em;
}

#appstore_img {
 padding-top:10px;
 display:block;
}

/* =========================================================== コンテンツ === */

#content {
 width:96%;
 margin:5px 5px 15px 7px;
}

/* =========================================================== ボックス設定 === */

table {
 margin-bottom:10px;
 margin-left:0px;
 margin-right:0px;
 margin-top:10px;
 padding-bottom:0px;
 padding-left:0px;
 padding-right:0px;
 padding-top:0px;
}

/* ----------------------------------------------- バー設定 ------------- */

.bar01 {
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
 margin-top:0px;
 padding-bottom:0px;
 padding-left:0px;
 padding-right:0px;
 padding-top:0px;
 background:url(img-i/bar_function_left.png) no-repeat;
}

.bar02 {
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
 margin-top:0px;
 padding-bottom:0px;
 padding-left:0px;
 padding-right:0px;
 padding-top:0px;
 background:url(img-i/bar_function_m.png) repeat-x;
}

.bar03 {
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
 margin-top:0px;
 padding-bottom:0px;
 padding-left:0px;
 padding-right:0px;
 padding-top:0px;
 background:url(img-i/bar_function_right.png) no-repeat;
}

/* ----------------------------------------------- ボックス設定 ------------- */

.ta01 {
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
 margin-top:0px;
 padding-bottom:0px;
 padding-left:0px;
 padding-right:0px;
 padding-top:0px;
 background:url(img-i/table_bg_01.png) no-repeat top left;
}

.ta02 {
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
 margin-top:0px;
 padding-bottom:0px;
 padding-left:10px;
 padding-right:0px;
 padding-top:0px;
 background:url(img-i/table_bg_02.png) repeat-x top;
}

.ta03 {
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
 margin-top:0px;
 padding-bottom:0px;
 padding-left:0px;
 padding-right:0px;
 padding-top:0px;
 background:url(img-i/table_bg_03.png) repeat-x top;
}

.ta04 {
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
 margin-top:0px;
 padding-bottom:0px;
 padding-left:0px;
 padding-right:0px;
 padding-top:0px;
 background:url(img-i/table_bg_04.png) repeat-y top;
}

.ta05 {
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
 margin-top:0px;
 padding-bottom:9px;
 padding-left:6px;
 padding-right:2px;
 padding-top:9px;
 background:url(img-i/table_bg_05.png);
 font-size:1.2em;
}

.ta05_img {
 margin:10px 0px 25px 0px;
 display:block;
}

.ta06 {
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
 margin-top:0px;
 padding-bottom:0px;
 padding-left:0px;
 padding-right:0px;
 padding-top:0px;
 background:url(img-i/table_bg_06.png) repeat-y top;
}

.ta07 {
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
 margin-top:0px;
 padding-bottom:0px;
 padding-left:0px;
 padding-right:0px;
 padding-top:0px;
 background:url(img-i/table_bg_07.png) no-repeat;
}

.ta08 {
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
 margin-top:0px;
 padding-bottom:0px;
 padding-left:0px;
 padding-right:0px;
 padding-top:0px;
 background:url(img-i/table_bg_08.png) repeat-x;
 font-size:1.2em;
}

.ta09 {
 margin-bottom:0px;
 margin-left:0px;
 margin-right:0px;
 margin-top:0px;
 padding-bottom:0px;
 padding-left:0px;
 padding-right:0px;
 padding-top:0px;
 background:url(img-i/table_bg_09.png) no-repeat;
}

/* --- ボックス内設定 ------------------------------------------ */

h2 {/* icon */
 margin-bottom:5px;
 padding-left:20px;
 background:url(img-i/icon_dot.png) no-repeat top left;
 font-size:0.9em;
 line-height:1.4;
}

.line {
 width:100%;
 height:3px;
 margin:10px 0px 0px 0px;
 background:url(img-i/line.png) repeat-x;
}

.line_02 {
 width:100%;
 height:3px;
 margin:10px 0px 10px 0px;
 background:url(img-i/line.png) repeat-x;
}

/* ----------------------------------------------- コンテンツ設定 ------------- */

.other_contents {
 margin:25px 5px;
}

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

#fotter {
 height:100%;
 margin:0px;
 padding:25px 10px 10px 10px;
 background:url(img-i/footer_bg.png) repeat-x #000000;
 color:#999999;
}

/* -+-+-+-+-+-+ top footer link -+-+-+-+-+-+ */

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

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

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

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

a:link {
 color:#666666;
}

a:visited {
 color:#666666;
}

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

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