@charset "shift_jis";


/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::

	file name : howto.css

 : :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

/* ********************************************************************************
 * Introduction Layout
 * ******************************************************************************** */
div.main-contents#howto {background:url(../images/howto/bg_howto.jpg) no-repeat left top;}
	
	/* Lnavi Layout */
	div.main-contents #lnavi {position:absolute; top:60px; right:28px;}
		div.main-contents #lnavi li {float:left;}
		div.main-contents #lnavi li a {display:block; overflow:hidden; height:0; padding-top:29px;}
		
		div.main-contents #lnavi li.lnavi01 a {background:url(../images/howto/btn_howto01.gif) no-repeat left top; width:88px;}
		div.main-contents #lnavi li.lnavi02 a {background:url(../images/howto/btn_howto02.gif) no-repeat left top; width:86px;}
		div.main-contents #lnavi li.lnavi03 a {background:url(../images/howto/btn_howto03.gif) no-repeat left top; width:87px;}
		
		div.main-contents #lnavi li.lnavi01 a:hover {background:url(../images/howto/btn_howto01_on.gif) no-repeat left top;}
		div.main-contents #lnavi li.lnavi02 a:hover {background:url(../images/howto/btn_howto02_on.gif) no-repeat left top;}
		div.main-contents #lnavi li.lnavi03 a:hover {background:url(../images/howto/btn_howto03_on.gif) no-repeat left top;}


	/* ��b */
	div.main-contents div#box #howto-box {position:relative;}
	div.main-contents div#box #howto-box .catchcopy {position:absolute; top:-4px; left:27px;}
	div.main-contents div#box #howto-box .txt {position:absolute; top:95px; right:32px;}
	div.main-contents div#box #howto-box .thumb {position:absolute; top:231px; right:19px;}
	div.main-contents div#box #howto-box #flash {position:absolute; left:-47px; top:81px;}
	
		/* IE6 */
		*html div.main-contents div#box #howto-box .catchcopy {top:-2px; left:5px;}
		*html div.main-contents div#box #howto-box .txt {top:95px; right:80px;}
		*html div.main-contents div#box #howto-box .thumb {top:233px; right:66px;}
		*html div.main-contents div#box #howto-box #flash {left:-69px; top:83px;}
		
		/* IE7 */
		*+html div.main-contents div#box #howto-box .catchcopy {top:-2px; left:27px;}
		*+html div.main-contents div#box #howto-box .txt {top:95px; right:32px;}
		*+html div.main-contents div#box #howto-box .thumb {top:233px; right:19px;}
		*+html div.main-contents div#box #howto-box #flash {left:-47px; top:83px;}
		
		/* IE8 */
		html>/**/body div.main-contents div#box #howto-box .catchcopy {top/*\**/:-2px\9; left/*\**/:27px\9;}
		html>/**/body div.main-contents div#box #howto-box .txt {top/*\**/:95px\9; right/*\**/:32px\9;}
		html>/**/body div.main-contents div#box #howto-box .thumb {top/*\**/:233px\9; right/*\**/:19px\9;}
		html>/**/body div.main-contents div#box #howto-box #flash {left/*\**/:-47px\9; top/*\**/:83px\9;}
	
	
	/* �T�� */
	div.main-contents div#box #howto-box2 {position:relative;}
	div.main-contents div#box #howto-box2 .catchcopy {position:absolute; top:-2px; left:27px;}
	div.main-contents div#box #howto-box2 .txt {position:absolute; top:95px; right:26px;}
	div.main-contents div#box #howto-box2 .thumb {position:absolute; top:231px; right:19px;}
	div.main-contents div#box #howto-box2 #flash {position:absolute; left:-47px; top:81px;}
	
		/* IE6 */
		*html div.main-contents div#box #howto-box2 .catchcopy {top:0px; left:5px;}
		*html div.main-contents div#box #howto-box2 .txt {top:95px; right:74px;}
		*html div.main-contents div#box #howto-box2 .thumb {top:233px; right:66px;}
		*html div.main-contents div#box #howto-box2 #flash {left:-69px; top:83px;}
		
		/* IE7 */
		*+html div.main-contents div#box #howto-box2 .catchcopy {top:0;}
		*+html div.main-contents div#box #howto-box2 .txt {top:95px; right:26px;}
		*+html div.main-contents div#box #howto-box2 .thumb {top:233px; right:19px;}
		*+html div.main-contents div#box #howto-box2 #flash {left:-47px; top:83px;}
		
		/* IE8 */
		html>/**/body div.main-contents div#box #howto-box2 .catchcopy {top/*\**/:0px\9;}
		html>/**/body div.main-contents div#box #howto-box2 .txt {top/*\**/:95px\9; right/*\**/:26px\9;}
		html>/**/body div.main-contents div#box #howto-box2 .thumb {top/*\**/:233px\9; right/*\**/:19px\9;}
		html>/**/body div.main-contents div#box #howto-box2 #flash {left/*\**/:-47px\9; top/*\**/:83px\9;}
	
	
	/* ����� */
	div.main-contents div#box #howto-box3 {position:relative;}
	div.main-contents div#box #howto-box3 .catchcopy {position:absolute; top:-1px; left:27px;}
	div.main-contents div#box #howto-box3 .txt {position:absolute; top:95px; right:26px;}
	div.main-contents div#box #howto-box3 .thumb {position:absolute; top:231px; right:19px;}
	div.main-contents div#box #howto-box3 #flash {position:absolute; left:-47px; top:81px;}
	
		/* IE6 */
		*html div.main-contents div#box #howto-box3 .catchcopy {top:-1px; left:5px;}
		*html div.main-contents div#box #howto-box3 .txt {top:95px; right:74px;}
		*html div.main-contents div#box #howto-box3 .thumb {top:233px; right:66px;}
		*html div.main-contents div#box #howto-box3 #flash {left:-69px; top:83px;}
		
		/* IE7 */
		*+html div.main-contents div#box #howto-box3 .catchcopy {top:-1px;}
		*+html div.main-contents div#box #howto-box3 .txt {top:95px; right:26px;}
		*+html div.main-contents div#box #howto-box3 .thumb {top:233px; right:19px;}
		*+html div.main-contents div#box #howto-box3 #flash {left:-47px; top:83px;}
		
		/* IE8 */
		html>/**/body div.main-contents div#box #howto-box3 .catchcopy {top/*\**/:-1px\9;}
		html>/**/body div.main-contents div#box #howto-box3 .txt {top/*\**/:95px\9; right/*\**/:26px\9;}
		html>/**/body div.main-contents div#box #howto-box3 .thumb {top/*\**/:233px\9; right/*\**/:19px\9;}
		html>/**/body div.main-contents div#box #howto-box3 #flash {left/*\**/:-47px\9; top/*\**/:83px\9;}