@charset "shift_jis";


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

	file name : intro.css

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

/* ********************************************************************************
 * Introduction Layout
 * ******************************************************************************** */
div.main-contents#intro_top {background:url(../images/introduction/bg_intro.jpg) no-repeat left top;}
div.main-contents#intro_touch {background:url(../images/introduction/bg_intro-touch.jpg) no-repeat left top;}
div.main-contents#intro_world {background:url(../images/introduction/bg_intro-world.jpg) no-repeat left top;}
	
	/* Lnavi Layout */
	div.main-contents #lnavi-box {position:absolute; top:30px; right:28px; width:349px;}
		*html div.main-contents #lnavi-box {right:48px;} /* IE6 */
	div.main-contents #lnavi-box p.lnavi_return {width:136px; height:16px; float:right; margin-bottom:10px;}
	div.main-contents #lnavi li.lnavi01 {width:178px; height:29px; float:left; clear:right;}
	div.main-contents #lnavi li.lnavi02 {height:171px; height:29px; float:right;}
	
	div.main-contents #lnavi li a,
	div.main-contents #lnavi-box p a{display:block; height:0; overflow:hidden;}
	div.main-contents #lnavi-box p.lnavi_return a {background:url(../images/introduction/btn_return.gif) no-repeat left top; width:137px; padding-top:16px;}
	div.main-contents #lnavi li.lnavi01 a {background:url(../images/introduction/btn_lnavi-touch.gif) no-repeat left top; width:178px; padding-top:29px;}
	div.main-contents #lnavi li.lnavi02 a {background:url(../images/introduction/btn_lnavi-world.gif) no-repeat left top; width:171px; padding-top:29px;}
	
	div.main-contents #lnavi-box p.lnavi_return a:hover {background:url(../images/introduction/btn_return_on.gif) no-repeat left top;}
	div.main-contents #lnavi li.lnavi01 a:hover {background:url(../images/introduction/btn_lnavi-touch_on.gif) no-repeat left top;}
	div.main-contents #lnavi li.lnavi02 a:hover {background:url(../images/introduction/btn_lnavi-world_on.gif) no-repeat left top;}
	
	
	/* Foot Pagelink Layout */
	div.main-contents div#box .unit #next-link {position:absolute; right:54px; bottom:-57px;}
	div.main-contents div#box .unit #prev-link {margin:25px 0 0 8px;}
		*html div.main-contents div#box .unit #next-link {position:absolute; right:72px; bottom:113px;}/* IE6 */
		*html div.main-contents div#box .unit #prev-link {position:absolute; left:20px; bottom:-40px;}/* IE6 */
		
		*+html div.main-contents div#box .unit #next-link {position:absolute; right:53px; bottom:-52px;}/* IE7 */
		
	div.main-contents div#box .unit #next-link a,
	div.main-contents div#box .unit #prev-link a {display:block; overflow:hidden; height:0; padding-top:16px;}
	
	div.main-contents div#box .unit #next-link a {background:url(../images/introduction/btn_fnavi-world.jpg) no-repeat left top; width:194px;}
	div.main-contents div#box .unit #prev-link a {background:url(../images/introduction/btn_fnavi-touch.jpg) no-repeat left top; width:268px;}
	
	div.main-contents div#box .unit #next-link a:hover {background:url(../images/introduction/btn_fnavi-world_on.jpg) no-repeat left top; width:194px;}
	div.main-contents div#box .unit #prev-link a:hover {background:url(../images/introduction/btn_fnavi-touch_on.jpg) no-repeat left top; width:268px;}
	
	
	/* Top page Layout  ** top page only ** */
	div.main-contents#intro_top div#box .catchcopy {margin-bottom:24px;}
	
	div.main-contents#intro_top .unit.intro01 {padding-left:25px;}
	
	div.main-contents#intro_top #feature-navi {margin-top:42px; padding:23px 0 0 0; height:100px;}
	div.main-contents#intro_top #feature-navi dt {text-align:center; margin-bottom:10px;}
	div.main-contents#intro_top #feature-navi dd a {display:block; height:0; padding-top:67px; overflow:hidden; width:311px;}
	
	div.main-contents#intro_top #feature-navi dd.touch {float:left; }
	div.main-contents#intro_top #feature-navi dd.world {float:left;}
	
	div.main-contents#intro_top #feature-navi dd.touch a {background:url(../images/introduction/btn_touch.gif) no-repeat left top;}
	div.main-contents#intro_top #feature-navi dd.world a {background:url(../images/introduction/btn_world.gif) no-repeat left top;}
	
	div.main-contents#intro_top #feature-navi dd.touch a:hover {background:url(../images/introduction/btn_touch_on.gif) no-repeat left top;}
	div.main-contents#intro_top #feature-navi dd.world a:hover {background:url(../images/introduction/btn_world_on.gif) no-repeat left top;}
	
	
	/* Touch page Layout  ** touch page only ** */
	div.main-contents#intro_touch div#box .unit ul#img_touch {margin:50px 0 0 0;}
		div.main-contents#intro_touch div#box .unit ul#img_touch li.img01 {float:left;}
		div.main-contents#intro_touch div#box .unit ul#img_touch li.img02 {float:right;}
	
	/* World page Layout  ** world page only ** */
	div.main-contents#intro_world {}
		div.main-contents#intro_world div#box h2#catchcopy {margin-bottom:21px;}
		div.main-contents#intro_world .unit {position:relative;}
		div.main-contents#intro_world .unit p.txt {float:left; margin-left:3px; _margin-left:0;}
		div.main-contents#intro_world .unit .img_right {float:right;}
		div.main-contents#intro_world .unit.wishroom_box {padding-left:20px;}
		div.main-contents#intro_world .unit #wishroom {background:url(../images/introduction/bg_wishroom.jpg) no-repeat left top; width:638px; height:208px; position:relative;}
			div.main-contents#intro_world .unit #wishroom {margin:22px 0 0 5px;}
			*html div.main-contents#intro_world .unit #wishroom {margin:-5px 0 0 3px;}/* IE6 */
			*+ html div.main-contents#intro_world .unit #wishroom {margin:-6px 0 0 5px;}/* IE7 */
			
		div.main-contents#intro_world .unit #wishroom #btn_wishroom {position:absolute; top:120px; left:20px;}
		div.main-contents#intro_world .unit #wishroom #btn_wishroom a {
			display:block; overflow:hidden; height:0; padding-top:57px; width:270px; background:url(../images/introduction/btn_wishroom.gif) no-repeat left top;}
		div.main-contents#intro_world .unit #wishroom #btn_wishroom a:hover {background:url(../images/introduction/btn_wishroom_on.gif) no-repeat left top;}