@charset "utf-8";

/*==================================================
reset
==================================================*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
}
body {
	font-family: Meiryo, sans-serif;
	font-size: 125%;
	line-height: 1.4;
	background: #F5F5F5;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	border: none;
}

/* ==================================================
layout
================================================== */
#wrapper {
	width: 960px;
	margin: 0 auto;
	background: #FFF;
}
.box_sale {
	border-top: 10px solid #FF0000;
	border-bottom: 10px solid #FF0000;
	padding: 25px 25px 15px;
}
.box {
	padding: 35px 25px;
}
.box_boder {
	margin: 25px 0 0;
	border-top: 4px dotted #000000;
	border-bottom: 4px dotted #000000;
	padding: 25px 90px 15px;
}
.image {
	margin-bottom: 20px;
	text-align: center;
}
.indent {
	padding: 0 0 0 1em;
}
.indent .no_indent {
	margin-left: -1em;
}
.red {
	color: #FF0000;
}
h1, p {
	margin: 0 0 10px;
}
img {
	max-width: 100%;
	height: auto;
	vertical-align: top;
}
@media (max-width: 960px) {
#wrapper {
	width: auto;
}
.box_sale {
	padding: 10px 10px 0;
}
.box {
	padding: 15px 10px;
}
.box_boder {
	padding: 15px 10px 5px;
}
}
/* ==================================================
clearfix
================================================== */
.clearfix:after {
	content: ".";
	display: block;
	height: 0; 
	font-size: 0;
	line-height: 0;
	clear: both;
	visibility: hidden;
}