/****ｻｲﾄｻｲｽﾞ********/
body {
	margin: 0px;
	text-align: center;
	background-color: #F3F3F3;
	font-size: 12px;
	color: #444444;
	background-repeat: repeat;
	background-image: url("/img/back.gif");
	
}
div.frame {
	width: 900px;
	hight: 100%;
	margin-left: 6px ;
	border-left: solid 2px #DDDDDD;
	border-right: solid 2px #DDDDDD;
	background-color: #FFFFFF;
	padding-left: 6px;
	padding-right: 6px;
}
.frame div{
	background-repeat: no-repeat;
}
img {
	border: none;
}
/****配色**********/
a {
	color: black;
	text-decoration: none;
}
a:visited{ 
	color: #333333;
} 
a:hover{
	color:blue; 
}
input.ro{
	color: blue;
	background-color:#DDDDDD;
}
/****ﾚｲｱｳﾄﾊﾟｰﾂ******/

div.head {
	height: 40px;
	width: 100%;
	border-bottom: solid 2px black;
	text-align: right; 
}
	.head div.logo{
		float: left;
	}
	.head h1{
		float: right;
	}
div.image {
	clear: both;
	height: 100px;
	background-color: #00FFCC;
	background-image: url("/img/top.jpg");
	border-top: solid 4px #DDDDDD;
	border-bottom: solid 4px #DDDDDD;
	text-align: center; 
}
div.body {
	margin-top: 10px;
}
	div.left {
		float: left;
		width: 200px;
	}
		div.box{
			border: solid 1px black;
			padding: 10px 3px 10px;
			margin-bottom: 10px;
		}
			.boxth{
				background-color: #DDDDDD;
				border-top: solid 1px #00FFCC;
				border-bottom: solid 1px #00FFCC;
				margin-bottom: 10px;
				text-align:center; 
				line-height: 150%
			}
				.boxth div{
					/*color: #00AA99;*/
					color: #009999;
					width: 100%;
					filter:dropshadow(color=white,offx=2,offy=2);
				}
			.boxtr{
				line-height: 150%;
				text-align: left; 
				margin:8px; 
			}
				.boxtr div{
					margin-top:3px; 
					padding-left:20px; 
					background-color: #F0F0F0;
				}
				.boxtr div.up{
					padding-left:3px; 
					border-bottom: solid 1px #CCCCCC;
				}
				.boxtr div.now{
					padding-left:3px; 
					border: solid 1px pink;
				}
				.boxtr div:hover{
					background-color: #F0FFFF;
				}
					.boxtr div font {
						color: #FF33AA; 
					}
			.boxtrc{
				text-align: center; 
				margin:8px; 
				padding-bottom:3px; 
			}
				.boxtrc font{
					background-color: #DDFFFF;
				}

	div.center {
		float: left;
		width: 500px;
		margin-left:5px; 
		margin-right:5px; 
	}
		div.campaign{
			margin-bottom: 10px;
		}
			.campaign img{
				margin-bottom: 5px;
			}
		div.center_block{
			margin-bottom: 10px;
		}
			.center_block .td{
				float: left;
				height: 100%;
				width: 120px;
				border: solid 1px #000000;
				margin:1px; 
			}
				div.td div.gname{
					margin: 0px 4px 4px; 
					text-align: left; 
					height: 45px;
					background-color: #F0F0F0;
				}
				div.td div.gname:hover{
					background-color: #F0FFFF;
				}
					.center_block div.td img{
						width: 120px;
						height: 120px;
					}
					.center_block div.td .blank{
						width: 120px;
						height: 120px;
					}
			.center_block div.gdrow{
				/*clear:both;*/
			}
			.center_block p{
				clear:both;
				margin: 0px; 
				text-align: center; 
			}

			.center .box .boxtr div{
				text-align: left; 
				margin:3px; 
				padding-left:10px; 
				background-color: #F0F0F0;
			}
				.center .box .boxtr div:hover{
					background-color: #F0FFFF;
				}
			
				.center .box .boxtr img{
					border: none;
					width: 30px;
					height: 30px;
				}
			.center .box .price{
				margin-bottom:10px; 
			}
			.center .box .price .prctr{
				text-align: left; 
				margin:3px; 
				padding-left:10px; 
				background-color: #F0F0F0;
			}
				.center .box .price .prctr:hover{
					background-color: #F0FFFF;
				}
					.td1{
						color: red;
						font-weight: bold;
						margin-right: 5px; 
					}
					.td3{
						clear: both;
						font-size:xx-small;
						width: 100%;
					}
					.td4{
						float: left;
						font-size:small;
						width: 330px;
					}
					.td5{
						color: green;
						text-align: right; 
						font-size:x-small;
						width: 80px;
					}

			.center div.detail{
				margin: 0px; 
				text-align: center; 
			}
				.center div.detail div.gdtl{
					/*clear: both;*/
				}
					.center div.detail div.spec_area{
						width:125px;
						float: left;
					}
					.center .detail div.pic{
						width:240;
						float: left;
					}
						.center .detail .spec_area div{
							margin: 0px; 
							padding: 0px;
							width:100%;
							background-color: #F0F0F0;
						}
				.center div.detail p{
					clear: both;
				}
			
		.center .iblank{
			width: 240px;
			height: 240px;
		}

	div.right {
		float: left;
		width: 190px;
		background-color: #FFFFFF;
		/*clear:both;*/
	}

div.foot {
	clear:both;
	background-color: #DDDDDD;
	text-align: center; 
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: solid 2px black;
}
	div.foot a {
		color: #666666;
	}

/****標準要素*******************************/
p {
	margin: 2px;
	padding: 0px;
	line-height: 16px;
}
h1 {
	padding-top:10px;
	color: #AAAAAA;
	text-align: right; 
	font-size: 10px;
	font-weight: normal;
	margin-bottom:3px;
}
h2 {
	padding-top:1px;
	color: #AAAAAA;
	text-align: right; 
	font-size: 10px;
	font-weight: normal;
	margin-bottom:1px;
}

div.copy {
	clear: both;
/*	width: 750px; */
	height: 50px;
	background-color: #0000CC;
	text-align: center; 
/*	margin-left: 40px;*/
}
span.copyright {
	color: #666666;
/*	left: -20px; */
	letter-spacing: 0.1em
}
form {
	margin-top:0px;
/*	margin-left:180px;*/
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
}