@charset "utf-8";

/* ------------------------------------------------------------
   
	filename:	top.css
	created:	090225
	update:		090407
	  
------------------------------------------------------------ */

/* ------------------------------------------------------------ レイアウト */
body.saTop div#platformWrap { background-position: 0 26px; }

div#container {
	margin-top: -1px;
	padding-top: 1px;
}

/* トップ系 */
div#header dl.areaNav,
div#header dl.areaNav dt,
div#header dl.areaNav dd,
div#header dl.areaNav dd ul li { float: left; }

div#header dl.areaNav { margin: 4px 0 0 3px; }

* html div#header dl.areaNav { margin-left: 1px; }

div#header dl.areaNav a {
	display: block;
	padding: 2px 9px;
}

div#header dl.areaNav dd ul li { margin: 0 5px 0 0; }

div#header dl.areaNav dd ul li.current { background: url(/SYS/cmn/images/common/bg_satop_tab.gif) left top no-repeat #E1D5BD; }

div#header dl.areaNav dd ul li.current a {
	background: url(/SYS/cmn/images/common/bg_satop_tab.gif) right top no-repeat;
	font-weight: bold;
}

div#brand {
	height: 66px;
	padding-top: 14px;
	padding-bottom: 10px;
}

div#brand p#siteID { float: left; }

div#brand ul.brandNav {
	float: right;
	margin-top: 6px;
}

div#header ul.brandNav li,
div#brand ul.brandNav li { float: left; }

div#header p.chosei { float: right; }

div#brand ul.brandNav li { margin-left: 5px; }

div#contentsOuter {
	float: left;
	width: 760px;
}

div#mainContents { float: none; }

div#mainContents div#mainContentsWrapFirst div#mainContentsWrapSecond {
	padding-right: 10px;
	padding-top: 10px;
}

div#mainContents div#contents {
	float: right;
	width: 560px;
}

/* ------------------------------------------------------------ ヘッダー */
div#header dl.relatedLinks {
	float: left;
	margin-top: 15px;
	margin-left: 10px;
}

div#header dl.relatedLinks dt,
div#header dl.relatedLinks dd { display: inline; }

div#utilities ol { margin-left: 0; }

* html div#utilities ol { margin-left: 0; }

/* ------------------------------------------------------------ フリーワード検索エリア */
div#search h1 { font-size: 140%; }

div#search h1 strong { font-size: 128.57%; }

div#searchWrapSecond { padding-top: 1px; }

div#search h1 {
	margin-top: 19px;
	margin-left: 15px;
	border-bottom: none;
}

div#search p { margin-bottom: 10px; }

div#search p input.searchWord { width: 260px; }

* html div#search p { padding-bottom: 10px; }

*:first-child+html div#search p { padding-bottom: 10px; }

div#search ul { margin-top: 11px; }

* html div#search ul { margin-top: 8px; }

*:first-child+html div#search ul { margin-top: 8px; }

div#search dl.relatedLinks {
	margin: 0 1px;
	background-color: #EEE;
	text-align: center;
}

div#search dl.relatedLinks dt,
div#search dl.relatedLinks dd,
div#search dl.relatedLinks dd ul,
div#search dl.relatedLinks dd ul li { display: inline; }

div#search p.poico {
	margin: 0 1px;
	padding: 2px 5px;
	background-color: #11AAEE;
	background-image: url(/SYS/cmn/images/common/top/bg_search_poico.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	font-size: 0;
	line-height: 0;
}

*:first-child+html div#search p.poico { height: 6px; }

/* ------------------------------------------------------------ エリアを絞り込む・プロモエリア */
div.primaryTop div#mainContents div#areaRefine,
div.primaryTop div#mainContents div#areaRefineSecondary {
	position: relative;
	width: 365px;
	margin-left: 10px;
	background: url(/SYS/cmn/images/common/top/bg_are_refine_inner.gif) repeat-y;
}

div.primaryTop div#mainContents div#areaRefine,
div.primaryTop div#mainContents div#areaRefine div#areaRefineWrapSecond { height: 360px; }

div.primaryTop div#mainContents div#areaRefineSecondary,
div.primaryTop div#mainContents div#areaRefineSecondary div#areaRefineWrapSecond { height: 218px; }

div.primaryTop div#mainContents div#areaRefine div#areaRefineWrapSecond,
div.primaryTop div#mainContents div#areaRefineSecondary div#areaRefineWrapSecond {
	padding-bottom: 1px;
	padding-top: 1px;
}

div.primaryTop div#mainContents div#areaRefineWrapFirst { background: url(/SYS/cmn/images/common/top/bg_are_refine.jpg) top no-repeat; }

div.primaryTop div#mainContents div#areaRefineWrapSecond { background: url(/SYS/cmn/images/common/top/bg_are_refine_btm.gif) bottom no-repeat; }

div.primaryTop div#mainContents div#areaRefine h2,
div.primaryTop div#mainContents div#areaRefineSecondary h2,
div.primaryTop div#mainContents div#areaRefine ul.btn,
div.primaryTop div#mainContents div#areaRefineSecondary ul.btn,
div.primaryTop div#mainContents div#areaRefine p#flashContents,
div.primaryTop div#mainContents div#areaRefineSecondary p#flashContents {
	position: absolute;
	margin: 0;
	padding: 0;
}

div.primaryTop div#mainContents div#areaRefine h2,
div.primaryTop div#mainContents div#areaRefineSecondary h2 {
	top: 8px;
	left: 8px;
	background-image: none;
}

div.primaryTop div#mainContents div#areaRefine h2 { }

div.primaryTop div#mainContents div#areaRefine ul.btn,
div.primaryTop div#mainContents div#areaRefineSecondary ul.btn {
	top: 9px;
	right: 7px;
}

div.primaryTop div#mainContents div#areaRefine p#flashContents,
div.primaryTop div#mainContents div#areaRefineSecondary p#flashContents {
	top: 37px;
	left: 7px;
}

div.primaryTop div#mainContents div#areaRefine dl.relatedLinks { padding: 340px 0 0 0; }

div.primaryTop div#mainContents div#areaRefineSecondary dl.relatedLinks { padding: 198px 0 0 0; }

div.primaryTop div#mainContents div#areaRefine dl.relatedLinks dt,
div.primaryTop div#mainContents div#areaRefineSecondary dl.relatedLinks dt {
	float: left;
	clear: left;
	width: 120px;
	margin-right: 0;
	font-size: 0;
}

div.primaryTop div#mainContents div#areaRefine dl.relatedLinks dd,
div.primaryTop div#mainContents div#areaRefineSecondary dl.relatedLinks dd {
	float: none;
	clear: none;
	width: auto;
	margin-left: 120px;
	font-size: 100%;
}

div.primaryTop div#mainContents div#areaRefine dl.relatedLinks dt,
div.primaryTop div#mainContents div#areaRefineSecondary dl.relatedLinks dt,
div.primaryTop div#mainContents div#areaRefine dl.relatedLinks dd,
div.primaryTop div#mainContents div#areaRefineSecondary dl.relatedLinks dd {
	margin-top: 0;
	margin-bottom: 2px;
}

div.primaryTop div#mainContents div#areaRefine dl.relatedLinks dd ul,
div.primaryTop div#mainContents div#areaRefineSecondary dl.relatedLinks dd ul { margin-bottom: 0; }

div.primaryTop div#mainContents div#areaRefine dl.relatedLinks dd ul li,
div.primaryTop div#mainContents div#areaRefineSecondary dl.relatedLinks dd ul li { margin-right: 5px; }

/* このページの先頭へ */
div.primaryTop div#mainContents p.totop,
div.freeWord div#mainContents p.totop { margin-left: 10px; }

/* promotionArea */
div#mainContents div.column3A p.promotion,
div#mainContents div.column3B p.promotion { margin-left: 0; }

/* promotion flash */
div#mainContents p#nationalPromotion {
	line-height: 0;
	font-size: 0;
}

/* ------------------------------------------------------------ コンテンツエリア */
div#mainContents p,
div#mainContents ul,
div#mainContents ol,
div#mainContents dl { margin-left: 10px; }

div#mainContents div#mainContentsWrapFirst div#mainContentsWrapSecond p.infoPoico {
	margin-bottom: 5px;
	font-size: 100%;
}

div#mainContents div#mainContentsWrapFirst div#mainContentsWrapSecond p.infoPoico img {
	margin-right: 5px;
	margin-bottom: 1px;
}

/* 関連リンク */
div#mainContents dl.relatedLinks dt { margin-right: 5px; }

div#mainContents dl.relatedLinks dd {
	margin-top: 2px;
	font-size: 100%;
}

* html div#mainContents dl.relatedLinks dd { margin-top: 0; }

* html div#mainContents div#areaRefine dl.relatedLinks dd { margin-top: 2px; }

*+html div#mainContents dl.relatedLinks dd { margin-top: -0.5px; }

body:first-of-type div#mainContents dl.relatedLinks dd { margin-top: 4px; }

/* pr */
div#mainContents div#contents p.pr {
	color: #666;
	font-weight: bold;
}

div#mainContents div#contents p.pr strong {
	color: #CD3335;
	font-size: 83.3%;
}

/* h2 */
div#mainContents div.infoHeading {
	position: relative;
	margin-bottom: 10px;
	border: 1px solid #D5D2CD;
	background-color: #FFF;
}

div#mainContents div.infoHeading h2 {
	margin: 1px;
	padding: 3px 8px;
	background-color: #F4F2EE;
	background-image: none;
	font-size: 120%;
}

div#mainContents h2.image { margin-left: 0; }

*+html div#mainContents h2.image { padding-left: 0; }

div#mainContents div.infoHeading ul.links {
	position: absolute;
	top: 5px;
	right: 10px;
}

div#mainContents div.infoHeading ul.links li { font-size: 100%; }

div#mainContents div.heading {
	position: relative;
	clear: both;
	margin-left: 0;
	border: none;
}

* html div#mainContents div.heading { position: static; }

div#mainContents div.heading h2 {
	margin: 0;
	padding: 0;
	border: none;
}

/* タブ */
div#mainContents div.heading ul.tabNav {
	position: absolute;
	top: 9px;
	left: 260px;
	margin: 0;
	clear: right;
	border: none;
}

* html div#mainContents div.heading ul.tabNav {
	position: static;
	margin-top: -31px;
	margin-left: 260px;
}

div#mainContents div.heading ul.tabNav li {
	padding-right: 2px;
	border: none;
}

div#mainContents div.heading ul.tabNav li { padding-right: 3px; }

div#mainContents div.heading ul.tabNav li a {
	margin: 0;
	padding: 0;
}

/* インフォメーション */
div#mainContents dl.info { clear: both; }

div#mainContents dl.info dt {
	float: left;
	clear: left;
	width: 8.8em;
	margin-bottom: 3px;
	font-size: 100%;
}

div#mainContents dl.info dd {
	margin-bottom: 3px;
	margin-left: 8.5em;
	padding-left: 14px;
	background-image: url(/SYS/cmn/images/common/top/mark_links.gif);
	background-repeat: no-repeat;
	background-position: 0 0.15em;
}

* html div#mainContents dl.info dd { text-indent: -3px; }

div#mainContents div.column4B ul.linksRow { clear: both; }

div#mainContents div.column4B ul.linksRow li,
div#mainContents div.column4C ul.linksRow li { width: 43%; }

div#mainContents div.column4B ul.linksRow { display: inline-block; }

* html div#mainContents div.column4B ul.linksRow li,
* html div#mainContents div.column4C ul.linksRow li { width: 46%; }

/* リンク */
div#mainContents dl.relatedLinks { margin-bottom: 0; }

* html div#mainContents dl.relatedLinks dt { margin-top: 1px; }

/* ------------------------------------------------------------ 特集エリア */
div#mainContents h3 {
	clear: both;
	margin-left: 10px;
	padding: 0;
	background: none;
}

* html div#mainContents div#contents h3 { padding-left: 0!important; }

div#mainContents h4 {
	clear: both;
	margin-left: 10px;
	border-bottom: none;
}

div#mainContents div.column4B div.pic {
	float: left;
	width: 110px;
}

/*div#mainContents div.column4B div.txt { margin-left: 110px; }*/

div#mainContents ul.linksRow li {
	width: 176px;
	margin: 0 0 5px 0;
	padding-left: 7px;
	font-size: 120%;
}

div#mainContents div#greenXX ul.linksRow li,
div#mainContents div#pinkXXX ul.linksRow li,
div#mainContents div#brownXX ul.linksRow li,
div#mainContents div#orangeX ul.linksRow li,
div#mainContents div#blueXXX ul.linksRow li { background-position: left 0.3em; }

div#mainContents div.laboratory ul.linksRow li {
	float: left;
	width: 150px;
	margin: 0;
	padding-left: 13px;
	font-size: 120%;
}

div#mainContents ul.linksRow li.external { padding-left: 13px; }

div#mainContents ul.linksRow a { padding-right: 5px; }

div#mainContents div.columnExA {
	float: left;
	width: 190px;
}

div#mainContents div.columnExB {
	float: left;
	width: 370px;
}

div#mainContents div.columnExC {
	float: left;
	width: 185px;
}

div#mainContents div.columnExB h3 {
	margin-top: 0!important;
	border: none;
}

div#mainContents div.columnExB ul.linksRow li { width: 46%; }

/* 2/15追加分 */
div#mainContents div#greenXX ul li a:hover,
div#mainContents div#pinkXXX ul li a:hover,
div#mainContents div#brownXX ul li a:hover,
div#mainContents div#blueXXX ul li a:hover,
div#mainContents div#orangeX ul li a:hover { text-decoration: underline; }

div#mainContents div#greenXX div.itemsA,
div#mainContents div#pinkXXX div.itemsA,
div#mainContents div#orangeX div.itemsA,
div#mainContents div#brownXX div.itemsA,
div#mainContents div#blueXXX div.itemsA,
div#mainContents div#feature div.itemsA { float: left; }

div#mainContents div#greenXX div.itemsA div.pic,
div#mainContents div#pinkXXX div.itemsA div.pic,
div#mainContents div#orangeX div.itemsA div.pic,
div#mainContents div#brownXX div.itemsA div.pic,
div#mainContents div#blueXXX div.itemsA div.pic,
div#mainContents div#feature div.itemsA div.pic {
	float: left;
	width: 110px;
}

div#mainContents div#greenXX div.itemsA div.txt,
div#mainContents div#pinkXXX div.itemsA div.txt,
div#mainContents div#orangeX div.itemsA div.txt,
div#mainContents div#brownXX div.itemsA div.txt,
div#mainContents div#blueXXX div.itemsA div.txt,
div#mainContents div#feature div.itemsA div.txt {
	float: left;
	margin: 0;
	width: 169px;
}

div#mainContents div#feature div.itemsA div.txt { width: 167px; }

div#mainContents div#private div.itemsA div.txt ul li {
	padding-left: 15px;
	background-position: 0 0.3em;
	background-repeat: no-repeat;
}

div#mainContents div#greenXX div.itemsA div.txt ul li { background-image: url(/SYS/cmn/images/common/top/bg_arrow_green_l.jpg); }

div#mainContents div#pinkXXX div.itemsA div.txt ul li { background-image: url(/SYS/cmn/images/common/top/bg_arrow_pink_l.jpg); }

div#mainContents div#orangeX div.itemsA div.txt ul li { background-image: url(/SYS/cmn/images/common/top/bg_arrow_orange_l.jpg); }

div#mainContents div#brownXX div.itemsA div.txt ul li { background-image: url(/SYS/cmn/images/common/top/bg_arrow_gold_l.jpg); }

div#mainContents div#blueXXX div.itemsA div.txt ul li { background-image: url(/SYS/cmn/images/common/top/bg_arrow_blue_l.jpg); }

div#mainContents div#private div.itemsA div.txt ul li { font-size: 140%; }

div#mainContents div#private div.itemsA div.txt ul li a { font-weight: bold; }

/* 友人・同僚と楽しむ */
div#mainContents div#greenXX ul li { background: url(/SYS/cmn/images/common/top/bg_arrow_green_s.gif) 0 0.4em no-repeat; }

div#mainContents div#greenXX ul li a { color: #567300; }

/* 二人の時間を楽しむ */
div#mainContents div#pinkXXX ul li { background: url(/SYS/cmn/images/common/top/bg_arrow_pink_s.gif) 0 0.4em no-repeat; }

div#mainContents div#pinkXXX ul li a { color: #b9419f; }

/* 料理を楽しむ */
div#mainContents div#orangeX ul li { background: url(/SYS/cmn/images/common/top/bg_arrow_orange_s.gif) 0 0.4em no-repeat; }

div#mainContents div#orangeX ul li a { color: #bf5c00; }

/* 記念日を祝う */
div#mainContents div#brownXX ul li { background: url(/SYS/cmn/images/common/top/bg_arrow_gold_s.gif) 0 0.4em no-repeat; }

div#mainContents div#brownXX ul li a { color: #836e26; }

/* 季節を楽しむ */
div#mainContents div#blueXXX ul li { background: url(/SYS/cmn/images/common/top/bg_arrow_blue_s.gif) 0 0.4em no-repeat; }

div#mainContents div#blueXXX ul li a { color: #39807e; }

/* party */
div#mainContents ul.party li { background: url(/SYS/cmn/images/common/top/bg_arrow_winered.gif) 0 0.4em no-repeat; }

div#mainContents ul.party li a { color: #993333; }

div#mainContents ul.party li a:hover { text-decoration: underline; }

/* 2/23追加分 */
div#mainContents div#contents p.image { border: solid 1px #F2F2F2; }

/* 2/25追加分 */
div#mainContents div#private div.itemsA div.txt p { font-size: 100%; }

/* ------------------------------------------------------------ SA エリア特集 */
div#mainContents div#feature {
	padding-top: 5px;
	padding-right: 5px;
	background-color: #F0F0F0;
}

div#mainContents div#feature p { margin-bottom: 5px; }

div#mainContents div#feature p.image { margin-left: 5px; }

div#mainContents div#feature ul.links li {
	padding-left: 15px;
	background-image: url(/SYS/cmn/images/common/top/mark_links_feature.gif);
	background-position: 0 0.3em;
}

div#mainContents div#feature ul.links li a { font-weight: bold; }

div#mainContents div#feature ul.links li a:hover {
	color: #1470CC;
	text-decoration: underline;
}

/* ------------------------------------------------------------ PRエリア */
div#mainContents div.pr p.headLine,
div#mainContents div#contents div.pr p.image {
	line-height: 0;
	font-size: 0;
}

div#mainContents div#contents div.pr p.image { border: solid 1px #E5E5E5; }

div#mainContents div.pr div.itemsA div.txt {
	float: left;
	width: 169px;
}

/* ------------------------------------------------------------ 飲み会お役立ち・おすすめコンテンツ */
div#mainContents div.tyouesikun,
div#mainContents div.laboratory,
div#mainContents div.diary,
div#mainContents div.affiliate,
div.secondaryTop div#mainContents div.gourmet,
div.secondaryTop div#mainContents div.kanjiManual {
	margin-bottom: 10px;
	background-image: url(/SYS/cmn/images/common/top/bg_border_dot.gif);
	background-repeat: no-repeat;
	background-position: 10px bottom;
}

div#mainContents div.columnExB h4,
div#mainContents div.columnExB p,
div#mainContents div.columnExB ul,
div#mainContents div.columnExC h4,
div#mainContents div.columnExC p,
div#mainContents div.columnExC ul { margin-bottom: 5px; }

div#mainContents div.tyouesikun h4 { color: #459745; }

div#mainContents div.laboratory h4 { color: #cc3333; }

div#mainContents div.kanjiManual h4 { color: #993366; }

div#mainContents div.diary h4 { color: #8f6a00; }

div#mainContents div.affiliate h4 { color: #cc0000; }

div#mainContents div.gourmet h4 { color: #DF7C17; }

div#mainContents div.recommendReport,
div#mainContents div.spotlight {
	margin-bottom: 20px;
	margin-left: 10px;
	border: 1px solid #CCC;
}

div#mainContents div.recommendReport h4,
div#mainContents div.spotlight h4 {
	margin: 0 0 10px 0;
	padding: 5px 9px;
	border-bottom: 1px solid #CCC;
	background-color: #F4F4F4;
	background-image: url(/SYS/cmn/images/common/bg_table.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#mainContents div.spotlight h4 { margin-bottom: 3px; }

div#mainContents div.recommendReport div.itemsA div.pic {
	float: left;
	width: 72px;
	margin: 0;
	padding: 0;
}

div#mainContents div.recommendReport div.itemsA div.pic p.photoSSS { border: solid 1px #DEDEDE; }

div#mainContents div.recommendReport div.itemsA div.txt {
	float: left;
	width: 185px;
}

div#mainContents div.recommendReport div.column4B div.itemsA div.txt { width: 195px; }

div#mainContents div.recommendReport div.itemsA div.txt p {
	margin-bottom: 5px;
	font-size: 100%;
}

div#mainContents div.recommendReport div.itemsA div.txt p.shopName,
div#mainContents div.recommendReport div.itemsA div.txt p.reportTitle,
div#mainContents div.recommendReport div.itemsA div.txt ul.links li { font-size: 120%; }

div#mainContents div.recommendReport div.itemsA div.txt p.shopName { font-weight: bold; }

div#mainContents div.recommendReport div.itemsA div.txt p.reportTitle {
	padding-left: 24px;
	background: url(/SYS/cmn/images/common/top/icon_reporttitle.gif) 0 0 no-repeat;
}

div#mainContents div.recommendReport div.itemsA div.txt p.reportTitle a { font-weight: bold; }

div#mainContents div.recommendReport {
	background-image: url(/SYS/cmn/images/common/top/bg_recommend_report.gif);
	background-repeat: repeat-y;
	background-position: center 0;
}

div#mainContents div.column4B div.recommendReport { background-image: none; }

/* 注目のお店 */
div#mainContents div.spotlight ul li {
	margin-right: 10px;
	padding: 5px 0;
	border-bottom: 1px solid #CCC;
	font-size: 100%;
}

div#mainContents div.spotlight p {
	margin-bottom: 0;
	margin-left: 0;
}

div#mainContents div.spotlight p strong {
	margin-left: 1px;
	color: #CB0101;
	font-size: 120%;
}

div#mainContents div.spotlight p.shopName { font-size: 120%; }

div.osusumereport h4 {
	padding: 10px;
	border-bottom: 1px solid #cccccc;
	background: #f4f4f4;
	font-weight: bold;
}

div.tyuumoku h4 {
	padding: 10px;
	border-bottom: 1px solid #cccccc;
	background: #f4f4f4;
	font-weight: bold;
}

.tyuumoku ul li p strong { color: #ca00000; }

#searchCondition h3 { background: #ece2cd; }

#recommend {
	padding: 1px;
	border: 1px solid #d3ccb7;
	background: #fff;
}

#recommend div.itemsA { background: f5f1e2; }

.osusumereport,
.tyuumoku { border: 1px solid #cccccc; }

/* ------------------------------------------------------------ レポート */
div#mainContents div.article div.articleHeader {
	clear: both;
	margin-bottom: 10px;
	margin-left: 10px;
	border: 1px solid #CCC;
}

div#mainContents div.article div.articleHeader p {
	float: left;
	clear: none;
	margin-bottom: 0;
}

div#mainContents div.article div.articleHeader p.date { float: right; }

/* ------------------------------------------------------------ 条件から探す */
div#mainContents div#searchCondition p,
div#mainContents div#searchCondition ul,
div#mainContents div#searchCondition ol,
div#mainContents div#searchCondition dl,
div#mainContents div#searchCondition h4 { margin: 0 8px 10px 8px; }

div#mainContents div#searchCondition {
	float: left;
	width: 170px;
	margin-left: 10px;
	background-image: url(/SYS/cmn/images/common/top/bg_search_condition_body.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
}

* html div#mainContents div#searchCondition { margin-left: 5px; }

div#mainContents div#searchCondition div#searchConditionWrapFirst {
	background-image: url(/SYS/cmn/images/common/top/bg_search_condition_top.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div#mainContents div#searchCondition div#searchConditionWrapFirst div#searchConditionWrapSecond {
	padding-top: 2px;
	padding-bottom: 2px;
	background-image: url(/SYS/cmn/images/common/top/bg_search_condition_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

div#mainContents div#searchCondition select { width: 150px; }

div#mainContents div#searchCondition h2 {
	margin: 0 2px 0 2px;
	padding: 0;
	background-image: none;
}

div#mainContents div#searchCondition h3 {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	background-color: #EDE2CE;
}

div#mainContents div#searchCondition h3 a {
	display: block;
	margin: -5px -10px;
	padding: 5px 10px;
	background-image: url(/SYS/cmn/images/common/top/mark_h3_links.gif);
	background-repeat: no-repeat;
	background-position: 147px 7px;
}

* html div#mainContents div#searchCondition div#searchConditionWrapFirst,
* html div#mainContents div#searchCondition div#searchConditionWrapFirst h3 { zoom: 1; }

div#mainContents div#searchCondition h4 {
	margin-bottom: 5px;
	color: #666;
	font-size: 100%;
}

div#mainContents div#searchCondition ul li {
	margin-bottom: 5px;
	line-height: 1.1;
}

div#mainContents div#searchCondition ul li.current { color: #CCC; }

div#mainContents div#searchCondition div.area ul.etcArea {
	padding-top: 5px;
	background-image: url(/SYS/cmn/images/common/top/bg_border_etcarea.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}

div#mainContents div#searchCondition div.area ul.etcArea li {
	display: inline;
	font-size: 100%;
}

div#mainContents div#searchCondition div.select { background-color: #EDE2CE; }

*+html div#mainContents div#searchCondition div.select { display: inline-block; }

div#mainContents div#searchCondition div.select,
div#mainContents div#searchCondition div.area,
div#mainContents div#searchCondition div.spot,
div#mainContents div#searchCondition div.station,
div#mainContents div#searchCondition div.dish,
div#mainContents div#searchCondition div.genre,
div#mainContents div#searchCondition div.budget,
div#mainContents div#searchCondition div.course,
div#mainContents div#searchCondition div.coupon,
div#mainContents div#searchCondition div.launchCoupon {
	margin: 0 2px;
	border-top: 1px solid #FFF;
	border-bottom: 1px solid #DBDAD5;
}

* html div#mainContents div#searchCondition div.coupon fieldset ul li fieldset legend { margin-left: -6px; }

*+html div#mainContents div#searchCondition div.coupon fieldset ul li fieldset legend { margin-left: -6px; }

div#mainContents div#searchCondition div.launchCoupon,
div#mainContents div#searchCondition div.lastChild { border-bottom: none; }

div#mainContents div#searchCondition div.select p {
	margin-top: 5px;
	margin-left: 4px;
	font-weight: bold;
	font-size: 100%;
	height: 1%;
}

* html div#mainContents div#searchCondition div.select p {
	height: 1%;
	padding: 4px 5px 10px 5px;
	margin-bottom: 0;
}

div#mainContents div#searchCondition div.select p a {
	line-height: 1.2;
	font-size: 120%;
}

div#mainContents div#searchCondition div.select p img { margin-right: 5px; }

div#mainContents div#searchCondition div.select p.poico img { float: left; }

div#mainContents div#searchCondition ul.btn { text-align: right; }

div#mainContents div#searchCondition ul li img.icon { margin: 0 5px 2px 0; }

/* ------------------------------------------------------------ secondary top */
div.secondaryTop div#notice { margin-top: 10px; }

div.secondaryTop div#contentsOuter div#mainContents div#mainContentsWrapFirst div#mainContentsWrapSecond {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
}

* html div.secondaryTop div#contentsOuter div#mainContents div#mainContentsWrapFirst div#mainContentsWrapSecond {
	width: 720px;
	overflow: hidden;
}

div.secondaryTop div#mainContents h2.image {
	margin-left: 0;
	padding-left: 0;
	background-image: none;
}

div.secondaryTop div#mainContents h2 { margin-left: 0; }

div.secondaryTop div#mainContents h3 { margin-left: 10px; }

div.secondaryTop div#mainContents div#areaRefine,
div.secondaryTop div#mainContents div#genre,
div.secondaryTop div#mainContents div#budget {
	width: 720px;
	margin-bottom: 20px;
	background-image: url(/SYS/cmn/images/common/top/bg_second_search_body.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
}

div.secondaryTop div#mainContents div#areaRefine div.wrap,
div.secondaryTop div#mainContents div#genre div.wrap,
div.secondaryTop div#mainContents div#budget div.wrap {
	padding-bottom: 2px;
	background-image: url(/SYS/cmn/images/common/top/bg_second_search_bottom.gif);
	background-repeat: no-repeat;
	background-position: 0 bottom;
	height: 1%;
}

div.secondaryTop div#mainContents div#areaRefine h2,
div.secondaryTop div#mainContents div#genre h2,
div.secondaryTop div#mainContents div#budget h2 {
	margin-top: 0;
	margin-left: 0;
}

* html div.secondaryTop div#mainContents ul.linksRow li.external { background-position: -2px 0; }

div.secondaryTop div#mainContents div#areaRefine div.heading { position: relative; }

div.secondaryTop div#mainContents div#areaRefine div.heading ul {
	position: absolute;
	top: 12px;
	right: 10px;
}

div.secondaryTop div#mainContents div#areaRefine ul.linksRow li { width: 30%; }

div.secondaryTop div#mainContents div#genre ul.linksRow li { width: 22%; }

div.secondaryTop div#mainContents div#areaRefine ul.linksRow li,
div.secondaryTop div#mainContents div#genre ul.linksRow li { margin-right: 10px; }

div.secondaryTop div#mainContents div#genre ul.parameter li { width: 23%; }

div.secondaryTop div#mainContents div#areaRefine ul.linksRow,
div.secondaryTop div#mainContents div#genre ul.linksRow,
div.secondaryTop div#mainContents div#genre ul.btn {
	width: 700px;
	margin-bottom: 0;
	padding-bottom: 10px;
	border-bottom: 1px solid #D3D2CD;
}

div.secondaryTop div#mainContents div#genre ul.parameter li.current,
div.secondaryTop div#mainContents div#budget p span { color: #CCC; }

div.secondaryTop div#mainContents div#budget p span.number { color: #999; }

div.secondaryTop div#mainContents div#areaRefine dl.relatedLinks,
div.secondaryTop div#mainContents div#genre ul.links {
	width: 700px;
	margin-right: 20px;
	padding-top: 10px;
	border-top: 1px solid #FFF;
}

* html div.secondaryTop div#mainContents div#areaRefine dl.relatedLinks img {
	vertical-align: middle;
	margin-top: 2px;
}

div.secondaryTop div#mainContents ul.links li.aboutReport {
	padding: 0;
	background-image: none;
	font-size: 100%;
	text-align: right;
}

div.secondaryTop div#mainContents ul.links li.aboutReport a {
	padding-left: 10px;
	background-image: url(/SYS/cmn/images/common/mark_links.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
}

div.secondaryTop div#mainContents div#genre ul.btn { text-align: center; }

/* レポート */
div.secondaryTop div#mainContents div.article div.articleHeader {
	margin-left: 0;
	border: none;
	border-bottom: 1px solid #DEDEDE;
}

div.secondaryTop div#mainContents div.article div.articleHeader div.supportArea { width: auto; }

/* おすすめコンテンツ */
div.secondaryTop div#mainContents div.columnExB { width: 160px; }

div.secondaryTop div#mainContents div.columnExD {
	float: left;
	width: 340px;
}

div.secondaryTop div#mainContents div.gourmet ul,
div.secondaryTop div#mainContents div.kanjiManual ul { clear: both; }

/* このページの先頭へ */
div.secondaryTop div#mainContents p.totop { margin-left: 0; }

/* ------------------------------------------------------------ clearfix */
div#mainContents div.article div.articleHeader:after,
div#mainContents div#searchCondition div.select p:after,
div#mainContents div.recommendReport:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
}

div#mainContents div.article div.articleHeader,
div#mainContents div#searchCondition div.select p,
div#mainContents div.recommendReport { display: inline-table; }

* html div#mainContents div.article div.articleHeader,
* html div#mainContents div#searchCondition div.select p,
* html div#mainContents div.recommendReport { height: 1%; }

div#mainContents div.article div.articleHeader,
div#mainContents div#searchCondition div.select p,
div#mainContents div.recommendReport {
	display: block;
	zoom: 1;
}

/* EOF */