@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: #fff;
	color: #0e0f1b;
	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: #000066;
	text-decoration: underline;
}

a:visited {
	color: #000066;
}

a:hover,
a:active  {
	color: #000066;
	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: #fff url(../img/bg.jpg) top center;
	color:#5c2a09;
}

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

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

#header {
	width:900px;
	margin:auto;
	position:relative;
}

#siteId {
	width:250px;
	margin-top:10px;
}

#top #siteId {
	width:900px;
}

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

#socialBkm {
	position:absolute;
	top:40px;
	right:0;
	background:url(../img/bg_social.png) top left no-repeat;
	width:404px;
	height:38px;
}

#top #socialBkm {
	position:absolute;
	top:220px;
	left:25px;
	background:url(../img/bg_social_top.png) top left no-repeat;
	width:405px;
	height:40px;
}


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

#wrapper {
	background-color:#FFF;
	width:900px;
	margin:10px auto;
}

#top #wrapper {
	margin-top:0;
}

#top #content {
	text-align:left;
	padding:50px 30px 90px;
	background:url(../img/bg_meter.png) bottom left no-repeat;
}

#top #content p.read {
	color:#000066;
	font-size:18px;
}

#top #content p.read span {
	color:#cc0000;
	font-size:32px;
}

.btnStart {
	float:right;
	margin-top:35px;
}

.btnStart p.attention {
	font-size:12px;
	
}
.btnStart p.attention img {
	vertical-align:middle;
}


#about {
	width:900px;
	margin:40px auto;
	text-align:left;
	font-size:14px;
	line-height:1.8;
}

#about h2 {
	margin-bottom:1.5em;
}

#about p.txt {
	margin-left:20px;
}

#about .aboutKayac {
	background:url(../img/bg_aboutKayac.png) top left no-repeat;
	width:351px;
	height:459px;
	float:right;
}

#about .aboutKayac h3 {
	padding:70px 0 10px 40px;
	font-size:20px;
}

#about .aboutKayac p {
	padding-left:40px;
}

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

div#footer {
	margin: 20px auto 0;
	color: #fff;
	font-size: 75%;
	background-color:#963;
	padding:10px 0;
}

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

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

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


/* --------------------------------------------------
	3. Footer
-------------------------------------------------- */
#boxKayacLink {
	width:900px;
	margin:auto;
}

#kayacProject dt {
	font-weight:bold;
	float: left;
	width: 140px;
	text-align:left;
}
#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;
	text-align:left;
}
#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 dd.date {
	width:130px;
	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 */


ul#socialBtn {
padding-left:10px;
}
ul#socialBtn li {
float:left;
margin-left:8px;
margin-top:8px;
}
ul#socialBtn li span, ul#socialBtn li img {
vertical-align:top;
}


#fb {
	width:900px;
	margin:auto;
	background-color:#FFF;
}

.fb_edge_widget_with_comment {
	vertical-align:top;
}