@charset "UTF-8";
/* ======================================================== design.css

女子会特集/FooMoo by ホットペッパー(HotPepper)

 -Base
 -Header
 -Topic Path
 -Contents
 -Footer Navigation
 -Footer
 -Sub Contents

============================================================= 2010.8.6*/


/* ▼ Base ▼
------------------------------------------------------------*/

#wrapper{text-align: center;}

#header,
#topicPath,
#contentsArea,
#footerNav,
#footer{
	position: relative;
	width: 950px;
	margin: 0px auto;
	overflow: hidden;
	_zoom: 1;
}

#container{
	padding-bottom: 10px;
	background-color: #FFFFFF !important;
	background-image: none !important;
	text-align: center;
}



/* ▼ Header ▼
------------------------------------------------------------*/

h1{
	position: absolute;
	top: 3px;
	right: 0px;
	font-weight: normal;
}

#logo{
	float: left;
	padding: 5px 0px;
}

#header ul.links{
	float: right;
	padding-top: 30px;
}

#header ul.links li{
	float: left;
	margin-left: 10px;
	padding-right: 12px;
	border-right: 1px solid #CCC;
	line-height: 1.8em;
}

#header ul.links li.lastChild{
	margin-right: 0px;
	border: none;
}

/* ▼ 緊急対応 ▼
------------------------------------------------------------*/
#footerNavNew .pagetop,
#footerNavNew .pagetop a {
	color: #1470CC;
}

#footerNavNew p#pagetop a,
#footerNavNew p.pagetop a{
	display: block;
	padding: 5px 5px 0;
	text-align: right;
}

#footerNavNew {
	position: relative;
	width: 950px;
	margin: 0px auto;
	overflow: hidden;
	_zoom: 1;
}


#header ul.links li.external{background-position: -2px 2px;}
* html #header ul.links li.external{background-position: -2px 3px;}
*:first-child+html #header ul.links li.external{background-position: -2px 3px;}


/* ▼ Topic Path ▼
------------------------------------------------------------*/

#topicPath{
	clear: both;
	padding: 10px 0px;
}

#topicPath p,
#topicPath ol,
#topicPath ol li{
	display: inline;
	vertical-align: bottom;
	*display: inline;
	*zoom: 1;
}

#topicPath .strong,
.subSiteTopicPath .strong {
	font-size: 1em;
	color: #666;
}

#topicPath p{
	margin-right: 25px;
	padding-left: 16px;
	background: url("/SYS/girlsparty/images/icon/icon_back.gif") no-repeat left top;
}

#topicPath ol{
	overflow: hidden;
	letter-spacing: -.40em;
}

#topicPath ol li{
	overflow: hidden;
	letter-spacing: normal;
}

#container.meiryoFont > #topicPath > p + ol {
	padding-left: 3px !important;
}

#topicPath ol li + li {
	margin-left: 6px;
}

#topicPath .strong,
#topicPath ol li + li a,
#topicPath p ~ ol li a {
	padding-left:13px;
	background: url("/SYS/cmn/images/common/bg_chevron.gif") no-repeat left center;
}
/* ▼ 第二パンくず ▼
------------------------------------------------------------*/
.subSiteTopicPath {
	clear: both;
	margin-top: 5px;
}
.subSiteTopicPath ol {
	float: right;
}
.subSiteTopicPath li{
	display: inline;
	letter-spacing: normal;
}
.subSiteTopicPath ol li + li {
	margin-left: 6px;
}
.subSiteTopicPath .strong,
.subSiteTopicPath ol li + li a,
.subSiteTopicPath p ~ ol li a {
	padding-left: 13px;
	background: url("/SYS/cmn/images/common/bg_chevron.gif") no-repeat left center;
}
/* ▼ Contents ▼
------------------------------------------------------------*/

p.searchEngine{
	padding: 0px 0px 10px 10px;
	color: #999;
}

p#pagetop,
p.pagetop{
	clear: both;
	margin: 10px 0;
}

p#pagetop a,
p.pagetop a{
	display: block;
	padding: 5px;
	text-align: right;
}

p#pagetop a:hover,
p.pagetop a:hover{background-color: #DBF1FF;}

p#pagetop a span,
p.pagetop a span{
	padding-left: 15px;
	background: url("/SYS/girlsparty/images/icon/mark_totop.gif") no-repeat left center;
}


ul.links li a,
a.triangleLink{
	display: block;
	padding-left: 10px;
	background: url("/SYS/girlsparty/images/icon/icon_dotarrow_blue.gif") no-repeat left center;
}

a.window{
	padding-right: 15px;
	background: url("/SYS/girlsparty/images/icon/icon_window.gif") no-repeat right center;
}

p.chainSEO,
p.seoTextRight{text-align: right;}

div#mainContents hr,
div#subContents hr {
	display: block;
	clear: both;
	height: 1px;
	border: none;
	border-top: 1px dotted #CCC;
}


/* ▼ Footer Navigation ▼
------------------------------------------------------------*/

#footerNav{
	clear: both;
	padding-top: 10px;
	color: #999;
	line-height: 1.4em;
}
/* fotter.css に記載あり
#footerNav a{color: #999;}
*/

div#footerNav dl dt {font-weight: bold;}
div#footerNav dl dd {margin-bottom: 10px;}

div#footerNav ul.links li { background-position: -5px 0; }
div#footerNav p.shopName{text-align: right;color: #999;}


/* ▼ Footer ▼
------------------------------------------------------------*/

#footer{
	padding: 10px 0px;
	background: #FFF;
}

#footer ul{float: right;}

#footer ul li{
	display: inline;
	padding: 0px 5px;
	border-right: 1px solid #CCC;
}

#footer ul li.lastChild{border: none;}


/* ▼ Sub Contents ▼
------------------------------------------------------------*/

/* レイアウト */
div#subContents {
	float: right;
	width: 170px;
	margin-bottom: 10px;
}

div#subContents p,
div#subContents ul,
div#subContents ol,
div#subContents dl { clear: both; }

div#subContents p,
div#subContents ul li,
div#subContents ol li,
div#subContents dl dt,
div#subContents dl dd {
	font-size: 100%;
	line-height: 1.5;
}

div#subContents ul.links li { background-position: -5px 0; }

* html div#subContents ul.links li { background-position: -5px 1px; }

*:first-child+html div#subContents ul.links li { background-position: -5px 2px; }

li.external {
	padding-left: 13px;
	background: url(/SYS/girlsparty/images/icon/icon_window.gif) -2px 2px no-repeat;
}

div#subContents ul.links li.external { background-position: -2px 0; }

* html div#subContents ul.links li.external { background-position: -2px 1px; }

*:first-child+html div#subContents ul.links li.external { background-position: -2px 2px; }

/* マイホットペッパー レイアウト */
div#subContents div.myHotpepper { background: url(/SYS/cmn/images/common/front/bg_sub_body.gif) repeat-y; }

div#subContents div.myHotpepperWrapFirst {
	padding: 0 0 2px 0;
	background: url(/SYS/cmn/images/common/front/bg_sub_bottom.gif) bottom no-repeat;
	zoom: 1;
	margin-bottom: 5px;
}

div#subContents div.myHotpepperWrapSecond {
	padding-top: 5px;
	padding-bottom: 4px;
	background: url(/SYS/cmn/images/common/front/bg_sub_top.jpg) top no-repeat;
	zoom: 1;
}

div#subContents div.myHotpepper h2 { margin-bottom: 6px; }

div#subContents div.myHotpepper p.notes { color: #666; }

/* 各機能 レイアウト */
div#subContents div#diaryLogIn,
div#subContents div#diaryLogOut,
div#subContents div#bookMark {
	clear: both;
	width: 160px;
	margin: 0 0 0 5px;
	padding: 0;
	background: url(/SYS/cmn/images/common/front/bg_sub_box_body.gif) repeat-y;
}

div#subContents div#diaryLogIn,
div#subContents div#diaryLogOut{margin-bottom: 4px;}

div#subContents div div.wrapFirst {
	background: url(/SYS/cmn/images/common/front/bg_sub_box_top.jpg) top no-repeat;
	padding-top: 0;
	zoom: 1;
}

div#subContents div div.wrapFirst div.wrapSecond {
	padding-bottom: 2px;
	background: url(/SYS/cmn/images/common/front/bg_sub_box_bottom.gif) bottom no-repeat;
	width: 160px;
}

div#subContents div.myHotpepperWrapSecond hr { *margin: -5px 0; }

div#subContents div h2,
div#subContents div h3 {
	margin: 0;
	padding: 0;
	border-bottom: 0;
	background: none;
}

div#subContents div h4 {
	font-weight: normal;
	font-size: 120%;
	line-height: 1.5;
	word-wrap: break-word;
}


div#subContents div div.wrapFirst div.wrapSecond h4,
div#subContents div div.wrapFirst div.wrapSecond p,
div#subContents div div.wrapFirst div.wrapSecond ul,
div#subContents div div.wrapFirst div.wrapSecond ol,
div#subContents div div.wrapFirst div.wrapSecond dl { margin: 5px; }

div#subContents div div.wrapFirst div.wrapSecond ul.links li.diary a,
ul.links li.external a {
	padding-left: 0;
	background: none;
	zoom: 1;
}

div#subContents div div.wrapFirst div.wrapSecond ul.links li.diary {
	padding-left: 18px;
	background: url(/SYS/cmn/images/common/img_links_diary.gif) left top no-repeat;
}

/* グルメ手帳 */
div#subContents div#diaryLogIn ul.links,
div#subContents div#diaryLogOut ul.links{
	margin-bottom: 0;
	padding-bottom: 5px;
}

div#subContents div#diaryLogIn ul.links li a,
div#subContents div#diaryLogOut ul.links li a{
	zoom: 1;
}

div#subContents div#diaryLogIn ul.btn { margin: 0 0 0 5px; }

div#subContents div#diaryLogIn ul.btn li {
	float: left;
	margin-right: 5px;
}

* html div#subContents div#diaryLogIn ul.btn li { margin-right: 4px; }

div#subContents div#diaryLogOut p.username {
	margin: 5px 4px 6px 4px;
	padding: 3px 5px 4px 5px;
	background: #fff;
	font-weight: bold;
}

div#subContents div#diaryLogOut p.score {
	margin: 5px 0 6px 6px;
	color: #657E90;
	font-weight: bold;
}

div#subContents div#diaryLogOut p.score span {
	color: #993300;
	font-size: 120%;
	font-weight: bold;
}

div#subContents div#diaryLogOut p.rank { margin: 5px 0 6px 6px; }

* html div#subContents div#diaryLogOut p.rank img { margin-top: -1px; }

/* ブックマーク */
div#subContents div#bookMark div.wrapFirst div.wrapSecond { background: url(/SYS/cmn/images/common/front/bg_sub_box_bm_bottom.gif) bottom no-repeat; }

div#subContents div#bookMark { margin-bottom: 10px;}

div#subContents div#bookMark dl#sbm { margin: 0; }

div#subContents div#bookMark dl#sbm dt,
div#subContents div#bookMark dl#sbm dd {
}

div#subContents div#bookMark dl#sbm dd { padding: 10px 10px 5px 10px; }

div#subContents div#bookMark dl#sbm dd ul { margin: 0; }

div#subContents div#bookMark dl#sbm dd ul li {
	display: inline;
	margin-right: 3px;
}

/* おすすめ情報・グルメな人ラインキング・注目のお店 */
div#subContents div#recommendInfo,
div#subContents div#ranking,
div#subContents div#hot {
	margin-bottom: 10px;
	background-repeat: repeat-y;
	background-position: 0 0;
}

div#subContents div#recommendInfo div.wrap,
div#subContents div#ranking div.wrap,
div#subContents div#hot div.wrap {
	padding-bottom: 5px;
	background-repeat: no-repeat;
	background-position: 0 bottom;
	width: 170px;
}

div#subContents div#recommendInfo { background-image: url(/SYS/cmn/images/common/top/bg_sub_recommend_body.gif); }

div#subContents div#recommendInfo div.wrap { background-image: url(/SYS/cmn/images/common/top/bg_sub_recommend_bottom.gif); }

div#subContents div#ranking,
div#subContents div#hot { background-image: url(/SYS/cmn/images/common/top/bg_sub_ranking_body.gif); }

div#subContents div#ranking div.wrap,
div#subContents div#hot div.wrap { background-image: url(/SYS/cmn/images/common/top/bg_sub_ranking_bottom.gif); }

div#subContents div#recommendInfo h2,
div#subContents div#ranking h2,
div#subContents div#hot h2 { margin-bottom: 5px; }

div#subContents div#recommendInfo p,
div#subContents div#ranking ol,
div#subContents div#hot ul {
	margin-right: 10px;
	margin-left: 10px;
}

div#subContents div#recommendInfo p.photo {
	margin: 0 35px;
	width: 98px;
	height: 98px;
	border: solid 1px #F2F2F2;
	background-color: #FFF;
	text-align: center;
}

div#subContents div#recommendInfo p.photo a {
	display: block;
	width: 98px;
	height: 98px;
}

div#subContents div#ranking ol {
	list-style-type: none;
	padding: 0;
}

div#subContents div#ranking ol li {
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: 0 1px;
}

*+html div#subContents div#ranking ol li { background-position: 0 3px; }

div#subContents div#ranking ol li.rank01 { background-image: url(/SYS/cmn/images/common/top/icon_rank_01.gif); }

div#subContents div#ranking ol li.rank02 { background-image: url(/SYS/cmn/images/common/top/icon_rank_02.gif); }

div#subContents div#ranking ol li.rank03 { background-image: url(/SYS/cmn/images/common/top/icon_rank_03.gif); }

div#subContents div#ranking ol li.rank04 { background-image: url(/SYS/cmn/images/common/top/icon_rank_04.gif); }

div#subContents div#ranking ol li.rank05 { background-image: url(/SYS/cmn/images/common/top/icon_rank_05.gif); }

div#subContents div#hot ul li {
	padding: 5px 0;
	border-bottom: 1px solid #CCC;
}

div#subContents div#hot ul li p span.strong {
	margin-left:1px;
	margin-right: 5px;
	color: #CD0102;
}

div#subContents div#hot ul li p a { font-size: 120%; }

div#subContents div#hot ul li.lastChild { border-bottom: none; }

/* バナー */
div#subContents ul.banner { margin-bottom: 10px; }

div#subContents ul.banner li { margin-bottom: 5px; }

/* 新着・注目情報 */
div#subContents h2.spotlight { margin-bottom: 5px; }

/* ▼ 緊急対応 ▼
------------------------------------------------------------*/
#footerNavNew .pagetop,
#footerNavNew .pagetop a {
	color: #1470CC;
}

#footerNavNew p#pagetop a,
#footerNavNew p.pagetop a{
	display: block;
	padding: 5px 5px 0;
	text-align: right;
}

#footerNavNew {
	position: relative;
	width: 950px;
	margin: 0px auto;
	overflow: hidden;
	_zoom: 1;
}
div#mainContents #searchConditional ul.links {
	text-align: right;
	font-size: 120%;
}

div#mainContents #searchConditional ul.links li {
	height: 1em;
	text-align: right;
}

div#mainContents #searchConditional ul.links li a {
	display: inline-block;
	padding-left: 10px;
	background: url("/SYS/season/images/icon/icon_dotarrow_blue.gif") no-repeat left center;
}
.meiryoFont {
	font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','ＭＳ Ｐゴシック',MS PGothic,sans-serif;
}