@charset 'utf-8';

html,body{
	background:#fff;
	margin:0;
	padding:0;
	text-align:center;
	font:13px  "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, Osaka, "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	*font-size:small !important;
    *font:x-small !important;
}
img {
    vertical-align: bottom;
    width: 100%;
    max-width: 650px;
    height: auto;
}
a img {
	border-style: none;
}
p {
	margin: 0;
	padding: 0;
}
ul, ol {
	margin: 0;
	padding: 0;
	list-style: none;
}
dl, dt, dd {
    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}

i {
	font-style: normal !important;
}
.e9  { font-size:  9px; line-height: 11px }

.e10 { font-size: 10px; line-height: 12px }

.e12 { font-size: 12px; line-height: 15px }

.j9  {
    font-size: 9px;
    line-height: 12px
}

.j10 {
    font-size: 11px;
    line-height: 13px
}	

.j12 {
    font-size: 12px;
    line-height: 15px
}
table { font-size: 12px }

.color-price-red  {
    color: red;
    font-weight: bold;
    font-size: 13px
}	

.color-red {
    color: red
}
.notice  {
    color: gray;
    font-size: 9px;
    line-height: 10px
}

.top_font_20   {
    font-size: 20px;
    line-height: 23px
}
.fontsize_basic {
    font-size: 12px
}
.j16 {
    font-size: 16px;
    line-height: 18px;
}
.j16_color_white  {
    color: white;
    font-size: 16px;
    line-height: 18px
}

.j16_color-red  {
    color: red;
    font-size: 16px;
    line-height: 18px
}
.j10_center { font-size: 10px;text-align: center }
.hight20px { height: 20px }

.fonto-family {
}

.sample0 {
	position: relative;
	width: 645px;
	height: 171px;
	box-shadow: 1px 1px 1px #ccc;
	z-index: auto;
}
.sample0 img {
	position: relative;
	width: 100%;
	height: 100%;
}
.sample0 .box {
	position: absolute;
	width: 645px;
	height: 360px; /* 画像の高さと吹き出しの高さをプラスした値 */
	top: 0;
	left: 0;
	
	background-color: #FFFFFF;
	box-shadow: 2px 2px 4px #000;
	display: none;
}
.sample0 .text {
    position: absolute;
    font-size: 16px;
    left: 10px;
    top: 180px;
    color: #000;
    line-height: 24px;
}
.sample0:hover img {
	z-index: 4; /* .boxよりも上に表示 */
}
.sample0:hover .box {
	z-index: 3; /* imgよりも下に表示 */
	display: block;
}