@charset "utf-8";

/*
////////////////////////////////////////////////////////////////////////////////////////// 共通 */

			ul#showlist {
				margin:0;
				padding:0;
				position:relative;
				height:362px;
			}
			#showlist li.showItem{
				list-style:none;
				position:absolute;
			}

			ul#showlist dl {
				clear: both;
				margin: 0;
				padding: 0;
			}
			ul#showlist dl dt {
				float: left;
				margin-left: 0;
				padding: 0;
				border-right:1px solid #f0f0f0;
			}
			ul#showlist dl dt img.photo {
				margin: 0 !important;
				padding: 0 !important;
				border: none !important;
			}
			ul#showlist a:hover img.photo {
				opacity: 0.7;
				filter: alpha(opacity=70);
				-ms-filter: "alpha( opacity=70 )";
				background: #ffffff;
			}


/*
////////////////////////////////////////////////////////////////////////////////////////// 8分割 */

			#tiles ul {
				clear:both;
				margin:0;
				padding:0;
			}
			#tiles li {
				margin:0;
				padding:0;
				list-style:none;
				border-right:1px solid #f0f0f0;
				border-bottom:1px solid #f0f0f0;
				float:left;
				position:relative;
			}
			#tiles li a {
				width:249px;	/* w */
				height:180px;	/* h */
				margin:0;
				padding:0;
				display:block;
				position:relative;
				text-decoration:none;
			}
			#tiles li .tile{
				width:249px;	/* w */
				height:180px;	/* h */
			}
			#tiles .ie7 {
				display: none;
			}
			*:first-child+html #tiles .ie7 {
				display: block;
				width:249px;	/* w */
				height:180px;	/* h */
				overflow:hidden;
				position:absolute;
				top:0; left:0;
				z-index: 999;
			}
			#tiles .moveArea{
				width:249px;	/* w */
				height:165px;	/* h */
				overflow:hidden;
				position:absolute;
				top:0; left:0;
			}
			
			#tiles li .movebox{
				width:249px;	/* w */
				position:absolute;
				top:0; left:0;
			}
			#tiles li .movebox .title{
				position:absolute;
				top:0; left:0;
				border:0;
				z-index: 2;
			}
			#tiles li .movebox .desc{
				font-size:12px;
				line-height:20px;
				color:#000;
				padding:0 13px;
				position:absolute;
				top:45px; left:0;	/* yx */
				z-index: 2;
			}
			#tiles li .staticArea{
				width:249px;	/* w */
				position:absolute;
				top:165px; left:0;	/* yx */
			}
			#tiles li .staticArea .corner{
				position:absolute;
				top:0; left:233px;	/* yx */
				border:0;
				z-index: 1;
			}
			#tiles .bgTop{
				width:249px;	/* w */
				height:165px;	/* h */
				position:absolute;
				top:0; left:0;
				border:0;
				z-index: 1;
			}
			#tiles .bgBtm{
				width:233px;	/* w */
				height:15px;	/* h */
				position:absolute;
				top:0; left:0;
				border:0;
				z-index: 1;
			}
			

/*
////////////////////////////////////////////////////////////////////////////////////////// 2分割 */

			#tiles2 ul {
				clear:both;
				margin:0;
				padding:0;
			}
			#tiles2 li {
				margin:0;
				padding:0;
				list-style:none;
				border-right:1px solid #f0f0f0;
				border-bottom:1px solid #f0f0f0;
				float:left;
				position:relative;
			}
			#tiles2 li a {
				width:499px;	/* w */
				height:362px;	/* h */
				margin:0;
				padding:0;
				display:block;
				position:relative;
				text-decoration:none;
			}
			#tiles2 li .tile{
				width:499px;	/* w */
				height:362px;	/* h */
			}
			#tiles2 .ie7 {
				display: none;
			}
			*:first-child+html #tiles2 .ie7 {
				width:499px;	/* w */
				height:362px;	/* h */
				overflow:hidden;
				position:absolute;
				top:0; left:0;
				z-index: 999;
			}
			#tiles2 .moveArea{
				width:499px;	/* w */
				height:166px;	/* h */
				overflow:hidden;
				position:absolute;
				top:181px; left:0;
			}
			#tiles2 li .movebox{
				width:499px;	/* w */
				position:absolute;
				top:0; left:0;
			}
			#tiles2 li .movebox .title{
				position:absolute;
				top:0; left:0;
				border:0;
				z-index: 2;
			}
			#tiles2 li .movebox .desc{
				font-size:12px;
				line-height:20px;
				color:#000;
				padding:0 13px;
				position:absolute;
				top:70px; left:0;	/* yx */
				z-index: 2;
			}
			#tiles2 li .staticArea{
				width:499px;	/* w */
				position:absolute;
				top:181px; left:0;	/* yx */
			}
			#tiles2 li .staticArea .corner{
				position:absolute;
				top:166px; left:483px;	/* yx */
				border:0;
				z-index: 1;
			}
			#tiles2 .bgTop{
				width:499px;	/* w */
				height:181px;	/* h */
				position:absolute;
				top:0; left:0;
				border:0;
				z-index: 1;
			}
			#tiles2 .bgBtm{
				width:483px;	/* w */
				height:15px;	/* h */
				position:absolute;
				top:166px; left:0;
				border:0;
				z-index: 1;
			}