@charset "EUC-JP";

/* reset
============================================== */
@import url("./reset.css"); /* reset stylesheet */



/* layout
============================================== */
html {
	font-size: 62.5%; /* 1rem=10px, 1.1rem=11px ...*/
	height: 100%;
}

body {
	margin: 0;
	padding: 0;
	background: #E0E5EA url(./image/background.png) repeat 50% 0;
	height: 100%;
	font-family: '¥á¥¤¥ê¥ª', 'Meiryo', '£Í£Ó £Ð¥´¥·¥Ã¥¯', Osaka, Arial, sans-serif;
	font-size: 16px;
	font-size: 1.6rem;
	line-height: 1.6;
	color: #202020;
}


#skrollr-body {
	margin: 0 auto;
	width: 850px;
}

header {
	margin: 0 auto 100px;
/*	background: transparent url(./image/arrow_bottom.png) no-repeat 50% 95%;*/
}


main {

}

footer {
	margin: 50px;
	text-align: center;
}






/* page style
============================================== */


a					{	outline: 0; text-decoration: underline;}
a:link		{	color: #40bdc7; }
a:visited	{	color: #40bdc7; }
a:active	{	color: #6e7e6f; text-decoration: none; }
a:hover		{	color: #6e7e6f; text-decoration: none; }

em		 { font-weight: bold; }
strong { font-weight: bold; color: #800000; }

h1 {
	margin: 20px auto 50px;
	background: transparent url(./image/logo.png) no-repeat 0 50%;
	width: 187px;
	height: 159px;
	text-indent: -9999px;
}
h2 {
	margin-bottom: 2em;
	font-size: 20px;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
}


.clearfix { *zoom: 1; }
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}
.clearfix:after { clear: both; }


/* talk style
============================================== */
.talk {
	margin-bottom: 40px;
	width: 850px;
}
	.chara {
		background: #616161;
		border: 4px solid #979797;
		width: 70px;
		height: 70px;
		color: #FFFFFF;
		overflow: hidden;
		float: left;
		border-radius: 40px;
	}
	.chara span {
		width: 70px;
		height: 70px;
		text-align: center;
		line-height: 1.6;
		vertical-align: middle;
		display: table-cell;
	}
	.words {
		margin-top: 10px;
		margin-left: 30px;
		padding: 10px;
		background: #616161;
		border: 4px solid #979797;
		max-width: 700px;
		text-align: left;
		color: #FFFFFF;
		position: relative;
		float: left;
		border-radius: 5px;
	}
	.words:after, .words:before {
		right: 100%;
		top: 23px;
		border: solid transparent;
		content: " ";
		height: 0;
		width: 0;
		position: absolute;
		pointer-events: none;
	}
	.words:after {
		border-color: rgba(136, 183, 213, 0);
		border-right-color: #616161;
		border-width: 15px;
		margin-top: -15px;
	}
	.words:before {
		border-color: rgba(194, 225, 245, 0);
		border-right-color: #979797;
		border-width: 21px;
		margin-top: -21px;
	}
	
	.hirano .chara {
		background: #FFFFFF;
		border: 4px solid #AAAAAA;
		color: #202020;
	}
	.hirano .words {
		background: #FFFFFF;
		border: 4px solid #AAAAAA;
		font-weight: bold;
		color: #202020;
	}
	.hirano .words:after {
		border-color: rgba(136, 183, 213, 0);
		border-right-color: #FFFFFF;
	}
	.hirano .words:before {
		border-color: rgba(194, 225, 245, 0);
		border-right-color: #AAAAAA;
	}

	.togaki {
		margin: 20px 0 20px 110px;
		font-size: 18px;
		font-size: 1.8rem;
		font-weight: bold;
	}



/* list style
============================================== */
ul {
	margin-bottom: 50px;
	border-top: 1px dotted #bdc1c6;
}
ul li {
		padding: 10px 0;
		border-bottom: 1px dotted #bdc1c6;
		font-size: 14px;
		font-size: 1.4rem;
	}

ol, ul {
	margin-bottom: 50px;
	border-top: 1px dotted #bdc1c6;
}
li {
	padding: 15px 0;
	border-bottom: 1px dotted #bdc1c6;
	font-size: 14px;
	font-size: 1.4rem;
}
	li .title {
		width: 260px;
		display: inline-block;
	}
	li .event {
		width: 505px;
		display: inline-block;
	}
	li a {
		width: 85px;
		display: inline-block;
	}


/* footer style
============================================== */


/* ¢£¢£¢£¢£¢£IEÍѥХ°Âкö¢£¢£¢£¢£¢£ */
br {
letter-spacing: 0;
}