@charset "UTF-8";
/*----------------------------------------

	- box01
	- box02
	- box03
	- box04
	- box05
	- box06

----------------------------------------*/

article {
	width: 1200px;
	padding: 0;
}

article #main {
	padding: 0;
}

@media screen and (max-width:1000px) {
	#main {
		width: 940px;
		margin: 0;
	}
}

#main a {
	text-decoration: none;
}

#collectionBox01 {
	width: 940px;
	margin: 0 auto;
}

/*----------------------------------------
	box01
-----------------------------------------*/

#box01 {
	width: 1200px;
	height: 140px;
	background: url(../img/index_p01.jpg) no-repeat center top;
	position: relative;
	text-align: center;
	padding-top: 647px;
}

@media screen and (max-width:1000px) {
	#box01 {
		width: 940px;
	}
}

#box01 h1 + p {
	display: block;
	text-align: center;
	color: #f2ce49;
}

#box01 h1 + p + p {
	display: block;
	text-align: center;
	color: #ffffff;
}


/*----------------------------------------
	box02
-----------------------------------------*/

#box02 {
	width: 940px;
	padding-top: 40px;
	text-align: center;
	margin: 0 auto;
}

#box02 > p:first-child {
	color: #965c10;
	display: inline-block;
	border: 1px solid #965c10;
	padding: 0 5px;
	font-size: 106.7%;
	font-weight: bold;
}

#box02 h2 {
	font-size: 214.2%;
	font-weight: bold;
	padding: 10px 0 25px;
	ruby-align: center;
}

#box02 h2 > span {
	position: relative;
	text-align: center;
	text-align: center;
}

#box02 h2 > span > span {
	position: absolute;
	margin-left:-6em;
	font-size: 33.3%;
	display: inline-block;
	width: 12em;
	left: 50%;
	top: -1.2em;
	letter-spacing: 0.2em;
}

#box02 ul {
	display: table;
 	table-layout: fixed;
 	text-align: center;
	width: 938px;
	border: 1px solid #000000;
}

#box02 ul a {
	display: table-cell;
	vertical-align: middle;
	border-right: 1px solid #000000;
	height: 108px;
	padding-left: 110px;
	background: url(../img/index_bg02.jpg) left top no-repeat;
}

#box02 ul a:first-child {
	background: url(../img/index_bg01.jpg) left top no-repeat;
}

#box02 ul a:last-child {
	border-right: 0;
	background: url(../img/index_bg03.jpg) left top no-repeat;
}

#box02 ul li dl {
	width: 100%;
	padding-bottom: 5px;
}

#box02 ul li dl dt {
	color: #965c10;
	font-size: 120%;
	font-weight: bold;
}

#box02 ul + a {
	display: block;
	background: url(../img/index_arrow01.gif) no-repeat center bottom #000000;
    padding: 11px 0 26px ;
	margin-top: 10px;
}

#box02 ul + a > p {
	display: inline;
	background: url(../img/index_icon01.gif) no-repeat left 50%;
	color: #b38e5e;
	font-size: 106.7%;
    padding: 5px 0 3px 18px;
}

/*----------------------------------------
	box03
-----------------------------------------*/

#box03 {
	width: 1200px;
	height: 1095px;
	background: url(../img/index_bg04.jpg) no-repeat center top;
	padding-top: 80px;
	text-align: center;
}

@media screen and (max-width:1000px) {
	#box03 {
		width: 940px;
	}
}

#box03 h1 {
	font-size: 3.286em;
	font-weight: bold;
	line-height: 1.2em;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

#box03 h1 span {
	font-size: 0.261em;
	letter-spacing: 0;
	line-height: -moz-block-height;
}

#box03 h2 {
	color: #965c10;
	padding: 5px 0 35px;
	font-weight: bold;
}

#box03 p {
	padding-bottom: 30px;
	line-height: 2.0em;
}

#box03 dl#bland {
	width: 354px;
	padding: 20px 0 0 216px;
}

#box03 dl#bland dt {
	margin-bottom: 15px;
}

#box03 dl#bland dd a {
	padding: 0;
	width: 354px;
	height: 42px;
	display: table-cell;
	vertical-align: middle;
	background: url(../img/index_arrow02.gif) no-repeat 330px center #b38e5e;
	color: #ffffff;
}

/*----------------------------------------
	box04
-----------------------------------------*/

#box04 {
	width: 880px;
	margin: 0 auto;
}
#box04 dl#history {
	width: 100%;
	height: 110px;
	padding: 50px 0 0 30px;
	background: url(../img/index_bg06.jpg) no-repeat;
}

#box04 dl#history dt {
	font-weight: bold;
	font-size: 171.4%;
}

#box04 a + a {
	display: block;
	background: url(../img/index_arrow03.gif) no-repeat center bottom #000000;
    padding: 11px 0 26px;
	margin: 10px 0 55px;
	text-align: center;
}

#box04 a + a > p {
	display: inline;
	background: url(../img/index_icon01.gif) no-repeat left 50%;
	color: #b38e5e;
	font-size: 106.7%;
    padding: 5px 0 3px 18px;
}

/*----------------------------------------
	box05
-----------------------------------------*/

#box05 {
	width: 900px;
	margin: 0 auto 45px;
	background-color: #ebe8e6;
	padding: 20px;
}

#box05 > a {
	display: block;
	background: url(../img/index_arrow04.gif) no-repeat center bottom #000000;
    padding: 11px 0 26px;
	text-align: center;
}
#box05 a > p {
	display: inline;
	background: url(../img/index_icon01.gif) no-repeat left 50%;
	color: #b38e5e;
	font-size: 106.7%;
    padding: 5px 0 3px 18px;
}

/*moooi*/

#box05 #moooi {
	width: 420px;
	min-height:500px;
	margin: 0 auto;
	padding-left: 480px;
	background-color: #ffffff;
	position: relative;
}

#box05 #moooi h1 {
	padding: 50px 0 30px;
	text-align: center;
}

#box05 #moooi h1 + p {
	padding: 0 0 15px 30px;
}

#box05 #moooi dl {
	padding: 0 30px;
}

#box05 #moooi dl dt {
	font-size: 171.4%;
	line-height: 1.2em;
	font-weight: bold;
	padding-bottom: 5px;
}

#box05 #moooi dl dt span {
	color: #965c10;
	display: inline-block;
	border: 1px solid #965c10;
	padding: 0 5px;
	font-size: 60%;
	line-height: 1.4em;
}

#box05 #moooi p.pic {
	position: absolute;
	left: 0;
	top: 0;
}

/*limited*/

#box05 #limited {
	width: 420px;
	min-height: 500px;
	margin: 20px auto 0;
	padding-right: 480px;
	background-color: #ffffff;
	position: relative;
}

#box05 #limited h1 {
	text-align: center;
	padding: 35px 0 15px;
}

#box05 #limited h1 + p {
	padding-left: 30px;
}

#box05 #limited dl {
	padding: 0 30px;
}

#box05 #limited dl dt {
	font-size: 171.4%;
	line-height: 1.2em;
	font-weight: bold;
	padding-bottom: 5px;
}

#box05 #limited dl dt span {
	color: #965c10;
	display: inline-block;
	border: 1px solid #965c10;
	padding: 0 5px;
	font-size: 60%;
	line-height: 1.4em;
}

#box05 #limited dl dd ul {
	font-size: 85.7%;
	padding-left: 1em;
}

#box05 #limited dl dd ul li {
	text-indent: -1em;
}

#box05 #limited p.pic {
	position: absolute;
	right: 0;
	top: 0;
}

/*----------------------------------------
	box06
-----------------------------------------*/

#box06 {
	margin: 0 0 70px 0;
	text-align: center;
}

#box06 h1 {
	display: inline-block;
	font-size: 30px;
	font-weight: bold;
	background: url(../img/index_icon02.gif) no-repeat left center;
	padding-left: 26px;
	margin-bottom: 10px;
}

#box06 #map {
	width: 100%;
	height: 560px;
}

#box06 #map + div {
	width: 100%;
	background: #002052;
	padding: 30px 0;
}

#box06 dl {
	color: #ffffff;
	display: table;
	margin: 0 auto;
}

#box06 dl dt {
	padding: 15px 15px 15px 25px;
	display: table-cell;
	border: 1px solid #99a6ba;
	vertical-align: middle;
	letter-spacing: 0.5em;
}

#box06 dl dd {
	padding: 0 40px 0 15px;
	display: table-cell;
	vertical-align: middle;
	text-align: left;
}
