@charset "UTF-8";

/******************************************************
*	
*	1. common style
*	2. index style
*	3. detail style
*	
******************************************************/


/*  1. common style */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

#alpha {
}

#alpha #title {
	margin-bottom: 25px;
}





/*  2. index style */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

#index #alpha {
}

#index #alpha #wrapper {
	margin-left: 15px;
}

#index #alpha .alpha {
	width: 45px;
}

#index #alpha .beta {
	width: 184px;
	margin: 0 13px;
	overflow: auto;
}

#index #alpha .beta .flexcroll {
	width: 184px;
	height: 351px;
	overflow: auto;
}

#index #alpha .gamma {
	width: 630px;
	overflow: auto;
}

#index #alpha .gamma #opening2 {
	position: absolute;
	top: 30px;
	left: 257px;
	width: 630px;
	height: 403px;
	z-index: 50;
}

#index #alpha .beta ul {
	margin-bottom: -10px;
}

#index #alpha .beta ul li {
	margin-bottom: 10px;
}





/*  3. detail style */
/*----------------------------------------------------------------------------------------------------------------------------------------*/

#detail {
	width: 630px;
	height: 373px;
	text-align: left;
}

#detail #opening {
	position: absolute;
	top: 0;
	left: 0;
	width: 630px;
	height: 373px;
	z-index: 100;
}

#detail h1 {
	margin-bottom: 25px;
}

#detail #whole {
	position: relative;
	left: 630px;
	width: 630px;
	height: 320px;
	text-align: left;
	overflow: auto;
}

#detail #whole .thumb {
	float: left;
	width: 140px;
	padding-bottom: 25px;
}

#detail #whole .text {
	float: left;
	width: 470px;
	padding-bottom: 25px;
}

#detail #whole .text h2,
#detail #whole .text p {
	font-size: 85%;
}