@charset "UTF-8";

/*/////////////////////////////////////////////////////////////
koebu.com

Copyright (C) KAYAC Inc. All Rights Reserved.
------------------------------------------------------------
[Base]
	0. All
	1. HTML, Body, Anchor
	2. Other

	90. For IE 6 & 7
	99. Clearfix

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


/* ------------------------------------------------------------
	0. All
------------------------------------------------------------ */

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

/* ------------------------------------------------------------
	1. HTML, Body, Anchor
------------------------------------------------------------ */
html {
	overflow-y: scroll;
}
body {
	color: #333;
	font-family: Arial, Helvetica, "Meiryo","メイリオ", sans-serif;
	font-size: 13px;
	line-height: 1.5;
}

/* ---------------
EXAMPLES FONT-SIZE
------------------
 77% = 10px
 85% = 11px
 93% = 12px
100% = 13px
108% = 14px
116% = 15px
124% = 16px
131% = 17px
139% = 18px
147% = 19px
154% = 20px
162% = 21px
170% = 22px
177% = 23px
185% = 24px
193% = 25px
200% = 26px
--------------- */

a {
	outline: none;
}

a:link {
	color: #000;
	text-decoration: underline;
}
a:visited {
	color: #333;
}
a:hover {
	color: #99CC33;
	text-decoration: none;
}
a:active {
	color: #666;
}

/* ------------------------------------------------------------
	2. Others
------------------------------------------------------------ */

/*  2-1. Inline-level Elements
------------------------------------------------- */
img {
	border: none;
	vertical-align: middle;
}

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

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

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

sup {
	vertical-align: text-top;
}

sub {
	vertical-align: text-bottom;
}

fieldset {
	border: none;
}

input, textarea, select, label {
	font-size: 100%;
	font-family: inherit;
}

label {
	cursor: pointer;
}

textarea {
	overflow: auto;
}

/*  2-2. Block-level Elements
------------------------------------------------- */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	line-height: 1;
}

hr {
	display: none;
}

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

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

pre, code {
	font-family: monospace;
}

ul, ol {
	list-style: none;
}

/*  2-3. Table
------------------------------------------------- */
table {
	border-collapse: collapse;
	border-spacing: 0;
	font-size: 100%;
	font-family: inherit;
}

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



/* ------------------------------------------------------------
	90. For IE 6 & 7
------------------------------------------------------------ */

/* for IE6 */
* html body {
	font-size: 82%;
}

/* for IE7 */
*:first-child+html body {
	font-size: 82%;
}

/* --- for ie7: page zoom bug fix --- */
*:first-child+html body,
*:first-child+html br { letter-spacing: 0; }





/* ------------------------------------------------------------
	Classes
------------------------------------------------------------ */

.dialogue {
	margin: 0 0 10px;
	min-height: 50px;
	margin: 0 0 5px;
	padding: 0 0 5px 60px;
	background-position: 0 0;
	background-repeat: no-repeat;
}
.dialogue span.name {
	display: none;
}
.dialogue .serif {
	min-height: 50px;
	padding: 5px;
	background-color: #e4ffc7;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.faceU_1 .serif,
.faceU_2 .serif,
.faceU_3 .serif,
.faceU_4 .serif,
.faceU_5 .serif,
.faceU_6 .serif,
.faceU_7 .serif{
	background-color: #ffdcdc;
}

.faceO_1 {
	background-image: url(/img/common/chara/face_o_1.png);
}
.faceO_2 {
	background-image: url(/img/common/chara/face_o_2.png);
}
.faceO_3 {
	background-image: url(/img/common/chara/face_o_3.png);
}
.faceO_4 {
	background-image: url(/img/common/chara/face_o_4.png);
}
.faceO_5 {
	background-image: url(/img/common/chara/face_o_5.png);
}
.faceO_6 {
	background-image: url(/img/common/chara/face_o_6.png);
}
.faceO_7 {
	background-image: url(/img/common/chara/face_o_7.png);
}
.faceU_1 {
	background-image: url(/img/common/chara/face_u_1.png);
}
.faceU_2 {
	background-image: url(/img/common/chara/face_u_2.png);
}
.faceU_3 {
	background-image: url(/img/common/chara/face_u_3.png);
}
.faceU_4 {
	background-image: url(/img/common/chara/face_u_4.png);
}
.faceU_5 {
	background-image: url(/img/common/chara/face_u_5.png);
}
.faceU_6 {
	background-image: url(/img/common/chara/face_u_6.png);
}
.faceU_7 {
	background-image: url(/img/common/chara/face_u_7.png);
}

/* ------------------------------------------------------------
	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 */