@charset "UTF-8";

#products {width:992px;border:solid 0px red;margin:auto;overflow: hidden;}
#products img{font-size:14px;border:solid 1px #ccc ;}

#products h1 {font-size:26px;font-weight:normal;margin:10px 0 10px 0 ;color:#111;padding:0;border:none;text-align:left;}
#products h1 img{border:none;}
#products h2{font-size:14px;font-weight:bold;color:#111;magrin:8px 0 0 0 ;}
#products p{margin:10px 0 0 0;padding:0;}
#products a{color:#111;}

table{width:430px;margin:20px 0 20px 0 ;border-top:1px solid #ccc;border-left:1px solid #ccc;border-collapse:collapse;border-spacing:0;background-color:#fff;empty-cells:show;font-family:"Lucida Grande", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Geneva, Arial, Verdana, sans-serif;line-height:1.25em;font-size:12px; color:#777;line-height:1.5em;}
td{border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:6px;}
th{width:90px;border-right:1px solid #ccc;border-bottom:1px solid #ccc;padding:6px;text-align:center;font-weight:normal;background:#f5f5f5;}

.col {width:960px;margin:auto;clear:both;overflow: hidden;margin-bottom:10px;margin-left:16px;
background-image:url(../img/box_bg2.png) ;background-repeat:no-repeat;background-position:left top;}

.col1 {width:960px;margin:0 0 16px 0;clear:both;border:solid 1px #ccc;overflow: hidden;margin-left:16px;background:#fcfcfc;
border-radius: 6px;
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
behavior: url(border-radius.htc);}

.left-col1{width:440px;float:left;margin:0;padding:8px 0px 20px 20px;}
.right-col1{width:440px;float:right;margin:0;padding:8px 20px 20px 0px;}


.col2 {width:960px;margin:auto;clear:both;border:solid 0px green;overflow: hidden;margin-left:16px;
background-image:url(../img/box_bg3.png) ;background-repeat:no-repeat;background-position:left top;}

.left-col{width:440px;float:left;margin:0;
padding:8px 0px 8px 20px;
min-height:275px;
height: auto !important;
height: 275px;}

.right-col{width:440px;float:right;margin:0;
padding:8px 20px 8px 0px;
min-height:275px;
height: auto !important;
height: 275px;}

.left-col2{width:440px;float:left;margin:0;
padding:8px 0px 0px 20px;
min-height:180px;
height: auto !important;
height: 180px;}

.right-col2{width:440px;float:right;margin:0;
padding:8px 20px 0px 0px;
min-height:180px;
height: auto !important;
height: 180px;}

.date {font-size:12px;color:#777;margin:0 0 6px 0;padding:0;border-bottom:solid 0px #ccc;}

#page-navi {
	text-align:center;
	margin:0px 0px 10px 415px;
	overflow:hidden;
	border:solid 0 red;
}

#page-navi ul {
	margin:0;
	padding:0;
	font-size:12px;
}

#page-navi li {
	list-style-type:none;
	float:left;
	border-left:solid 1px #ccc;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	width:100px;
	background:#111;
	color:#fff;
}

#page-navi li a {
	display:block;
	background:#f5f5f5;
	color:#111;
}

#page-navi li a:hover {
	background:#111;
	color:#fff;
}

#page-navi li.last {
	border:solid 1px #ccc;
	width:100px;
}

#page-navi2011 {
	text-align:center;
	margin:0px 0px 10px 294px;
	overflow:hidden;
	border:solid 0 red;
}

#page-navi2011 ul {
	margin:0;
	padding:0;
	font-size:12px;
}

#page-navi2011 li {
	list-style-type:none;
	float:left;
	border-left:solid 1px #ccc;
	border-top:solid 1px #ccc;
	border-bottom:solid 1px #ccc;
	width:100px;
	background:#111;
	color:#fff;
}

#page-navi2011 li a {
	display:block;
	background:#f5f5f5;
	color:#111;
}

#page-navi2011 li a:hover {
	background:#111;
	color:#fff;
}

#page-navi2011 li.last {
	border:solid 1px #ccc;
	width:100px;
}


.apple_overlay {
	
	/* initially overlay is hidden */
	display:none;
	
	/* growing background image */
	background-image:url(../img/white.png);
	
	/* 
		width after the growing animation finishes
		height is automatically calculated
	*/
	width:640px;
	height:341px;	
	
	/* some padding to layout nested elements nicely  */
	padding:35px;

	/* a little styling */	
	font-size:11px;
}

/* default close button positioned on upper right corner */
.apple_overlay .close {
	background-image:url(../img/close.png);
	position:absolute; right:5px; top:5px;
	cursor:pointer;
	height:35px;
	width:35px;
}

/* black version of the overlay. simply uses a different background image */
	div.apple_overlay.black {
		background-image:url(../img/transparent.png);		
		color:#fff;
	}
	
	div.apple_overlay h2 {
		margin:10px 0 -9px 0;
		font-weight:bold;
		font-size:14px;
		color:#fff;
	}
	
	div.black h2 {
		color:#fff;
	}
	
	#triggers {
		margin-top:10px;
		text-align:center;
	}
	
	#triggers img {
		background-color:#fff;
		padding:2px;
		border:1px solid #ccc;
		margin:2px 5px;
		cursor:pointer;
	}