@charset "UTF-8";

/* 初期設定 */
body.shangli{
	font-family:"メイリオ","Meiryo","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3","Osaka","ＭＳ Ｐゴシック","MS P Gothic", sans-serif;
	color:#333;
}

.left{
	float: left;
}

.right{
	float: right;
}

ul,ol{
	list-style: none;
}

.test{
	border: 1px solid #f00;
}

/* ページ */
.shangli #container {
	width:630px;
	line-height:150%;
	padding:0 10px;
}
.shangli #container .cap{
	font-size:10px;
	line-height:140%;
	margin-top:10px;
}

/* タイトル */
.shangli #title {
	width:630px;
	height:150px;
	background:url(../image/quiz_title.jpg) no-repeat;
	text-indent:-9999px;
	margin-bottom:15px;
}

/* コンテンツ */
.shangli #contents{
	width:630px;
	background:url(../image/quiz_bg.jpg) no-repeat right top;
}
.shangli #contents .inner{
	width:500px;
}
.shangli #contents .inner a{
	color:#c00;
	text-decoration:underline;
}
.shangli #contents .inner p{
	line-height:150%;
}
.shangli #contents .inner .story{
	width:410px;
	height:30px;
	background:url(../image/quiz_story_cap.jpg) no-repeat;
	text-indent:-9999px;
}
.shangli #contents .inner .hint{
	width:415px;
	background:#ffdaf0;
	margin:10px 0;
	padding:10px;
}
.shangli #contents .inner .hint span{
	color:#c00;
}
.shangli #contents .inner .left_box{
	width:280px;
	float:left;
}
.shangli #contents .inner .right_box{
	width:210px;
	font-size:10px;
	float:right;
}
.shangli #contents .inner .right_box p{
	height:124px;
	line-height:150%;
}
.shangli #contents .inner .right_box span{
	font-size:14px;
	line-height:150%;
	color:#f69;
}
.shangli #contents .kikan{
	font-size:14px;
	line-height:140%;
	color:#f60;
	margin-top:10px;
}