@charset"utf-8";  

/* --------------------------------------
トップページ
-------------------------------------- */

/* --------------------------------------
メインバナー
-------------------------------------- */
#bannar-main {
width:680px;
height:170px;
margin:3px 0 10px;
padding:0;
position:relative;
z-index:0;
}

#slider {
    width: 680px; /* important to be same as image width */
    height: 170px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}
#sliderContent {
    width: 680px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-left: 0;
}
.sliderImage {
    float: left;
    position: relative;
	display: none;
}
.sliderImage span {
display:none;/*
    position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 384px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;*/
}
.clear {
	clear: both;
}

/*
.sliderImage span strong {
    font-size: 14px;
}
*/
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
ul { list-style-type: none;}


/* --------------------------------------
テキスト1行広告
-------------------------------------- */
#bannar-maintext p {
background:url(/shared/images/icon-nomal-arrow.jpg) no-repeat;
height:auto;
width:auto;
margin:7px 0;
padding-left:16px;
background-position:0 2px;
}

#bannar-maintext a{
	color:#5A3D1C;
	text-decoration:underline;
}

#bannar-maintext a:hover{
	color:#FF6600;
	text-decoration:underline;
}


/* --------------------------------------
新着＆トピックス
-------------------------------------- */
#info h1{
margin-bottom:10px;
}

#info .article {
width:670px;
padding:4px 5px;
}

#info .article img{
margin-left:4px;
margin-bottom:3px;
float:right;
}

#info .article {
border-bottom: dotted 1px #CCCCCC;
}

#info .odd {
background:#FFFCEE;
}

#info .date {
width:120px;
font-size:0.95em;
color:#FF3300;
float:left;
letter-spacing:0.4pt;
}

#info .article-title {
width:540px;
float:left;
padding-left:10px;
}


/*clearfix*/
#info .article:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#info .article {   
	zoom: 100%; 
}  


/* --------------------------------------
ブロックエリア
-------------------------------------- */
#block-area {
width:680px;
height:auto;
margin-top:15px;
/*暫定リリース版文字サイズ固定ひまできたら調整*/
font-size:12px;
}

#block-area:after {
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

#block-area {   
    display: inline-block;
	zoom: 100%; 
}

#block-area #row1 {
width:220px;
float:left;
}

#block-area #row2 {
width:220px;
float:left;
margin:0 10px;
}

#block-area #row3 {
width:220px;
float:right;
}

/*ブロック*/
.block {
background:url(/shared/images/bg-bl-body.gif) repeat-y;
width:220px;
height:180px;
overflow:hidden;
position:relative;
margin-bottom:10px;
}

.block .inner {
background:url(/shared/images/bg-bl-head.gif) no-repeat;
background-position:top left;
width:220px;
height:auto;
padding-top:6px;
}

.inner .icon-title {
text-align:center;
width:220px;
margin:0 auto;
}

.inner .icon-title img {
margin:auto auto 10px;
}

.inner table {
width:195px;
height:70px;
margin:0 auto;
}

.inner td {
text-align:left;
vertical-align:top;
}

.inner td img{
margin-right:5px;
width:auto;
min-width:30px;
max-width:50px;
max-height:70px;
}

.inner td img.size-s{
margin-right:5px;
max-width:40px;
max-height:60px;
}

/*ブロック内のフリーペーパー画像*/
/*
.block-img-fp {
text-align:center;
margin:0 auto 3px;
}

.inner .block-img-fp img {
width:150px;
min-width:150px;
max-width:150px;
max-height:210px;
padding:1px;
background:#FFFFFF;
border:solid 1px #FF9900;
margin-right:0;
}
*/


/*今日の一杯画像*/

.inner .block-img-today {
text-align:center;
margin:10px auto;
}

.inner .block-img-today img {
width:170px;
min-width:170px;
max-width:170px;
max-height:125px;
margin-right:0;
}

.inner a{
font-weight:bold;
width:195px;
margin:0 auto;
}

.inner .subtitle {
font-weight:bold;
color:#FF3300;
font-size:0.95em;
letter-spacing:0.3pt;
width:195px;
margin:0 auto;
line-height:1.2;
}

.block .bottom {
background:url(/shared/images/bg-bl-foot.gif) no-repeat;
background-position:bottom left;
width:220px;
height:auto;
min-height:12px;
position:absolute;
bottom:0;
left:0;
}

.block p.link-title {
margin-top:10px;
width:auto;
margin:0 auto;
}

.block p.date {
font-size:0.95em;
letter-spacing:0.4pt;
position:absolute;
bottom:5px;
*bottom:3px;
left:8px;
}

.bottom img {
position:relative;
width:83px;
bottom:2px;
*bottom:5px;
left:130px;
}

.block .bottom img a:focus {
overflow:hidden;
}

/*縦長ブロック指定*/
.two-block {
background:url(/shared/images/bg-bl-body.gif) repeat-y;
width:220px;
min-height:370px;
overflow:hidden;
position:relative;
margin-bottom:10px;
}

.two-block .inner {
background:url(/shared/images/bg-bl-head.gif) no-repeat;
background-position:top left;
width:220px;
height:auto;
padding-top:6px;
}

.two-block .bottom {
background:url(/shared/images/bg-bl-foot.gif) no-repeat;
background-position:bottom left;
width:220px;
height:auto;
min-height:12px;
position:absolute;
bottom:0;
left:0;
}

.two-block p.link-title {
margin-top:10px;
width:auto;
margin:0 auto;
}

.two-block p.date {
font-size:0.95em;
letter-spacing:0.4pt;
position:absolute;
bottom:5px;
*bottom:3px;
left:8px;
}

.two-block .bottom img a:focus {
overflow:hidden;
}

.two-block .first-bottom img {
position:absolute;
width:83px;
top:157px;
left:130px;
}

.two-block .first-bottom p.date {
font-size:0.95em;
letter-spacing:0.4pt;
position:absolute;
top:158px;
left:8px;
}

.two-block .first-bottom img a:focus {
overflow:hidden;
}

/*ブロックオレンジ色*/
.bl-orange {
background:url(/shared/images/bg-bl-body-orange.gif) repeat-y;
}

.bl-orange .inner {
background:url(/shared/images/bg-bl-head-orange.gif) no-repeat;
background-position:top left;
}

.bl-orange .bottom {
background:url(/shared/images/bg-bl-foot-orange.gif) no-repeat;
background-position:bottom left;
height:auto;
min-height:12px;
}

/*ブロック茶色*/
.bl-blown {
background:url(/shared/images/bg-bl-body-blown.gif) repeat-y;
}

.bl-blown .inner {
background:url(/shared/images/bg-bl-head-blown.gif) no-repeat;
background-position:top left;
}

.bl-blown .bottom {
background:url(/shared/images/bg-bl-foot-blown.gif) no-repeat;
background-position:bottom left;
height:auto;
min-height:12px;
}

/*ブロッククリーム色*/
.bl-cream {
background:url(/shared/images/bg-bl-body-cream.gif) repeat-y;
}

.bl-cream .inner {
background:url(/shared/images/bg-bl-head-cream.gif) no-repeat;
background-position:top left;
}

.bl-cream .bottom {
background:url(/shared/images/bg-bl-foot-cream.gif) no-repeat;
background-position:bottom left;
height:auto;
min-height:12px;
}

.inner .subtitle-separate {
line-height:1.2;
background:url(/shared/images/bg-separate.gif) repeat-x;
background-position:top left;
width:195px;
margin:0 auto;
padding-top:10px;
}

.inner .subtitle-separate p{
width:auto;
margin:0 auto;
}

.inner .second {
position:absolute;
top:184px;
left:12px;
*left:auto;
}

/* --------------------------------------
インタレストマッチ
-------------------------------------- */
#interest {
	border-top:dotted 1px #CCCCCC;
	padding-top:10px;
	margin-top:15px;
}

/* --------------------------------------
レップバナー
-------------------------------------- */
#repp-bannar {
width:680px;
background:url(/shared/images/bg-border.gif) repeat-x;
background-position:top left;
text-align:center;
clear:both;
margin-top:10px;
*margin-top:15px;
padding-top:15px;
*padding-top:15px;
}

#repp-bannar img{
margin:10px auto;
}

/* --------------------------------------
テキスト広告リンク
-------------------------------------- */
#ad-link {
font-size:0.95em;
letter-spacing:0.3pt;
width:520px;
margin:0 auto;
}

#ad-link p{
display:inline;
margin:0 2px;
}