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

	@ Style Name    : /seimeishi/20th-ayumi/css/style.css

---------------------------------------------------------------------------- **/
/** ----------------------------------------------------------------------------
 *	Reset
 *	Copyright (c) 2010, Yahoo! Inc. All rights reserved.
 *	Code licensed under the BSD License:
 *	http://developer.yahoo.com/yui/license.html
 *	version: 2.8.2r1
---------------------------------------------------------------------------- **/
html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
html {
	background: #fcecdb;
}
body {
}
.preload {
	background: #fff url(../imgs/pre.gif) center center no-repeat;
	position: fixed;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	z-index: 50;
}
.container {
	height: 1040px;
}
.headerAyumi {
	position: fixed;
	left: 0;
	top: 0;
	z-index:100;
	width: 100%;
	min-width: 960px;
	height: 54px;
	background: url(../imgs/bg_year.png) 0 16px repeat-x #fff;
}
.logo {
	float: left;
	padding: 10px 30px 0 15px;
	background: #fff;
}
.navYear {
	overflow:hidden;
	float: left;
	margin: 16px 0 0 0;
}
.navYear li {
	float: left;
}
.sidebarAyumi {
	position: fixed;
	z-index:10;
	top:104px;
}
.contentsAyumi {
	background: url(../imgs/contents.png) 0 bottom no-repeat;
	width:7283px;
	height:986px;
	padding: 54px 0 0 0;
}
.posYear div {
	position: absolute;
	top: 0;
	width:1px;
	height: 1px;
}
#year1993 {left:260px}
#year1994 {left:595px}
#year1995 {left:930px}
#year1996 {left:1265px}
#year1997 {left:1600px}
#year1998 {left:1935px}
#year1999 {left:2270px}
#year2000 {left:2600px}
#year2001 {left:2935px}
#year2002 {left:3270px}
#year2003 {left:3605px}
#year2004 {left:3940px}
#year2005 {left:4275px}
#year2006 {left:4610px}
#year2007 {left:4945px}
#year2008 {left:5280px}
#year2009 {left:5610px}
#year2010 {left:5950px}
#year2011 {left:6286px}
#year2012 {left:6620px}
#year2013 {left:6950px}

.photoContents .contents {
	position: absolute;
}
.photoContents .contents:hover {
	opacity:0.8;
}
.photoContents .contents:after {
	display: block;
	content:'';
	position: absolute;
	left: 5px;
	top: 5px;
	width: 16px;
	height: 16px;
	background: url(../imgs/ico_zoom.png) 0 0 no-repeat;
	pointer-events: none;
}
.contents01 {left:64px;top:462px;}
.contents02 {left:263px;top:150px;}
.contents03 {left:261px;top:462px;}
.contents04 {left:599px;top:255px;}
.contents05 {left:597px;top:462px;}
.contents06 {left:1078px;top:168px;}
.contents07 {left:932px;top:462px;}
.contents08 {left:800px;top:900px;}
.contents09 {left:900px;top:900px;}
.contents10 {left:1000px;top:900px;}
.contents11 {left:1100px;top:900px;}
.contents12 {left:1200px;top:900px;}
.contents13 {left:1266px;top:462px;}
.contents14 {left:1268px;top:603px;}
.contents15 {left:1640px;top:170px;}
.contents16 {left:1600px;top:462px;}
.contents17 {left:1674px;top:505px;}
.contents18 {left:1535px;top:603px;}
.contents19 {left:1935px;top:462px;}
.contents20 {left:1858px;top:603px;}
.contents21 {left:2108px;top:602px;}
.contents22 {left:2270px;top:461px;}
.contents23 {left:2503px;top:88px;}
.contents24 {left:2538px;top:254px;}
.contents25 {left:2430px;top:475px;}
.contents26 {left:2605px;top:462px;}
.contents27 {left:2357px;top:603px;}
.contents28 {left:2939px;top:462px;}
.contents29 {left:3274px;top:462px;}
.contents30 {left:3185px;top:603px;}
.contents31 {left:3275px;top:900px;}
.contents32 {left:3375px;top:900px;}
.contents33 {left:3485px;top:75px;}
.contents34 {left:3410px;top:470px;}
.contents35 {left:3680px;top:128px;}
.contents36 {left:3608px;top:461px;}
.contents37 {left:3731px;top:470px;}
.contents38 {left:3820px;top:145px;}
.contents39 {left:3820px;top:687px;}
.contents40 {left:3942px;top:462px;}
.contents41 {left:4066px;top:471px;}
.contents42 {left:4277px;top:462px;}
.contents43 {left:4400px;top:470px;}
.contents44 {left:4280px;top:603px;}
.contents45 {left:4370px;top:900px;}
.contents46 {left:4470px;top:900px;}
.contents47 {left:4728px;top:147px;}
.contents48 {left:4612px;top:462px;}
.contents49 {left:4735px;top:470px;}
.contents50 {left:4946px;top:462px;}
.contents51 {left:4858px;top:606px;}
.contents52 {left:5119px;top:323px;}
.contents53 {left:5068px;top:470px;}
.contents54 {left:5280px;top:462px;}
.contents55 {left:5218px;top:603px;}
.contents56 {left:5398px;top:185px;}
.contents57 {left:5404px;top:470px;}
.contents58 {left:5615px;top:461px;}
.contents59 {left:5615px;top:603px;}
.contents60 {left:5739px;top:470px;}
.contents61 {left:5950px;top:461px;}
.contents62 {left:5957px;top:603px;}
.contents63 {left:6074px;top:470px;}
.contents64 {left:6289px;top:223px;}
.contents65 {left:6286px;top:483px;}
.contents66 {left:6407px;top:491px;}
.contents67 {left:6310px;top:900px;}
.contents68 {left:6412px;top:900px;}
.contents69 {left:6620px;top:483px;}
.contents70 {left:6826px;top:155px;}
.contents71 {left:6746px;top:342px;}
.contents72 {left:6742px;top:491px;}
.contents73 {left:6955px;top:484px;}
.contents74 {left:7150px;top:510px;}

.mwContentsBg {
	position: fixed;
	left: 0;
	top: 0;
	z-index:120;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.8);
}
.mwContents .mainContents {
	position: absolute;
	top: 50%;
	left: 50%;
}
.mwContents .prev,
.mwContents .next,
.mwContents .close {
	cursor: pointer;
}
.mwContents .prev:hover,
.mwContents .next:hover,
.mwContents .close:hover {
	opacity:0.6;
}
.mwContents .prev {
	position: absolute;
	left: 20px;
	top: 310px;
}
.mwContents .next {
	position: absolute;
	right: 20px;
	top: 310px;
}
.mwContents .photo {
	width: 594px;
	margin: 0 auto;
	text-align: right;
}
.mwContents .ttl,
.mwContents .sub,
.mwContents .txt {
	width:590px;
	margin: 0 auto;
	font-size: 12px;
	color: #fff;
}
.mwContents .ttl {
	font-weight: bold;
	font-size: 16px;
	margin-top: 20px;
}
.mwContents .sub {
	font-size: 12px;
	margin-bottom:10px;
}
.mwContents .txt {
	font-size: 14px;

}
.mwContents .detail {
	display: block;
	width: 215px;
	margin: 20px auto 0;
	padding: 6px 0 5px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	font-size: 14px;
	line-height:1;
}
.mwContents .detail01 {
	background: #8886cf;
}
.mwContents .detail01:hover {
	background: #acabdd;
}
