@charset "Shift_JIS";

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

 base style

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

/* font
------------------------- */
body {
color: #888888;
font-family: 'Hiragino Kaku Gothic Pro', 'MS PGothic', sans-serif;
font-size: 12px;
line-height: 1.333;
}

/* link
------------------------- */
a {
color: #666;
text-decoration: none;
}
a: hover,
a: active,
a: focus {
color: #f60;
text-decoration: underline;
}

/* Browser style reset
------------------------- */
h1,h2,h3,h4,h5,h6 {
margin: 0;
font-size: 1em;
}
p,form,dl,dd,form {
margin: 0;
}
ol,ul {
list-style-type: none;
margin: 0;
padding: 0;
}
em,address {
font-style: normal;
}

/* Extra style
------------------------- */
img {
border: 0;
vertical-align: top;
}

label {
cursor: pointer;
}

input,
textarea,
select {
font-family: 'Hiragino Kaku Gothic Pro', 'MS PGothic', sans-serif;
font-size: 12px;
vertical-align: top;
}

/* layout
------------------------- */
body{
margin: 0;
padding: 0;
background: #f3f3f3 url(../images/bg_body.gif) repeat-x scroll left top;
}

#container{
min-width: 950px;
background: url(../images/bg_container.jpg) no-repeat scroll center top;
}


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

 headerArea

================================================== */
#headerArea {
width: 950px;
margin: 0 auto;
text-align:center;
}

#headerArea .flatLogo {
padding:22px 0 0 0;
}
#headerArea h1 {
margin:14px 0 0 0;
}
#headerArea h2 {
margin:0 0 0 28px;
}
/* ==================================================

 contentsArea

================================================== */
#contentsArea {
width: 950px;
margin: 0 auto;
padding-bottom: 3px;
}

/* flatGamesList
------------------------- */
.flatGamesList {
width: 950px;
margin: 33px 0 0 -4px;
overflow: hidden;
}

.flatGamesList: after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.flatGamesList li {
_display:inline;
float: left;
margin: 1px 0 8px 10px;
}
.flatGamesList li.lastLine	{margin-bottom: 0;}

.note	{margin-left: 6px;}

/* flatQueryArea
------------------------- */
.flatQueryArea {
background:url(../images/bg_query_area.jpg) no-repeat scroll left top;
padding:19px 0 8px 29px;
margin:0 0 0 6px;
}
.flatQueryArea h3{
margin-bottom:9px;
}
.flatQueryArea .queryContent {
background:url(../images/bg_query_content.gif) no-repeat scroll left top;
padding:24px 0 0 23px;
height:118px;
}
.flatQueryArea .queryContent select {
height:20px;
width:134px;
}
.flatQueryArea .queryContent input {
height:14px;
width:130px;
}
.flatQueryArea .queryContent ul{
overflow:hidden;
width:830px;
}
.flatQueryArea .queryContent ul: after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.flatQueryArea .queryContent ul li {
float:left;
padding:0 0 0 20px;
}
.flatQueryArea .queryContent ul li p {
background:url(../images/bg_condition_name.gif) no-repeat scroll left top;
padding:0 0 5px 7px;
}
.flatQueryArea .queryContent ul li.btnQuery {
float:right;
}

/* flatBannerArea
------------------------- */
.flatBannerArea {
background:url(../images/bg_banner_area.gif) no-repeat scroll left top;
padding:13px 0 14px 2px;
margin:0 0 0 4px;
}

.flatBannerArea ul {
width: 950px;
margin: 0 0 38px 0;
overflow: hidden;
}

.flatBannerArea ul: after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.flatBannerArea ul li {
display:inline;
float: left;
margin: 0 0 4px 10px;
}

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

 footer

================================================== */
#footerArea {
zoom: 1;
min-width: 950px;
border-top: 1px solid #ccc;
background: #fff url(../images/bg_end.gif) repeat-x scroll left top;
}

#footerArea ul.logos {
width: 950px;
margin: 40px auto 8px;
text-align: center;
}

#footerArea ul.logos li {
display: inline;
margin: 0 39px;
}

#footerArea address {
padding: 0 0 30px 0;
color: #b7b7b7;
font-family: Verdana, sans-serif;
font-size: 10px;
font-weight: bold;
text-align: center;
}