BODY {
	color:#003300;
	margin:0;
	text-align:center;
	overflow-x :hidden;
	line-height:150%;
	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:underline;
}
/*--------------------------------------
  文字の大きさ
--------------------------------------*/
.small{
	font-size:14px;
	line-height:130%;
}

/*--------------------------------------
  ULのデフォルト
--------------------------------------*/
ul, li{
	list-style-type:none;
	padding:0;
	margin:0;
}

#top	{width:100%;  margin:0px  background-color:#ffffff;}
#top img {	width:100%; 
		max-width:728px;
		min-width:320px;
}
h1{
	margin:0;
}

/*メニューバー*/
.bbs-menu{
	width:100%;
	height:48px;
	background-color:#ccffcc;
	margin:0 auto;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
	border-top:1px #009900 solid;
	border-bottom:1px #009900 solid;
}

.bbs-h2-cell{
	width:100%;
	max-width:728px;
	min-width:320px;
	margin:0 auto;
	line-height:150%;
	background-color:#ccffcc;
	margin-top:6px;
	font-size:20px;
	text-align:left;
}
.bbs-menu-cell {
	width:24.5%;
	font-size:18px;
	float:left;
	display:block;
	border: 2px #00cc00 solid;
	box-sizing:border-box;
	text-align:center;
	margin-right:0.5%;
	font-weight: bold;
	background:#090;	/* デフォルト */
	background:-moz-linear-gradient(top, #9c9, #090);	/* Safari,Chrome */
	background:-webkit-gradient(linear, left top, left bottom, from(#9c9), to(#090));/* Firefox */
	background: linear-gradient(to bottom, #9c9, #090);	/* ie10 */
}

/*--------------------------------------
  パンくずリスト
--------------------------------------*/
.pan{
	width: 90%;
	margin:0 auto;
	text-align: left;
	max-width:720px;
}


.rtop2		{
	width:200px;
	font-size:20px;
	display:block;
	border:2px #00cc00 solid;
	text-align:center;
	margin:5px auto;
	padding:5px; 0;
	box-sizing:border-box;
	background:#090;
	background:-moz-linear-gradient(top, #9c9, #090);
	background:-webkit-gradient(linear, left top, left bottom, from(#9c9), to(#090));
	background: linear-gradient(to bottom, #9c9, #090);
}
.rtop2:link,visited,active,hover{text-decoration:none;  font-weight:900;}

/*掲示板デザイン*/
#bbs {
	width:100%;
	max-width:728px;
	min-width:320px;
	margin:0 auto;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border: 2px #009900 solid;
	box-sizing:border-box;
}

.bbs-title {
	text-align:center;
	width:100%;
	height:32px;
	border-bottom:1px #009900 solid;
	line-height:150%;
	color:#ffffff;
	font-size:20px;
	font-weight:900;
	background:#090;	/* デフォルト */
	background:-moz-linear-gradient(top, #9c9, #090);	/* Safari,Chrome */
	background:-webkit-gradient(linear, left top, left bottom, from(#9c9), to(#090));/* Firefox */
	background: linear-gradient(to bottom, #9c9, #090);	/* ie10 */
	border-top-left-radius: 8px;		/* CSS3 */
	border-top-right-radius: 8px;
	-webkit-border-top-left-radius: 8px;	/* Safari,Chrome */
	-webkit-border-top-right-radius: 8px;
	-moz-border-radius-topleft: 8px;	/* Firefox */
	-moz-border-radius-topright: 8px;
}

h3 {text-align:center;  width:100%;  height:32px;  border-bottom:1px #009900 solid;  line-height:150%;  color:#ffffff;  font-size:20px;
		background:#090;	/* デフォルト */
		background:-moz-linear-gradient(top, #9c9, #090);	/* Safari,Chrome */
		background:-webkit-gradient(linear, left top, left bottom, from(#9c9), to(#090));/* Firefox */
		background: linear-gradient(to bottom, #9c9, #090);	/* ie10 */
}

a.post:link,visited,active{text-decoration:none;  display:block;  width:100%;  text-align:left;}
a.post:hover{background:#ccffcc;}
.bbs-post  {padding:0 2%; color:#333333;  border-top:1px #ffffff solid;  border-bottom:1px #009900 solid;}
.topic {font-size:20px;  width:90%;  color:#006666;}

.bbs-post-cont  {padding:0px 10px;  color:#333333;  text-align:left;}
.topic-answer  {padding:3px;  font-size:20px;  border-bottom:1px #666666 solid;  color:#666666;  text-align:left;}
.answer  {padding:3px;  font-size:16px;  border:1px #00cc00 solid;  color:#333333;  text-align:left;
	border-radius: 3px;         /* CSS3 */
	-moz-border-radius: 3px;    /* Firefox */
	-webkit-border-radius: 3px; /* Safari,Chrome */;
	background:#ccffcc;	/* デフォルト */
	background:-moz-linear-gradient(top, #99cc99, #ccffcc);	/* Safari,Chrome */
	background:-webkit-gradient(linear, left top, left bottom, from(#99cc99), to(#ccffcc));/* Firefox */
	background: linear-gradient(to bottom, #99cc99, #ccffcc);	/* ie10 */
}


.topic-cont  {font-size:18px;  width:100%;}

.bold  {font-size:18px;  color:#339933;}
.sm {font-size:14px}
.name {color:#0000ff;}

/*記事内のオートリンク*/
.autolink  {font-size:14px; display:inline;}

/*解答ボタン*/
.kotae {float:left;  display:block;  width:145px;  height:40px;  background:url(https://nazo2.cloud/img/banner/answer.png);  text-align:center;  text-decoration:none;  margin:5px 5px;}
.item  {display:block;  color:#ffffff;  font-weight:900;  font-size:20px;  line-height:180%;}

.sbox  {float:left;  height:40px;  width:120px;  margin:5px 5px;  padding-top:5px}
.ninja_onebutton  {margin:5px 5px;}

/*ページ移動ボタン*/
.page-btn	{margin:4px 0;  font-size:22px;}
.pg-on		{margin:4px;  font-weight:900;}
.pg-off		{margin:4px}


/*サイドバーのデザイン*/
#side {display:none;}


/*フォームのデザイン*/
.form  {
	width:98%;
	max-width:728px;
	min-width:310px;
	margin:0 auto;
	text-align:left;
	color:#000099;
}
.form-item  {margin-bottom:5px}
.form-mail  {display:none;}
input.box1 {width:300px;}
textarea.box2 {width:100%;}
input.box3 {height:30px;  width:100px;}
input.box4 {height:20px;  width:100%;}

/*ヘッダーのリンク*/
.headlink	{line-height:150%;  padding:8px 0;  text-align:left;  font-size:20px;  width:312px;  margin:0 auto;}

p{width:95%;}
.red{color:red;}
.center{text-align:center;}

/*レスポンシブimg*/
.imgre {	width:98%; 
		max-width:728px;
		min-width:320px;
}

img.smile {margin:1px 2px;  height:20px;}
img.botan{vertical-align:-2px;  margin-right:5px;}
img.cursor{vertical-align:-5px;  margin:2px;}
img.hatena32{vertical-align:-5px;  margin-right:5px;}
img.y{vertical-align:-2px;}

/*--------------------------------------
  検索タグ
--------------------------------------*/

.find_word{
	width:100%;
	max-width:728px;
	min-width:320px;
	margin:0 auto;
	text-align: left;
}
.find_word a{
	font-size:16px;
	font-weight: bold;
	padding: 6px 6px;
	background-color: #009900;
	color: #dddddd;
	margin:0 2px 5px 2px;
	box-shadow: 2px 2px 3px 1px #666;
	-moz-box-shadow: 2px 2px 3px 1px #666;
	-webkit-box-shadow: 2px 2px 3px 1px #666;
	text-shadow: 1px 1px 2px #000;
	float:left;
	display :block;
}

.find_word a:hover {
	background-color: #99cc99;
	color: #fff;
}

/*--------------------------------------
  広告
--------------------------------------*/
.header_ad, .footer_ad{
	max-width:728px;
	margin: 0 auto;
	margin-bottom:7px;
	line-height:100%;
	color:#666666;
	font-size:14px;
}
.footer_ad{
	margin-top:7px;
	margin-bottom:10px;
}


HR {border:1;  height: 1px;  background: #009900;}
hr.bbs {border: 0;  height: 1px;  background: #009900;  margin:0}

/*--------------------------------------
　フッターリンク
--------------------------------------*/
#info {
	width:90%;
	max-width:640px;
	min-width:310px;
	margin:0 auto;
}
#info li {
	float:left;
	width:25%;
	line-height:130%;
	text-align:center;
	height:35px;
	font-size:14px;
	padding:8px 5px 0 5px;	
	background-color:#33cc33;
	box-sizing:border-box;
	border-bottom:1px #cccccc solid;
	border-right:1px #cccccc solid;
}
#info li a {
	color:#ffffff;
}
/*--------------------------------------
　コピーライト
--------------------------------------*/
.copyright {
	font-size:16px;
	margin-top:10px;
}
.copyright a{
	color:#333333;
}
.copyright img{
	width:20px;
	height:20px;
	margin-right:4px;
	vertical-align:-2px;
}
.copyright hr{
	margin:10px 0;
}
/*--------------------------------------
　広告
--------------------------------------*/
.ad_infeed{
	border-bottom:1px #009900 solid;
}

@media screen and (max-width: 640px){

.page-btn	{font-size:20px;}
.pg-on		{margin:3px;  font-weight:900;}
.pg-off		{margin:3px}

.mbbr{
	display:block;
}

#info li {
	width:50%;
}
}