body {
	color: #333333;
	margin: 0px;
	text-align: left;
	overflow-x: hidden;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}

A:link {
	color:#006666;
	font-weight:500;
	text-decoration:none;
}
A:visited {
	color:#669999;
}
A:active {
	color:#003333;
	}
A:hover  {
	color:#003333;
	text-decoration:under-line;
}

a:link.h1,a:visited.h1,a:hover.h1,a:active.h1	{color:#ffffff;  text-decoration:none;}

header {
	width: 100%;
	height: 52px;
	background: url(img/banner/index320.jpg);
}
h1 {
	font-size: 28px;
	line-height: 100%;
	padding: 10px 0 0 10px;
	margin: 0;
	text-shadow: 2px  2px 5px red,
		-2px  2px 5px red,
		 2px -2px 5px red,
		-2px -2px 5px red;
}
a:link.h1,a:visited.h1,a:hover.h1,a:active.h1	{color:#ffffff;  text-decoration:none;}

header p {
	margin-top: 1px;
	line-height: 100%;
	width: 92%;
	text-align: right;
	text-shadow: 1px  1px 2px #ffffff,
		-1px  1px 2px #ffffff,
		 1px -1px 2px #ffffff,
		-1px -1px 2px #ffffff;
}


#primary {
	margin: 5px 0;
	width: 100%;
	max-width: 640px;
	text-align: center;
	font-size: 20px;
}

#top {
	margin:2px 0;
	padding-left:10px;
	box-sizing:border-box;
	font-size:15px;
	text-align:left;
	border-bottom: 2px solid #bbbbbb;
}
	
h2 {
	margin: 0;
	padding: 0 2%;
	weight: 96%;
	font-size: 24px;
	text-align: left;
}

footer {
	text-align: center;
}
/* リンクバナー */
.sideimg{
	max-width:300px;
	margin:0 auto;
	margin-top:5px;
	border: 1px solid #bbbbbb;
	box-sizing: border-box;
}

/* ソーシャルボタン */
.social {
	margin:0 auto;
	max-width:320px;
	margin-bottom:5px;
	background-color:#ccccff;
	font-size:14px;
	text-align:center;
	padding:2px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border:2px #0000ff solid;
}

.so-syaru-top {background-color:#ccccff;  height:50px; width:120px;  font-size:13px;  float:left;  text-align:center;  margin:5px 10px 0px 20px;  padding:5px;
	border-radius: 4px;         /* CSS3 */
	-moz-border-radius: 4px;    /* Firefox */
	-webkit-border-radius: 4px; /* Safari,Chrome */
	border: 2px solid;     /* 枠線の装飾 */
	border-color:#90ccd1 #333333 #333333 #90ccd1;}

#menu {	
	margin:0 auto;
	font-size: 20px;
	text-align: center;
	width: 320px;
}
#menu p{	
	margin:0 auto;
	padding:5px 0;
}
.full{
	clear:both;
	display: block;
	margin-bottom: 1px;
	height: 55px;
	width: 320px;
	line-height: 55px;
	text-decoration: none;
	background: url(img/banner/botan.jpg);
	-moz-background-size: 100% 100%;
	 background-size: 100% 100%; 
}

.half{
	float:left;
	display: block;
	height: 55px;
	width: 158px;
	margin: 1px;
	line-height: 55px;
	background: url(img/banner/botan.jpg);
	text-decoration: none;
	-moz-background-size: 100% 100%;
	 background-size: 100% 100%; 
}



.last {font-size:16px;  font-weight:bolder;  text-align:left;}
.red  {color:#ff3333;  font-weight:bolder;}
.yellow  {color:#ff9933;}

strong{margin:5px;  display:block;  text-align:left;}

/* 問題 */
.mondai {
	margin: 5px 2%;
	padding: 3%;
	weight: 96%;
	font-weight: bolder;
	font-size: 24px;
	color: #000099;
	text-align: left;
	background-color: #eeeeff;
	border: 1px solid #CCC;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    box-shadow: 0 1px 1px #CCC;
}
/* 判定 */
.judge {
	margin: 0 2%;
	weight: 96%;
	font-weight: bolder;
	font-size: 22px;
	text-align: center;
}

/*解答*/
.answer {
	margin: 5px 2%;
	padding: 5px 0;
	weight: 96%;
	font-weight: bolder;
	font-size: 20px;
	text-align: center;
	background-color: #ccccff;
	border: 1px solid #CCC;
    -webkit-border-radius: 6px;
       -moz-border-radius: 6px;
         -o-border-radius: 6px;
            border-radius: 6px;
    box-shadow: 0 1px 1px #CCC;
}
/*解答*/
.answerin {

	padding: 10px;
	font-size: 24px;
	color:#000099;
	border:solid 1px #ccc;
	width:140px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input:focus {
    border:solid 1px #000099;
}
.answerbutton {
	padding: 17px 5px 12px 5px;
	border:solid 1px #ccc;
	font-size: 16px;
	text-transform:uppercase;
	font-weight:bold;
	color:#333399;
	cursor:pointer;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#ddd), to(#aaa));
	background-image: -webkit-linear-gradient(top, #ddd, #aaa);
	background-image: -moz-linear-gradient(top, #ddd, #aaa);
	background-image: -ms-linear-gradient(top, #ddd, #aaa);
	background-image: -o-linear-gradient(top, #ddd, #aaa);
	background-image: linear-gradient(top, #ddd, #aaa);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ddd', endColorstr='#aaa',GradientType=0 ); /* IE6-9 */
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);

	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0px 1px 2px rgba(0, 0, 0, 0.2);
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;

	text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.8);

}

.abox {
	padding: 10px 0px 10px 5px;
	border:solid 2px #ff0000;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.next {
	margin-top: 10px;
	vertical-align:-8px;
	width:145px;
	height:33px;
}

/* 答え */
div.kotae{
	width: 254px;
	height: 70px;
	background: url(img/banner/botan-red.jpg);
	line-height: 20px;
	font-weight: bolder;
	margin: 0 auto;
}
a.kotae {
	display: block;
	width: 254px;
	height: 70px;
	font-size: 28px;
	color: #ffffff;
	text-align: center;
	padding-top: 20px;
	margin-top:10px;
	line-height:100%;
}
div.kotaebody{
	font-size: 24px;
	font-weight: bolder;
	display:none;
}

/* ボタン */
.button {
	min-width:200px;
	display:inline-block;
	margin:0 auto;
	margin:5px 0;
	font-size:16px;
	padding:3px;
	background:#ccccff;
	border-radius: 6px;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border: 2px solid;
	border-color:#90ccd1 #333333 #333333 #90ccd1;
}

 /* トップの新着 */
.up {
	list-style-type:none;
	font-size:16px;
	font-weight:bolder;
	text-align:left;
	width:310px;
	margin: 0 auto;
	padding:0;
}
.up li {
	margin:0;
	padding:0;
	height:26px;

}
.up li span{
	font-size:14px;
}


 /* 広告 */
.ad_header {
	margin: 5px 0;
	height:50px;
}
.home_menu_ad {
	margin:5px 0;
}


 /* インフォリンク */
#info {
	list-style-type:none;
	margin: 0 auto;
	font-size:16px;
}
#info li {height:40px;  text-align:left;}
#info img {
	vertical-align:-2px;
	margin-right:5px;
	width: 20px;
	height: 20px;
}

.center{text-align:center;}

IMG {border-width:0px}
IMG.botan{vertical-align:-2px;  margin-right:5px;}
IMG.hatena{vertical-align:-10px;  margin-right:5px;}
IMG.h{vertical-align:-6px;} 

/* 広告*/
.ad_question_under{
	margin-top:5px;
}

/* グローバルメニュー */
.quiz_link{
	width:96%;
	max-width:600px;
	box-sizing: border-box;
	margin: 0 auto;
	text-align: left;
	background:#059dfc;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	background:-moz-linear-gradient(top, #059dfc, #6666ff);
	background:-webkit-gradient(linear, left top, left bottom, from(#059dfc), to(#6666ff));
	background: linear-gradient(to bottom, #059dfc, #6666ff);
}
.quiz_link h3{
	width:100%;
	margin: 0 auto;
	color:#eeffee;
	padding-top:10px;
	padding-left:5px;
	border:1px #eeffee solid;
	border-top:none;
	border-right:none;
}
.quiz_link a, .quiz_link span{
	font-weight: bold;
	color:#eeffee;
	float:left;
	box-sizing: border-box;
	display:block;
	width:25%;
	height:50px;
	font-size:16px;
	padding:10px 5px 5px 5px;	
	margin:0 auto;
	border:1px #eeffee solid;
	border-top:none;
	border-right:none;
}
.quiz_link img{
	width:32px;
	height:32px;
	vertical-align:-6px;
	margin-right:5px;
}

.quiz_link a,span{
	width:50%;
}
.quiz_link span{
	display:none;
}