@charset "utf-8";

/* ------------------------------- グローバルメニュー ------------------------------- */

.home a{
	width: 80px;
	background-image: url(../../img/home-2.gif);
}

.suckertreemenu ul li.douga a{
	width: 160px;
	background-image: url(../../img/douga-2.gif);
}

.suckertreemenu ul li.surfnews a{
	width: 160px;
	background-image: url(../../img/news-1.gif);
}

.suckertreemenu ul li.shop a{
	width: 160px;
	background-image: url(../../img/shop-2.gif);
}

.nami a{
	width: 80px;
	background-image: url(../../img/nami-2.gif);
}

.suckertreemenu ul li.sanka a{
	width: 80px;
	background-image: url(../../img/sanka-2.gif);
}

.suckertreemenu ul li.sagasu a{
	width: 80px;
	background-image: url(../../img/sagasu-2.gif);
}

.suckertreemenu ul li.shiru a{
	width: 80px;
	background-image: url(../../img/siru-2.gif);
}

.suckertreemenu ul li.question a{
	width: 80px;
	background-image: url(../../img/q-a-1.gif);
}

/* ------------------------------- メインエリア ---------------------------- */

#main{
	width: 750px;
	margin-left: 10px;
	padding-top: 50px;
	background: url(../../img/bg-top.gif) no-repeat;
	float: left;
}

	#bg-1{
		width: 750px;
		margin-bottom: 0px;
		background: url(../../img/bg-middle.gif) repeat-y;
		overflow: hidden;
	}

		.box1{
			margin-left: 30px;
		}

		#top{
			width: 695px;
			margin: 10px 0 0 30px;
		}

			h2{
				margin: 10px 0;
				font-size: 16px;
				color: #993300;
			}

			blockquote{
				width: 630px;
				border: 1px solid #666666;
				padding: 0px;
				margin: 0 0 10px 30px;
			}

				p.quoteS{
					display: block;
					background: url(../../img/quoteS.gif) no-repeat scroll top left;
					margin: 0px;
					padding: 10px 35px 10px 35px;
				}

					p.quoteE{
						display: block;
						text-align: right;
						background: url(../../img/quoteE.gif) no-repeat scroll bottom right;
						padding: 10px 35px 10px 35px;
						margin: 0px;
					}

			table{
				width: 600px;
				border: 1px solid #999999;
			}

				td,
				td.color{
						padding: 4px;
						text-align: center;
						border-bottom: 1px solid #999999;
						border-right: 1px solid #999999;
				}

				tr.color{
						background-color: #F4FFFF;
				}

			table.heat{
				width: 400px;
				border: 1px solid #999999;
			}

				td.r{
						background-color: #FF0000;
				}

				td.w{
						background-color: #FFFFFF;
				}

				td.y{
						background-color: #FFFF00;
				}

				td.b{
						background-color: #0000FF;
				}

			#top p img{
				margin: 0 10px 10px 0;
				float: left;
			}

			h3{
				margin: 10px 0 10px;
				font-size: 16px;
				color: #993300;
			}

			#top p{
				margin:;
			}

		p.textRight{
			text-align: right;
		}

		p.pageLink{
			clear: both;
			margin: 30px 0 0;
			padding-top: 5px;
			line-height: 200%;
			border-top: 2px solid #996600;
			text-align: center;
		}

			p.pageLink a{
				font-size: 12px;
			}

		.nextLink{
			padding: 10px 10px 10px 20px;
			font-size: 14px;
			color: #CC3300;
			border: 1px solid #996600;
			background-color: #F6F6F6;
		}

			.nextLink a{
				padding: 0 0 0 20px;
				font-size: 12px;
			}

		.button{
			width: 200px;
			height: 20px;
			text-align: center;
			font-size: 16px;
			border: 1px solid #996600;
			background-color: #CCCCCC;
			float: right;
		}

			#top object{
				clear: both;
				margin: 0 0 0 10px;
			}

				#top p.rule{
					margin: 0 0 0 30px;
				}

	#container{
				width: 695px;
				margin: 10px 0 0 30px;
	}

		.box{
			clear: both;
			margin: 0 0 20px 20px;
			overflow: hidden;
		}
		/* -- for IE6 ------------------------------- */
			*html .box{
				padding-bottom: 20px;
			}
		/* -- end ------------------------------- */

			.box p.box2{
				width: 115px;
				height: 81px;
				margin-right: 10px;
				padding: 3px 3px 10px 3px;
				border: 1px solid #333333;
				float: left;
			}

			.box h3{
				margin: 0;
				font-size: 18px;
				color: #993300;
			}

				span.fontS{
					font-size: 14px;
				}

				span.fontC{
					color: #006600;
				}

		hr{
			margin: 20px 0;
			border-color: #993300;
		}

/*
#container p{
	margin: 10px;
}

.photo{
	width: 238px;
	border: 1px solid #666666;
	float: left;
}

#container ul{
	margin: 10px;
}

.photo p img{
	margin: 10px 10px 40px;
}
*/

.back{
	width: 100px;
	height: 20px;
	text-align: center;
	font-size: 16px;
	border: 1px solid #996600;
	background-color: #CCCCCC;
	float: right;
}

#box{
	clear: both;
	padding: 30px 0 0 4px;
}

	#box p{
		width: 223px;
		margin: 0 5px 20px 0;
		border: 1px solid #999999;
		background-color: #f8f4e6;
		text-align: center;
		float: left;
	}


#bg-1 div.bg{
	margin: 30px 0 0 0;
	height: 50px;
	padding-right: 30px;
	text-align: right;
	background: url(../../img/bg-bottom.gif) no-repeat bottom;
	clear: both;
}

/* ------------------------------- for IE6 ------------------------------- */

*html #main{
	display: inline;
}