@charset "shift-jis";

/*
=====================================================================
*
*    Content
*
* =================================================================== 
*/

#AboutSection {
	padding-top: 15px;
}
	#AboutSection .spec {
		font-size: 85%;
		color: #666;
	}
	#AboutSection .left {
		width: 390px;
	}
		#AboutSection h1 {
			margin-bottom: 19px;
		}
		#AboutSection h2 {
			margin-bottom: 19px;
		}
	#AboutSection .right {
		width: 390px;
	}

/*------------------------------------------------------------ 
	generation
------------------------------------------------------------ */

#AboutGeneSection .child .left {
	width: 595px;
}
#AboutGeneSection .child .right {
	width: 170px;
	position: relative;
}
	#ChildLinkImage {
		position: absolute;
		top: -46px;
	}
	
#AboutGeneSection .adult .left {
	width: 170px;
	position: relative;
}

	#AdultLinkImage {
		position: absolute;
		top: 0px;
		left: -46px;
	}
	
#AboutGeneSection .adult .right {
	width: 595px;
	padding-top: 28px;
	padding-bottom: 10px;
}
	#AboutGeneSection .adult .right .infoBox {
		width: 185px;
		float: left;
		margin-right: 20px
	}
	#AboutGeneSection .adult .right .last {
		margin-right: 0px;
	}
	#AboutGeneSection .adult .right .infoBox .img {
		margin-bottom: 10px;
	}



/*------------------------------------------------------------ 
	generation
------------------------------------------------------------ */



/*------------------------------------------------------------ 
	about
------------------------------------------------------------ */

#AboutAboutSection .infoBlock {
	margin-bottom: 24px;
}
	#AboutAboutSection .center{
	
		margin-bottom: 50px;
	}
	
	#AboutAboutSection .last .left .top{
		min-height:84px;
		max-height:84px;	
	}
	
	/* ie6 Hack */
	*#AboutAboutSection .last .left .top {
		height:auto;
	}
	/* ie6 Hack */
	
	/* iOs Hack */
	body.iOS #AboutAboutSection .last .left .top {
		height: auto;
		min-height: none;
		max-height: none;
	}
	/* iOs Hack */
	
	#AboutAboutSection .last .left .last{
		margin-top: 29px;
	}
	
	/* ie6 Hack */
	#AboutAboutSection .last .left .last{
		margin-top: 35px;
	}
	/* ie6 Hack */
	
	
	#AboutAboutSection .infoBlock .spec {
		line-height: 25px;
		font-weight: bold;
	}
	
/*------------------------------------------------------------ 
	about
------------------------------------------------------------ */

/*------------------------------------------------------------ 
	ui
------------------------------------------------------------ */

#AboutUiSection .left {
	padding-bottom: 20px;
}
	#AboutUiSection .left .discription {
		margin-bottom: 10px;
	}
	
		#AboutUiSection .infoBox {
			width: 185px;
		}
			#AboutUiSection .infoBox .img {
				margin-bottom: 10px;
			}
	
	#AboutUiSection .right{
		height: 400px;
		margin-bottom: 20px;
	}		

		#AboutUiSection .right .img {
			position: absolute;
			margin-top: 20px;
		}
		

/*------------------------------------------------------------ 
	ui
------------------------------------------------------------ */


/*------------------------------------------------------------ 
	item
------------------------------------------------------------ */

#AboutItemSection .left .discription {
	height: 108px;
}

#AboutItemSection .left .infoBox {
	width: 185px;
}
	#AboutItemSection .top {
		margin-bottom: 45px;
	}
	#AboutItemSection .infoBox .img {
		margin-bottom: 10px;
	}
	
#AboutItemSection .right .infoBox {
	margin-top: 50px;
}
/*------------------------------------------------------------ 
	item
------------------------------------------------------------ */

/*------------------------------------------------------------ 
	help
------------------------------------------------------------ */

#AboutHelpSection .discription {
	margin-bottom: 60px;
}

#AboutHelpSection .infoBox {
	width: 185px;
}
	#AboutHelpSection .img{
		margin-bottom: 10px;
	}
#AboutHelpSection .right {
	margin-top: 30px;
}


/*------------------------------------------------------------ 
	help
------------------------------------------------------------ */



/*------------------------------------------------------------ 
	urazelda
------------------------------------------------------------ */

#AboutUraSection {
	
}	
	#AboutUraSection .infoBlock .spec {
		margin-top: 10px;
	}
	/*
	
		#UraSection .left .infoBlock {
			margin-bottom: 90px;
		}
		#UraSection .right .uraLogo {
			margin-bottom: 18px;
		}
			#UraSection .right .infoBlock {
				margin-bottom: 43px;
			}
			#UraSection .right .discription {
				margin-bottom: 0px;
			}
	*/
	
	#AboutUraSection .block{
		margin-bottom: 5px;
		
	}
		#AboutUraSection .top{
			margin-bottom: 15px;
		}
	
	#AboutUraSection .box {
		width: 390px;
	}
			
/*------------------------------------------------------------ 
	urazelda
------------------------------------------------------------ */