/* 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;
}
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: 100%;
	font-weight: normal;
}
img,
fieldset
{
	border: 0;
}
img
{
	border:0;
	vertical-align:top;
	max-width:100%;
	height:auto;
}

li
{
	list-style-type: none;
}
input[type="submit"],button,label,select{
	cursor:pointer;
}


body {
	font: 14px/2 "メイリオ",Verdana, "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, Meiryo, sans-serif;
	color: #333;
	background:#EEE;
}

#header {
	margin:0;
	padding: 16px 20px 0;
	overflow: hidden; /* ClearFix */
	/zoom: 1; /* ClearFix for IE6-7 */
}
#header #siteId {
	float: left;
}
#header ul#nav {
	margin:3px;
}
#header ul#nav li.link,
#header ul#nav li.local{
	margin:1px 0;
	padding:16px 8px;
}
#header ul#nav li.local:hover,
#header ul#nav li.link:hover {
	background-color:#6C5353;
	color:#fff;
}
#header ul#nav li.local a:hover,
#header ul#nav li.link a:hover {
	color:#fff;
}
#header ul#nav li.selected {
	background-color:#eee;
}
#header ul#nav li.link a,
#header ul#nav li.local a {
	display: block;
	text-decoration:none;
	color:#6C5353;
	padding:auto 0;
}
#header ul#nav li#contact {
	border-bottom:1px solid #eee;
}
#header ul#nav li#home{
	margin-top:8px;
	border-top:1px solid #eee;
}
#header ul#nav li#siteName {
	margin:0 0 8px 0;
	padding:8px 0;
	color:#fff;
	background-color:#6C5353;
	font-size:1.2em;
	text-align:center;
}
#header ul#nav li#siteName a {
	display: block;
	text-decoration:none;
	color:#fff;
}
#header ul#nav li#siteName img {
	margin:0;
	margin-left:-28px;
	padding: 0;
	border-radius: 50%;
	width:50px;
	height:50px;
}
#header ul#nav li#siteName span {
	padding-left:8px;
	line-height: 50px;
}
	
#contents{
	padding:16px 0 10px 0;
}
.grid-items {
	margin-right: auto;
	margin-left: auto;
}

@media only screen and (min-width: 1536px){
	.grid-items {
		width:1336px;
	}
	#recommend ul li {
	display:inline;
	}
}
@media only screen and (min-width: 1280px) and (max-width: 1535px) {
	.grid-items {
		width:1080px;
	}
	#recommend ul li {
	display:inline;
	}
}
@media only screen and (min-width: 1024px) and (max-width: 1279px) {
	.grid-items {
		width:824px;
	}
	#header ul#nav li#siteName img {
		display:none;
	}
	#recommend ul li {
	display:inline;
	}
}
@media only screen and (min-width: 768px) and (max-width: 1023px) {
	.grid-items {
		width:768px;
	}
	#recommend ul li {
	display:inline;
	}
}
@media only screen and (min-width: 512px) and (max-width: 767px) {
	.grid-items {
		width:512px;
	}
}
@media only screen and (min-width: 256px) and (max-width: 511px) {
	.grid-items {
		width:256px;
	}
}
.grid-items li {
	margin: 10px;
	width: 236px;
	background:#FFF;
	box-shadow: #CCC 0px 2px 3px;
}
.grid-items li img{
	max-width:100%;
}
.grid-items li p{
	padding:15px;
	
}

select,
input[type="search"],
#mailform input[type="text"],
#mailform textarea,
#mailform input[type="submit"],
#backform input[type="submit"],
#finishform input[type="submit"] {
	margin:3px 0;
	padding:0.8em;
	outline: none;
	border: 1px solid #DDD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
input[type="search"]:focus,
select:focus,
#mailform input[type="text"]:focus,
#mailform textarea:focus,
#mailform input[type="submit"]:focus,
#backform input[type="submit"]:focus,
#finishform input[type="submit"]:focus {
	box-shadow: 0 0 7px #3498db;
	border: 1px solid #3498db;
}
select,
input[type="search"] {
	width:74%;
}
input[type="search"] {
	color:rgba(0, 0, 0, 0.3);
}
input[type="search"]:focus {
	color:rgba(0, 0, 0, 1);
}
input[type="search"].holder {
	margin-left:16px;
	width:50%;
}
input[type="submit"].search {
	margin:3px 0;
	padding:0.8em;
	background:url(../images/search.png) no-repeat 10px 6px;
	text-indent:-9999px;
	width:48px;
	height:auto;
	border:none;
	outline:none;
}
input[type="submit"].search:focus {
	background:url(../images/search2.png) no-repeat 9px 5px;
}
#footer {
	margin-top: -5px;
}
#footer #copyright {
	text-align: center;
	margin-top:32px;
	font-weight:bold;
	font-family:Pump Demi Bold LET Century;
	color:#6C5353;
}
p.sort {
	margin:0;
	padding-left:16px;
	font-style:italic;
	font-weight:bold;
	font-family:Pump Demi Bold LET Century;
	color:#6c5353;
	font-size:1.5em;
}
p.res {
	margin-top:-32px;
	padding-left:88px;
	color:#333;
}
h2.subMidashi {
	margin:0 16px;
	padding:16px;
	color:#6c5353;
	font-size:1.5em;
	border-bottom:1px solid #6c5353;
}
h2.keyR {
	float:left;
}
#midashiWrp {
	margin:0 16px;
	padding:16px 0;
	border-bottom:1px solid #6c5353;
}
#midashiWrp h2 {
	margin:0;
	padding:0;
	border-bottom:none;
}

div.uLine {
	margin:0 16px;
	padding:16px;
	font-size:16px;
	border-bottom:1px solid #6c5353;
}
div.uLine ul {

}
div.uLine li {

}

div.uLine ul.goods {

}
div.uLine ul.goods li {

}

#mainVisual p.img {
	margin:0;
	padding:0 auto;
}
#mainVisual p.img img {
	width:100%;
}
#recommend,
#information {
	margin:0;
	padding:16px;
}
div.uLine h3 {
	padding-left:18px;
	background:url(../images/iconh3.png) no-repeat 0 10px;
}
#mailform input[type="text"],
#mailform textarea {
	width:80%;
}
#contactWrp {
	margin:8px 32px;
	padding:0 0 8px 0;
	
}
.errorarea {
	margin:16px 0 0 0;
}
#formarea {
	margin:16px 32px;
}
.errorarea span.errors {
	padding:8px;
	color:#fff;
    border-radius: 0.2em;
    background-color: #c0392b;
	font-size:1em;
}
	
p.submit {
	margin:8px auto;
}
p.button {
	margin:8px auto;
}
.contactForm dl {
	margin:8px 0;
	padding:0:
}
.contactForm dt {
	margin:0 8px;
}
.contactForm dd {
	margin:0;
	padding:8px;
}
.contactForm dd.conf {
	margin:0 8px;
	outline: none;
	border: 1px solid #DDD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color:#eee;
	width:70%;
}
p.mess {
	margin: 16px 32px;
	padding: 16px;
}
dl.dlconf {
	margin:16px 0;
}
form#mailform dd {
	margin-top:-8px;
}
div.textBox p.text {
	margin-left:32px;
}
div.textBox p.date {
	margin-left:16px;
}
div#recommend h2,
div#information h2 {
	font-size:1.2em;
	color:#6C5353;
}
.textBox {
	border-top:1px #6c5353 solid;
}
.newsTextBox {
	margin:0 16px;
	padding:16px;
	border:1px solid #6c5353;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.newsTextBox h3 {
	font-size:1.2em;
}
span.caption {
	font-weight:bold;
	padding: 16px 0;
}
.textBox {
	width:100%;
}
p.image {
	float:left;
	margin:0;
	padding:8px;
	width:25%;
}
p.image a {
	text-decoration:none;
	color:#6C5353;
}
p.text {
	margin:0;
	padding:8px;
}
p.image img {
	width:100%;
}

.clearFix:after {
	content: " "; clear: both; height: 0; display: block; visibility: hidden;
}

dd.errHi input[type="text"],
dd.errHi textarea {
	box-shadow: 0 0 7px #c0392b;
	border: 1px solid #c0392b;
}
.newsTextBox li a {
	text-decoration:none;
	color:#333;
}
.newsTextBox h3#info {
	text-align:center;
	margin-bottom:16px;
}
#glossary,
#dictionary {
	margin:0;
	padding:28px;
}
#glossary dl,
#dictionary dl {
	margin:0;
	padding:16px 0;
}
#glossary dl dt,
#dictionary dl dt {
	font-weight:bold;
}
#glossary dl dd,
#dictionary dl dd {
	margin:0;
	padding:0 8px;
}
#glossary dl dd p.notes {
	float:left;
	width:70%;
}
#glossary dl dd p.img {
	float:right;
	width:25%;
}
#glossary dl dd p.img img {
	width:100%;
}
#dictionary p.name {
	font-weight:bold;
	font-size:1.2em;
}
#dictionary div.textBox {
	border:none;
}
.indexS {
	display:inline;
	margin:0;
	padding:0;
}
div#indexW {
	margin:0;
	padding:8px 16px;
}
.indexS input[type="submit"] {
	margin:0 0 3px 0;
	padding:0.8em;
	outline: none;
	border: 1px solid #DDD;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.indexSC input[type="submit"] {
	box-shadow: 0 0 7px #3498db;
	border: 1px solid #3498db;
}
#about {
	margin:16px 32px;
	padding:16px 0 32px 0;
}

#about table {
	border-top:solid #eee 1px;
	border-left:solid #eee 1px;
	width:100%;
	border-spacing: 0;
	margin:0;
	font-size:93%;
}

#about table th{
	border-bottom:solid #eee 1px;
	border-right:solid #eee 1px;
	text-align:left;
	background:#f8f6ed;
	padding:10px;
	text-wrap:none;
}

#about table td{
	border-bottom:solid #eee 1px;
	border-right:solid #eee 1px;
	background:#f8f6ed;
	padding:10px;
}
.lightbox .lb-number {
        	display: none !important;
}