@charset "utf-8";

/*----------------------------------------
Name: common.css
Developed by: Yuya Amano
Date Created: 2010-04-18
Last Updated: -
Copyright: Yuya Amano
----------------------------------------*/

.clearfix,
.pageToTopBox,
.pageToAllBox,
#headerNavi,
#container,
.contentLink01 dl,
.contentLink02 dl,
.rightSide-box02 .content dl,
#selectByMap,
#selectByStation,
.shopSmallBox,
#newShops .content,
.couponBox .couponLists,
.historyAccessShopsList{
	_height: 1px;
	min-height: 1px;
}

.clearfix:after,
.pageToTopBox:after,
.pageToAllBox:after,
#headerNavi:after,
#container:after,
.contentLink01 dl:after,
.contentLink02 dl:after,
.rightSide-box02 .content dl:after,
#selectByMap:after,
#selectByStation:after,
.shopSmallBox:after,
#newShops .content:after,
.couponBox .couponLists:after,
.historyAccessShopsList:after{
	height: 0;
	visibility: hidden;
	content: ".";
	display: block;
	clear: both;
}

body{
	background: url(../images/headerBg.jpg) repeat-x;
	padding-top: 5px;
}

.pageToTop{
	float: right;
	margin-bottom:10px;
	padding: 0px 0px 0px 15px;
	background: url(../images/icon_arrow_top_white.gif) no-repeat;
}

.pageToAll{
	float: right;
	margin-bottom:10px;
	padding: 0px 0px 0px 15px;
	background: url(../images/icon_arrow_light.gif) no-repeat;
}

.crumb{
	padding-bottom: 0.8em;
}

/*
* header
*
----------------------------------------*/
#header{
	width: 950px;
	margin: 0 auto;
	height: 82px;
	position: relative;
}
#logo{
	display: block;
	float:left;
	width: 319px;
	height: 0px;
	padding-top: 60px;
	background: left 15px url(../images/header_logo.jpg) no-repeat;
	overflow: hidden;
	line-height: 1.4em;
}
#headerNavi{
	position: absolute;
	top: 0px;
	left: 710px;
}
#headerNavi li{
	float: left;
}
#headerNavi li a{
	display: block;
	float: left;
	width: 80px;
	height: 0px;
	padding-top: 27px;
	background: url(../../../img/common/header_navi.gif) no-repeat;
	overflow: hidden;
	line-height: 1.4em;
}
#headerNavi li a#hn-mypage{ background-position: 0px 0px; }
#headerNavi li a#hn-login{ background-position: -80px 0px; }
#headerNavi li a#hn-logout{ background-position: -160px 0px; }
#headerNavi li a#hn-register{ background-position: -240px 0px; }
#headerNavi li a#hn-update{ background-position: -320px 0px; }

#headerSearchBox{
	width: 393px;
	height: 44px;
	background: url(../images/header_search.gif) no-repeat;
	float:right;
	margin-top: 30px;
	position: relative;
}
#headerSearchTextField{
	position: absolute;
	top: 8px;
	left: 115px;
	width: 175px;
}
#headerSearchBtn{
	position: absolute;
	top: 8px;
	left: 302px;
}

#headerSearchText{
	display:none;
}

/*
* container
*
----------------------------------------*/

#container{
	width: 950px;
	margin: 0 auto;
	padding-top:5px;
}

#page{
	float: left;
	width: 685px;
}

#rightSide{
	float: right;
	width: 255px;
}

#leftSide{
	float: left;
	width: 685px;
}

/*
* footerContent
*
----------------------------------------*/

#footerContent{
	width: 950px;
	margin: 10px auto;
}


/*
* footerCatch seo対策用
*
----------------------------------------*/

#footerCatch{

	text-align:right;
	width: 950px;
	margin: 10px auto;
}



/*
* footer
*
----------------------------------------*/

#footer{
	background: top url(../images/footer_bg.gif) repeat-x #f5f5f5;
	padding-bottom: 20px;
}
#footer .innerBox{
	width: 950px;
	margin: 0 auto;
	padding-top: 40px;
}
#footer .siteLinks{
	text-align: right;
	padding: 5px 0px 10px 0px;
}
#footerLogo{
	display: block;
	width: 950px;
	height: 0px;
	padding-top: 71px;
	overflow: hidden;
	background: url(../images/footer_logo.gif) no-repeat;
	margin: 0 auto;
	line-height: 1.4em;
}

/*
* contentBox**
*
----------------------------------------*/

.contentBox01,
.contentBox02,
.contentBox03{
	width: 685px;
	margin-bottom: 10px;
}
.contentBox04{
	width: 938px;
	background: #EDEDED;
	border: 1px solid #CCCCCC;
	padding: 5px;
	margin-bottom: 10px;
}
.contentBox05{
	width: 940px;
	padding: 5px;
	margin-bottom: 10px;
}

.contentBox05{
	background: #EDEDED;
}

.contentBox01 .title,
.contentBox02 .title,
.contentBox03 .title,
.contentBox04 .title,
.contentBox05 .title{
	display: block;
	width: 685px;
	height: 0px;
	overflow: hidden;
	line-height: 1.4em;
}
.contentBox04 .title,
.contentBox05 .title{
	margin: 5px 0px 0px 0px;
}
.contentBox01{
	background: url(../images/box1_bg.jpg) repeat-y;
}
.contentBox01 .content{
	padding: 10px;
}
.contentBox03 .content{
	background: #F5F3E9;
	padding: 5px;
}
.contentBox04 .content{
	padding: 10px 0px 0px 0px;
}
.contentBox05 .content{
	padding: 10px 0px 10px 0px;
}

#searchByArea .title{
	padding-top: 44px;
	background: url(../images/title_bar_area_search.jpg) no-repeat;
}
#searchByArea .bottom{
	background: bottom url(../images/box1_bottom.jpg) no-repeat;
}
#selectByMap dt,
#selectByStation dt{
	width: 150px;
	float: left;
}
#selectByMap dd,
#selectByStation dd{
	float: right;
	width: 500px;
}
#selectByMap{
	margin-bottom: 10px;
}
.areaBtn{
	display: block;
	width: 149px;
	height: 0px;
	padding-top: 28px;
	overflow: hidden;
	line-height: 1.4em;
}
a.btn_are_tokyo{
	background: url(../images/btn_are_tokyo.jpg) no-repeat;
}
#selectByStation{
	border: 1px solid #CCCCCC;
	background: #e5dfbf;
	padding: 10px 0px 0px 0px;
}
#selectByStation dt{
	height: 0px;
	padding-top: 14px;
	background: 30px top url(../images/title_selectByStation.gif) no-repeat;
	overflow: hidden;
	line-height: 1.4em;
}
#selectByStation dd ul li{
	float:left;
	background: left url(../images/icon_arrow_dark.gif) no-repeat;
}
#selectByStation dd ul li a{
	display: block;
	float: left;
	padding:0px 25px 8px 18px;
}


#newShops .title{
	padding-top:38px;
	background: url(../images/title_bar_new_shops.jpg) no-repeat;
}
#newShops .content{
	padding-top: 8px;
	position: relative;
	left: 2px;
}


#pickUpCoupons .title{
	padding-top:38px;
	background: url(../images/title_bar_coupons.jpg) no-repeat;
}
#pickUpCoupons .content{
	padding: 7px;
}

#historyAccessShops .title{
	padding-top: 14px;
	background: url(../images/title-historyAccessShops.gif) no-repeat;
}
.historyAccessShopsList .shopSmallBox dl{
	width: 295px;
}
.historyAccessShopsList .shopSmallBox dl dt{
	width: 103px;
}
.historyAccessShopsList .shopSmallBox dl dd{
	width: 180px;
}

#serviceArea .title{
	padding-top: 14px;
	background: url(../images/title-serviceArea.gif) no-repeat;
}
#serviceArea .content li{
	display: inline;
	white-space: nowrap;
	padding: 5px;
}

#servicePref{
	overflow: hidden;
}

#servicePref .title{
	padding-top: 14px;
	background: url(../images/title-serviceArea.gif) no-repeat;
}

#servicePref .content li{
	float:left;
	/*display: inline;*/
	/*white-space: nowrap;*/
	padding: 5px;
}

#serviceWord{
	overflow: hidden;
}

#serviceWord .title{
	padding-top: 14px;
	background: url(../images/title-serviceArea.gif) no-repeat;
}
#serviceWord .content li{
	float:left;
	display: compact;
	white-space: nowrap;
	padding: 5px;
}


/*
* contentLink**
*
----------------------------------------*/

.contentLink01{
	background: #F2EFDF;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}

.contentLink01 dt{
	float: left;
	width: 136px;
	height: 0px;
	padding-top: 59px;
	background: url(../images/search_by_janre.jpg) no-repeat;
	overflow: hidden;
	line-height: 1.4em;
}

.contentLink01 dd{
	float: right;
	width: 540px;
}
.contentLink01 dl dd ul{
	padding-top: 8px;
}
.contentLink01 dl dd ul li{
	float:left;
	margin-bottom: 8px;
	background: left url(../images/icon_arrow_light.gif) no-repeat;
}
.contentLink01 dl dd ul li a{
	display: block;
	float: left;
	padding:0px 25px 0px 18px;
}

.contentLink02{
	background: #F2EFDF;
	border: 1px solid #CCCCCC;
	margin-bottom: 10px;
}

.contentLink02 dt{
	float: left;
	width: 136px;
	height: 0px;
	padding-top: 116px;
	background: url(../images/search_by_sticking.jpg) no-repeat;
	overflow: hidden;
	line-height: 1.4em;
}

.contentLink02 dd{
	float: right;
	width: 540px;
}
.contentLink02 dl dd ul{
	padding-top: 8px;
}
.contentLink02 dl dd ul li{
	float:left;
	display: compact;
	white-space: nowrap;
	background: left url(../images/icon_arrow_light.gif) no-repeat;
	margin-bottom: 8px;

	/*
	float:left;
	margin-bottom: 8px;
	background: left url(../images/icon_arrow_light.gif) no-repeat;
	*/
}
.contentLink02 dl dd ul li a{
	display: block;
	float: left;
	padding:0px 25px 0px 18px;
}

/*
* shopSmallBox
*
----------------------------------------*/
.shopSmallBox{
	float: left;
	padding: 0px 10px 10px 0px;
	position: relative;
}
.shopSmallBox.right{
	padding-right: 0px;
}
.shopSmallBox dl{
	float: left;
	width: 325px;
	background: left top url(../images/shop_left_bar.jpg) no-repeat #EFEFEF;
	border: 1px solid #CCCCCC;
	padding: 4px;
}
.shopSmallBox dt{
	float: left;
	width: 110px;
	padding-left: 5px;
}
.shopSmallBox dd{
	float: right;
	width: 205px;
}
.shopSmallBox dt img{
	border: 1px solid #CCCCCC;
}
.shopSmallBox dd strong{
	display: block;
	background: white;
	padding: 5px;
}
.shopSmallBox dd strong span{
	display: block;
	font-size: 10px;
	padding-top: 3px;
}
.shopSmallBox dd p{
	padding: 4px 5px 0px 5px;
	font-size: 11px;
}

/*
* couponBox
*
----------------------------------------*/
.couponBox{
	width: 662px;
	padding:4px;
	margin-bottom:5px;
	border: 1px solid #FF9900;
	background: url(../images/shop_title_bg.jpg) no-repeat white;
}
.couponBox.last{
	margin-bottom: 0px;
}
.couponBox.last{
	margin-bottom: 0px;
}
.couponBox .shopName{
	padding:10px 0px 10px 10px
}
.couponBox .shopName strong span{
	font-size: 10px;
}
.couponBox .couponLists{
}
.couponBox .couponLists dt{
	float: left;
	width: 110px;
}
.couponBox .couponLists dt img{
	border: 1px solid #CCCCCC;
}
.couponBox .couponLists dd{
	float: right;
	width: 550px;
}
.couponBox .couponLists li.normal{
	padding: 7px 0px 5px 55px;
	margin-bottom: 3px;
	background: 5px url(../images/icon_coupon.jpg) no-repeat #FFF2DE;
}

.couponBox .couponLists li.premium{
	padding: 7px 0px 5px 55px;
	margin-bottom: 3px;
	background: 5px url(../images/icon_coupon_premium.jpg) no-repeat #FFF2DE;
}

.couponBox .couponLists li a{
	color: #FF6600;
	font-weight: bold;
	text-decoration: none;
}
/*
* rightSide-box**
*
----------------------------------------*/

.rightSide-box01,
.rightSide-box02,
.rightSide-box03,
.rightSide-box04{
	width: 255px;
	margin-bottom: 10px;
}

.rightSide-box01 .title,
.rightSide-box02 .title,
.rightSide-box03 .title,
.rightSide-box04 .title{
	display: block;
	width: 255px;
	height: 0px;
	overflow: hidden;
	line-height: 1.4em;
}


/********************************************************************************/


#mypageBox .title{
	padding-top: 37px;
	background: url(../images/side_title_mypage.jpg) no-repeat;
}

#specialReport .title{
	padding-top: 34px;
	background: url(http://inavi.co.jp/img/common/side_title_special.gif) no-repeat;
}

#specialReport dl{
/*	padding-top: 5px;*/
}
#specialReport dt{
	
/*	
	width: 70px;
	padding: 2px;
	text-align: center;
	*/
}
#specialReport dd{
	/*width: 170px;*/
}

#specialReportimg{
	width: 100px;
	float:left;
	margin:5px;
}

#pecialReportrightbox{
	text-align:center;
	vertical-align:middle;
}

#specialReport dd strong{
	display: block;
	padding:2px;
	color:#3cb371;	
	font-weight:bold;
	text-decoration: none;
}

#specialReport dd b{
	display: block;
	padding:2px;
	color:#ff1493;
	font-weight:bold;
	text-decoration: none;
}


#specialReport dd p{
	font-size: 11px;
	padding:3px;
	clear: both;
	color:#505050;
	text-decoration: none;
	padding:2px;
}

#chaintitle{
	padding:3px;
}

/********************************************************************************/


#shopTweet .title{
	padding-top: 39px;
	background: url(../images/side_title_twitter.gif) no-repeat;
}

#shopTweet dl{
	padding-top: 5px;
}
#shopTweet dl.gray{
	background: #F7F7F7;
}
#shopTweet dt{
	width: 38px;
	padding-top: 4px;
	text-align: center;
}
#shopTweet dd{
	width: 185px;
}
#shopTweet dd strong{
	display: block;
	padding-top: 3px;
	padding-bottom: 3px;
}
#shopTweet dd p span{
	font-size: 10px;
	color: #CCCCCC;
	display: block;
}

#mobileQr .title{
	padding-top: 66px;
	background: url(../images/side_title_mobile.gif) no-repeat;
}

#mobileQr .content{
	text-align: center;
	padding: 15px 0px 15px 0px;
}

.rightSide-box01{
	background: url(../images/sidebox01_bg.jpg) repeat-y;
}

.rightSide-box01 .bottom{
	background: bottom url(../images/sidebox01_bottom.jpg) no-repeat;
}

.rightSide-box01 .content{
	padding: 10px;
}

.rightSide-box02 .content{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}

.rightSide-box02 .content dl{
	padding: 5px;
	border-bottom: 1px dotted #CCCCCC;
}
.rightSide-box02 .content dl.last{
	border: none;
}
.rightSide-box02 .content dl dt{
	float: left;
}
.rightSide-box02 .content dl dd{
	float: right;
}




.btn_member_register{
	display: block;
	width: 181px;
	height: 0px;
	padding-top:45px;
	margin: 0 auto 10px auto;
	background: url(../images/btn_member_register.jpg) no-repeat;
	overflow: hidden;
	line-height: 1.4em;
}

.btn_member_login{
	display: block;
	width: 181px;
	height: 0px;
	padding-top:45px;
	margin: 0 auto 10px auto;
	background: url(../images/btn_member_login.jpg) no-repeat;
	overflow: hidden;
	line-height: 1.4em;
}

/*
* btn-*
*
----------------------------------------*/
.btn-shopDetail{
	display: block;
	width: 160px;
	height: 0px;
	padding-top:40px;
	background: url(../../../img/common/btn_shopDetail.jpg) no-repeat;
	overflow: hidden;
	line-height: 1.4em;
}

.btn-shopAdd{
       width: 160px;
       height: 0px;
       padding-top:40px;
       background: url(../../../img/common/btn_shopmypage_add.jpg) no-repeat;
       overflow: hidden;
       float:right;
       line-height: 1.4em;
}

.btn-shopRemove{
       width: 160px;
       height: 0px;
       padding-top:40px;
       background: url(../../../img/common/btn_shopmypage_remove.jpg) no-repeat;
       overflow: hidden;
       float:right;
       line-height: 1.4em;
}

.btn-printCoupon{
	display: block;
	width: 245px;
	height: 0px;
	padding-top:35px;
	background: url(../images/btn-printCoupon.gif) no-repeat;
	overflow: hidden;
	line-height: 1.4em;
}

.btn-showCoupon{
	display: block;
	width: 245px;
	height: 0px;
	padding-top:35px;
	background: url(../../../img/common/btn-showCoupon.gif) no-repeat;
	overflow: hidden;
	line-height: 1.4em;
}

.btn-shopMailmag{
	display: block;
	width: 243px;
	height: 0px;
	padding-top:47px;
	background: url(../images/btn-mailmagMember.jpg) no-repeat;
	overflow: hidden;
	line-height: 1.4em;
}

.btn-printPremiumCoupon{
	display: block;
	width: 243px;
	height: 0px;
	padding-top:47px;
	background: url(../images/btn-mailmagMember.jpg) no-repeat;
	overflow: hidden;
	line-height: 1.4em;
}

.btn-printPremiumCoupon2{
	display: block;
	width: 243px;
	height: 0px;
	padding-top:47px;
	background: url(../../../img/common/btn-printPremiumCoupon2.jpg) no-repeat;
	overflow: hidden;
	line-height: 1.4em;
}

.btn-showPremiumCoupon{
	display: block;
	width: 243px;
	height: 0px;
	padding-top:47px;
	background: url(../../../img/common/btn-showPremiumCoupon.jpg) no-repeat;
	overflow: hidden;
	line-height: 1.4em;
}

.btn-showPremiumCoupon2{
	display: block;
	width: 243px;
	height: 0px;
	padding-top:47px;
	background: url(../../../img/common/btn-showPremiumCoupon2.jpg) no-repeat;
	overflow: hidden;
	line-height: 1.4em;
}

.btn-shopAdd{
	display: block;
	width: 160px;
	height: 0px;
	padding-top:40px;
	background: url(../../../img/common/btn_shopmypage_add.jpg) no-repeat;
	overflow: hidden;
	line-height: 1.4em;
}

.btn-shopRemove{
	display: block;
	width: 160px;
	height: 0px;
	padding-top:40px;
	background: url(../../../img/common/btn_shopmypage_remove.jpg) no-repeat;
	overflow: hidden;
	line-height: 1.4em;
}


/*
* pageArea
*
----------------------------------------*/
.pageLineBox{
	border-top: 3px solid #F1F1F1;
	padding-top: 15px;
}
.pageArea{
	font-size:12px;
	overflow:hidden;
	padding:8px 13px 0 18px;
	text-align:center;
	width:616px;
	margin: 0 auto;
}
.pageNavi{
	clear:both;
	margin:0 0 20px;
	text-align:center;
	font-size:12px;
	line-height:16px;
}
.pageNavi a{
	border:1px solid #D2D2D2;
	margin:0 5px 0 0;
	padding:5px 7px 3px 8px;
	text-decoration:none;
}
.pageNavi a:link{
	background:none repeat scroll 0 0 #FFFFFF;
}
.pageArea .pageNavi a:hover,
.pageArea .pageNavi a:active,
.pageArea .pageNavi a.nowpage {
	background:none repeat scroll 0 0 #F7F5E9;
	border:1px solid #8CC31E;
	color:#000000;
	text-decoration:none;
}

/*
* container
*
----------------------------------------*/

#registcontainer{
	width: 700px;
	margin: 0 auto;
	padding-top:5px;
}

#sitemap{
	margin:auto;
	width:800px;
	border-color: #eeeeee;
	border-width: 1px;
	border-style: solid;
}
.sitemapH2{
	width:750px;
	margin:auto;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	font-size: large;
	font-weight: bold;
	background-color: #eeeeee;
}

table.tt1{
	margin-left:40px;
	margin-bottom: 20px;
}

table.tt1 td.ttd1{
	width: 180px;
}

table.tt1 td.ttd1 p{
	background-color: #eeeeee;
	margin-bottom: 5px;
}


table.tt1 td.ttd2{
	width:144px;
}

table.tt1 td.ttd2 p{
	background-color: #eeeeee;
	margin-bottom: 5px;
}

table.tt1 td.ttd3{
	width:230px;
	padding:5px;
}

.error-message{
	color: #ff0000;
	font-size: x-small;
}

.small-message{
	font-size: x-small;
}

.backGroundGreen{
	background-color: olive;
	color: #ffffff;
}

.rss{
	color:#0000FF;
	text-align: right;
	margin-bottom: 10px;
}

.howToCoupon{
	text-align:right;
}

.arrowlist{
	margin-left:40px;
	list-style: url(../../../img/common/icon_arrow_white.gif);
}

.keywordRankTitle{
	padding:10px;
	background-color: #eeeeee;
	border-color: #cccccc;
	border-width: 1px;
	border-style: solid;
	margin-bottom: 10px;
	font-weight: bold;
}

.numlist{
	margin-left:40px;
	margin-bottom:10px;
	list-style: decimal;
	font-size: larger;
}