@charset "UTF-8";

/* ==================================================================

	layout.css

================================================================== */


/* --------------------------------------------------
	wrapper
-------------------------------------------------- */

.wrapper {
	width: 980px;
	margin: 0 auto;
	padding: 25px 0px;
	background: #ffffff;
	border-top: 4px solid #FF5965;
}

/* --------------------------------------------------
	header
-------------------------------------------------- */

/* logoArea */

#header .logoArea {
	height: 45px;
	padding: 15px 20px;
	_padding: 15px 0 2px 0;
}

/* logoAreaL */

#header .logoArea .logoAreaL {
	float: left;
	width: 70%;
}

#header .logoArea .logoAreaL .logo {
	clear: both;
	margin: 5px 0;
}

#header .logoArea .logoAreaL .logo a{
	display: block;
}
#header .logoArea .logoAreaL .logoImg {
	width:195px;
	float: left;
}

#header .logoArea .logoAreaL .logoImg img {
	width:100%;
}

#header .logoArea .logoAreaL .logo span {
	margin: 0 0 0 12px;
	font-size: 10pt;
	line-height: 50px;
	display: inline-block;
	font-weight: normal;
}

/* logoAreaR */

#header .logoArea .logoAreaR {
	float: right;
	width: 260px;
	margin-top: 14px;
}
#header .logoArea .logoAreaR .aboutImg {
	width: 51px;
	float: left;
	padding: 7px 0 0 65px;
}
#header .logoArea .logoAreaR .aboutImg a {
	display: block;
}
#header .logoArea .logoAreaR .aboutImg img　{
	width:100%;
}
#header .logoArea .logoAreaR ul {
	width: 119px;
	float: right;
}
#header .logoArea .logoAreaR ul li {
	float: left;
	width: 33px;
	margin: 0 10px 0 0;
}
#header .logoArea .logoAreaR ul li:last-child {
	margin:0;
}
#header .logoArea .logoAreaR ul li img {
	width:100%;
}


/* gnavArea */

#header .gnavArea {
	color: #FFFFFF;
	background: #FF5965;
	border-bottom: 1px solid #FFFFFF;
}

#header .gnavArea ul.gnav {
	float: left;
	width: 680px;
}

#header .gnavArea ul.gnav li {
	float: left;
	font-size: 10pt;
	height: 40px;
	line-height: 40px;
	border-right: 1px solid #C6002D;
	text-align: center;
	width: 135px;
}

#header .gnavArea ul.gnav li a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: normal;
}

#header .gnavArea ul.gnav li a:hover {
	text-decoration:none;
	color:#FFFFFF;
	background: url(../images/globe_navi_selected.png) no-repeat;
	background-size: 138px;
}


#header .gnavArea ul.gnav li.select {
	background: url(../images/globe_navi_selected.png) no-repeat;
	background-size: 138px;
}

#header .gnavArea ul.gnav li.btnTree {
	position:relative;
}

#header .gnavArea ul.gnav li.btnTree:hover {
	background: url(../images/globe_navi_selected.png) no-repeat;
	background-size: 138px;
	color:#FFFFFF;
}

#header .gnavArea ul.gnav li.btnTree:hover a {
	color:#FFFFFF;
}

#header .gnavArea ul.gnav li.btnTree span {

}

#header .gnavArea ul.gnav li.btnTree:hover span {

}

#header .gnavArea ul.gnav ul.navTree {
	background: #FF5965;
	border-left: 1px solid #C6002D;
	border-right: 1px solid #C6002D;
	border-top: 1px solid #C6002D;
	width: auto;
	display: none;
	position: absolute;
	top: 39px;
	left: -1px;
	z-index: 100;
}

#header .gnavArea ul.gnav ul.navTree li {
	float: none;
	font-size: 100%;
	border-bottom: 1px solid #C6002D;
	border-right: none;
	height: auto;
	text-align: left;
	white-space: nowrap;
}

#header .gnavArea ul.gnav ul.navTree li a {
	color:#FFFFFF;
	padding:0 0 0 10px;
}

#header .gnavArea ul.gnav ul.navTree li a:hover {
	text-decoration:none;
	color:#FFFFFF;
	background: #f67b72;
}

/* searchBox */

#header .searchBox {
	float: right;
	width: 250px;
	padding: 7px 20px 7px 30px;
}

#header .searchBox form {
	background: #ffffff;
	line-height: 9pt;
	font-size: 9pt;
}
#header .searchBox input:nth-of-type(1){
	width: 80%;
	float: left;
	border: 0;
	height: 26px;
	padding:0 0 0 10px;
}
#header .searchBox input:nth-of-type(2) {
	width: 14px;
	float: right;
	padding: 6px;
}


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

#container {
	clear: both;
	margin: 15px 0 50px 0;
}


/* --------------------------------------------------
	main
-------------------------------------------------- */

#main {
	float: left;
	width: 644px;
	padding-right: 27px;
	border-right: 1px solid #E2E2E2;
}

#main #backNumber ,
#main #nextPage ,
#main #kiziKeyWord {
	margin-bottom:35px;
}
#main #backNumber a:hover ,
#main #nextPage a:hover {
	color:#004BA8;
}
#main #backNumber h2 ,
#main #nextPage h2 ,
#main #kiziKeyWord h2 ,
#main #detailsList h2 ,
#main #kanren h2 {
	color:#ff6873;
	padding:0 0 5px 33px;
	font-size: 12pt;
}

#main #backNumber h2 {
	background:url(../images/icon.png) no-repeat;
	background-size: 24px;
	background-position: 0 0px;
}
#main #nextPage h2 {
	background:url(../images/icon.png) no-repeat;
	background-size: 24px;
	background-position: 0 -103px;
}
#main #kiziKeyWord h2 {
	background:url(../images/icon.png) no-repeat;
	background-size: 24px;
	background-position: 0px -50px;
}

/* --------------------------------------------------
	constellation
-------------------------------------------------- */

#constellation {
	padding:0 10px;
	margin:0 0 20px;
	display: table;
}

#constellation a:hover {
   text-decoration: none;
}
#constellation .consteImg:hover {
   filter: alpha(opacity=60);/* ie lt 8 */
   -ms-filter: "alpha(opacity=60)";/* ie 8 */
   -moz-opacity:0.6;/* FF lt 1.5, Netscape */
   -khtml-opacity: 0.6;
   opacity: 0.6;
}

#constellation .consteImg {
 width: 110px;
 display: table-cell;
 vertical-align: middle;
 text-align: center;
 color: #ffffff;
 font-weight: normal;
 background-color: #D7B500;
 font-size: 13px;
 height: 28px;
 -webkit-border-radius: 4px;
 border-radius: 4px;
}

#constellation .consteImg img {
	width:100%;
}

#constellation .consteContent {
	display: table-cell;
	vertical-align: middle;	
}

#constellation .consteContent span {
	display: inline-block;
	margin: 0 0 0 10px;
}

#constellation .consteContent span.consteDay {
	font-size:11pt;
	color:#6b6b6b;
	font-weight: normal;
}

#constellation .consteContent span.consteRank {
	font-size:12pt;
	color:#303030;
	font-weight: bold;
	margin:0 0 0 5px;
}

#constellation .consteContent span.consteMain {
	font-size:12pt;
	color:#303030;
	font-weight: bold;
	margin:0 0 0 5px;
}

#constellation .consteContent span.consteLuck {
	font-size:10pt;
	color:#303030;
	font-weight: normal;
}

#constellation .consteContent span.consteStar {
	font-size:13pt;
	color:#f1dc00;
	font-weight: normal;
	margin:0 0 0 5px;
}

#constellation .consteContent span.constellationLink {
	font-size:11pt;
	color:#52a3ff;
	font-weight: normal;
	margin:0 0 0 15px;
	text-decoration: underline;
}

#constellation .consteContent span.constellationLink:hover {
	color:#004BA8;
}

/* --------------------------------------------------
	breadCrumb
-------------------------------------------------- */
.breadCrumb {
	font-size:10pt;
	font-weight: normal;
	margin:0 0 25px 20px;
	color:#c5c5c5;
}
.breadCrumb a {
	display:inline-block;
	margin: 0 5px;
	font-weight: normal;
	color:#c5c5c5;
}


/* --------------------------------------------------
	pagination 
-------------------------------------------------- */

.pagination {
	clear: both;
	padding-bottom: 20px;
	position: relative;
	line-height: 19px;
	text-align: center;
	border-bottom: 1px dotted #dbdbdb;
	width: 630px;
	margin: 0 auto 20px;
}

.pagination span ,
.pagination a {
	display:inline-block;
	margin: 4px 6px 4px 0;
	padding: 6px 0px;
	text-decoration:none;
	width:33px;
	font-weight: bold;
	font-size: 12pt;
	color:#ff5965;
	background: #ffffff;
	border:1px solid #ff5965;
}

.pagination a:first-child {
	width: auto !important;
	margin-right:10px !important;
	padding:6px 10px;
}

.pagination a:last-child {
	width: auto !important;
	margin-left:5px !important;
	padding:6px 10px;
}

.pagination a:hover{
	background: #ff5965;
	color:#ffffff;
}

.pagination .current{
	padding: 6px 0px;
	background: #ff5965;
	color:#ffffff;
}

/* --------------------------------------------------
	cnav
-------------------------------------------------- */

#main #cnav {
	margin-bottom:40px;
}

#main #cnav h2 {
	color: #ff4f5c;
	font-size: 12pt;
	line-height: 20px;
	padding: 10px 0 5px;
	clear: both;
}

#main #cnav ul {
	float:left;
	width:150px;
}
#main #cnav ul li {
	background:url(/wp/common/images/icon_cnav.gif) left no-repeat;
	line-height:120%;
	margin-bottom:10px;
	padding-left:12px;
}

#main #cnav ul li a {
	line-height: 120%;
	color: #333333;
	display: block;
	font-weight: normal;
	font-size:11pt;
}

#main #cnav ul li a:hover{
	text-decoration: underline;
}
/*clearfix*/
#main #cnav ul:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;
	clear: both; 
	visibility:hidden;
}

#main #cnav ul {display: inline-block;position: relative;} 

/* Hides from IE Mac \*/
#main #cnav ul {height: 1%;}
#main #cnav ul {display:block;}
/* End Hack */
/*clearfix*/

#main #cnav .cnavContent {
	border-top: 1px solid #e2e2e2;
	padding-top: 16px;
}

#main #cnav .cnavContent ul {
	width:100%;
	margin-bottom: 15px;
}

#main #cnav .cnavContent ul li {
	width:32%;
	height:270px;
	margin-right:2%;
	border:1px dotted #cccccc;
	float:left;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#main #cnav .cnavContent ul li:last-child {
	margin:0;
}

#main #cnav .cnavContent ul li .cnavImg {
	width:100%;
}

#main #cnav .cnavContent ul li .cnavImg img {
	width:100%;
}

#main #cnav .cnavContent ul li .cnavMain {
	padding:15px 10px 0;
}

#main #cnav .cnavContent ul li .cnavMain dt {
	margin:0 0 10px;
	font-size: 11pt;
}

#main #cnav .cnavContent ul li .cnavMain dd {
	margin:0 0 10px;
	font-size: 11pt;
	line-height: 150%;
}


/* --------------------------------------------------
	side
-------------------------------------------------- */

#side {
	float: right;
	width: 300px;
	padding-left: 8px;
}


/* --------------------------------------------------
	articleRanking
-------------------------------------------------- */

#side #articleRanking {
	margin: 0 0 10px -8px;
}

#side #articleRanking h3 {
	background: url(../images/right_column_menu_bg.png) #ff4f5c no-repeat;
	background-size: 309px;
	color: #ffffff;
	padding: 3px 10px;
	font-size:9pt;
}

#side #articleRanking .section ul {
	width:308px;
}

#side #articleRanking .section ul.fLeft {
	float:left;
}

#side #articleRanking .section ul li {
	border-bottom: 1px dotted #dbdbdb;
	height: 40px;
}

#side #articleRanking .section ul li.rank01 ,
#side #articleRanking .section ul li.rank02 ,
#side #articleRanking .section ul li.rank03 {
	border-bottom: 1px dotted #dbdbdb;
	height: 40px;
}

#side #articleRanking .section ul li .inner {
	padding-left: 29px;
	display: table;
	width: 100%;
	height: 40px;
	font-size: 9pt;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#side #articleRanking .section ul li.rank01 .inner { background: url(../images/ranking.png) no-repeat 5px -464px;-moz-background-size: 30px auto;-webkit-background-size: 30px auto;background-size: 30px auto;font-size: 10pt;}
#side #articleRanking .section ul li.rank02 .inner { background: url(../images/ranking.png) no-repeat 5px -525px;-moz-background-size: 30px auto;-webkit-background-size: 30px auto;background-size: 30px auto;font-size: 10pt;}
#side #articleRanking .section ul li.rank03 .inner { background: url(../images/ranking.png) no-repeat 5px -586px;-moz-background-size: 30px auto;-webkit-background-size: 30px auto;background-size: 30px auto;font-size: 10pt;}
#side #articleRanking .section ul li.rank04 .inner { background: url(../images/ranking.png) no-repeat 2px -61px;-moz-background-size: 29px auto;-webkit-background-size: 29px auto;background-size: 29px auto;}
#side #articleRanking .section ul li.rank05 .inner { background: url(../images/ranking.png) no-repeat 2px -126px;-moz-background-size: 29px auto;-webkit-background-size: 29px auto;background-size: 29px auto;}
#side #articleRanking .section ul li.rank06 .inner { background: url(../images/ranking.png) no-repeat 2px -193px;-moz-background-size: 29px auto;-webkit-background-size: 29px auto;background-size: 29px auto;}
#side #articleRanking .section ul li.rank07 .inner { background: url(../images/ranking.png) no-repeat 2px -256px;-moz-background-size: 29px auto;-webkit-background-size: 29px auto;background-size: 29px auto;}
#side #articleRanking .section ul li.rank08 .inner { background: url(../images/ranking.png) no-repeat 2px -320px;-moz-background-size: 29px auto;-webkit-background-size: 29px auto;background-size: 29px auto;}
#side #articleRanking .section ul li.rank09 .inner { background: url(../images/ranking.png) no-repeat 2px -387px;-moz-background-size: 29px auto;-webkit-background-size: 29px auto;background-size: 29px auto;}
#side #articleRanking .section ul li.rank10 .inner { background: url(../images/ranking.png) no-repeat 2px 4px;-moz-background-size: 29px auto;-webkit-background-size: 29px auto;background-size: 29px auto;}

#side #articleRanking .section ul li .inner a {
	background: #FFFFFF;
	color: #444444;
	display: table-cell;
	vertical-align: middle;
	height: 40px;
	padding: 0 10px 0 10px;
	position: relative;
	font-weight:normal;
	word-break: break-word;
}

#side #articleRanking .section ul li.rank01 .inner a ,
#side #articleRanking .section ul li.rank02 .inner a ,
#side #articleRanking .section ul li.rank03 .inner a {
	height: 39px;
	font-weight: bold;
}

#side #rankingLink {
	padding:10px 0;
	margin:0 0 0 -8px;
}

#side #rankingLink div,
#side #special2016 {
	width: 100%;
	margin:0 0 10px;
}
#side #rankingLink div a {
	display: block;
}

#side #rankingLink div img,
#side #special2016 img {
	width:100%;
	border:1px solid #a5a5a5;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#side .sideBanner {
	margin:0 0 10px -8px;
	text-align: center;
}

#side .sideBanner ul li {
	margin-bottom: 10px;
}
#side .sideBanner ul li a {
	display: block;
}
#side .sideBanner ul li img {
	border:1px solid #585858;
	width: 100%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


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

#footer {
	color:#FFFFFF;
}
#footer a {
	text-decoration:none;
	color:#FFFFFF;
	font-weight: normal;
}
#footer a:hover{
	text-decoration:underline;
}
#footer .wrapper {
	background: #ff5965;
	padding: 20px 40px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

/* --------------------------------------------------
	footerIn
-------------------------------------------------- */

#footer .footerIn {
	font-size:85%;
	font-weight:bold;
	line-height:200%;
	margin: 0 0 25px;
	text-align:left;
	width: 69%;
	float: left;
}


#footer .footerIn ul li {
	width: 120px;
	height: 310px;
	float: left;
	font-weight: normal;
}

#footer .footerIn ul li a {
	display: block;
	font-size: 10pt;
	height: 35px;
}

#footer .footerIn ul li:nth-of-type(2) {
	text-align:center;
}

#footer .footerIn ul li ul li:nth-of-type(2) {
	text-align:left;
}

#footer .footerIn ul li ul li{
	width: 100px;
	height: 25px;
	float:none;
}

#footer .footerIn ul li ul li a {
	font-size:9pt;
}

#footer .searchBox {
	float: right;
	width: 250px;
	padding: 0px 0px 20px 0px;
}

#footer .searchBox form {
	background: #ffffff;
	line-height: 10pt;
	font-size: 10pt;
}
#footer .searchBox input:nth-of-type(1) {
	width: 80%;
	float: left;
	border: 0;
	height:26px;
	padding:0 0 0 10px;
	color:#c4c4c3 !important;
}
#footer .searchBox input:nth-of-type(2) {
	width: 14px;
	float: right;
	padding: 6px;
}

/* --------------------------------------------------
	footerArchive
-------------------------------------------------- */

#footer .footerArchive {
	width: 250px;
	float: right;
	padding: 35px 0px 9px 0px;
}

#footer .footerArchive dt {
	font-size:10pt;
	margin: 0 0 10px;
}

#footer .footerArchive dd {
	font-size:9pt;
}
#footer .footerArchive dd span {
	line-height: 22px;
}
#footer .footerArchive dd span.slash {
	display:inline-block;
	margin: 0 7px;
}


/* --------------------------------------------------
	footerArchiveMonth
-------------------------------------------------- */

#footer .footerArchiveMonth {
	width: 100%;
	clear:both;
	margin-bottom:30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

#footer .footerArchiveMonth dt {
	width: 13%;
	float: left;
	font-size:9pt;
}

#footer .footerArchiveMonth dd {
	width: 87%;
	float: right;
	font-size:8pt;
}

#footer .footerArchiveMonth dd a {
	display: inline-block;
	width:87px;
	margin:0 0 5px 0;
	text-align: right;
}

#footer .footerOthers {
	clear: both;
	width: 100%;
	padding: 50px 0;
	margin: 0 -160px 0 160px;
}

#footer .footerOthers dl {
	width: 800px;
	margin: 0 auto;
}

#footer .footerOthers dt {
	font-size: 9pt;
	width: 13%;
	float: left;
	line-height: 30px;
}

#footer .footerOthers dd {
	width: 80%;
	float: left;
}

/* --------------------------------------------------
	zapBan
-------------------------------------------------- */

#footer ul.zapBan {
	clear: both;
	font-size: 79%;
}

#footer ul.zapBan li {
	float: left;
	width: 15%;

}

#footer ul.zapBan li.none {
	margin-right: 0;
}

#footer ul.zapBan li img {
	float: left;
}

#footer address {
	color: #ffffff;
	text-align: center;
	font-size: 7pt;
	font-style: normal;
	margin: 10px 0 0;
}


#footer .footerAddress {
	clear: both;
	font-size: 9pt;
	text-align: center;
}

#footer .footerAddress a {
	display: inline-block;
	margin-right:10px;
}

#footer .footerAddress a:last-child ,
#footer .footerAddress a:last-child span {
	margin: 0;
	padding: 0;
	border:0;
}

#footer .footerAddress a span {
	border-right:1px solid #ffffff;
	padding-right:10px;
}

/* ---------------------------------------------------------------------------------------------------- */

/*clearfix*/
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;
	clear: both; 
	visibility:hidden;
}

.clearfix {display: inline-block;position: relative;} 

/* Hides from IE Mac \*/
.clearfix {height: 1%;}
.clearfix {display:block;}
/* End Hack */
/*clearfix*/

/*過去記事用css*/
#advice {
	clear:both !important;
	width:100% !important;
}
#advice h4 {
	color: #ff6873 !important;
	background-color: #ffffff !important;
	padding: 4px !important;
	text-align: left !important;
	padding: 10px 0 5px 0px !important;
	margin: 0 0 15px 0 !important;
	border-style: none !important;
	border-bottom: 1px solid #E2E2E2 !important;
}
#advice h4 span {
	font-size:12pt !important;
	font-weight: normal !important;
}

#advice ul {
	width:100% !important;
}

#advice ul li {
	width: 150px !important;
	height: 180px !important;
	float: left !important;
	margin: 0 0 10px 0 !important;
	border: 0 !important;
	padding: 0 10px 0 0 !important;
}
#advice ul li:nth-of-type(5) {
	display: none;
}
#advice li a {
	font-weight: bold !important;
	line-height: 1.4 !important;
	clear: both !important;
	line-break: strict !important;
	padding-top: 5px !important;
	font-size: 10pt !important;
}

/*過去記事用css*/

























/*いらないcssの可能性があるもの*/

/* loginArea */

#header .loginArea {
	text-align: center;
}

#header .loginArea p {
	color: #666666;
	font-size: 86%;
	line-height: 38px;
	border-bottom: 1px dotted #FECA00;
}

#header .loginArea ul {
	float: right;
	padding-top: 9px;
}

#header .loginArea ul li {
	float: left;
	margin-left: 5px;
	_display:inline; /* ie6 */
}


#header .logoArea .logoAreaL .searchFeeld {
	float: left;
	width: 166px;
	_width: 164px;
	border: 1px solid #E2E2E2;
	border-right: none;
	padding: 0 8px;
	height: 34px;
	line-height: 34px;
}

#header .logoArea .logoAreaL .searchBtn {
	float: right;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

/* logoAreaTop */

#header .logoAreaTop {
	padding: 50px 0;
	_padding: 50px 0 2px 0;
}

#header .logoAreaTop .logoAreaL {
	float: left;
	width: 220px;
	padding-left: 8px;
}

#header .logoAreaTop .logoAreaL .logo {
	clear: both;
}

#header .logoAreaTop .logoAreaL .searchFeeld {
	float: left;
	width: 166px;
	_width: 164px;
	border: 1px solid #E2E2E2;
	border-right: none;
	padding: 0 8px;
	height: 34px;
	line-height: 34px;
}

#header .logoAreaTop .logoAreaL .searchBtn {
	float: right;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

#header .logoAreaTop .logoAreaR {
	float: right;
	width: 728px;
}

#header .logoAreaTop .logoAreaR .searchFeeld {
	float: left;
	width: 266px;
	_width: 264px;
	border: 1px solid #E2E2E2;
	border-right: none;
	padding: 0 8px;
	height: 34px;
	line-height: 34px;
}

#header .logoAreaTop .logoAreaR .searchBtn {
	float: left;
	border-radius: 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
}

#header .gnavArea ul.subnav {
	float: left;
	width: 112px;
}

#header .gnavArea ul.snsnav {
	float: right;
	width: 108px;
}

#header .gnavArea ul.subnav li {
	float: right;
	font-size: 86%;
	font-weight:bold;
	height: 36px;
	line-height: 36px;
	border-left: 1px solid #FCF1DF;
	border-right: 1px solid #FCF1DF;
	width:110px;
}

#header .gnavArea ul.subnav li.none {
	border-left: none;
}

#header .gnavArea ul.subnav li a {
	display:block;
	padding: 0 12px;
	text-decoration:none;
	color:#332521;
}

#header .gnavArea ul.subnav li a:hover {
	text-decoration:none;
	color:#FFFFFF;
	background: #FF5965;
}

#header .gnavArea ul.snsnav li {
	float: left;
	background: #FFFFFF;
	display: block;
	width: 36px;
	height: 36px;
}

#header .gnavArea ul.gnav li.current {
	background: #332521;
	color:#FFFFFF;
}
#header .gnavArea ul.gnav li.current a {
	color:#FFFFFF;
}

/* TopicsArea */

#header .TopicsArea {
	color: #FFFFFF;
	background:#332521;
}
#header .TopicsArea ul {
	font-size:85%;
	height:26px;
	line-height:26px;
	padding-top: 6px;
}
#header .TopicsArea ul li {
	float:left;
	padding-left:20px;
}
#header .TopicsArea ul li a {
	color: #FFFFFF;
}
#header .TopicsArea ul li span {
	font-weight:bold;
	margin-right:20px;
}
#header .TopicsArea ul li em {
	color:  #FFCB00;
	font-weight:bold;
	margin-right:5px;
}
#header .TopicsArea ul li.tw {
	padding-top: 2px;
}

/* --------------------------------------------------
	pankuzu
-------------------------------------------------- */

.pankuzu {
	color: #868686;
	font-size: 79%;
	line-height: 32px;
	height: 32px;
	padding: 0 10px;
	background: #FCF1DF;
	border-bottom: 1px solid #F1E8D4;
	border-top: 1px solid #F1E8D4;
}

.pankuzuBtm {
	border-top: 1px solid #E2E2E2;
}

.pankuzu ul li {
	float: left;
	padding-left: 20px;
	background: url(http://free-fortune.jp/images/bg_pankuzu.gif) no-repeat 6px 10px;
}

.pankuzu ul li.home {
	padding: 0;
	background: none;
}

.pankuzu a{ text-decoration:none; color:#868686;}
.pankuzu a:hover{ text-decoration:underline; color:#868686;}


/* --------------------------------------------------
	topic
-------------------------------------------------- */

#topic {
	width: 962px;
	padding: 10px 0 10px 18px;
	background: #F5F8EE;
	border-bottom: 1px solid #D9DED2;
}

#topic dl {
	float: left;
	width: 280px;
	height: 60px;
	padding: 10px;
	margin-right: 18px;
	_margin-right: 14px;
	background: #FFF;
	border: 1px solid #D9DED2;
}

#topic dl dt {
	float: left;
	width: 84px;
	height: 60px;
}

#topic dl dd {
	float: right;
	width: 186px;
	font-size: 86%;
	line-height: 1.4;
}

#topic dl dd p.cat {
	color: #669900;
	font-weight: bold;
	margin-bottom: 5px;
}


/* --------------------------------------------------
	ydnInt
-------------------------------------------------- */

#ydnInt {
	margin-top: 5px;
	font-size: 86%;
	color: #888888;
}

#ydnInt em {
	margin-right: 8px;
}





#main #cnav .fLeft {
	float:left;
	width:205px;
}
#main #cnav .fLeft ul li {
	padding:0;
}
#main #cnav .fRight {
	float:left;
	width:205px;
}
#main #cnav .fRight ul li {
	padding:0;
}

#main #cnav h3 {
	color:#2a2a2a;
	margin-bottom:20px;
}


#side #articleRanking .title li.fLeft a {
	background:url(http://free-fortune.jp/images/tab_article_ranking_01.jpg) left top no-repeat;
}
#side #articleRanking .title li.fLeft a:hover,
#side #articleRanking .title li.fLeft a.select {
	background:url(http://free-fortune.jp/images/tab_article_ranking_01_over.jpg) left top no-repeat;
}

#side #articleRanking .title {
	margin-bottom:20px;
}
#side #articleRanking .title li {
	height:47px;
	width:322px;
}
#side #articleRanking .title li a {
	display:block;
	height:47px;
	width:322px;
}
#side #articleRanking .title li div {
	text-indent:-9999px;
}

#side #articleRanking .title li.fLeft {
	/* float:left; */
}
#side #articleRanking .title li.fLeft a {
	background:url(http://free-fortune.jp/images/tab_article_ranking_01.jpg) left top no-repeat;
}
#side #articleRanking .title li.fLeft a:hover,
#side #articleRanking .title li.fLeft a.select {
	background:url(http://free-fortune.jp/images/tab_article_ranking_01_over.jpg) left top no-repeat;
}

#side #articleRanking .title li.fRight {
	/* float:right; */
}
#side #articleRanking .title li.fRight a {
	background:url(http://free-fortune.jp/images/tab_article_ranking_02.jpg) left top no-repeat;
}
#side #articleRanking .title li.fRight a:hover,
#side #articleRanking .title li.fRight a.select {
	background:url(http://free-fortune.jp/images/tab_article_ranking_02_over.jpg) left top no-repeat;
}


#side #articleRanking .section ul.fRight {
	border-top:1px dashed #FECA00;
	float:right;
}


#side .pr300,
#side .latest,
#side .ranking,
#side .socialRanking,
#side .fbActive,
#side .twArea,
#side .prText,
#side .banArea {
	margin-bottom: 1em;
}

/* pr300 */

#side .pr300 p {
	color: #888;
	font-size: 86%;
	line-height: 1.4;
	text-align: center;
}

/* sideRankingOne */

#side #sideRankingOne {
	margin-bottom:25px;
}

#side #sideRankingOne h2 {
	background: url(http://free-fortune.jp/images/icon_article.gif) #FCF1DE 3px center no-repeat;
	padding: 3px 10px 3px 32px;
	font-weight: bold;
	font-size: 93%;
	border-bottom: 1px solid #FECA00;
	color:#332521;
}

#side #sideRankingOne .inner {
	border:1px solid #D8CFC3;
	border-top:none;
	padding:20px 10px;
}

#side #sideRankingOne dt {
	float:left;
	width:80px;
}

#side #sideRankingOne dd {
	padding-left:90px;
}
#side #sideRankingOne dd .blockTitle {
	color:#332520;
	font-weight:bold;
	line-height:120%;
	margin-bottom:10px;
}
#side #sideRankingOne dd .blockDescription {
	font-size:85%;
	line-height:140%;
}

/* sideBannerList */

#side #sideBannerList {
	margin-bottom:25px;
}

#side #sideBannerList li {
	margin-bottom:10px;
}

/* latest */

#side .latest h2 {
	background: url(http://free-fortune.jp/images/icon_article.gif) #FCF1DE 3px center no-repeat;
	padding: 3px 10px 3px 32px;
	font-weight: bold;
	font-size: 93%;
	border-bottom: 1px solid #FECA00;
	color:#332521;
}

#side .latest ul.list li {
	padding: 15px 0;
	border-bottom: 1px dotted #FECA00;
	border-bottom: expression((this.__isLastChild = (this.parentNode.children.item(this.parentNode.children.length-1) == this))?'none':'1px dotted #FECA00');
}
#side .latest ul.list li:last-child {
	border-bottom: none;
}

#side .latest ul.list li .blockImage {
	float:left;
	padding-left:5px;
	width:70px;
}
#side .latest ul.list li .blockInfo {
	font-size: 90%;
	line-height: 140%;
	padding-left:85px;
}
#side .latest ul.list li .blockInfo span {
	font-size:83%;
}

/* ranking */

#side .ranking h2 {
	background: url(http://free-fortune.jp/images/icon_rank_bg.gif) #f6eed6 3px center no-repeat;
	padding: 3px 10px 3px 32px;
	font-weight: bold;
	color: #7A5C06;
	font-size: 93%;
	border-bottom: 1px solid #ecdaa7;
	margin: 0 0 10px 0;
}

#side .ranking ul.list li {
	font-size: 86%;
	line-height: 1.4;
	padding: 10px 10px 10px 35px;
	margin-top: 2px;
}

#side .ranking ul.list li.rank01 { background: url(http://free-fortune.jp/images/icon_rank01.gif) no-repeat center left #FBF7ED;font-weight:bold;}
#side .ranking ul.list li.rank02 { background: url(http://free-fortune.jp/images/icon_rank02.gif) no-repeat center left #F6F6F6;font-weight:bold;}
#side .ranking ul.list li.rank03 { background: url(http://free-fortune.jp/images/icon_rank03.gif) no-repeat center left #F7F3ED;font-weight:bold;}
#side .ranking ul.list li.rank04 { background: url(http://free-fortune.jp/images/icon_rank04.gif) no-repeat center left;}
#side .ranking ul.list li.rank05 { background: url(http://free-fortune.jp/images/icon_rank05.gif) no-repeat center left;}
#side .ranking ul.list li.rank06 { background: url(http://free-fortune.jp/images/icon_rank06.gif) no-repeat center left;}
#side .ranking ul.list li.rank07 { background: url(http://free-fortune.jp/images/icon_rank07.gif) no-repeat center left;}
#side .ranking ul.list li.rank08 { background: url(http://free-fortune.jp/images/icon_rank08.gif) no-repeat center left;}
#side .ranking ul.list li.rank09 { background: url(http://free-fortune.jp/images/icon_rank09.gif) no-repeat center left;}
#side .ranking ul.list li.rank10 { background: url(http://free-fortune.jp/images/icon_rank10.gif) no-repeat center left;}
#side .ranking ul.list li.rank11 { background: url(http://free-fortune.jp/images/icon_rank11.gif) no-repeat center left;}
#side .ranking ul.list li.rank12 { background: url(http://free-fortune.jp/images/icon_rank12.gif) no-repeat center left;}
#side .ranking ul.list li.rank13 { background: url(http://free-fortune.jp/images/icon_rank13.gif) no-repeat center left;}
#side .ranking ul.list li.rank14 { background: url(http://free-fortune.jp/images/icon_rank14.gif) no-repeat center left;}
#side .ranking ul.list li.rank15 { background: url(http://free-fortune.jp/images/icon_rank15.gif) no-repeat center left;}
#side .ranking ul.list li.rank16 { background: url(http://free-fortune.jp/images/icon_rank16.gif) no-repeat center left;}
#side .ranking ul.list li.rank17 { background: url(http://free-fortune.jp/images/icon_rank17.gif) no-repeat center left;}
#side .ranking ul.list li.rank18 { background: url(http://free-fortune.jp/images/icon_rank18.gif) no-repeat center left;}
#side .ranking ul.list li.rank19 { background: url(http://free-fortune.jp/images/icon_rank19.gif) no-repeat center left;}
#side .ranking ul.list li.rank20 { background: url(http://free-fortune.jp/images/icon_rank20.gif) no-repeat center left;}

/* socialRanking */
#side .socialRanking{

}
#side .socialRanking h2 {
	background: url(http://free-fortune.jp/images/icon_article.gif) #f4f4f4 3px center no-repeat;
	padding: 3px 10px 3px 32px;
	font-weight: bold;
	font-size: 93%;
	border-bottom: 1px solid #e2e2e2;
}

#side .socialRanking ul.list li {
	font-size: 86%;
	line-height: 1.4;
	margin-top: 2px;
	padding: 10px 0;
	border-bottom:1px dotted #cccccc;
}
#side .socialRanking ul.list div.socialImg{
	width: 25%;
	float: left;
}
#side .socialRanking ul.list div.socialImg img{
	width:70px;
	height: 50px;
	margin-right:15px;
}
#side .socialRanking ul.list div.socialText{
	float: left;
	width: 73%;
	padding: 0 0 0 2%;
}

/* twArea */

#side .twArea {
}
#side .twArea .twTop {
	background: url(http://free-fortune.jp/images/side_tw_bg01.gif) #fff repeat-x 0 bottom;
	border: 1px solid #a4d4e2;
	overflow: hidden;
}
#side .twArea .twTop p {
	float: left;
	width: 60px;
	margin: 14px 0 0 14px;
 _display:inline;
}
#side .twArea .twTop p img {
	padding: 4px;
	background: #fff;
}
#side .twArea .twTop dl {
	float: left;
	line-height: 1.5;
	width: 212px;
 padding:0 0 15px 0;
}
#side .twArea .twTop dl dt {
	margin: 10px 0 0;
	color: #2F6556;
	font-size: 93%;
	font-weight: bold;
}
#side .twArea .twTop dl dd {
	font-size: 85%;
}
#side .twArea .twTop dl dd.link {
	font-weight: bold;
}
#side .twArea .twTop dl dd.note {
	line-height: 1.4;
}
#side .twArea .twBottom {
	background: url(http://free-fortune.jp/images/side_tw_bg02.gif) #fff repeat-x 0 bottom;
	border: 1px solid #a4d4e2;
	border-top: none;
	font-size: 0;
	line-height: 0;
}
#side .twArea .twBottom p {
	text-align: center;
	padding: 10px 0;
}


/* prText */

#side .prText h2 {
	background: #f4f4f4 3px center no-repeat;
	padding: 3px 10px 3px 10px;
	font-weight: bold;
	font-size: 93%;
	border-bottom: 1px solid #e2e2e2;
}

#side .prText table {
	margin: 10px 0;
}

#side .prText table td img {
	margin-right: 10px;
}

#side .prText .AdsBy {
	color: #888888;
	font-size: 79%;
	text-align: right;
}

/* banArea */

#side .banArea p {
	margin-bottom: 10px;
}



/* newsBtm */
.newsBtm {
	margin-bottom:30px;
	padding: 40px 0 30px;
	border-bottom: 1px solid #4B3E39;
	clear:both;
}
.newsBtm.home {
	padding: 30px 0;
	border-top: 1px solid #DDDDDD;
}

.newsBtm h3 {
	float: left;
	width: 215px;
	margin: 5px 0 0 5px;
	_margin-left: 2px;
	font-size: 93%;
	font-weight: bold;
}
.newsBtm dl {
	float: right;
	width: 755px;
	margin: 0 5px 0 0;
	font-size: 85%;
	line-height: 1.8;
}
.newsBtm dl dt {
	display: inline;
	float: left;
	width: 10em;
	margin: -1px -9.25em 0 0;
	padding: 9px 0 0 0.25em;
}
.newsBtm dl dd {
	margin: -1px 0 0 9.25em;
	padding: 9px 0 0 20px;
}

/* snsFacebook */

#footer #snsFacebook {
	margin-bottom:30px;
	padding: 0 0 30px;
	border-bottom: 1px solid #4B3E39;
}

#footer #snsFacebook iframe {
	background:#FFFFFF;
}


.trendList h2 {
padding: 0 0 5px;
font-size: 115%;
font-weight: bold;
line-height: 1.2;
border-bottom: 2px solid #E2E2E2;
}

.trendList ul li{
	border-bottom: 1px dotted #cccccc;
	font-weight: bold;
	font-size:120%;
	line-height: 100%;
}

.trendList ul li.last{
	border-bottom: 0px;
}

.trendList ul li a {
	text-decoration: none;
	display: block;
	color:#333333;
}
.trendList ul li a:hover{
	background:#F2F6E9;
}
div.newsList {
	width: 100%;
	border:0px;
	position: relative;
}
div.newsList div {
	border:0px;
	height: 60px;
}
div.newsList div:nth-child(2) {
	display:table-cell;
	vertical-align: middle;
	width: 100%;
	padding: 0 15% 0 0;
}

.trendList ul.top3 div:nth-child(2) {
	font-size:150%;
}

div.newsList div.Nken {
	position: absolute;
	width: 40px;
	height: 25px;
	font-size:65%;
	font-weight: normal;
	text-align: center;
	color:#ffffff;
	background: #cc6161; /* Old browsers */
background: -moz-linear-gradient(top,  #cc6161 0%, #cc4343 12%, #cc0000 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#cc6161), color-stop(12%,#cc4343), color-stop(100%,#cc0000)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #cc6161 0%,#cc4343 12%,#cc0000 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #cc6161 0%,#cc4343 12%,#cc0000 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #cc6161 0%,#cc4343 12%,#cc0000 100%); /* IE10+ */
background: linear-gradient(to bottom,  #cc6161 0%,#cc4343 12%,#cc0000 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cc6161', endColorstr='#cc0000',GradientType=0 ); /* IE6-9 */
	border: 2px solid #ffffff;
	-webkit-border-radius: 2px;
	        border-radius: 2px;
	box-shadow:rgb(204, 204, 204) 2px 2px ;
	-webkit-box-shadow:rgb(204, 204, 204) 2px 2px ;
	-moz-box-shadow:rgb(204, 204, 204) 2px 2px ;
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
	top:16px;
	right:10px;
	padding: 2px 0 0 0;
}

div.newsList div.migi {
	text-align: center;
	padding: 0;
	display:table-cell;
	vertical-align: middle;
	color:#cc0000;
}
span.red{
	color:#cc0000;
}

/* --------------------------------------------------
	site-sns
-------------------------------------------------- */

#main .site-sns {
}

#main .site-sns #snsTwitter {
	float:left;
	width:312px;
}

#main .site-sns #snsFacebook {
	float:right;
	width:312px;
}