@charset "Shift_JIS";
/* CSS Document */
#main {
	background-color: #FFFFFF;
	height: auto;
}

/*---------------------------------------------section01*/
#mainImg {
	background: url(../images/about_bg_01.jpg) top center no-repeat;
	height: 233px;
	text-align: center;
	padding-top: 117px;
	margin: 0 auto;
}
#mainImg h2 {
	margin-bottom: 29px;
}
#subNavigation {
  max-width: 1400px;
  margin: 0 auto;
	background-color: #0f0054;
	text-align: center;
}
#subNavigation ul {
	width: 808px;
	height: 95px;
	margin: 0px auto;
}
#subNavigation li {
	float: left;
	width: 202px;
	height: 95px;
}

/*---------------------------------------------section02*/
#section02 {
	margin-bottom: 53px;
	padding-top: 79px;
}
h3 {
	margin-bottom: 34px;
  color: #0d0057;
  font-size: 167%;
  font-weight: bold;
  letter-spacing: 0.15em;
	text-align: center;
}
h4 {
	text-align: center;
	margin-bottom: 34px;
  color: #0d0057;
  font-size: 138.5%;
  font-weight: bold;
}
ul.linkArea {
	width: 1000px;
	margin: 0 auto;
}
ul.linkArea li {
	float: left;
	margin-right: 4px;
	width: 247px;
  height: 232px;
  color: #0d0057;
  font-size: 108%;
  font-weight: bold;
  text-align: center;
}
ul.linkArea li.last {
	margin-right: 0px;
}
ul.linkArea li a {
	display: block;
  margin-bottom: 20px;
}


/*---------------------------------------------section03*/
#section03 {
	background-image: url(../images/about_bg_02.jpg);
	width: 100%;
	padding: 79px 0px;
}
#section03 ul.linkArea li {
  height: auto;
	margin-bottom: 4px;
}
#products {
	padding-top: 50px;
}
#productsList {
	width: 498px;
}
#shopList li,
#productsList li {
  position: relative;
  width: 247px;
  height: auto;
  min-height: 395px;
  padding: 0;
  background: #ffffff;
}
#shopList li a,
#productsList li a {
  display: inline;
  margin: 0;
  color: #0d0057;
}
#shopList li a .list__headline,
#productsList li a .list__headline {
  display: block;
  min-height: 45px;
  padding-top: 20px;
  font-weight: bold;
}
#shopList li a .list__headline span,
#productsList li a .list__headline span {
  font-size: 78.5%;
}
#shopList li a .list__text,
#productsList li a .list__text {
  display: block;
  min-height: 98px;
  margin: 0;
  padding: 0 20px;
  font-size: 88%;
  text-align: left;
  line-height: 1.8;
}
#shopList li a:hover .list__headline,
#shopList li a:hover .list__text,
#productsList li a:hover .list__headline,
#productsList li a:hover .list__text {
  opacity: 0.6;
  filter: alpha(opacity=60);
  -moz-opacity: 0.6;
}

/*---------------------------------------------section04*/
#section04 {
	background-image: url(../images/about_bg_03.png);
	padding: 79px 0px;
	text-align: center;
}
.sectionInner {
	width: 848px;
	margin: 0 auto 41px;
}
#section04 .sectionInner img {
	float: left;
	width: 422px;
}
#section04  p {
	float: left;
	width: 402px;
	margin: 66px 0 0 24px;
}
/*---------------------------------------------section05*/
#section05 {
	margin-bottom: 53px;
	padding-top: 79px;
	text-align: center;
	position: relative;
	color: #0d0057;
	font-size: 108%;
	line-height: 24px;
}
#section05 h4 {
	text-align: left;
	}
#section05 h3+p {
  position: relative;
  width: 560px;
	margin: 0 auto 50px;
  letter-spacing: 0.15em;
}
#muge {
	position: absolute;
	top: -55px;
	left: -150px;
}
#presentBox {
	width: 682px;
	border: 1px solid #0d0057;
	margin: 51px auto;
	padding: 31px 79px;
}
#presentBox h4 {
	text-align: left;
	margin-bottom: 30px;
}
#presentBox ul li {
	float: left;
	width: 316px;
	margin-left: 49px;
  text-align: left;
  font-weight: bold;
}
#presentBox ul li:first-child {
	margin-left: 0px;
}
#presentBox ul li img {
  display: block;
  margin-bottom: 20px;
}
#presentBox ul li span {
  display: inline-block;
  margin-top: 5px;
  font-size: 86%;
  font-weight: normal;
}

.Subsection {
	width: 840px;
	margin: 0 auto 49px;
	text-align: left;
}
#aboutSeal {
	text-align: left;
	width: 706px;
	margin: 0 auto;
	padding: 29px 0px 29px 134px;
	background-color: #f1ede8;
}
#aboutSeal dl dt {
	float: left;
	width: 100px;
	margin-right: 31px;
}
#aboutSeal dl dd {
	float: left;
	width: 122px;
	margin-right: 61px;
	padding-top: 29px;
}
ul#notice li a {
	color: #0d0057;
	font-size: 14px;
	line-height: 27px;
	text-decoration: underline;
}
ul#howTo {
	width: 759px;
}
p#attention {
  padding-left: 1em;
	margin: 25px 0 140px;
}