@charset "euc-jp";


body{ background:url(http://i.yimg.jp/images/search/promo/sw_111111/img/interactiveguide/bg.gif) repeat; color:#5b5b5b;}
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1%; }
.clearfix { display:block; }
/* end MacIE5 */
#header{ background:#FFFFFF; padding:0 0 10px; margin:0;}
#headerin{ width:950px; margin:0 auto;}
.main{ background: url(http://i.yimg.jp/images/search/promo/sw_111111/img/interactiveguide/main_bg.png) repeat-x; height: 379px;}
.mainin{ background: url(http://i.yimg.jp/images/search/promo/sw_111111/img/interactiveguide/main_bg2.jpg) no-repeat center; margin:0 auto; height: 379px;}
.mainin h2{ width:810px;height: 265px; padding:0; margin:0 auto;}
.mainin p{
	width:810px;
	padding:0;
	margin:0 auto;
	text-align: center;
}
.contents{
	width:810px;
	margin:0 auto;
	padding:0 0 50px;
	background: url(http://i.yimg.jp/images/search/promo/sw_111111/img/interactiveguide/con_bg.jpg) no-repeat;
	position: relative;
}

.contents .guide{
	margin: 0px auto;
	padding: 0px;
	width: 631px;
	overflow: hidden;
	
}

/*IE6*/
.contents .guide .guideBg{
_background: url(http://i.yimg.jp/images/search/promo/sw_111111/img/interactiveguide/fukidasi.png) no-repeat 0px 107px;
}
.contents .guide .guideBgIn{
_background: url(http://i.yimg.jp/images/search/promo/sw_111111/img/interactiveguide/sp_frame.jpg) no-repeat 362px 22px;
}
.contents .guide .guideBgInFlow4{
_background: url(http://i.yimg.jp/images/search/promo/sw_111111/img/interactiveguide/flow4_sp.jpg) no-repeat 382px 72px;
}
.contents .guide .guideBgInFlow6{
_background: url(http://i.yimg.jp/images/search/promo/sw_111111/img/interactiveguide/flow6_sp.jpg) no-repeat 382px 72px;
}
/*IE6*/

.contents .guide .guideFrame{
	margin: 0px;
	padding: 107px 0px 0px;
	width: 334px;
	overflow: hidden;
	background: url(http://i.yimg.jp/images/search/promo/sw_111111/img/interactiveguide/fukidasi.png) no-repeat 0px 107px;
	float: left;
	height: 523px;
}

.contents .guide .guideFrame .text{
	margin: 0px;
	padding: 0px;
	height: 370px;
	width: 334px;
	overflow: hidden;
}

.contents .guide .guideFrame .navi{width: 317px;}

.contents .guide .guideFrame .navi ul{
	list-style: none;
}

.contents .guide .guideFrame .navi ul li{
	margin: 0px;
	padding: 0px;
	height: 60px;
	
	overflow: hidden;
	
}

.contents .guide .guideFrame .navi ul li.back{
	float: left;
	background: url(http://i.yimg.jp/images/search/promo/sw_111111/img/interactiveguide/b_back_bg.jpg) no-repeat left bottom;
	_background: url(none);/*IE6*/
	width: 108px;
}

.contents .guide .guideFrame .navi ul li.backNull{
	float: left;
	width: 108px;
}

.contents .guide .guideFrame .navi ul li.next{
	float: left;
	background: url(http://i.yimg.jp/images/search/promo/sw_111111/img/interactiveguide/b_next_bg.jpg) no-repeat left bottom;
	_background: url(none);/*IE6*/
	width: 94px;
}

.contents .guide .guideFrame .navi ul li.reset{
	float: left;
	background: url(http://i.yimg.jp/images/search/promo/sw_111111/img/interactiveguide/b_reset_bg.jpg) no-repeat left bottom;
	_background: url(none);/*IE6*/
	width: 108px;
}

.contents .guide .guideFrame .navi ul li.resetNull{
	float: left;
	width: 108px;
}


.contents .guide .guideSp{
	background: url(http://i.yimg.jp/images/search/promo/sw_111111/img/interactiveguide/sp_frame.jpg) no-repeat 28px 22px;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 630px;
	width: 297px;
	overflow: hidden;
}

.contents .guide #flow1 .guideFrame p{
	margin: 0px;
	padding: 138px 0px 0px 26px;
}
.contents .guide #flow1 .guideSp p{
	margin: 0px;
	padding: 72px 0px 0px 48px;
	height: 370px;
	width: 201px;
	overflow: hidden;
}

.contents .guide #flow2 .guideFrame p{
	margin: 0px;
	padding: 58px 0px 0px 20px;
}
.contents .guide #flow2 .guideSp p{
	margin: 0px;
	padding: 72px 0px 0px 48px;
	height: 370px;
	width: 201px;
	overflow: hidden;
}

.contents .guide #flow3 .guideFrame p{
	margin: 0px;
	padding: 58px 0px 0px 15px;
}
.contents .guide #flow3 .guideSp p{
	margin: 0px;
	padding: 72px 0px 0px 48px;
	height: 370px;
	width: 201px;
	overflow: hidden;
}

.contents .guide #flow4 .guideFrame p{
	margin: 0px;
	padding: 57px 0px 0px 11px;
}
.contents .guide #flow4 .guideSp #flow4Screen{
	margin: 0px;
	padding: 72px 0px 0px 48px;
	height: 370px;
	width: 201px;
	overflow: hidden;
}

.contents .guide #flow4 .guideSp #flow4ScreenIn{
	background: url(http://i.yimg.jp/images/search/promo/sw_111111/img/interactiveguide/flow4_sp.jpg) no-repeat;
	margin: 0px;
	padding: 71px 9px 25px 9px;
	height: 292px;
	width: 183px;
	overflow: hidden;
}

.contents .guide #flow4 .guideSp #flow4ScreenIn #flow4Flick{
	margin: 0px;
	padding: 0px;
	height: 292px;
	width: 183px;
	overflow: hidden;
}

.contents .guide #flow4 .guideSp #flow4ScreenIn #flow4Flick ul{
	margin: 0px;
	padding: 0px;
	width: 180px;
	list-style: none;
	height: 490px;
}

.contents .guide #flow4 .guideSp #flow4ScreenIn #flow4Flick ul li{
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 180px;
	overflow: hidden;
}

.contents .guide #flow4 .guideSp #flow4ScreenIn #flow4Flick ul li.fl4Link{
	background: url(http://i.yimg.jp/images/search/promo/sw_111111/img/interactiveguide/f4_n_03.png) no-repeat;
	margin: 0px;
	padding: 0px;
	height: 35px;
	width: 180px;
	text-indent: -9999px;
}

.contents .guide #flow4 .guideSp #flow4ScreenIn #flow4Flick ul li.fl4Link a{
	height: 35px;
	width: 180px;
	display: block;
}


.contents .guide #flow5 .guideFrame p{
	margin: 0px;
	padding: 68px 0px 0px 11px;
}

.contents .guide #flow5 .guideSp p{
	margin: 0px;
	padding: 72px 0px 0px 48px;
	height: 370px;
	width: 201px;
	overflow: hidden;
}


.contents .guide #flow6 .guideFrame p{
	margin: 0px;
	padding: 51px 0px 0px 19px;
}

.contents .guide #flow6 .guideSp #flow6Screen{
	margin: 0px;
	padding: 72px 0px 0px 48px;
	height: 370px;
	width: 201px;
	overflow: hidden;
}

.contents .guide #flow6 .guideSp #flow6ScreenIn{
	background: url(http://i.yimg.jp/images/search/promo/sw_111111/img/interactiveguide/flow6_sp.jpg) no-repeat;
	margin: 0px;
	padding: 88px 0px 18px 0px;
	height: 264px;
	width: 201px;
	overflow: hidden;
}

.contents .guide #flow6 .guideSp #flow6ScreenIn #flow6Flick{
	margin: 0px;
	padding: 0px;
	height: 264px;
	width: 201px;
	overflow: hidden;	
}

.contents .guide #flow6 .guideSp #flow6ScreenIn #flow6Flick ul{
	margin: 0px auto;
	padding: 0px;
	width: 198px;
	list-style: none;
}

.contents .guide #flow6 .guideSp #flow6ScreenIn #flow6Flick ul li{
	padding: 10px 25px;
	width: 148px;
	text-decoration: none;
	color: #333333;
	line-height: 160%;
	background: url(http://i.yimg.jp/images/search/promo/sw_111111/img/interactiveguide/rss_bg.png) no-repeat 4px 13px;
	border-bottom: 1px solid #F3F3F3;
	font-size: 85%;
}


.contents .guide #flow7 .guideFrame p{
	margin: 0px;
	padding: 66px 0px 0px 14px;
}

.contents .guide #flow7 .guideSp p{
	margin: 0px;
	padding: 72px 0px 0px 48px;
	height: 370px;
	width: 201px;
	overflow: hidden;
}

.contents .guide #flow7 .guideSp p.menu{
	margin: 0px;
	padding: 0px 0px 0px 61px;
	height: 34px;
	width: 63px;
	overflow: hidden;
}


.contents .guide #flow1,
.contents .guide #flow2,
.contents .guide #flow3,
.contents .guide #flow4,
.contents .guide #flow5,
.contents .guide #flow6,
.contents .guide #flow7{
	display: none;
}

.contents .guide #flow1,
.contents .guide #flow2,
.contents .guide #flow3,
.contents .guide #flow4,
.contents .guide #flow5,
.contents .guide #flow6,
.contents .guide #flow7{
	overflow: hidden;
	_zoom:1;
}

.bNotes{
	line-height: 140%;
	text-align: center;
}

.social{
	margin: 0px;
	padding: 15px 0px 0px;
}

.social .twitter{
	margin: 0px;
	padding: 0px;
	float: left;
	width: 135px;
}

.social .facebook{
	margin: 0px;
	padding: 2px 0px 0px;
	float: left;
}

#footer{ width:950px; margin:0 auto;}

.nosc-frame{
	margin: 20px auto 0px;
	padding: 70px 0px 0px;
	height: 200px;
	border: 2px solid #999999;
}

.nosc{
	margin: 10px 0px;
	padding: 0px;
	text-align: center;
	font-size: 85%;
}

.nosc span{color: #FF3300;}