@charset 'UTF-8';

/**********************************************************************
  画面幅PC
**********************************************************************/
@media screen and (min-width: 1024px) {
	/**********************************/
	/*音声、テキストを含めた全体の表示*/
	/**********************************/
	/*音声のコントロールをする為のコントローラ*/
	.remoteControl, .scrollCtl {
		width: 124px;
		left: 610px;
		top: 160px;
	}
	.story_main {
		width: 580px;
		font-size: 90%;
	}
	/* Flashと言語表示用コントローラーを含むDIV */
	#Controls {
		height: 120px;
	}
	.sound {
		width: 460px;
		text-align: left;
	}
	/*  音声プレイヤー用Flash */
	#soundControls {
		float: left;
	}
	/*  言語表示用コントローラー */
	#textViewControler {
		float: right;
	}
}
/**********************************************************************
  画面幅タブレット
**********************************************************************/
@media screen and (min-width: 641px) and (max-width: 1023px) {
}
/**********************************************************************
  画面幅スマホ
**********************************************************************/
@media screen and (max-width:640px) {
}

/*リモコンのボタンを表示する部分*/
.remoteControl_top {
	padding: 5px;
	text-align: center;
	vertical-align: bottom;
	border-bottom: 1px solid #000000;
}

.remoteControl, .scrollCtl {
	background-color: #FFFFFF;
	margin: 10px;
	padding: 5px;
	border: 1px solid #000000;
}

.story_main {
	margin: 10px 0px 10px 0px;
	background-color: #7e979b;
	padding: 10px;
	line-height: 1.5em;
	border: 1px solid #9090B0;
}

.player_wm {
	display: none;
}

/*テキストを表示する部分*/
.lang_0, .lang_1, .lang_2, .lang_3, .noreading_0, .noreading_1,
	.noreading_2, .noreading_3 {
	padding-bottom: 0.7em;;
	color: #000000;
	padding: 0px 0px 0px 5px;
}
/*読まれている所 ―言語１―*/
.lang_0, .lang_1, .lang_2, .lang_3 {
	background-color: #FFFFFF;
}
/*読まれていない言語*/
.noreading_0, .noreading_1, .noreading_2, .noreading_3 {
	background-color: #C0C0C0;
}

.paragraph {
	margin: 0px 0px 20px 0px;
}

form {
	margin: 0px;
	padding: 0px;
}