@charset "utf-8";

body { background:#f9f0d6 url(../images/bg_body.gif) repeat-x center 130px;} /* 全体の背景指定 */

#wrapper #contents { width: 1000px; }

/* anchor */
#wrapper a,
#wrapper .article{
	-webkit-transition: all 0.2s 0s ease;
	-moz-transition: all 0.2s 0s ease;
	transition: all 0.2s 0s ease;
}
#wrapper a:hover {
	text-decoration: none;
	/*filter: alpha(opacity=50);*/
	-moz-opacity:0.5;
	opacity:0.5;
}

/* #btn-sbm */

#btn-sbm {
	text-align: right;
	margin-top:-15px;
	margin-bottom:10px;
	margin-right:10px;
}

#btn-sbm li {
	display: inline-block;
	margin-left: 0px;
	margin-right: 5px;
	padding: 0px;
	line-height: normal;
	list-style: none;
	vertical-align: top;
}
*html #btn-sbm li { display: inline; } /* for IE6 */ 
*+html #btn-sbm li { display: inline; } /* for IE7 */

#btn-sbm li a { margin: 0px; }

#btn-sbm .btnFaceBook { width: 110px; }

#btn-sbm .btnHatenaBookmark { margin-right: 7px; }
#btn-sbm .btnGoogleCalendar { margin-right: 10px; }

/* NAVIめーる半透明回避 */
#wrapper #contents #side #banner_navimail a:hover {
	/*filter: alpha(opacity=100);*/
	-moz-opacity:1;
	opacity:1;
}

/* #main */
#main { 
	width: 675px;
	padding-bottom: 15px;
}

#topad { padding-bottom:5px; }

/* #side */
#side { padding: 10px 0px 0px; }

#side .box{
	/* border-radius */
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	border-radius: 8px;
}

#wrapper #contents #side .box .title {
	background: rgb(218,225,229); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(246,248,249,1)), color-stop(50%,rgba(229,235,238,1)), color-stop(51%,rgba(218,225,229,1)), color-stop(100%,rgba(238,241,244,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f8f9', endColorstr='#dce2e6',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, rgba(246,248,249,1) 0%,rgba(229,235,238,1) 50%, rgba(218,225,229,1) 51%,rgba(238,241,244,1) 100%); /* W3C */
}

#wrapper #contents #side #oa .info a,
#wrapper #contents #side #blog .info a{
	background-color: rgba(153,153,153,0.5);
	/* box-shadow */
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.2) inset;
}

/* #header */

#main #article #header{
	height:360px;
	margin-bottom:30px;
	text-indent:-9999em;
}

#main #article #header h1{
	height:115px;
	background:url(../images/h1_header.png) no-repeat center top;
	margin-top:30px;
}

#main #article #header .logo{
	height:95px;
	background:url(../images/logo_header.png) no-repeat center top;
	margin-top:20px;
}

#main #article #header h2{
	height:79px;
	background:url(../images/h2_header.png) no-repeat center top;
	margin-top:30px;
}

/* .block */

#main #article .block{
	width:637px;
	min-height:807px;
	margin:0 0 20px 15px;
	border:#fff 4px solid;
}

#main #article .block p{
	height:520px;
	text-indent:-9999em;
}

#main #article .block .quiz{
	width:591px;
	margin:0 auto;
	background:#ffffcc;
	border:#f0e8a2 3px solid;
}

#main #article #higanbana .quiz h3{
	height:69px;
	background:url(../images/quiz/higanbana/h3_quiz.gif) no-repeat 0 0;
	text-indent:-9999em;
}

#main #article #yamaneko .quiz h3{
	height:69px;
	background:url(../images/quiz/yamaneko/h3_quiz.gif) no-repeat 0 0;
	text-indent:-9999em;
}

#main #article #himura .quiz h3{
	height:69px;
	background:url(../images/quiz/himura/h3_quiz.gif) no-repeat 0 0;
	text-indent:-9999em;
}

#main #article #higanbana .quiz h4{
	height:119px;
	background:url(../images/quiz/higanbana/h4_quiz.png) no-repeat center center;
	text-indent:-9999em;
}

#main #article #yamaneko .quiz h4{
	height:119px;
	background:url(../images/quiz/yamaneko/h4_quiz.png) no-repeat center center;
	text-indent:-9999em;
}

#main #article #himura .quiz h4{
	height:119px;
	background:url(../images/quiz/himura/h4_quiz.png) no-repeat center center;
	text-indent:-9999em;
}

#main #article .block .quiz table{
	width:100%;
}

#main #article .block .quiz table tr:nth-child(odd) {
    background:#fff;
}

#main #article .block .quiz table th,
#main #article .block .quiz table td{
	padding:15px 0;
}

#main #article .block .quiz table th{
	width:310px;
	padding-left:60px;
}

#main #article .block .quiz table td h5{
	padding:10px 20px;
	font-size:18px;
	color:#f2130e;
	text-align:center;
}

#main #article .block .quiz table td h5.end{
	font-size:20px;
	padding:80px 20px;
}

#main #article #higanbana{
	background:#fff url(../images/pic01_block.jpg) no-repeat center top;
	padding-bottom:25px;
}

#main #article #yamaneko{
	background:#2373ee url(../images/pic02_block.jpg) no-repeat center top;
	padding-bottom:25px;
}

#main #article #himura{
	background:#e91718 url(../images/pic03_block.jpg) no-repeat center top;
	padding-bottom:25px;
}

/* #bottom */

#bottom{
	padding:10px 0 15px;
}

#bottom #attention{
	width:590px;
	margin-left:15px;
	padding:20px 23px 10px;
	border:#f61212 3px solid;
	color:#f61212;
	background:#fff;
}

#bottom #attention p{
	margin-bottom:10px;
	font-size:17px;
	font-weight:bold;
}

#bottom #attention ul li{
	margin:7px 0;
	font-size:14px;
	line-height:1.6em;
}

/* #bottom */

#error{
	padding:5px 0 20px;
}

#error p{
	width:580px;
	margin-left:15px;
	padding:20px 30px;
	border:#f61212 3px solid;
	color:#f61212;
	background:#fff;
	font-size:18px;
	line-height:1.6em;
	text-align:center;
}