@charset "utf-8";
/* CSS Document */

/* ===== narrative ====== */

#main{
	width:800px;
	margin: 0px auto 15px;
	text-align:left;
	}

/* boxL */

#main div#boxL{
	float:left;
	width:590px;
	margin:0 10px 20px 0;
	}
#main h2{
	margin-bottom:10px;
	}	
#main div#boxL p.comment{
	text-align:right;
	font-size:75%;
	color:#666666;
	}
#main div#boxL p{
	padding-bottom:20px;
	line-height:1.5;
	}
	
/* boxR */

#main div#boxR{
	float:left;
	width:200px;
	}
#main div#boxR h3{
	margin-bottom:10px;
	}
	
#main div#boxR ul li{
	background:url(../img/icon.png) no-repeat 0 10px;
	padding:5px 0 5px 17px;
	}
#main div#boxR ul li a{
	font-size:85%;
	}
#main div#boxR div.bnr{
	border-top:1px dashed #824880;
	text-align:center;
	padding-top:10px;
	}
#main div#boxR p{
	margin-bottom:5px;
	}
	
/* pagetop&navi */

#main p.pagetop{
	border-top:1px dashed #824880;
	text-align:right;
	padding:10px;
	font-size:87%;
	}
#main p.pagetop a{
	background:url(../img/pagetop.png) no-repeat 0 8px;
	padding:5px 0 5px 17px;
	}
#main p.navi{
	text-align:center;
	}
#main p.navi span.before{
	background:url(../img/before.png) no-repeat 0 5px;
	padding-left:13px;
	}
#main p.navi span.next{
	background:url(../img/next.png) no-repeat right 5px;
	padding-right:13px;
	}
	
/* index */
#main ul.listbox{
	width:570px;
	background-color:#FFFFCC;
	padding:10px;
	margin-bottom:10px;
	}
#main ul.listbox li{
	background:url(../img/icon.png) no-repeat 0 10px;
	padding:5px 0 5px 17px;
	}
#main div#boxL h3{
	padding-bottom:10px;
	}
	
/* impress */

#main ul.impressbox{
	width:565px;
	height:620px;
	overflow:auto;
	border:1px solid #BDCEDE;
	margin-bottom:15px;
	padding:10px;
	}

#main ul.impressbox li{
	background:url(../narrative/training_1/img/icon_impress.png) no-repeat 10px 15px;
	padding:15px 15px 15px 40px;
	border-bottom: 2px dotted #6786CF;
	}

/* ===== yell ====== */

#main.yellbox{
	background:url(../yell/img/yell_bg.jpg) no-repeat;
	background-position:right 40px;
	}
#main div#yell{
	width:550px;
	padding:5px;
	}
#main div#yell h3{
	border-bottom:1px solid #FF9933;
	margin-bottom:10px;
	}
#main div#yell p{
	padding-bottom:20px;
	line-height:1.5;
	}

/* info */
#main div#info{
	width:550px;
	border:1px solid #99CC00;
	font-size:87%;
	margin-bottom:20px;
	}
#main div#info p img{
	text-align: center;
	}
#main div#info p img.tell{
	margin:10px 10px 0 0;
	}
#main div#info p{
	margin:-10px 5px 0;
	}
#main div#info h4{
	margin:5px;
	}
/* ===== train ====== */

/* ninteikangoshi */
#main div#train p{
	padding-bottom:20px;
	line-height:1.5;
	}

#main div.ninteibox{
	float:right;
	width:210px;
	border:1px solid #66CCCC;
	margin:0 0 0 10px;
	padding:5px;
	}
#main div.ninteibox p.text{
	margin:-10px 0
	}
/* ---------------- */
#main div#train h3{
	border-bottom:1px solid #FF9999;
	margin-bottom:10px;
	}
#main div#train div.riha{
	padding:10px;
	margin-bottom:20px;
	}
#main div#train div.riha p.text{
	margin-top:10px;
	}