@charset "utf-8";

/*
============================================================

    株式会社8bit
    Copyright (C) 2009 8bit Co., Ltd. All Rights Reserved.


    CSS File Name - home.css
    Last-updated: 2009-10-28

    +1: Formatting Reset
    +2: Redefine

============================================================
*/


/*--------------------------------------------------
    +1: Formatting Reset
==================================================*/

html,
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td {
	margin:0;
	padding: 0;
}

table {
	border-collapse: collapse;
}

fieldset,
img {
	border: 0;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
	font-style: normal;
	font-weight: normal;
}

strong,
em {
	font-weight: bold;
}

ol,
ul {
	list-style: none;
}

caption,
th {
	text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before,
q:after {
	content: '';
}

abbr,
acronym {
	border: 0;
}

img {
	vertical-align: top;
}

object {
	vertical-align: middle;
}


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


/*--------------------------------------------------
    +2: Redefine
==================================================*/

html {
	overflow-y: scroll;
}

body {
	background-color: #fff;
	color: #010101;
	font-family: Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", osaka, "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", sans-serif;
	font-size: 81.25%;
	line-height: 1.5em;
	text-align: center;
}

* html body {
	font-family: verdana, "ＭＳ Ｐゴシック", "MS PGothic", osaka, "ヒラギノ丸ゴ Pro W4", "Hiragino Maru Gothic Pro", sans-serif;
}

a {
	color: #2e89b6;
}

a:link,
a:visited {
	text-decoration: underline;
}

a:hover,
a:active {
	text-decoration: none;
}

a.arrowLink {
	padding: 0 0 0 14px;
	background: url(../images/bg_arrowLink.gif) 0 center no-repeat;
}


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


/*--------------------------------------------------
    +3: #container
==================================================*/

div#container {
	width: 980px;
	margin: 0 auto;
	text-align: left;
}


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


/*--------------------------------------------------
    +4: #header
==================================================*/

div#header {
	height: 417px;
	margin: 0 0 25px 0;
	background: url(../images/home/bg_header.jpg) 0 0 no-repeat;
}

div#header h1 {
	padding: 22px 0 191px 10px;
}

div#header div#loginBox {
	width: 704px;
	height: 121px;
	margin: 0 0 0 271px;
	background: url(../images/home/bg_loginBox.jpg) 0 0 no-repeat;
	overflow: hidden;
}

div#header div#loginBox div#registArea {
	display: inline;
	float: left;
	width: 234px;
}

div#header div#loginBox div#registArea p {
	margin: 59px 0 0 8px;
}

div#header div#loginBox div#loginArea {
	display: inline;
	float: left;
	width: 469px;
	padding: 27px 0 0 0;
	overflow: hidden;
}

div#header div#loginBox div#loginArea dl#loginForm {
	display: inline;
	float: left;
	width: 345px;
	margin: 0 0 10px 0;
}

div#header div#loginBox div#loginArea dl#loginForm dt {
	clear: both;
	display: inline;
	float: left;
	width: 113px;
}

div#header div#loginBox div#loginArea dl#loginForm dd {
	margin: 0 0 5px 113px;
}

div#header div#loginBox div#loginArea dl#loginForm dd input {
	width: 225px;
}

div#header div#loginBox div#loginArea p#loginBtn {
	display:inline;
	float: right;
	margin: 0 11px 0 0;
}

div#header div#loginBox div#loginArea p#autoLogin {
	clear: both;
	display: inline;
	float: left;
	font-size: 0.85em;
	line-height: 1.5em;
	white-space: nowrap;
}

div#header div#loginBox div#loginArea p#remind {
	display: inline;
	float: right;
	margin: 0 11px 0 0;
	padding: 3px 0 0 0;
	font-size: 0.69em;
	line-height: 1.5em;
	white-space: nowrap;
}

div#header div#loginBox div#loginArea p#remind a {
	color: #f00;
}


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


/*--------------------------------------------------
    +5: #mainBody
==================================================*/

div#mainBody {
	width: 980px;
	padding: 0 0 20px 0;
	overflow: hidden;
}


/*
    +5-1: #pushContent
========================================*/

div#mainBody div#pushContent {
	display: inline;
	float: left;
	width: 482px;
}

div#mainBody div#pushContent div#about {
	margin: 0 0 15px 0;
	background: url(../images/home/bg_about.gif) 0 bottom no-repeat #f0fde1;
}

div#mainBody div#pushContent div#about h2 {
	margin: 0 0 10px 0;
}

div#mainBody div#pushContent div#about p {
	padding: 0 10px 10px 10px;
}

div#mainBody div#pushContent div#about p.img {
	padding: 0 0 10px 0;
	text-align: center;
}

div#mainBody div#pushContent div#speak {
	width: 482px;
	margin: 0 0 15px 0;
	background: url(../images/home/bg_speak.gif) 0 bottom no-repeat #ffefdf;
	overflow: hidden;
}

div#mainBody div#pushContent div#speak p {
	padding: 10px 187px 10px 10px;
}

div#mainBody div#pushContent div#speak p.img {
	display: inline;
	float: right;
	width: 177px;
	padding: 0 0 10px 0;
}


/*
    +5-2: #basicContent
========================================*/

div#mainBody div#basicContent {
	display: inline;
	float: right;
	width: 483px;
}

div#mainBody div#basicContent div#dg {
	width: 483px;
	margin: 0 0 15px 0;
	background: url(../images/home/bg_dg.gif) 0 bottom no-repeat #ffebea;
	overflow: hidden;
}

div#mainBody div#basicContent div#dg p {
	padding: 10px 188px 10px 10px;
}

div#mainBody div#basicContent div#dg p.img {
	display: inline;
	float: right;
	width: 178px;
	padding: 0 0 10px 0;
}

div#mainBody div#basicContent div#balloon {
	width: 483px;
	margin: 0 0 15px 0;
	background: url(../images/home/bg_balloon.gif) 0 bottom no-repeat #fff8df;
	overflow: hidden;
}

div#mainBody div#basicContent div#balloon p {
	padding: 10px 188px 10px 10px;
}

div#mainBody div#basicContent div#balloon p.img {
	display: inline;
	float: right;
	width: 178px;
	padding: 0 0 10px 0;
}

div#mainBody div#basicContent div#community {
	width: 483px;
	margin: 0 0 15px 0;
	background: url(../images/home/bg_community.gif) 0 bottom no-repeat #e2f3fc;
	overflow: hidden;
}

div#mainBody div#basicContent div#community p {
	padding: 10px 188px 10px 10px;
}

div#mainBody div#basicContent div#community p.img {
	display: inline;
	float: right;
	width: 178px;
	padding: 0 0 10px 0;
}


/*
    +5-3: #subContent
========================================*/

div#mainBody div#subContent {
	clear: both;
	width: 980px;
	overflow: hidden;
}

div#mainBody div#subContent div#other {
	display:inline;
	float: left;
	width: 482px;
	margin: 0 0 15px 0;
}

div#mainBody div#subContent div#mobile {
	display:inline;
	float: right;
	width: 483px;
	min-height: 256px;
	_height: 256px;
	margin: 0 0 15px 0;
	background: url(../images/home/bg_mobile.jpg) 0 bottom no-repeat;
}

div#mainBody div#subContent div#mobile h2 {
	margin: 0 0 10px 0;
}

div#mainBody div#subContent div#mobile h3 {
	margin: 0 0 10px 10px;
}

div#mainBody div#subContent div#mobile p {
	margin: 0 0 5px 10px;
}

div#mainBody div#subContent div#mobile p#mobileForm {
	width: 333px;
	margin: 0 0 10px 10px;
	padding: 3px 8px;
	background-color: #f69;
}

div#mainBody div#subContent div#mobile p#mobileForm input#local {
	width: 125px;
}

div#mainBody div#subContent div#mobile p.notes {
	width: 345px;
	font-size: 0.85em;
	line-height: 1.5em;
}


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


/*--------------------------------------------------
    +6: #footer
==================================================*/

div#footer {
	clear: both;
}

div#footer p#footerNav {
	margin: 0 0 5px 0;
	padding: 10px 0;
	background-color: #f2fced;
	border-bottom: 2px solid #333;
	border-top: 3px solid #7acd18;
	text-align: center;
}

div#footer address {
	margin: 0 0 10px 0;
	text-align: center;
}