@charset "Shift_JIS";


/*  h2
------------------------------------------------------------*/
h2 {
	margin-bottom: 30px;
}

/*  story
------------------------------------------------------------*/
div#story {
	width: 756px; margin: 0 auto 40px auto; border: 1px #ff321e solid; padding-bottom: 32px; background: url(../img/world/bg_story.gif) bottom left no-repeat;
}

div#story h3 {
	margin-bottom: 38px;
}

div#story div.section1 {
	position: relative; width: 700px; margin: 0 auto 60px auto;
}

div#story div.section1 p.coach {
	 position: absolute; bottom: 0; left: 10px;
}

div#story div.section1 p.text {
	text-align: center;
}

div#story div.section1 p#alians {
	position: absolute; bottom: 0; right: 0;
}

div#story div.section2 {
	position: relative; width: 660px; margin: 0 auto;
}

div#story div.section2 p#vixiv {
	position: absolute; top: 0; left: 0;
}

div#story div.section2 p.text {
	text-align: center;
}

div#story div.section2 p.coach {
	position: absolute; top: -10px; right: 0;
}


/*  appearance
------------------------------------------------------------*/
div#appearance {
	width: 756px; margin: 0 auto; border: 1px #ff321e solid; padding-bottom: 16px; background: url(../img/common/bg_middle.gif) top left repeat-y;
}

div#appearance h3 {
	margin-bottom: 38px;
}

div#appearance ul {
	width: 680px; margin: 0 auto;
}

div#appearance ul li.odd {
	float: left; display: inline; width: 320px; margin:0 40px 30px 0;
}

div#appearance ul li.even {
	float: left; display: inline; width: 320px; margin:0 0 30px 0;
}


div#appearance ul li dl {
	width: 318px; border: 1px #ff321e solid;
	background-color: #1e0000;
}

div#appearance ul li dl dt {
	float: left; width: 190px; display: inline; padding: 15px 0 0 15px;
}

div#appearance ul li dl dd {
	float: right; width: 92px; display: inline; padding: 10px 10px 10px 0;
}

div#appearance ul li dl dd img {
	border: 1px #ff321e solid;
}


/*  clearfix
------------------------------------------------------------*/
	div#appearance ul:after,
	div#appearance ul li dl:after { 
		content: " "; 
		display: block; 
		clear: both; 
		height: 0; 
	} 
	div#appearance ul,
	div#appearance ul li dl { 
		display: inline-block; 
	} 
	div#appearance ul,
	div#appearance ul li dl { 
		display: block; 
	}


/*  footer
------------------------------------------------------------*/
div#footer {
	clear: both;
}