@charset "utf-8";


/*----------------------------------------------------
	共通
----------------------------------------------------*/
a:link {color:#333; text-decoration:none;}
a:visited {color:#333; text-decoration:none;}
a:active {color:#333; text-decoration:underline;}
a:hover {color:#333; text-decoration:underline;}
.both{ clear: both; }
.nodisp { display:none;}



/*----------------------------------------------------
	基本
----------------------------------------------------*/
body{ background:#d1bb8e url(../img/bg.jpg) repeat-x left top;}
#wrapper{ width: 720px; margin:0 auto; padding:0 0 30px 0;}
#header{ background:url(../img/bg_jheader.png) no-repeat left top; height: 293px; width: 720px; margin: 10px 0 0 0; padding: 0; position: relative; }
div#yomiuri { position:absolute; top:12px; left:34px; }
h1 { position:absolute; top:45px; left:9px; }



/*----------------------------------------------------
	MENU
----------------------------------------------------*/
#menu{ position:absolute; top:259px; left:334px; }
#menu a strong{ display:none;}
#menu a { display: block; float: left; height: 28px; outline: none; margin:0 8px 0 0;}
.menu_01 { width: 116px; background: url(../img/menu.jpg ) no-repeat -532px -6px; }
.menu_02 { width: 116px; background: url(../img/menu.jpg ) no-repeat -661px -6px; }
.menu_03 { width: 116px; background: url(../img/menu.jpg ) no-repeat -789px -6px; }
.menu_01:hover { width: 116px; background: url(../img/menu.jpg ) no-repeat -532px -48px; }
.menu_02:hover { width: 116px; background: url(../img/menu.jpg ) no-repeat -661px -48px; }
.menu_03:hover { width: 116px; background: url(../img/menu.jpg ) no-repeat -789px -48px; }



/*----------------------------------------------------
	j-main
----------------------------------------------------*/
#j-main{ padding: 0 5px; background:url(../img/bg_j-main.gif) repeat-y left top; position:relative; overflow: hidden; }
#j-main div.j-mainOuter { background:url(../img/bg_j-main_outer.jpg) repeat-y left top; overflow: hidden; }
#j-main div.j-mainInner { background:url(../img/bg_j-main_inner.png) no-repeat left bottom; overflow: hidden; padding:50px 40px 90px; }
#j-main p{ color: #FFFFFF;}
div.answerBox { padding-bottom:26px; margin:0 auto 10px; background:url(../img/bg_j-line.gif) repeat-x left bottom; }


	/* challenge */
	div.challenge{ position:relative; width:617px; margin:0 auto;}
	div.challenge h2 { background:url(../img/bg_maintitle.png) no-repeat center 0; height:107px; margin-bottom:8px; text-indent:-9999px;}
	div.challenge #contArea { background:#2d1d01; padding:15px 60px 30px; text-align:center; }
	div.challenge #titleArea { background:url(../img/bg_maintitle2.jpg) no-repeat center 0; height:162px; margin-bottom:8px;}
	div.challenge #quesLink { text-align:left; color:#FFF; width:500px; margin:30px auto 30px; padding-bottom:20px; background:url(../img/bg_queslink.gif) repeat-x 0 bottom;}
	div.challenge #quesLink li { padding:0 20px 10px 30px; font-size:1.2em; }
	div.challenge #quesLink li a { color:#FF0; }
	div.challenge #quesLink li a:hover { text-decoration:underline; }
	div.chBtn { margin:12px auto;width:198px; }
	div.chBtn a { display:block; width:198px; height:40px; background:url(../img/btn_before.gif) no-repeat 0 0; }
	div.chBtn a:hover { background-position:0 -40px;}
	div.ansBtn { margin:12px auto;width:198px; }
	div.ansBtn a { display:block; width:198px; height:40px; background:url(../img/btn_ans.gif) no-repeat 0 0; }
	div.ansBtn a:hover { background-position:0 -40px;}
	div.yorimoBtn { margin:12px auto;width:257px; }
	div.yorimoBtn a { display:block; width:257px; height:40px; background:url(../img/btn_more.gif) no-repeat 0 0; }
	div.yorimoBtn a:hover { background-position:0 -40px;}
	/* 3/1 追加 */
	.kaitou { color:#3C0; }
	
	/* question */
	div.question { text-align:left; overflow:hidden; background:url(../img/bg_j-line.gif) repeat-x left bottom; padding: 20px 0 20px; font-family: "ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; }
	div.question .q1 { background:url(../img/thums-q1.gif) no-repeat 0 0; width:96px; height:37px; }
	div.question .q2 { background:url(../img/thums-q2.gif) no-repeat 0 0; width:96px; height:37px; }
	div.question .q3 { background:url(../img/thums-q3.gif) no-repeat 0 0; width:96px; height:37px; }
	div.question .q4 { background:url(../img/thums-q4.gif) no-repeat 0 0; width:96px; height:37px; }
	div.question .q5 { background:url(../img/thums-q5.gif) no-repeat 0 0; width:96px; height:37px; }
	div.qText p{ font-size:1.2em;  margin:10px 0; color:#FF0 !important; }
	div.sText p{ font-size:1.2em; margin:10px 0 25px; }
	.quesSelect { text-align:left; color:#FFF; margin:20px auto 10px; padding-bottom:10px; }
	.quesSelect li { padding:0 50px 10px 10px; font-size:1.3em; }
	
	
	
	/* before */
	div.challenge h3 { font-size:2.0em; font-weight:bold; color:#FFF; padding:8px; background:#462301;}
	.quesSelectBefore { text-align:left; color:#FFF; margin:5px auto; padding-bottom:10px; }
	.quesSelectBefore li { padding:0 20px 5px 10px; font-size:1.2em; }
	.tText { font-size:1.2em; margin:5px 0 10px; }
	.ansTitle { background:url(../img/bg_anstitle.gif) no-repeat 0 0; width:53px; height:31px; }
	.aText { font-size:1.5em; font-weight:bold; margin:4px 0 12px;}
	.commentTitle{ background:url(../img/bg_commenttitle.gif) no-repeat 0 0; width:53px; height:31px; }
	.cText { margin:4px 0 16px;}
	div.modoruBtn { margin:12px auto 0;width:199px; }
	div.modoruBtn a { display:block; width:199px; height:40px; background:url(../img/btn_modoru.gif) no-repeat 0 0; }
	div.modoruBtn a:hover { background-position:0 -40px;}
	
	

	
	
	/* present */
	div.present { position:relative; width:634px; height:122px; background:url(../img/bg_present.jpg) no-repeat 0 0; }
	div.present div.pBtn { position:absolute; top:34px; right:28px; display:block; width:144px; height:55px; }
	div.present div.pBtn a { display:block; width:144px; height:55px; margin:0 auto; background:url(../img/btn_present.gif) no-repeat 0 0; }
	div.present div.pBtn a:hover { background-position:0 -55px;}


	/* present */
	div.formUser { margin: 0 auto; width: 280px;}
	div.formUser ul,
	div.formUser li { overflow:hidden; list-style:none;}
	div.formUser ul{ padding: 3px 0 1px; min-height:30px; clear:both; }
	li.selectB { text-align: right; width:40%; padding: 0.6em 0.3em; float: left;}
	li.selectW { padding: 0.6em 0.3em; float: left; overflow:hidden; color:#FFF; font-size:1.4em; font-weight:bold; }
	.btn-set { text-align:center; margin: 20px 0; }



/*----------------------------------------------------
	footter
----------------------------------------------------*/
#footer{ height: 37px; background:url(../img/bg_jfooter.gif) no-repeat left top;text-align:center;}
#footer ul{ padding: 8px 0 0 0; }
#footer li{ border-right: #2c1600 1px solid; padding:0 12px 0 12px; display:inline;}
#footer li.lastChild{ border:none;}
#footer a{ color:#2c1600;}