@charset "utf-8";
/*----------------------------------------------------------
	File Name     special.css
*/
/*----------------------------------------------------------
	special01 [index.html]
-----------------------------------------------------------*/
div#special01 div#wrap1 { float: left; margin: 20px 0 0 10px; width: 340px; }
div#special01 div#wrap2 { float: left; margin: 20px 0 0 0; width: 320px; }
div#special01 div#wrap3 { float: left; margin: 20px 0 0 10px; width: 340px; }
div#special01 div#wrap4 { float: left; margin: 20px 0 0 0; width: 320px; }
div#special01 p.wp1 { float: left; margin: 10px 0 0 5px; width: 150px; text-indent: 14px; background: url(../images/common/arrow01.gif) no-repeat 0 2px; }
div#special01 p.wp2 { float: left; margin: 10px 0 0 0; width: 150px; text-indent: 14px; background: url(../images/common/arrow01.gif) no-repeat 0 2px; }

/*----------------------------------------------------------
	special02 [2.html]
-----------------------------------------------------------*/
div#special02 h4 { margin: 0 0 0 12px; height: 600px; }

/*----------------------------------------------------------
	special03 [3.html]
-----------------------------------------------------------*/
div#special03 h5 {
	width: 100%;
	margin: 24px 0 16px 0;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #000;
	background: url(../images/special/bar.gif) no-repeat left bottom;
	font-size: 88%;
	font-weight: bold;
	line-height: 1.3em;
}
div#special03 p {
	line-height: 2em;
}
div#special03 div.cap {
	font-size: 75%;
	font-weight: bold;
	line-height: 2em;
	color: #f00;
}
div#special03 div.movie { text-align: center; padding: 20px 0 0 0; }
div#special03 div#mov { margin: 0 auto; }
div#special03 div#wrap1 { position: relative; width: 100%; height: 240px; }
div#special03 div#wrap1 div { position: absolute; top: 0; left: 0; }
div#special03 div#wrap1 p { position: absolute; top: 0; left: 0; width: 256px; }
div#special03 div#wrap2 div.cap { float: left; width: 256px; }
div#special03 div#wrap2 p { float: right; width: 450px; }
div#special03 div#wrap3 { padding: 15px 0 0 0; }
div#special03 div#wrap3 div { float: left; width: 420px; }
div#special03 div#wrap3 p { float: right; width: 290px; }
div#special03 div#wrap4 div { float: left; width: 460px; }
div#special03 div#wrap4 p { float: right; width: 250px; }
div#special03 div#wrap5 { padding: 15px 0 0 0; }
div#special03 div#wrap5 div { float: right; width: 460px; }
div#special03 div#wrap5 p { float: left; width: 250px; }
div#special03 div#wrap6 { padding: 15px 0 0 0; }
div#special03 div#wrap6 div { float: left; width: 460px; }
div#special03 div#wrap6 p { float: right; width: 250px; }

/*----------------------------------------------------------
	special04 [4.html]
-----------------------------------------------------------*/
div#special04 div.main { position: relative; height: 320px; }
div#special04 div.main h4 { position: absolute; top: 0; left: 12px; }
div#special04 div.main p { position: absolute; top: 210px; left: 32px; }
div#special04 div.main p {
	display: block; width: 650px; height: 80px;
	background: url(../images/special/s04_img2.gif) no-repeat 0 0;
	text-indent: -9999em;
	overflow: hidden;
}
div#special04 h5.heading {
	width: 100%;
	padding: 0 0 8px 0;
	border-bottom: 1px solid #c00;
	background: url(../images/info/bar.gif) no-repeat left bottom;
	font-size: 88%;
	font-weight: bold;
	line-height: 1.3em;
}
div#special04 p.intro { margin: 8px 0 0 0; line-height: 1.8em; }
div#special04 ul#menu { margin: 10px 0 0 0; width: 100%; height: 200px; }
div#special04 ul#menu li { float: left; width: 340px; padding: 20px 0 14px 0; margin: 0 0 0 10px; line-height: 1.3em; }
div#special04 ul#menu li.hidden { display: none; }
div#special04 ul#menu a { display: block; margin: 0 0 0 55px; font-size: 100%; font-weight: bold; }
div#special04 ul#menu a span { margin: 0 0 0 4px; font-size: 10px; font-weight: normal; }
div#special04 ul#menu a em { margin: 0 0 0 4px; font-weight: bold; color: #c00; font-weight: bold; }
div#special04 ul#menu li#menu0 { background: url(../images/special/s04_m0.gif) no-repeat 0 0; }
div#special04 ul#menu li#menu1 { background: url(../images/special/s04_m1.gif) no-repeat 0 0; }
div#special04 ul#menu li#menu2 { background: url(../images/special/s04_m2.gif) no-repeat 0 0; }
div#special04 ul#menu li#menu3 { background: url(../images/special/s04_m3.gif) no-repeat 0 0; }
div#special04 ul#menu li#menu4 { background: url(../images/special/s04_m4.gif) no-repeat 0 0; }