@charset "utf-8";

/*
======== table of content. =================================

summary:「gallery」スタイル定義

- gallery

============================================================
*/

/* gallery
------------------------------*/

.nine {
	margin-right: 27px;
}

#gallery_start {
	background: url(../images/gallery_top.jpg) no-repeat left top;
	margin-left: -80px;
	height: 348px;
	padding: 0px;
}


#gallery2026n {
	background: url(../images/ga2026n.jpg) no-repeat left top;
	height: 348px;
	padding: 0px;
	margin-left: -80px;
}



#gallery2025n {
	background: url(../images/ga2025n.jpg) no-repeat left top;
	height: 348px;
	padding: 0px;
	margin-left: -80px;
}


#gallery2024n {
	background: url(../images/ga2024n.jpg) no-repeat left top;
	height: 348px;
	padding: 0px;
	margin-left: -80px;
}

#gallery2023n {
	background: url(../images/ga2023n.jpg) no-repeat left top;
	height: 348px;
	padding: 0px;
	margin-left: -80px;
}

#gallery2022n {
	background: url(../images/ga2022n.jpg) no-repeat left top;
	height: 348px;
	padding: 0px;
	margin-left: -80px;
}

#gallery2021n {
	background: url(../images/ga2021n.jpg) no-repeat left top;
	height: 348px;
	padding: 0px;
	margin-left: -80px;
}

#gallery2020n {
	background: url(../images/ga2020n.jpg) no-repeat left top;
	height: 348px;
	padding: 0px;
	margin-left: -80px;
}

#gallery2019n {
	background: url(../images/ga2019n.jpg) no-repeat left top;
	height: 348px;
	padding: 0px;
	margin-left: -80px;
}

#gallery2018n {
	background: url(../images/ga2018n.jpg) no-repeat left top;
	height: 348px;
	padding: 0px;
	margin-left: -80px;
}

#gallery2017n {
	background: url(../images/ga2017n.jpg) no-repeat left top;
	height: 348px;
	padding: 0px;
	margin-left: -80px;
}

#gallery2016n {
	background: url(../images/ga2016n.jpg) no-repeat left top;
	height: 348px;
	padding: 0px;
	margin-left: -80px;
}

#gallery2015n {
	background: url(../images/ga2015n.jpg) no-repeat left top;
	height: 348px;
	padding: 0px;
	margin-left: -80px;
}

#gallery2011n {
	background: url(../images/ga2011n.jpg) no-repeat left top;
	height: 348px;
	padding: 0px;
	margin-left: -80px;
}

#gallery2010n {
	background: url(../images/ga2010n.jpg) no-repeat left top;
	height: 348px;
	padding: 0px;
	margin-left: -80px;
}

#gallery2009n {
	background: url(../images/ga2009n.jpg) no-repeat left top;
	height: 348px;
	padding: 0px;
	margin-left: -80px;
}

#gallery2008n {
	background: url(../images/ga2008n.jpg) no-repeat left top;
	padding: 0px;
	height: 348px;
	margin-left: -80px;
}

#gallery2007s {
	background: url(../images/ga2007s.jpg) no-repeat left top;
	padding: 0px;
	height: 348px;
	margin-left: -80px;
}

#gallery2007n {
	background: url(../images/ga2007n.jpg) no-repeat left top;
	padding: 0px;
	height: 348px;
	margin-left: -80px;
}

#gallery2006s {
	background: url(../images/ga2006s.jpg) no-repeat left top;
	padding: 0px;
	height: 348px;
	margin-left: -80px;
}

#gallery2006n {
	background: url(../images/ga2006n.jpg) no-repeat left top;
	padding: 0px;
	height: 348px;
	margin-left: -80px;
}

#gallery2005s {
	background: url(../images/ga2005s.jpg) no-repeat left top;
	padding: 0px;
	height: 348px;
	margin-left: -80px;
}

#gallery2005n {
	background: url(../images/ga2005n.jpg) no-repeat left top;
	padding: 0px;
	height: 348px;
	margin-left: -80px;
}

#gallery2004s {
	background: url(../images/ga2004s.jpg) no-repeat left top;
	padding: 0px;
	height: 348px;
	margin-left: -80px;
}

#gallery2004n {
	background: url(../images/ga2004n.jpg) no-repeat left top;
	padding: 0px;
	height: 348px;
	margin-left: -80px;
}

#gallery h2 {
	margin-left: 80px;
	margin-bottom: -35px;
}

#gallery dl {
	padding-top: 150px;
	padding-left: 80px;
	margin-bottom: 50px;
}

#gallery dl dd a {
	margin-right: 30px;
}
#gallery dl dd.pr {
	margin-top: -20px;

}


#gallery dl dt#title {
	width: 140px;
	margin-bottom: 30px;
	border-bottom: 1px solid #999999;
}



/* motion
------------------------------*/

#motioncontainer {/*margin:0 auto; Uncomment this line if you wish to center the gallery on page */
	width: 758px; /** Set to gallery width, in px or percentage **/
	height: 77px; /** Set to gallery height 130px **/
}

#motioncontainer a img {
	border: 1px solid #666666; /** Set image border color **/
	opacity: 0.4;
	-moz-opacity: 0.4;
	filter:alpha(opacity = 50);
}

#motioncontainer a:hover img {
	border: 1px solid #333333; /** Set image border hover color **/
	opacity: 1;
    -moz-opacity: 1;
    filter:alpha(opacity = 100);
}

#statusdiv {
	background-color: lightyellow;
	border: 1px solid gray;
	padding: 2px;
	position: absolute; /** Stop Editing Gallery Styles **/
	left: -300px;
	isibility: hidden;
}

#motioncontainer a:hover {
	color: red; /** Dummy definition to overcome IE bug **/
}

/** Do not edit IE conditional style below **/
    /** [if gte IE 5.5] **/
    #motioncontainer {
 width:expression(Math.min(this.offsetWidth, maxwidth)+'px');
}