﻿/*===========================================
パン屑
===========================================*/
.breadCrumb {
  margin-bottom:10px;
  padding:0.7em;
  background-color:#F5F5F5;
  font-size:116%;
}

.breadCrumb a {
  text-decoration:none;
}


/*===========================================
カテゴリーPR
===========================================*/
#category h2,
#genre h2 {
  margin:10px 0;
  padding:0.5em 0;
  text-align:center;
  font-size:123.1%;
  border-top:3px solid #FF791A;
  border-bottom:1px solid #999999;
}

#category .orangeH {
  margin-bottom:10px;
  border-left:3px solid #FF791A;
}

#category .orangeH h3 {
  margin-left:10px;
  padding:5px 0 5px 10px;
  font-size:108%;
  border-bottom:1px solid #999999;
  line-height:1;
}

#category dl {
  padding-bottom:5px;
  border-bottom:1px dotted #999999;
}

#category dt {
  padding:2px;
  border:2px solid #DDDDDD;
  float:left;
  display:inline;
}

#category dt img {
  border:1px solid #999999;
}

#category dd {
  float:right;
  display:inline;
  font-size:108%;
}

#catPr dd {
  width:394px;
}

#catPr .catText {
  margin-bottom:10px;
  color:#FF791A;
  font-weight:bold;
}

#category .catCont {
  position:relative;
  width:100%;
}

#category .extraWord {
  padding-left:20px;
  position:absolute;
  bottom:5px;
  background-image:url('http://c-d-n.biz/images/town/icon_exclamation.gif');
  background-repeat:no-repeat;
}

#catPr .extraWord {
  left:245px;
}

#catRanking .extraWord {
  left:188px;
}

#category .link {
  position:absolute;
  bottom:5px;
  right:0;
  clear:both;
}

#category .catWom {
  position:absolute;
  top:5px;
  right:0;
}


/*===========================================
カテゴリーランキング
===========================================*/
#catRanking dd {
  width:451px;
}


/*===========================================
メインジャンル別ランキング
===========================================*/
#genre #rankingNav li,
#genre #rankingNav2 li {
  margin:0;
  padding:0;
  text-align:center;
}

#genre #rankingNav .wom,
#genre #rankingNav2 .wom {
  margin-right:10px;
}

#rankingNav li a,
#rankingNav2 li a {
  width:315px;
  color:#FFFFFF;
  font-size:123.1%;
  font-weight:bold;
  display:block;
  background-color:#B4B4B4;
  cursor:pointer;
}

#rankingNav li a {
  -webkit-border-top-right-radius: 10px;
  -moz-border-radius-topright: 10px;
  border-top-right-radius: 10px;
  -webkit-border-top-left-radius: 10px;
  -moz-border-radius-topleft: 10px;
  border-top-left-radius: 10px;
}

#rankingNav2 li a {
  -webkit-border-bottom-right-radius: 10px;
  -moz-border-radius-bottomright: 10px;
  border-bottm-right-radius: 10px;
  -webkit-border-bottom-left-radius: 10px;
  -moz-border-radius-bottomleft: 10px;
  border-bottom-left-radius: 10px;
}

#rankingNav li a:hover,
#rankingNav2 li a:hover {
  text-decoration:none;
}

#genre .accessRanking .access a,
#rankingNav2 li.access a {
  background-color:#FF791A;
}

#genre .womRanking .wom a,
#rankingNav2 li.wom a {
  background-color:#AA0000;
}

#genre h3 {
  margin:0.2em 0;
  padding-left:0.5em;
  font-size:114%;
}

#accessRanking h3 {
  border-left:5px solid #FF791A;
  border-bottom:1px solid #FF791A;
}

#womRanking h3 {
  border-left:5px solid #AA0000;
  border-bottom:1px solid #AA0000;
}

#genre ul {
  list-style-type:none;
}

#genre li {
  margin-right:18px;
  padding:0.3em 0 0 20px;
  font-size:116%;
  float:left;
  display:inline;
  background-position:0 0.4em;
  background-repeat:no-repeat;
  white-space:nowrap;
}

#accessRanking li {
  background-image:url("http://c-d-n.biz/images/town/triangle.gif");
}

#womRanking li {
  background-image:url("http://c-d-n.biz/images/town/triangle1.gif")
}

#accessRanking {
  margin-bottom:5px;
  background-color:#FF791A;
  border:1px solid #FF791A;
}

#womRanking {
  margin-bottom:5px;
  background-color:#AA0000;
  border:1px solid #AA0000;
}

.genreCont  {
  margin:0.5em;
  padding:0.5em;
  background-color:#FFFFFF;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
}


/*===========================================
新着クチコミ情報100件
===========================================*/
#newComments ol {
  list-style-type:none;
}

#newComments li {
  padding:0.5em 0 0.5em 20px;
  background-image:url(http://c-d-n.biz/images/town/icon_buzz.jpg);
  background-repeat:no-repeat;
  background-position:0 0.7em;
  border-bottom:1px dashed #999999;
  font-size:108%;
}

/*=================================================================
#footerNew
=================================================================*/
#footerNew {
	padding-top:10px;
	border-top:1px solid #999999;
}

#footerNew .footer-in {
	margin:0 auto;
	padding-bottom:10px;
	width:950px;
	border-bottom:2px dotted #292929;
}

#footerNew .footer-in .footer-facebook {
	padding:5px 10px 5px 0;
	float:left;
	display:inline;
	width:538px;
	min-height:380px;
	border-right:1px solid #EEEEEE;
	text-align:left;
}

#footerNew .footer-in .footer-facebook h3 {
	margin-bottom:5px;
	font-size:108%;
}

.footer-facebook .click {
	margin-bottom:10px;
}

#footerNew .footer-contents ul,
#footerNew .footer-site ul {
	list-style-type:none;
}

#footerNew .footer-contents ul li,
#footerNew .footer-site ul li {
	padding-left:12px;
	background-image:url(http://wom-tv.jp/images/jisseki/triangle.gif);
	background-position:0 12px;
	background-repeat:no-repeat;
}

#footerNew .footer-in .footer-facebook ul {
	list-style-type:none;
	font-size:108%;
}

#footerNew .footer-in .footer-map ul li {
	font-size:108%;
	line-height:1.8;
}

#footerNew .footer-in .footer-map ul li .link a {
	font-size:86%;
	padding:0.2em 0.5em;
}

#footerNew .footer-in .footer-map .link {
	text-align:left;
}

#footerNew .footer-in .footer-contents {
	padding:5px 10px 5px;
	float:left;
	display:inline;
	width:180px;
	min-height:380px;
	text-align:left;
	border-right:1px solid #EEEEEE;
}

#footerNew .footer-in .footer-contents h3 {
	font-size:108%;
}

#footerNew .footer-in .footer-contents ul li {
	font-size:108%;
	line-height:1.8;
	zoom:1;
}

#footerNew .footer-in .footer-site {
	padding:5px 10px 0;
	float:left;
	display:inline;
	width:180px;
	min-height:380px;
	text-align:left;
}

#footerNew .footer-in .footer-site h3 {
	font-size:108%;
}

#footerNew .footer-in .footer-site ul li {
	font-size:108%;
	line-height:1.8;
	zoom:1;
}

#footerNew .footer-in:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
  color:#FFFFFF;
}

#footerNew .footer-in {
  zoom: 1;
}

#footerNew .copyright,
#footerNew .produce {
	margin-top:3px;
	padding-bottom:3px;
	color:#999999;
	text-align:center;
}

#footerNew .copyright a,
#footerNew .produce a {
	text-decoration:none;
}

#footerNew .copyright a:hover,
#footerNew .produce a:hover {
	color:#AA0000;
	text-decoration:underline;
}


/*===================================================================
new Articles
===================================================================*/
.footer-facebook h2{
	margin-bottom:10px;
	padding:7px 0;
	text-align:center;
	font-size:138.5%;
	border-top:3px solid #FF791A;
	border-bottom:1px solid #999999;
}

.facebook {
	border:5px solid #F5F5F5;
}

.facebook .fbIn {
	padding:10px;
	border:1px solid #999999;
}

.fbArticle {
  padding-bottom:10px;
  position:relative;
  display:table;
}

.fbTitle {
  margin-bottom:5px;
  padding:7px 10px 5px 10px;
  color:#FFFFFF;
  background-color:#3B5998;
  position:relative;
}

.fbTitle .fbName {
  position:absolute;
  top:7px;
  right:10px;
}

.fbArticle .fbArticleBody {
  padding:0 10px;
  display:table-cell;
  vertical-align:top;
  width:100%;
  border-top:1px solid #AAAAAA;
}

.facebook .fbArticle .noPhoto {
  width:60px;
}

.fbArticle .fbArticleBody .title {
  padding:5px 0;
  border-bottom:1px dotted #AAAAAA;
}

.fbArticle .fbArticleBody .body {
  padding-top:5px;
}

.fbArticle .fbArticleBody .more {
  text-align:right;
}

.footer-facebook .fbArticle .fbArticleBody .more img {
  margin-right:4px;
  vertical-align:text-top;
}

.fbArticle .fbArticleDate {
  display:table-cell;
  vertical-align:top;
}

.fbArticle .fbArticleDate a {
  text-decoration:none;
}

.fbArticle .fbArticleDate a:hover {
  text-decoration:none;
}

.fbArticle .fbArticleDate span {
  width:60px;
  font-weight:bold;
  text-align:center;
  display:block;
}

.fbArticle .fbArticleDate .month {
  color:#FFFFFF;
  background-color:#FF791A;
  border:1px solid #FF791A;
}

.fbArticle .fbArticleDate .day {
  color:#666666;
  font-size:146.5%;
  border-width:1px;
  border-style:solid;
  border-color:#FF791A;
} 

.fbArticle .fbArticlePhoto {
  padding-top:10px;
  display:table-cell;
  vertical-align:top;
  text-align:right;
  border-top:1px solid #AAAAAA;
}

.fbArticle .fbArticlePhoto img {
  padding:4px;
  border:1px solid #AAAAAA;
}

.fbFooter {
  padding-top:5px;
  text-align:right;
  border-top:1px solid #AAAAAA;
}

#main-facebook .fbFooter {
  margin:0;
}

.footer-facebook .fbFooter img {
  margin-right:4px;
  vertical-align:text-top;
}

.fbArticle:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
  color:#FFFFFF;
}

.fbArticle {
  zoom: 1;
}

.ltie8 .fbArticle {
  border-top:1px solid #AAAAAA;
}

.ltie8 .fbArticleDate {
  float:left;
  border:none;
}

.ltie8 .fbArticleBody {
  float:left;
  width:300px;
  border:none;
}

.ltie8 .fbArticlePhoto{
  float:right;
  border:none;
}
