@charset "utf-8";
/* CSS Document */
#Gallery > ul > li.one > a > img{
box-shadow:none;
}

.dataset{

background-repeat:no-repeat;
height:435px;
}

.form_block{
margin-top:250px;
margin-left:400px;
}

.t1{
margin-bottom:0px;
line-height:0%;
}
.t2{
margin-left:300px;
}


th >img{
margin-right:10px;
}

.zaiko,.kakaku{
margin:6px 0 ;
display:inline;
}
.kakaku{
color:#FF0000;
}
.buy{
font-size:10px;
}


/* CSS Document */
#feature h1
{
  font-size:26px;
}


	article{
	margin-bottom:30px;
	background-color:#FFFFFF;
	padding:20px;
	border:2px solid #1871B8;
	border-radius:4px;
	}
	
	
article > h1{
	margin:-20px -20px 10px -20px;
	padding:12px 10px;
	border-left:5px solid #1871B8;
	background: #1D8ADE;
	color:#FFF;

}


article h3{
	margin:0;
	padding:8px 10px;
	border-left:5px solid #1871B8;
	background: #1D8ADE;
	color:#FFF;
	font-weight:bold;
	font-size:24px;
}


 article > p{
margin-top:20px;
}

.h2_midashi {
	background:#003399;
	margin:0 0 30px 0;
	padding:12px 10px;
	color:#FFF;

	position:relative;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;


	}
 
.h2_midashi:before {
	content: ' ';
	position: absolute;
	z-index: 2;
	width: 0;
	height: 0;
	left: 14px;
	bottom: -27px;
	background: transparent;
	border-color: #003399 transparent transparent transparent ;
	border-style:solid;
	border-width:15px;
	}
	
	 h1.h2_midashi > small{
		color:#FFFF00;
		}
		
		 div#bf > article > h1{
	color:#FFFF00;
	}
		
 div#bf > article > h1 > small{
	color:#FFFFCC;
	}
		
#bf > article > h1 > span.badge{
font-size: 24px;
line-height: 120%;
}

#bf > article > h1 > span.badge.badge-important{
background-color:#FFCC00;
}

.eng{
font-size:9px;
}
table{
background-color:#FFFFFF;
}
article img{
max-width:100%;
}
.one{
display:inline-block;
background-color:#FFFFFF;
float:left;
margin:0 10px 10px 0;
text-align:center;
width:210px;
border:2px solid #ddd;
border-radius:4px;
}
.one > a > img{
width:100%;
}
.one > a > p{
font-size:12px;
margin-bottom:3px;
}
.one > a > h2{
font-size:16px;
font-weight:bold;
margin:3px 0;
}


#Gallery > ul {
margin:0;
padding:0;
}

 span.color_names{
	min-width:300px;
	display:inline-block;
	}


}
@media (max-width:781px){
.one{
width:30%;
margin:0 1% 1% 0;
}

.one > a > p{
font-size:8px;
}
.one > a > h2{
font-size:10px;
}



table{
font-size:12px;
}
 tr > th > img{
	width:120px;
	display:block;
}
}
@media (max-width:481px){
.one{
width:48%;
margin:0 1% 1% 0;
}
 tr > th > img{
	width:100px;
	display:block;
	}
	table{
	font-size:12px;
	}

}