@charset "Shift_JIS";

@import "../../../files/css/common/layout.css";

/*-------------------------------------------------------------------------
	Main
/*-----------------------------------------------------------------------*/
#main {}

	#main .wrap {
		background-image:url(../img/common/bg.jpg);
	}
	
/*-------------------------------------------------------------------------
	Contents Board
/*-----------------------------------------------------------------------*/
#contents-board {
}

		#contents-board .content .txt {
			margin-bottom:20px;
		}
		
		#contents-board .content .navi,
		#contents-board .content .qr {
			display:inline;
			float:left;
		}
		
		#contents-board .content .navi {
			left:-20px;
			width:440px;
		}
		
			#contents-board .content .navi ul {
				height:250px;
			}
		
				#contents-board .content .navi ul li {
					display:inline;
					float:left;
				}
				
					#contents-board .content .navi ul li a {
						position:relative;
						z-index:0;
					}
				
					#contents-board .content .navi ul li a.current {
						left:-15px;
						z-index:1;
					}
					
			#contents-board .content .navi p {
				position:relative;
				left:15px;
			}
					
		#contents-board .content .qr {
			width:190px;
			text-align:center;
		}
		
		#qr-index #contents-board .content .qr {
			position:absolute;
			left:440px;
			top:180px;
		}
		
			#contents-board .content .qr .btn {
				position:relative;
				left:-2px;
				margin-top:10px;
			}
			
/*-------------------------------------------------------------------------
	Color
/*-----------------------------------------------------------------------*/
		#qr-color #contents-board .content .qr {
			top:140px;
		}
		
/*-------------------------------------------------------------------------
	Metal
/*-----------------------------------------------------------------------*/	

#contents-board .content .qr {
	display:inline;
	float:left;
}

#qr-metal #contents-board .content h3.ttl{
	margin-top:-75px;
	margin-left:-18px;
}

#qr-metal #contents-board .content .txt {
	margin-top:-65px;
	margin-left:15px;
}
		
#qr-metal #contents-board .content #box-movie {
	margin-top:-35px;
	margin-left:-15px;
}

#qr-metal #contents-board .content .update {
	position:absolute;
	top:235px;
	left:445px;
}

*+html #qr-metal #contents-board .content .update {
	position:absolute;
	top:155px;
	left:445px;
}

#qr-metal #contents-board .content .qr {
			width:190px;
			text-align:center;
			position:absolute;
		}
		
		#qr-metal #contents-board .content .qr {
			left:430px;
			top:240px;
		}
		
		*+html #qr-metal #contents-board .content .qr {
			left:430px;
			top:160px;
		}
		
			#qr-metal #contents-board .content .qr .btn {
				left:-2px;
				margin-top:10px;
			}