@charset "utf-8";
/*--------------------------------------------------
 * Copyright (C) 2014 KADOKAWA. All rights reserved.
--------------------------------------------------*/

@import "jpGeneral.css";

/*Font-size --------------------------------------------------------------------------------------
77% = 10px	85% = 11px	92% = 12px	100% = 13px	107% = 14px	114% = 15px	122% = 16px	129% = 17px
136% = 18px	144% = 19px	152% = 20px	159% = 21px	167% = 22px 174% = 23px	182% = 24px	189% = 25px
-------------------------------------------------------------------------------------------------*/
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,img	{	margin: 0;	padding: 0;	}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/*レイアウト*/
#yayoi #jpWrap {
	background:url(../../img/ad/yayoi/bg_wrap2.png) repeat-y left top ;
	border-top: none;
}
#yayoi #jpWrap #container {
	background-color: transparent;
}
#yayoi #jpWrap #mainC {
	width: 728px;
	padding: 0 0 0 10px;
	float: left;
	margin: 0;
}
#yayoi #header {
	position: relative;
	background: url(../../img/ad/yayoi/bg_header.png) repeat-x left top;
	height: 110px;
}
#yayoi #header h1 {
	position: absolute;
	top:32px;
	left: 20px;
}
#yayoi #header h1 a {
	display: inline-block;
}
#yayoi #header h2 {
	position: absolute;
	top:43px;
	left: 173px;
}
#yayoi #header .adsize728 {
	margin: 10px 10px 10px 0;
	float: right;
}
#yayoi #mainC .ban728 {
	margin: 0 0 10px;
}
#nav {
	clear: both;
}
/*1カラム共通*/
#yayoi .arcMonthIndex h3,
#yayoi .L1list h3,
#yayoi .L1pane h3,
#yayoi .L2pane h3 {
	background: url(../../img/ad/yayoi/h_L1col.png) no-repeat left top;
	color: #fff;
	font-weight: bold;
	padding: 8px 10px;
	font-size: 129%;
}
#yayoi .arcMonthIndex ,
#yayoi .L1list ,
#yayoi .L1pane ,
#yayoi .L2pane {
	margin: 0 0 5px;
	padding: 0 0 9px;
	background: #fff url(../../img/ad/yayoi/bg_L1col_bottom.png) no-repeat left bottom;
}
#yayoi .L2pane table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
}
#yayoi .L2pane td {
	width: 50%;
	padding: 10px;
	overflow: hidden;
	border-left: 1px #eee solid;
	border-top: 1px #eee solid;
	vertical-align: top;
	font-size: 100%;
}
#yayoi .L1pane ul li .thumb,
#yayoi .L2pane .thumb {
	float: left;
}
#yayoi .L1pane .lead .subtitle,
#yayoi .L2pane .lead .subtitle {
	color: #2b9c53;
	font-weight: bold;
}
#yayoi .L1pane .lead h4,
#yayoi .L2pane .lead h4 {
	font-weight: bold;
	font-size: 129%;
	margin: 5px 0;
}
#yayoi .L1pane .lead .date,
#yayoi .L2pane .lead .date {
	text-align: right;
	color: #999;
	margin: 5px 0 0;
}
/*1列1カラム*/
#yayoi .L1pane ul li {
	overflow: hidden;
	padding: 10px;
	border-top: 1px #eee solid;
}
#yayoi .L1pane ul li .thumb{
	float: left;
	margin: 0 10px 0 0;
}
#yayoi .L1pane ul li .lead {
	overflow: hidden;
}
/*2列1カラム*/
#yayoi .L2pane .thumb img {
	max-width: 100px;
	width:expression(document.body.clientWidth > 102? "100px" : "auto");
}
#yayoi .L2pane .lead{
	float: right ;
	width: 230px;
}
/*2カラム*/
#yayoi .L2col {
	background: url(../../img/ad/yayoi/bg_L2col_bottom.png) no-repeat 4px bottom;
	margin: 0 -5px;
}
#yayoi .L2col h3 {
	background: url(../../img/ad/yayoi/h_L2col.png) no-repeat left top;
	color: #fff;
	font-weight: bold;
	padding: 8px 10px;
}
#yayoi .L2col .inner_wrap {
	float: left;
	width: 360px;
	margin: 0 4px 10px;
	background: #fff;
}
/*リスト*/
#yayoi .L1list ul ,
#yayoi .L2col .inner_wrap ul {
	margin: 10px;
}
#yayoi .L1list ul li,
#yayoi .L2col .inner_wrap ul li {
	background: url(../../img/ad/yayoi/ico_list.gif) no-repeat left 5px;
	padding: 0 0 0 15px;
	margin:0 0 5px;
}
#yayoi .L1list ul li .update,
#yayoi .L2col .inner_wrap ul li .update {
	display: block;
	color: #666;
}
/*記事アーカイブ*/
#yayoi .arcMonthIndex .yearBox {
	margin: 5px 5px 3px;
}
/*右カラム*/
#yayoi #sideR .banSide {
	margin: 10px 5px 10px 7px;
}
#yayoi #sideR .sideList ,
#yayoi #sideR .relatedNews {
	margin: 10px 5px 10px 7px;
}
#yayoi #sideR .sideList h5,
#yayoi #sideR .relatedNews h5 {
	background: url(../../img/ad/yayoi/h_side.png) no-repeat left top;
	color: #fff;
	font-weight: bold;
	padding: 8px 5px 5px;
	font-size: 114%;
}
#yayoi #sideR .sideList ul {
	margin: 10px 0;
}
#yayoi #sideR .sideList li {
	background: url(../../img/ad/yayoi/ico_list.gif) no-repeat 5px 5px;
	padding: 0 0 0 20px;
	margin:0 0 5px;
}
#yayoi #sideR .relatedNews li .date,
#yayoi #sideR .sideList li .date {
	color: #666;
}
#yayoi #sideR .relatedNews li {
	padding: 10px 5px 8px 5px;
	border-bottom: 1px #ccc solid;
	overflow: hidden;
}
#yayoi #sideR .relatedNews li h4 {
	font-size: 92%;
	margin:5px 0 0;
	font-weight: bold;
	overflow: hidden;
}
#yayoi #sideR .relatedNews li h4 a {
	background: url(../../img/ad/yayoi/ico_blank.gif) no-repeat right center;
	padding: 0 15px 0 0;
}
#yayoi #sideR .relatedNews li .thumb {
	float: left;
	margin: 0 10px 0 0;
}
#yayoi #sideR .logo {
	text-align: right;
	margin: 10px 0;
}

#yayoi #sideR #relatedNews-ranking ul li{
	position: relative;
	overflow:hidden;
}


/*ランキング*/
#yayoi #sideR #relatedNews-ranking ul li{
	position: relative;
	overflow:hidden;
}

#yayoi #sideR #relatedNews-ranking ul li p.rankicon{
	position: absolute;
	left: 0; top: 0;
	padding: 5px 0 0;
}

#yayoi #sideR #relatedNews-ranking li h4 a {
	background: none;
}

/*連載目次*/
#yayoi #sideR .serialList {
	margin: 10px 5px 10px 7px;
}
#yayoi #sideR .serialList h5{
	background: url(../../img/ad/yayoi/h_side.png) no-repeat left top;
	color: #fff;
	font-weight: bold;
	padding: 8px 5px 5px;
	font-size: 114%;
}

#yayoi #sideR .serialList li {
	padding: 10px 5px 8px 5px;
	border-bottom: 1px #ccc solid;
	overflow: hidden; _zoom: 1;
}

#yayoi #sideR .serialList li h4{
	font-size: 100%;
	margin:0 0 5px;
	font-weight: bold;
	overflow: hidden;
}
#yayoi #sideR .serialList li h4 a {
	background:none;
	padding: 0;
}

#yayoi #sideR .serialList li p{overflow: hidden; _zoom: 1; }

#yayoi #sideR .serialList li .date {
	color: #666;
	clear: both;
	text-align: right;
	margin: 8px 0 0;
}

#yayoi #sideR .serialList li .thumb{
	float: left;
	margin: 0 10px 0 0;
}

#yayoi #jpWrap #footer {
	padding: 15px 0 10px;
}

#yayoi #jpWrap #sideR {
	padding-top: 0px;
}