@charset "UTF-8";

/*/////////////////////////////////////////////////////////////
LetItSleep

Copyright (C) KAYAC Inc. All Rights Reserved.
-----------------------------------------------------------
[Base] Formatting browser's default styles
	0. Zeroing out the margins and paddings
	1. HTML, Body, Anchor
	2. Headings, Paragraphs
	3. Lists
	4. Tables
	5. Forms
	6. Others
		6-1. Inline Elements
		6-2. Block-level Elements

[Layout] 
	0. Base Layout
	1. Header
	2. Content
	3. Footer

[Module] 
	1. Common Elements
	2. Intro
	3. How To Use
	4. Media
	5. Available
	6. OtherApp
	90. Others
	99. Clearfix

//////////////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////////
[Base] 
//////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	0. Zeroing out the margins and paddings
------------------------------------------------------------ */

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

/* ------------------------------------------------------------
	1. HTML, Body, Anchor
------------------------------------------------------------ */

html {
	overflow-y: scroll;
}

body {
	background-color: #000000;
	color: #ffffff;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 16px;
	line-height: 1.6;
}

/* Font-size list (base: 13px)
63% = 10px
69% = 11px
75% = 12px
82% = 13px
88% = 14px
94% = 15px
100% = 16px
107% = 17px
113% = 18px
119% = 19px
125% = 20px
132% = 21px
138% = 22px
144% = 23px
150% = 24px
157% = 25px
163% = 26px
169% = 27px
175% = 28px
*/

a:link {
	color: #ff0;
	text-decoration: underline;
}

a:visited {
	color: #ff0;
}

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

/* ------------------------------------------------------------
	2. Headings, Paragraphs
------------------------------------------------------------ */

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height: 1;
}

/* p {} */

/* ------------------------------------------------------------
	3. Lists
------------------------------------------------------------ */

ul, ol {
	list-style: none;
}

/* ------------------------------------------------------------
	4. Tables
------------------------------------------------------------ */

table {
	border-collapse: separate;
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
}

caption, th, td {
	text-align: left;
	vertical-align: top;
	font-weight: normal;
}

/* ------------------------------------------------------------
	5. Forms
------------------------------------------------------------ */

fieldset {
	border: none;
}

input, textarea, select, label {
	margin-top: 0;
	margin-bottom: 0;
	padding-top: 0;
	padding-bottom: 0;
	font-size: 100%;
	font-family: inherit;
	vertical-align: middle;
}

label {
	cursor: pointer;
}

textarea {
	overflow: auto;
}

/* ------------------------------------------------------------
	6. Others
------------------------------------------------------------ */

/*  6-1. Inline Elements
------------------------------------------------- */

img {
	border: none;
	vertical-align: bottom;
}

object {
	vertical-align: middle;
	outline: none;
}

em, strong {
	font-weight: bold;
	font-style: normal;
}

abbr, acronym {
	border: none;
	font-variant: normal;
}

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

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

code {
	font-family: monospace;
}

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

/*  6-2. Block-level Elements
------------------------------------------------- */

hr {
	display: none;
}

pre {
	font-family: monospace;
}

/*/////////////////////////////////////////////////////////////
[Layout] 
//////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	0. Base Layout
------------------------------------------------------------ */

body {
	text-align: center;
	background: #000 url(../img/bg_bmsp.jpg) top center no-repeat;
}

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

/* ------------------------------------------------------------
	1. Header
------------------------------------------------------------ */

#header {
	position:relative;
	margin-bottom:20px;
}

#header a {
	color: #FFF;
	text-decoration: none;
}

#header a:hover {
	text-decoration: underline;
}

#siteName {
	padding-top:25px;
	padding-left:10px;
}

#logoKayac {
	position: absolute;
	top: 10px;
	right:10px;
}

#navLang {
	position: absolute;
	top: 0px;
	right: 5px;
	font-size: 75%;
}

#navLang a {
	font-weight: bold;
}

#copy {
	position:absolute;
	top:38px;
	left:267px;
}

#read {
	padding-left:24px;
	margin-top:29px;
}

#header .txt {
	padding-left:30px;
	margin-top:20px;
}

/* ------------------------------------------------------------
	2. Content
------------------------------------------------------------ */

#content {
}

/* history
------------------------------------------------- */
#history li {
	float:left;
	margin-top:35px;
}
#history li.last {
	float:none;
	margin-top:-35px;
}

/* rules
------------------------------------------------- */
#bm3rules {
	border:#F00 1px solid;
	position:relative;
	margin-bottom:30px;
	margin-top:20px;
}

#bm3rules  h2 {
	padding:10px 0 0 10px;
}

#bm3rules p{
	position:absolute;
	top:30px;
	left:300px;
}

#bm3rules dl {
	padding-left:30px;
}
#bm3rules dd {
	margin-bottom:30px;
}


/* member
------------------------------------------------- */
#member {
	margin-bottom:30px;
}
#member h2 {
	margin-bottom:10px;
}

#member li{
	float:left;
	margin-left:8px;
}

#member dl{
	text-align:center;
	line-height:1.4;
	font-size:14px;
}
#member dt {
	margin-bottom:0.2em;
}

#member dd span {
	color:#666;
	font-size:12px;
	margin-bottom:0.2em;
}


/* member
------------------------------------------------- */



/* ------------------------------------------------------------
	3. Footer
------------------------------------------------------------ */

div#footer {
	margin: 20px auto;
	color: #ACB8BA;
	font-size: 75%;
}

div#footer a {
	color: #ACB8BA;
	text-decoration: none;
}

div#footer a:hover {
	text-decoration: underline;
}

/* kayacProject
------------------------------------------------- */


/* --------------------------------------------------
	3. Footer
-------------------------------------------------- */
#kayacProject dt {
	font-weight:bold;
	float: left;
	width: 140px;
}
#kayacProject dd {
	line-height:1.2;
	margin-left: 140px;
}
#kayacProject li {
	float: left;
	margin: 0 1em 5px 0;
	white-space: nowrap;
}

#kayacMedia dt {
	font-weight:bold;
	float: left;
	width: 140px;
}
#kayacMedia dd {
	line-height:1.2;
	margin-left: 140px;
}
#kayacMedia li {
	float: left;
	margin: 0 1em 5px 0;
	white-space: nowrap;
}

.unitKayacLink dl {
	margin-bottom:10px;
}


/* copyright
------------------------------------------------- */
#copyright {
	text-align: center;
}

#copyright a {
	color: #FFF !important;
	font-weight: bold;
}

/*/////////////////////////////////////////////////////////////
[Module] 
//////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
	1. Common Elements
------------------------------------------------------------ */


/* ------------------------------------------------------------
	5. listApp
------------------------------------------------------------ */

#listApp {
}
#listApp h2 {
	margin-bottom:10px;
}

.blockListApp {
	overflow: hidden;
	font-size:14px;
	margin-bottom:20px;
	margin-left:10px;
}


.blockListApp li {
	position: relative;
	float: left;
	width: 200px;
	margin-right: 36px;
}

.blockListApp dl {
	position:relative;
}

.blockListApp dt {
	padding-top:110px;
	color:#FF0;
}
.blockListApp dt a{
	text-decoration:none;
}

.blockListApp dd.date {
	width:200px;
	font-size:12px;
}
.blockListApp dd.img {
	position:absolute;
	top:0;
}

.blockListApp dd.qr {
	position:absolute;
	top:110px;
	right:0;
}

/* ------------------------------------------------------------
	6. OtherApp
------------------------------------------------------------ */


/* ------------------------------------------------------------
	90. Others
------------------------------------------------------------ */

/* for Voice Browser */
.hidden {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

/* Noscript Message */
p#msgNoscript {
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 9999;
	width: 100%;
	padding: 5px 0;
	border-top: 1px solid #f00;
	border-bottom: 1px solid #f00;
	background: #fcc;
	color: #f00;
	line-height: 1.2;
	text-align: center;
	opacity: 0.7;
}

/* ------------------------------------------------------------
	99. Clearfix
------------------------------------------------------------ */

.group:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	font-size: 0.1em;
	line-height: 0;
}

.group {
	display: inline-block;
}

/* exclude MacIE5 \*/
* html .group {
	height: 1%;
}

.group{
	display: block;
}
/* end: exclude MacIE5 */