@charset "utf-8";
/*--------------------------------------------------
        General Setting CSS for FOSSIL
                        Last Modified 2017.10.13
                        http://ascii.jp/
						File Name:jpFossil.css
--------------------------------------------------*/

@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;
  /**/
}
/*レイアウト*/
#fossil #jpWrap {
	border-top: none;
}
#fossil #jpWrap #container {
	padding-bottom: 10px;
	background: transparent url(/img/ad/fossil/bg_fossil_woodpattern.png);
}
#fossil #jpWrap #mainC {
	width: 728px;
	padding: 0 9px 0 9px;
	float: left;
	margin: 0;
}

#fossil #jpWrap #header .adsize728 {
    padding-bottom: 10px;
}
#fossil #jpWrap #header #jplogo {
	position: relative;
	height: 100px;
}
#fossil #jpWrap #header #jplogo div#logo_fossil {
    margin: 25px 0 0 10px;
    padding: 0;
    background: transparent url(/img/ad/fossil/logo_fossil.png) no-repeat center top;
    width: 280px;
    height: 60px;
}
#fossil #jpWrap #header #jplogo div#logo_fossil a {
    padding: 48px 0 0;
    display: block;
    width: 280px;
    height: 0;
    overflow: hidden;
}
#fossil #jpWrap #header #jplogo h2 {
    margin: 0;
    padding: 0;
    right: 45px;
    top: 58px;
    position: absolute;
    width: 100px;
    height: 28px;
}
#fossil #jpWrap #header #jplogo h2 a {
    padding: 28px 0 0;
    display: block;
    width: 100px;
    height: 0;
    overflow: hidden;
}
#fossil #mainC .ban728 {
	margin: 0 0 10px;
    position:relative;
    height:240px;
}
#fossil #mainC .ban728 img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
}
#fossil #mainC .ban728 img.active {
    z-index:10;
}
#fossil #mainC .ban728 img.last-active {
    z-index:9;
}
#nav {
	clear: both;
}
/*1カラム共通*/
#fossil .arcMonthIndex h3,
#fossil .L1list h3,
#fossil .L1pane h3,
#fossil .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%;
}
#fossil .arcMonthIndex ,
#fossil .L1list ,
#fossil .L1pane ,
#fossil .L2pane {
	margin: 0 0 5px;
	padding: 0 0 9px;
	background: #fff;
}
#fossil .L2pane table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 0;
	padding: 0;
}
#fossil .L2pane td {
	width: 50%;
	padding: 10px;
	overflow: hidden;
	border-left: 1px #eee solid;
	border-top: 1px #eee solid;
	vertical-align: top;
	font-size: 100%;
}
#fossil .L1pane ul li .thumb,
#fossil .L2pane .thumb {
	float: left;
}
#fossil .L1pane .lead .subtitle,
#fossil .L2pane .lead .subtitle {
	color: #734f32;
	font-weight: bold;
}
#fossil .L1pane .lead h4,
#fossil .L2pane .lead h4 {
	font-weight: bold;
	font-size: 129%;
	margin: 5px 0;
}
#fossil .L1pane .lead .date,
#fossil .L2pane .lead .date {
	text-align: right;
	color: #999;
	margin: 5px 0 0;
}
/*1列1カラム*/
#fossil .L1pane ul li {
	overflow: hidden;
	padding: 10px;
	border-top: 1px #eee solid;
}
#fossil .L1pane ul li .thumb{
	float: left;
	margin: 0 10px 0 0;
}
#fossil .L1pane ul li .lead {
	overflow: hidden;
}
/*2列1カラム*/
#fossil .L2pane .thumb img {
	max-width: 100px;
	width:expression(document.body.clientWidth > 102? "100px" : "auto");
}
#fossil .L2pane .lead{
	float: right ;
	width: 230px;
}
/*2カラム*/
#fossil .L2col {
	background: url(/img/ad/yayoi/bg_L2col_bottom.png) no-repeat 4px bottom;
	margin: 0 -5px;
}
#fossil .L2col h3 {
	background: url(/img/ad/yayoi/h_L2col.png) no-repeat left top;
	color: #fff;
	font-weight: bold;
	padding: 8px 10px;
}
#fossil .L2col .inner_wrap {
	float: left;
	width: 360px;
	margin: 0 4px 10px;
	background: #fff;
}
/*リスト*/
#fossil .L1list ul ,
#fossil .L2col .inner_wrap ul {
	margin: 10px;
}
#fossil .L1list ul li,
#fossil .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;
}
#fossil .L1list ul li .update,
#fossil .L2col .inner_wrap ul li .update {
	display: block;
	color: #666;
}

/*記事アーカイブ*/
#fossil .arcMonthIndex .yearBox {
	margin: 5px 5px 3px;
}
/*右カラム*/
#fossil #sideR .banSide {
	margin: 10px 5px 10px 7px;
}