@charset "utf-8";
/* CSS Document */

*  {
	padding : 0px;
	margin : 0px;
	color: #30BDC9;
}

#site-box {
	width : 802px;
	margin : 5px auto;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
}

#a-box {
	padding: 20px;
	border-bottom-width: 1px;
	border-bottom-style: none;
}

#b-box {
	float: right;
	margin: 0px;
	right: 0px;
	top: 0px;
	bottom: 0px;
	font-family: "A-OTF 見出ゴMB31 Pro MB31";
	padding: 0px;
	width: 600px;
	letter-spacing: 2px;
	color: #663300;
	font-size: 14px;
}

#c-box {
	float: left;
	width: 200px;
	font-size: 12px;
	font-family: "Century Gothic";
	text-align: left;
	letter-spacing: 1px;
	color: #3CC;
}

#d-box {
	clear: both;
	font-size: 9px;
	text-align: center;
	font-family: "Century Gothic";
	color: #666;
	right: 0px;
	bottom: 0px;
	left: 0px;
	margin-top: 0px;
	top: 0px;
	width: 800px;
	padding: 0px;
	
}

h1 {
          font-size: 22px;
}

h2 {
	font-size: 14px;
	padding: 10px;
	margin: 5px;
	font-family: "A-OTF 中ゴシックBBB Pro Medium";
	color: #666;
}

h3 {
	font-size: 15px;
	color:#724816;
	margin: 5px;
}

p {
	font-size: 14px;
	margin: 30px;
	font-family: "A-OTF 中ゴシックBBB Pro Medium";
	color: #666;
	line-height: 130%;
}

ul {
          padding : 10px 5px 10px 30px;
} 

.category {
	font-size: 20px;
	padding-top: 15px;
	padding-right: 5px;
	padding-bottom: 15px;
	padding-left: 5px;
	font-family: "Century Gothic";
	text-align: justify;
	margin: 0px;
}
ul.thumbnail 
{ list-style-type: none; }
ul.thumbnail li {
 float: left;
 margin: 0 5px 5px 0;
}
ul.thumbnail li img {
 border: 2px solid #bbb;
 width: 120px;
 height: 90px;
}
ul.thumbnail li a { display: block; }

ul.thumbzoom {
 list-style-type: none;
}
ul.thumbzoom li {
 float: left;
 margin: 0 20px 20px 0;
}
ul.thumbzoom a {
 display: block;
 width: 100px;
 height: 80px;
 overflow: hidden;
 position: relative;
 z-index: 1;
}
ul.thumbzoom a img {
 position: absolute;
 top: -70px;
 left: -40px;
}
ul.thumbzoom a:hover {
 overflow: visible;
 z-index: 2;
}
ul.thumbzoom a:hover img {
 width: 450px;
 height: 173px;
}

.clearfix:after {
 content: ".";
 display: block;
 height: 0;
 line-height: 0;
 clear: both;
 visibility: hidden;
}
.clearfix { display: inline-block; }

/* MacIE用 */
*+html .clearfix { height: 1%; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
#c-box .category a {
	font-family: "Century Gothic";
	font-weight: normal;
}
#b-box h2 a {
	font-family: "Century Gothic";
}