@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-2.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-2.gif);
}

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

#main{
	width: 750px;
	margin-left: 10px;
	padding-top: 40px;
	background: url(../../img/bg-top.gif) no-repeat top;
	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: 700px;
			margin: 0px 0px 20px 30px;
			padding: 10px 0px 0px;
		}

			#top h2{
				margin: 0;
				font-size: 14px;
				color: #993300;
			}

			#contentBox1{
				width: 690px;
				overflow: hidden;
			}

				div.linkBox1,
				div.linkBox2{
					clear: both;
					width: 690px;
					margin: 15px 0 20px;
					padding-bottom: 5px;
					background: url(../../newImg/newsBg.gif) no-repeat bottom;
					overflow: hidden;
				}

					p.photoBoxW,
					p.photoBoxH{
						width: 96px;
						margin: 0 10px 0 0;
						padding: 2px 2px 5px;
						border: 1px solid #333;
						background-color: #FFF;
						float: left;
					}

						p.photoBoxH{
							width: 72px;
							margin: 0 22px 0 12px;
						}
						/* -- forIE6 ------------------------------- */
							*html p.photoBoxH{
								display: inline;
							}
							/* -- end ------------------------------- */

					div.linkBox1 h3,
					div.linkBox2 h3{
						width: 574px;
						margin-bottom: 0;
						font-size: 16px;
						line-height: 115%;
						color: #990033;
						border-bottom: 2px solid #6D9AB7;
						float: left;
					}

					div.linkBox2 h3{
						margin-bottom: 5px;
					}

					p.category{
						width: 574px;
						font-size: 10px;
						color: #FF8A3C;
						text-align: right;
						float: left;
					}

						span.case a{
							margin-left: 20px;
							font-size: 10px;
						}

			p.linkMore{
				clear: both;
				margin: 5px 20px 5px 0;
				font-size: 12px;
				text-align: right;
			}

				p.linkMore a{
					font-size: 12px;
				}
		#box{
			clear: both;
			margin:0 0 20px 70px;
		}

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

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

/* --.contentsBox ------------------------------- */
.contentsBox{
	clear: both;
	width: 690px;
	margin: 15px 0 10px;
	padding-bottom: 5px;
	overflow: hidden;
}

	.contentsBox h3{
		margin-bottom: 10px;
		font-size: 14px;
		color: #003300;
	}

	.contentsBox p{
		margin-bottom: 30px;
	}

	.photoBox{
		width: 224px;
		margin: 0 25px 0 0;
		float: left;
	}

		.photoBox p{
			margin-bottom: 0;
		}

		.photo{
			width: 224px;
			margin-bottom: 15px;
			padding: 5px 5px 0;
			border: 1px solid #999;
			background-color: #FFF;
		}

		.photo2{
			width: 168px;
			margin: 0 auto 15px;
			padding: 5px 5px 0;
			border: 1px solid #999;
			background-color: #FFF;
		}

			p.caption{
				text-align: right;
			}

			p.photoClick{
				text-align: right;
				font-size: 9px;
			}

		p.back{
			clear: both;
			text-align: center;
			padding: 0 10px 20px;
		}

		p.back span{
				margin: 3px;
				padding: 0 5px;
				border: 1px solid #E60033;
				background-color: #CCFFFF;
		}

			p.back a{
				margin: 3px;
				padding: 0 5px;
				border: 1px solid #E60033;
				background-color: #F6F6F6;
			}


/* ------------------------------- IE7対策 ------------------------------- */

*+html #box ul{
	margin: 0 5px -15px 8px;
}

*+html #box ul.d2{
	width: 305px;
	margin: 0px 5px 10px 20px;
}

/* ------------------------------- IE6対策 ------------------------------- */

*html #main{
	margin-left: 5px;
}

*html #box ul{
	margin: 0 5px -15px 7px;
}

*html #box ul.d2{
	width: 305px;
	margin: 0px 5px 10px 10px;
}