/* Reset
------------------------------------------------------------*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
input,
textarea,
p,
blockquote,
th,
td
{
	margin: 0;
	padding: 0;
}
.{text-align:center;}
address,
em
{
	font-style: normal
}
strong,
th
{
	font-weight: normal;
}
table
{
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}
th
{
	text-align: left;
}
hr,
legend
{
	display: none;
}
h1,
h2,
h3,
h4,
h5,
h6
{
	font-size: 85%;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
img,
fieldset
{
	border: 0;
}
img
{
	border:0;
	vertical-align:top;
	max-width:100%;
	height:auto;
}

li
{
	font-size: 90%;
	list-style-type: none;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}
input[type="submit"],button,label,select{
	cursor:pointer;
}


body {
	font: 14px/2 	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	color: #333;
	background:#fffffe;
	font-size: 90%;
}


#header {
	background:#FFFFFF;
	font-size:12px;
	color:#567567;
	padding:0 20px;
}
#contents{
	padding:10px 0;
}
.grid-items {
	margin-right: auto;
	margin-left: auto;
}
#footer{margin:0 auto;
				text-align: center;}

@media only screen and (min-width: 1536px){
	.grid-items {
		width:1536px;
	}
}
@media only screen and (min-width: 1280px) and (max-width: 1535px) {
	.grid-items {
		width:1280px;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
	.grid-items {
		width:1024px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.grid-items {
		width:768px;
	}
}
@media only screen and (min-width: 512px) and (max-width: 767px) {
	.grid-items {
		width:512px;
	}
}
@media only screen and (max-width: 511px) {
	.grid-items {
		width:256px;
	}
}
.grid-items li {
	margin: 10px;
	width: 236px;
	background:#FFF;
	box-shadow: #DDD 0px 2px 3px;
}
.grid-items li img{
	max-width:100%;
}
.grid-items li p{
	padding:15px;

}

a:link{text-decoration:none;font-size:90%;color:#CC3300;}
a:visited{text-decoration:none;font-size:90%;color:#B34D1A;background:skyblue;}
a:hover {text-decoration:none;color:#003366;background:#CCFFF2;}
a:active {text-decoration:none;color:#FFFFF9;}


.font1{font-size:85%;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
}