@charset "utf-8";
/* ----------------------------------------
 * ガイドページ
 * ---------------------------------------- */

/* ---- format ----- */
body {
	background-color: #ffffff!important;
}
#wrapper {
	width: 100%!important;
	padding: 0!important;
}
.yj950-2 #yjMain{
	width: 100%!important;
}
#header a{
	color: #0033cc!important;
}
#footerLink a,
#whatsHeader a,
#linkTop a,
#whatsService a,
.linkTop a{
	color: #e43a4e!important;
}
.colorRed{ color:#F00;}
.bdrRed{ padding:5px; border:#F00 solid 2px;}
/* ---- common ----- */
#header{
    margin: 0 auto;
	padding-bottom: 7px;
    text-align: left;
    width: 950px;
}
#guideContent{
	width: 950px;
	margin: 0 auto;
}
.linkTop{
	margin-bottom: 15px;
	text-align: right;
	font-size: 115.4%;
}
#footerLink{
	text-align: center;
	font-size: 115.4%;
}
#footerLink strong{
	font-weight: bold;
}
#footerLink .yloco{
	display: block;
	margin: 10px 0 15px;
}
#guideFooter{
	width: 950px;
	margin: 0 auto;
	padding: 10px 0 20px;
	border-top: 1px solid #8eb721;
	line-height: 1.5;
	text-align: center;
	font-size: 80%;
}

#footerLink div{ width:614px !important; margin:0 auto !important; text-align:left;}
.pos-im{ width:614px !important; margin:0 auto !important; text-align:left;}


/* --------------------------------------------
clearFix
-------------------------------------------- */
.clearFix{
	display: inline-block;
}
.clearFix:after{
	display: block; 
	clear: both; 
	visibility: hidden;
	height: 0;
	content: ".";
}
/* Hides from IE-mac \*/
* html .clearFix{
	height: 1%;
}
.clearFix {
	display: block;
}/* End hide from IE-mac */


/* ---- スプライト画像 ----- */
#guideNavi,#guideNavi a,#guideNavi strong{
	background: url(../images/sp00_v2.png) no-repeat;
}
#whatsHeader,#whatsHowto h2, #whatsHeader .pict, #whatsHeader .link a,#whatsHowto dt,#whatsHowto .pict,#whatsHowto .detail,#whatsService h2,#whatsService li{
	background: url(../images/sp01_v2.png) no-repeat;
}
.tabList #guideTitle{
	background: url(../images/sp02_1.png) no-repeat;
}
.tabList .itemImage01,.tabSearch .itemImage02,.tabSearch .itemImage03,.tabSearch .textImage,.tabSearch #footerButton{
	background: url(../images/sp02_2.png) no-repeat;
}
.tabKeep #guideTitle{
	background: url(../images/sp02_1_v2.png) no-repeat;
}
.tabKeep .itemImage01,.tabKeep .itemImage02,.tabKeep .itemImage03,.tabKeep .itemImage04,.tabKeep .itemImage05,.tabKeep .textImage,.tabKeep #footerButton,.tabKeep #footerButtonKeep{
	background: url(../images/sp02_2_v2.png) no-repeat;
}
.tabPost #guideTitle{
	background: url(../images/sp04_1.png) no-repeat;
}
.tabPost .itemImage01,.tabPost .itemImage02,.tabPost .itemImage03,.tabPost .itemImage04,.tabPost .itemImage05,.tabPost .itemImage06,.tabPost .textImage,.tabPost .itemImage07,.tabPost .itemImage08,.tabPost .itemImage09{
	background: url(../images/sp04_2_v2.png) no-repeat;
}
.tabFun #guideTitle{
	background: url(../images/sp05_1.png) no-repeat;
}
.tabFun .itemImage01,.tabFun .itemImage02,.tabFun .itemImage03,.tabFun .itemImage04,.tabFun .itemImage05,.tabFun .itemImage06,.tabFun .textImage,.tabFun .itemImage10,.tabFun .itemImage11{
	background: url(../images/sp05_2_v2.png) no-repeat;
}
.tabFun .itemImage06,.tabFun .itemText05 .textImage,.tabFun .itemText06 .textImage,.tabFun .itemText07 .textImage,.tabFun #footerButton{
	background: url(../images/sp05_3_v2.png) no-repeat;
}
.tabKeepList #guideTitle{
	background: url(../images/sp03_1_v2.png) no-repeat;
}
.tabKeepList .itemImage01,.tabKeepList .itemImage02, .tabKeepList .itemImage03,.tabKeepList .itemImage04,.tabKeepList .guideColumnWr1 .textImage, .tabKeepList .guideColumnWr2 .textImage{
	background: url(../images/sp03_2_v2.png) no-repeat;
}
.tabKeepList #footerButton,.tabKeepList #footerButtonKeep{
	background: url(../images/sp03_3_v2.png) no-repeat;
}

/* ---- グローバルナビ ----- */
#guideNavi{
	width: 100%;
	background-position: bottom;
	background-repeat: repeat-x;
}
#guideNavi ul{
	width: 760px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	/display: inline-block;
}
#guideNavi ul li{
	float: left;
	list-style: none outside none;
}
#guideNavi a{
	display: block;
	width: 190px;
	height: 64px;
	margin-bottom:3px;
	margin-left: -1px;
	text-indent: -9999px;
	overflow: hidden;
	_position: relative;
}
#guideNavi .gnWhats a{background-position: 0 0;}
#guideNavi .gnKeep a{background-position: -189px 0;}
#guideNavi .gnList a{background-position: -379px 0;}
#guideNavi .gnPost a{background-position: -569px 0;}
#guideNavi .gnFun a{background-position: -759px 0;}
#guideNavi .gnWhats a:hover{background-position: 0 -64px;}
#guideNavi .gnKeep a:hover{background-position: -189px -64px;}
#guideNavi .gnList a:hover{background-position: -379px -64px;}
#guideNavi .gnPost a:hover{background-position: -569px -64px;}
#guideNavi .gnFun a:hover{background-position: -759px -64px;}
#guideNavi strong{
	display: block;
	width: 190px;
	height: 64px;
	margin:3px 0 0 -1px;
	text-indent: -9999px;
	overflow: hidden;
}
#guideNavi .gnWhats strong{background-position: 0 -128px;}
#guideNavi .gnKeep strong{background-position: -189px -128px;}
#guideNavi .gnList strong{background-position: -379px -128px;}
#guideNavi .gnPost strong{background-position: -569px -128px;}
#guideNavi .gnFun strong{background-position: -759px -128px;}

/* ---- Yahoo!ロコとは？ ----- */
#whatsHeader{
	width: 950px;
	margin-top: 4px;
	position:relative;
	margin-bottom:15px;
}
#whatsHeader h1{
	width: 850px;
	height: 150px;
	margin: 0 auto;
	text-indent: -9999px;
}
#whatsHeader .lead{
	margin:5px auto 0;
	background:url(../images/cobg_lead.png) no-repeat bottom;
	font-size: 115.4%;
}
#whatsHeader .leadInner{
	padding:9px 11px 11px;
	margin:5px auto 0;
	width:594px;
	background:url(../images/cobg_lead_top.png) no-repeat top;
}
#whatsHeader .lead .pict{
	float:left;
	margin-right:10px;
	width:94px;
	height:105px;
	background-position: -850px -670px;
	text-indent:-9999px;
}
#whatsHeader .lead .link{
	text-align:right;
}
#whatsHeader .lead .link a{
	padding:0 0 5px 12px;
	background-position:-940px -837px;
}
#whatsHowto{
	margin-bottom: 10px;
}
#whatsHowto .headerHowto{
	padding: 12px 0;
	border-top: 2px solid #61c4e1;
	border-bottom: 2px solid #61c4e1;
}
#whatsHowto h2{
	width: 358px;
	height: 23px;
	background-position:0 -500px;
	text-indent: -9999px;
	overflow: hidden;
}
#whatsHowto td{
	width: 475px;
	border-bottom: 1px solid #61c4e1;
	vertical-align:top;
}
#whatsHowto dl{
	margin: 17px 0;
	overflow: hidden;
	_position: relative;
	_zoom:1;
}
#whatsHowto .keep,
#whatsHowto .post{
	padding:0 17px 0 0;
	border-right: 1px solid #61c4e1;
}
#whatsHowto .list,
#whatsHowto .fun{
	padding:0 0 0 17px;
}
#whatsHowto dt{
	height: 22px;
	margin-bottom:18px;
	text-indent: -9999px;
	overflow: hidden;
}
#whatsHowto .keep dt{width: 387px;background-position: 0 -540px;}
#whatsHowto .list dt{width: 394px;background-position: -500px -540px;}
#whatsHowto .post dt{width: 280px;background-position: 0 -580px;}
#whatsHowto .fun dt{width: 380px;background-position: -500px -580px;}
#whatsHowto .pict{
	float: left;
	width: 164px;
	height: 164px;
	text-indent: -9999px;
	overflow: hidden;
}
#whatsHowto .keep .pict{background-position: 0 -620px;}
#whatsHowto .list .pict{background-position: -170px -620px;}
#whatsHowto .post .pict{background-position: -340px -620px;}
#whatsHowto .fun .pict{background-position: -510px -620px;}
#whatsHowto .text{
	float: right;
	width: 265px;
	font-size: 115.4%;
}
#whatsHowto .detail{
	display: block;
	width: 265px;
	height: 41px;
	margin-top:8px;
	background-position:-680px -620px;
	text-indent: -9999px;
	overflow: hidden;
}
#whatsService{
	margin-bottom: 10px;
	border-bottom: 1px solid #8eb721;
	_zoom:1;
}
#whatsService .headerService{
	margin-bottom: 8px;
	padding: 12px 0;
	border-top: 2px solid #8eb721;
	border-bottom: 2px solid #8eb721;
}
#whatsService h2{
	width: 950px;
	height: 23px;
	background-position:0 -800px;
	text-indent: -9999px;
	overflow: hidden;
}
#whatsService p{
	padding-bottom: 15px;
    font-size: 115.4%;
}
#whatsService ul{
	margin-bottom: 15px;
	overflow: hidden;
	_position: relative;
}
#whatsService li{
	float: left;
	padding: 0 35px 10px 15px;
	background-position: -940px -835px;
    font-size: 115.4%;
}


/* ---- 第2階層 ----- */
#guideTitle{
	margin: 17px 0 12px 7px;
	min-height: 111px;
	height: auto !important;
	height: 111px;
}
#guideTitle h1{
	margin-left:121px;
	text-indent: -9999px;
	overflow: hidden;
}
.tabSearch #guideTitle h1{ width: 414px;height: 70px;}
.tabKeep #guideTitle h1{ width: 275px;height: 40px;}
.tabPost #guideTitle h1{ width: 395px;height: 40px;}
.tabFun #guideTitle h1{ width: 523px;height: 40px;}
.tabKeepList #guideTitle h1{ width: 513px;height: 40px;}


#guideTitle p{
	margin: 5px 0 0 121px;
	font-size: 115.4%;
}
#guideTitle span{
	display: block;
	color: #3d889d;
}
.guideColumn{
	width: 950px;
	margin-bottom: 14px;
}
.guideColumn .columnHeader{
	background: #61c4e1;
	padding: 6px 10px;
	border-bottom: 6px solid #289dc0;
}
.guideColumn .columnHeader h2{
	color: #ffffff;
	font-weight: bold;
	font-size: 138.5%;
	line-height: 1.4;
}
.guideColumn .columnContent{
	padding: 14px;
	background: #dff2f8;
	overflow: hidden;
	_position: relative;
	_zoom:1;
}
.guideColumn .columnL{
	float: left;
	width: 475px;
}
.guideColumn .columnR{
	float: right;
	width: 447px;
}
.guideColumn .columnContent p{
	font-size: 115.4%;
	line-height: 1.4;
}
.guideColumn .columnContent span{
	display: block;
	padding-top: 10px;
	color: #3d889d;
}
.guideColumn .columnContent span.npdg{
	display: block;
	padding-top: 0;
	color: #3d889d;
}
.guideColumn .textImage{
	text-indent: -9999px;
	overflow: hidden;
}
#footerButton{
	position: relative;
	width: 867px;
	height: 140px;
	margin: 0 auto 20px;
}
.tabSearch #footerButton{ border: 2px solid #c5d690;background-color: #e7f2c8;background-position: 0 -2024px;}
.tabKeep #footerButton{ border: 2px solid #c3bb70;background-color: #fefbe8;background-position: 3px -1060px;}
.tabFun #footerButton{ border: 2px solid #dbabc1;background-color: #fee9f2;background-position: 0 -897px;}
.tabKeepList #footerButton{ border: 2px solid #c3bb70;background-color: #fefbe8;background-position: 30px 15px;}

#footerButton h3,#footerButton a{
	position: absolute;
	text-indent: -9999px;
	overflow: hidden;
}
#footerButton h3{
	top: 14px;
	left: 187px;
	width: 483px;
	height: 23px;
}
#footerButton a.btn_yloco{
	display:block;
	top: 57px;
	left: 200px;
	width: 460px;
	height: 73px;
}
#footerButton a.btn_pkeep{
	display:block;
	top: 49px;
	left: 201px;
	width: 460px;
	height: 73px;
}
#footerButton a.btn_coupon{
	display:block;
	top: 49px;
	left: 201px;
	width: 460px;
	height: 73px;
}

#footerButtonKeep{width: 867px;margin: 0 auto 20px;}
.tabKeep #footerButtonKeep{ border: 2px solid #c3bb70;background-color: #fefbe8;background-position: 3px -2300px;}
#footerButtonKeep h3,#footerButtonKeep a{text-indent: -9999px;overflow: hidden;}
#footerButtonKeep h3{width: 483px;height: 23px;margin: 14px auto 0;}
#footerButtonKeep a.btn_pkeep{display:block;width: 460px;height: 73px;margin: 12px auto 0;}
#footerButtonKeep p{width:755px;margin: 12px auto;}

/* ---- 地域情報を探す ----- */
.tabSearch .itemText01 {
	min-height: 301px;
	height: auto !important;
	height: 301px;
}
.tabSearch .itemImage01,.tabSearch .itemImage02,.tabSearch .itemImage03{
	width: 475px;
	text-indent: -9999px;
	overflow: hidden;
}
.tabSearch .itemImage01{ height: 777px;background-position: -14px -141px;}
.tabSearch .itemImage02{ height: 570px;background-position: -14px -945px;}
.tabSearch .itemImage03{ height: 474px;background-position: -14px -1542px;}
.tabSearch .textImage{ width: 428px;margin-bottom:15px;}
.tabSearch .itemText01 .textImage{height: 143px;background-position: -489px -141px;}
.tabSearch .itemText02 .textImage{height: 447px;background-position: -489px -442px;}
.tabSearch .itemText03 .textImage{height: 406px;background-position: -489px -945px;}
.tabSearch .itemText04 .textImage{height: 294px;background-position: -489px -1542px;}


/* ---- キープしよう！ ----- */
.tabKeep .guideColumn .columnHeader{
	overflow: hidden;
	_position: relative;
	_zoom:1;
}
.tabKeep .guideColumn .columnHeader h2{
	float: left;
}
.tabKeep .guideColumn .columnHeader span{
	float: right;
	font-size: 115.4%;
	font-weight:bold;
	line-height:1.7;
	color: #ffffff;
}
.tabKeep .columnL p{ margin:0 20px 15px 0;}
.tabKeep .itemImage01,.tabKeep .itemImage02,.tabKeep .itemImage03{
	width: 475px;
	text-indent: -9999px;
	overflow: hidden;
}
.tabKeep .itemImage01{ height: 453px;background-position: -14px 0;}
.tabKeep .itemImage02{ height: 450px;background-position: -14px -547px;}
.tabKeep .textImage{ width: 427px;margin-bottom:15px;}
.tabKeep .itemText01 .textImage{ height: 188px;background-position: -489px 0;}
.tabKeep .itemText02 .textImage{ height: 205px;background-position: -489px -203px;}
.tabKeep .itemText03 .textImage{ height: 131px;background-position: -489px -504px;}


/* ---- クチコミ・写真を投稿 ----- */
.tabPost .guideColumn .bb{
	background:#dff2f8 background:#dff2f8 url(http://i.yimg.jp/images/loco/pc/guide/images/line01.png) no-repeat bottom;
}

.tabPost .colLf{
	float: left;
	width: 475px;
	text-indent: -9999px;
	overflow: hidden;
}
.tabPost .itemImage01 .colLf{ height: 312px;}
.tabPost .itemImage02 .colLf{ height: 383px;}
.tabPost .itemImage03 .colLf{ height: 594px;}
.tabPost .itemImage04 .colLf{ height: 261px;}
.tabPost .itemImage05 .colLf{ height: 387px;}
.tabPost .itemImage06 .colLf{ height: 671px;}
.tabPost .itemImage07 .colLf{ height: 650px;}
.tabPost .itemImage08 .colLf{ height: 267px;}
.tabPost .itemImage09 .colLf{ height: 325px;}

.tabPost .colRt{
	float: right;
	width: 447px;
}
.tabPost .itemImage03{
	position: relative;
}
.tabPost .itemImage03 .colRt p.img03Txt{
	width: 310px;
	height: 116px;
	margin: 11px 0 15px;
	text-indent: -9999px;
	overflow: hidden;
}
.tabPost .itemImage03 p.img03Txt_1{
	clear: both;
	position: absolute;
	width: 611px;
	height: 280px;
	left: 308px;
	top: 250px;
	text-indent: -9999px;
	overflow: hidden;	
}

.tabPost .itemImage01{ height: 312px; background-position: 0 0px;}
.tabPost .itemImage02{ height: 383px; background-position: 0 -344px;}
.tabPost .itemImage03{ height: 594px; background-position: -5px -758px;}
.tabPost .itemImage04{ height: 261px; background-position: 0 -1381px;}
.tabPost .itemImage05{ height: 387px; background-position: 0 -1671px;}
.tabPost .itemImage06{ height: 671px; background-position: 0 -2088px;}
.tabPost .itemImage07{ height: 650px; background-position: 0 -2805px;}
.tabPost .itemImage08{ height: 267px; background-position: 0 -3480px;}
.tabPost .itemImage09{ height: 325px; background-position: 0 -3763px;}


/* ----  クーポン、スタンプを使ってみよう ----- */
.tabFun .guideColumn .bb{
	background:#dff2f8 background:#dff2f8 url(http://i.yimg.jp/images/loco/pc/guide/images/line01.png) no-repeat bottom;
}
.tabFun .itemImage01,.tabFun .itemImage02,.tabFun .itemImage03,.tabFun .itemImage04,.tabFun .itemImage05,.tabFun .itemImage06{
	width: 475px;
	text-indent: -9999px;
	overflow: hidden;
}
.tabFun .itemImage01{ height: 198px;background-position: 0 0;}
.tabFun .itemImage02{ height: 361px;background-position: 0 -232px;}
.tabFun .itemImage03{ height: 700px;background-position: 0 -646px;}
.tabFun .itemImage04{ height: 367px;background-position: 0 -1366px; margin-bottom:20px;}
.tabFun .itemImage05{ height: 374px;background-position: 0 -1768px;}
.tabFun .itemImage06{ height: 310px;background-position: 0 -0px;}
.tabFun .textImage{ width: 427px;margin-bottom:15px;}
.tabFun .itemText01 .textImage{ width: 444px;height: 238px;background-position: -475px -232px;}
.tabFun .itemText02 .textImage{ width: 444px;height: 255px;background-position: -475px -646px;}
.tabFun .itemText03 .textImage{ width: 444px;height: 367px;background-position: -475px -1366px;}
.tabFun .itemText04 .textImage{ width: 444px;height: 374px;background-position: -475px -1768px;}
.tabFun .itemText05 .textImage{ width: 444px;height: 287px;background-position: -475px -0px;}
.tabFun .itemText06 .textImage{ width: 444px;height: 262px;background-position: -472px -298px;}
.tabFun .itemText07 .textImage{ width: 444px;height: 296px;background-position: -472px -586px;}

/* ---- キープリストを作ろう！ ----- */
.tabKeepList .guideColumn .columnHeader{
	overflow: hidden;
	_position: relative;
	_zoom:1;
}
.tabKeepList .guideColumn .columnHeader h2{
	float: left;
}
.tabKeepList .guideColumn .columnHeader span{
	float: right;
	font-size: 115.4%;
	font-weight:bold;
	line-height:1.7;
	color: #ffffff;
}
.guideColumnWr1 .guideColumn .columnL{
	float: left;
	width: 300px;
}
.guideColumnWr1 .guideColumn .columnR{
	float: right;
	width: 520px;
}
.guideColumnWr2 .guideColumn .columnL{
	float: left;
	width: 330px;
}
.guideColumnWr2 .guideColumn .columnR{
	float: right;
	width: 450px;
}
.tabKeepList .itemImage01,.tabKeepList .itemImage02{
	width: 300px;
	text-indent: -9999px;
	overflow: hidden;
}
.tabKeepList .itemImage03{
	width: 895px;
	text-indent: -9999px;
	overflow: hidden;
}
.tabKeepList .itemImage04{
	width: 330px;
	text-indent: -9999px;
	overflow: hidden;
}
.tabKeepList .colLf{
	float: left;
	width: 310px;
	text-indent: -9999px;
	overflow: hidden;
}
.tabKeepList .colRt{
	float: right;
	width: 455px;
	text-indent:0;
}
.tabKeepList .itemImage01{ height: 485px;background-position: 0 0; }
.tabKeepList .itemImage02{ height: 258px;background-position: 0 -850px;}
.tabKeepList .itemImage03{ height: 545px;background-position: 0 -1239px;margin-bottom:65px;}
.tabKeepList .itemImage04{ height: 485px;background-position: 0 -1850px;}

.tabKeepList .itemText01 .textImage,.tabKeepList .itemText02 .textImage,.tabKeepList .itemText03 .textImage,.tabKeepList .itemText04 .textImage{
	width: 520px;
	text-indent: -9999px;
	overflow: hidden;
}
.tabKeepList .itemText01 .textImage{ height: 197px;background-position: -404px 0;}
.tabKeepList .itemText02 .textImage{ height: 179px;background-position: -404px -197px;}
.tabKeepList .itemText03 .textImage{ height: 364px;background-position: -404px -376px;}
.tabKeepList .itemText04 .textImage{ height: 89px;background-position: -404px -740px; margin-bottom:20px;}
.tabKeepList .itemText05 p{ margin-bottom:115px;}
.tabKeepList .itemText06 .textImage{ height: 357px;background-position: -475px -2013px; margin-bottom:25px;}
/* closeAnnouncement */
#whatsHowto .closeAnnouncement dl{ margin:0;}
#whatsHowto .closeAnnouncement dt{ margin:0; width:auto; height:auto; background:none; text-indent:0;}