@charset "UTF-8";
/* -------------------------------------------------------------------

	Base Style
	
-------------------------------------------------------------------- */
/*  Universal Reset
--------------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  vertical-align: baseline;
  background: transparent;
}

/*  HTML5 Display Definitions
--------------------------------------- */
section, nav, article, aside, hgroup, menu, summary,
header, footer, figure, figcaption, details {
  display: block;
}

/*  Base
--------------------------------------- */
html {
  overflow-y: scroll;
}

body {
  line-height: 1.8;
  color: #333333;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  font-size: 90%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-print-color-adjust: exact;
	background-color: rgb(251, 249, 243);
}


/*  Links
--------------------------------------- */
a {
	color:rgb(204,71,61);
  text-decoration: underline;
}
a:link, a:visited {
	color:rgb(204,71,61);
  text-decoration: underline;
}
a:hover, a:focus, a:active {
	color:rgb(224,71,61);
  text-decoration: none;
  outline: none;
}

/*  Typography
--------------------------------------- */
h1, h2, h3, h4, h5, h6 {
  line-height: 1.5;
  font-size: 90%;
  font-weight:normal;
}

em {
  font-style: normal;
  font-weight: bold;
}

strong, b {
  font-style: normal;
}

sub, sup {
  vertical-align: baseline;
  line-height: 0;
  font-size: 84%;
}

pre {
  font-family: monospace, sans-serif;
  white-space: pre-wrap;
  word-wrap: break-word;
}

hr {
  display: none;
}

/*  List Content
--------------------------------------- */
ul, ol {
  list-style: none;
}

/*  Tables
--------------------------------------- */
table {
  border: 0 none;
  border-collapse: collapse;
  width: 100%;
}

table th,
table td {
  border: 0 none;
  vertical-align: top;
  font-size: 1em;
  text-align: left;
  font-weight: normal;
}


input[type="text"]
,input[type="search"]
,textarea{
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
}

/* -------------------------------------------------------------------

	Structure
	
-------------------------------------------------------------------- */


#masthead {
	width: 982px;
	margin: 0 auto;
	font-size:14px;
	font-weight:normal;
	padding-top:10px;
	margin-bottom:10px;
}


#masthead h1 img{
	float:left;
}
#masthead h1.header_catch_copy{
	width:300px;
	float:left;
	font-size:12px;
	line-height:140%;
	margin:33px 0 0 10px;
	color:rgb(204,71,61);
}

#masthead #sns{
	margin:10px 0 0 0px;
	float:right;
	text-align: right;
}








 
#contents {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	width: 100%;
	background: url(../images/bg_content.png) repeat-x 0 0;
}
.contents_inner{
	width: 982px;
	margin:0 auto;
}
#main {
	width: 685px;
	float:left;
}

#main .theme{
	margin:20px 0 20px 0;
	font-size:220%;
	color:#fff;
	display:table-cell;
	vertical-align:middle;
	height:112px;
	padding-bottom:30px;
}


#main .cal_prev
,#main .cal_next{
	height:74px;
	width:38px;
	display:block;
	text-align:center;
	float:left;
	padding-top:20px;
	margin-right:4px;
}

#main .cal{
	margin:19px 0 49px 0;
	background: url(../images/bg_wh.png) no-repeat 176px 60px;
}
#main .cal_left{
	margin-left:-42px;
	background: url(../images/bg_wh.png) no-repeat 218px 60px;
}
#main .bg_cal{
	background: url(../images/bg_cal.png) no-repeat 0 0;
	height:74px;
	width:38px;
	display:table-cell;
	text-align:center;
	vertical-align: middle;
	float:left;
	margin-right:4px;
}
#main .cal_year_4{
	margin-right:30px;
}
#main .bg_cal img{
	padding-top:20px;
}
#main .box_month_msg{
	color:rgb(204,71,61);
	font-size:105%;
	padding:0 0 30px 0;
}
#main .box_month_msg h2{
	margin-bottom:10px;
}


#main article{
	background-color:rgb(204,71,61);
	padding:30px 25px;
	margin-bottom:30px;
}
#main article .box_theme{
	height:87px;
	width:79px;
	float:left;
}
#main article .box_quiz{
	float:right;
	width:525px;
	color:#fff;
}
#main article .box_quiz h2
,#main article .box_quiz .box_answer
,#main article .box_quiz .bnt_answer{
	font-size:120%;
	line-height:180%;
	margin-bottom:20px;
}
#main article .box_quiz .box_answer{
	border-top: 1px dotted #ccc;
	margin:15px 0;
	padding-top:15px;
	font-size:140%;
	text-align:left;
	text-indent:-3em;
	padding-left:3em;
	text-align:left;
	display:none;
}
#main article .box_quiz .btn_answer{
	text-align:center;
	
}
#main article .box_quiz .btn_answer a{
	color:#fff;
	width:100%;
	font-size:120%;
	line-height:200%;
}

#side {
	width: 238px;
	float:right;
	margin-top:46px;
	font-size: 95%;
}
#side section{
	margin-bottom:40px;
}
#side section h2{
	background-color:rgb(212,138,49);
	padding:6px 17px;
	font-size:120%;
	font-weight:bold;
	color:rgb(255,255,255);
	margin-bottom:12px;
}
#side section h2 img#footer_link_logo_quiz_server{
	width:100%;
}

#side section p{
	color:rgb(204,71,61);
	font-size:95%;
	font-weight:normal;
	line-height: 1.8;
}
#side section p a{
	color:rgb(204,71,61);
	text-decoration: none;
	
}
#side section li{
	list-style-type :disc;
	margin-left:25px;
	color:rgb(204,71,61);
	line-height: 1.4;
	margin-bottom:8px;

}
#side #sideber_profile{
	background-color:rgb(251,249,243);
	padding:3px;
}
#side #sideber_profile #pic_obayashi{
	border:3px solid rgb(204,71,61);
}
#side #sideber_profile h2{
	font-size:150%;
	font-weight:bold;
	color:rgb(204,71,61);
	margin:4px 0 4px 0;
	padding:0px;
	background-color:transparent;

}
#side #sideber_profile h2 .txt_sub{
	font-size:60%;
	font-weight:normal;
}
#side #sideber_search .screen-reader-text{
	display:none;
}
#main .ipt_txt_search
,#side #sideber_search .search-field
,#side #sideber_search .ipt_txt_search{
	width:196px;
	font-size:100%;
	line-height:100%;
	padding:2px;
	margin:0;
	border:1px solid rgb(204,71,61);

}
#main .ipt_submit_search
,#side #sideber_search .search-submit
,#side #sideber_search .ipt_submit_search{
	border: 0px;
	padding:0;
	margin:0;
	margin-top:-5px;
	width:28px;
	height:28px;
	background: url(../images/btn_search.png) left top no-repeat;
	text-indent: -9999px;
	vertical-align: middle;
	cursor: pointer;
}

#side #sideber_bnr img{
	border:6px solid rgb(204,71,61);
	margin-top:20px;
}
#side #sideber_bnr_link{
	text-align:center;
}
#side #sideber_bnr_link img{
	margin-top:5px;
}

#box_footer{
	width: 100%;
	height:250px;
	position:relative;
	overflow:hidden;
}

#footer {
	display: -webkit-box;
	display: -moz-box;
	display: box;
	-webkit-box-pack: center;
	-moz-box-pack: center;
	background-color: rgb(204,71,61);
	color:rgb(213,154,148);
	margin-top:140px;
	width:100%;
	position:absolute;
	z-index:100;
}
#footer .footer_inner{
	width: 982px;
	padding:30px 0;
	margin:0 auto;
}
#footer a{
	color:rgb(213,154,148);
}

#pagetop_wall{
	margin:0 auto;
	width: 982px;
	position:relative;
}
#btn_pagetop{
	position:absolute;
	z-index:10;
	display:block;
	top:10px;
	right:0px;
	width:208px;
	height:520px;
}

#footer .logo{
	display:block;
	line-height:110%;
	float:left;
}
#footer .logo img{
	margin-top:6px;
}
#footer .copyright{
	float:right;
	margin-top:15px;
	text-align:right;
	line-height:150%;
}




/* clearfix */
.cf:before,
.cf:after {
	content:"";
	display:block;
	overflow:hidden;
}
.cf:after {
	clear:both;
}
.cf {
	zoom:1;
}