青アイコン有
ul.type00,dt.type00 …フォントサイズデフォルト化（テキスト100%）
【テーブル】
table.type01
table.type01-full …(type01の横幅100%：クロスブラウザ対応)
table.type02
【コンテンツ部共用】
.pagetop …「ページトップへ戻る」
.caption …写真キャプション
.tokushu …記事リストの「特集」
【リストスタイル】
.Newslist li
.Chiki-news li
【ローカルナビゲーションエリア】
#Lnavi-w200 …横幅200px
#Lnavi-w300 …横幅300px
-------------------------------
*/
/*
-------------------------------
汎用テキスト(文字高・行間)
-------------------------------
*/
/*テキスト*/
.f-middle{
font-size:85%;
line-height:100%;
}
.t-middle{
font-size:85%;
line-height:150%;
}
/*配置*/
.area-center{
margin:0;
padding:5px 0;
text-align:center;
}
/*リスト*/
dl.type01{
margin:0;
padding:0;
}
dl.type01 dt{
font-size:85%;
line-height:150%;
font-weight:bold;
margin:0;
padding:0 0.5em 0.3em 0;
}
dl.type01 dd{
font-size:85%;
line-height:150%;
margin:0;
padding:0 0 0.8em 0;
}
/*------------------------*/
dl.type02{
margin:0;
padding:0;
text-align: center;
margin-bottom: 10px;
}
dl.type02 dt,
dl.type02 dd {
display: inline;
font-size: 1.1em;
font-weight:bold;
}
dl.type02 dt{
}
dl.type02 dd{
margin:0;
padding:0 0 0.2em 0;
}
/*------------------------*/
dl.type03{
margin:0;
padding:0;
}
dl.type03 dt{
font-size:85%;
line-height:150%;
font-weight:bold;
margin:0;
padding:0 0.5em 0.3em 1.2em;
background:url(/image/icon_tit01.gif) no-repeat top left;
}
dl.type03 dd{
font-size:85%;
line-height:150%;
margin:0;
padding:0 0 0.8em 0;
}
/*------------------------*/
ul.type00 li,
dl.type00 li{
font-size:100%;
}
/*
※内等、フォントサイズ指定済みエリアにリストを配置する際に指定
*/
/*
-----------------------------
テーブル設定
-----------------------------
*/
table.type01-full{
width:100%;
}
* html table.type01-full{
width:97%;
}
table.type01,
table.type01-full{
border-left:1px solid #dcdedd;
border-bottom:1px solid #dcdedd;
border-collapse:collapse;
clear:both;
}
table.type01 caption,
table.type01-full caption{
font-weight: bold;
color: #13007D;
text-align: left;
margin-bottom: 5px;
}
table.type01 caption .data,
table.type01-full caption .data{
font-weight:normal;
}
table.type01 th,
table.type01 td,
table.type01-full th,
table.type01-full td{
font-size:85%;
line-height:150%;
padding:3px 5px;
border-top:1px solid #dcdedd;
border-right:1px solid #dcdedd;
vertical-align:middle;
}
table.type01 .even,
table.type01 .even,
table.type01-full .even,
table.type01-full .even{
background: #EFEFEF !important;
}
table.type01 th,
table.type01-full th{
font-weight:bold;
text-align:center;
color:#ffffff;
background:#999999;
}
table.type01 th.th01,
table.type01-full th.th01{
font-weight:bold;
text-align:center;
color:#666666;
background:#f8f4de;
}
table.type01 th.th01-left,
table.type01-full th.th01-left{
font-weight:bold;
text-align:left;
color:#666666;
background:#f8f4de;
}
table.type01 th.th01-t-left,
table.type01-full th.th01-t-left{
font-weight:bold;
text-align:left;
color:#666666;
background:#f8f4de;
vertical-align:top;
}
table.type01 td,
table.type01-full td{
text-align:left;
}
table.type01 td.center,
table.type01-full td.center{
text-align:center;
}
table.type01 td.td01,
table.type01-full td.td01{
background:#eaf6fe;
}
table.type01 td.td01-center,
table.type01-full td.td01-center{
background:#eaf6fe;
text-align:center;
}
table.type01 td.td02,
table.type01-full td.td02{
background:#faffef;
}
table.type01 td.td02-center,
table.type01-full td.td02-center{
background:#faffef;
text-align:center;
}
table.type01 td.td03,
table.type01-full td.td03{
background:#fff2e7;
}
table.type01 td.td03-center,
table.type01-full td.td03-center{
background:#fff2e7;
text-align:center;
}
table.type01 td.td04,
table.type01-full td.td04{
font-weight:bold;
color:#666666;
background:#f8f4de;
}
table.type01 td.td04-center,
table.type01-full td.td04-center{
font-weight:bold;
color:#666666;
background:#f8f4de;
text-align:center;
}
table.type01 td.td05,
table.type01-full td.td05{
background:#ff988a;
}
table.type01 td.td06,
table.type01-full td.td06{
background:#dbdbdb;
}
/*-------------------------------*/
/*
-----------------------------
ローカルナビゲーションエリア
-----------------------------
/* Lnavi w300 */
#Lnavi-w300{
margin:0;
padding:0 15px 0 0;
}
/*========= CM・バナーエリア =========*/
#Lnavi-w300 .banner01{ /*上下波線無し w300*/
width:300px;
text-align:center;
margin:0 0 10px 12px;
padding:0;
}
/*------------------------------------------*/
#Lnavi-w300 .banner05{ /*下波線有り背景色ベタ w300*/
width:300px;
text-align:center;
margin:0 0 10px 12px;
padding:13px 0;
border-top:1px dotted #666666;
border-bottom:1px dotted #666666;
background:#f7f7f7;
clear:both;
}
#Lnavi-w300 .photo-block table{
width:200px;
margin:0 auto;
}
#Lnavi-w300 .photo-block .caption{
text-align:center;
padding:5px 0 0 0;
}
/*------------------------------------------*/
/*========= メニュー =========*/
/* menu01…背景画像 */
#Lnavi-w300 .menu01{ /* w300 */
width:300px;
margin:0 0 8px 12px;
padding:0;
}
#Lnavi-w300 .menu01 h2{ /* H2 */
font-size:81.25%;
font-weight:bold;
padding:5px 4px 4px 5px;
}
#Lnavi-w300 .menu01 h2 img{
margin:0 5px 0 0;
}
#Lnavi-w300 .menu01 h2 a{
text-decoration:none;
}
#Lnavi-w300 .menu01 h2 a:visited{
text-decoration:none;
}
#Lnavi-w300 .menu01 h2 a:hover{
text-decoration:underline;
}
/*追加タブメニュー*/
#Lnavi-w300 .menu01 .rank-list{
background:#f4f8fe;
clear: both;
padding:6px
}
#Lnavi-w300 .menu01 .rank-list .title01,
#Lnavi-w300 .menu01 .rank-list .title02{
width:142px;
}
#Lnavi-w300 .menu01 .rank-list .title01{
font-size:81.25%;
font-weight:bold;
color:#ffffff;
text-align:center;
margin:0;
padding:5px 0;
background:#f4f8fe url(../image/lnavi_tabico03.gif) no-repeat top left;
}
#Lnavi-w300 .menu01 .rank-list .title02{
font-size:81.25%;
font-weight:bold;
color:#0066cc;
text-align:center;
margin:0;
padding:5px 0;
background:#f4f8fe url(../image/lnavi_tabico04.gif) no-repeat top left;
}
#Lnavi-w300 .menu01 .rank-list h3.title01 a{
color:#ffffff;
text-decoration:none;
display:block;
}
#Lnavi-w300 .menu01 .rank-list h3.title01 a:visited{
color:#ffffff;
text-decoration:none;
}
#Lnavi-w300 .menu01 .rank-list h3.title01 a:hover{
color:#ffffff;
text-decoration:underline;
}
#Lnavi-w300 .menu01 .rank-list h3.title02 a{
color:#0066cc;
text-decoration:none;
display:block;
}
#Lnavi-w300 .menu01 .rank-list h3.title02 a:visited{
color:#0066cc;
text-decoration:none;
}
#Lnavi-w300 .menu01 .rank-list h3.title02 a:hover{
color:#0066cc;
text-decoration:underline;
}
#Lnavi-w300 .menu01 .rank-list ul{
list-style:none;
clear:both;
padding:0;
margin:0;
border:none;
}
#Lnavi-w300 .menu01 .rank-list li{
font-size:81.25%;
line-height:100%;
margin:0 0 0 0;
padding:0.2em 0 0.2em 0;
list-style:none;
background:none;
}
#Lnavi-w300 .menu01 .rank-list li img{
vertical-align:-3px;
}
#Lnavi-w300 .menu01 #entameNewsArea {
overflow: hidden;
margin-left: -10px;
padding: 10px;
}
#Lnavi-w300 .menu01 #entameNewsArea .entameNews {
width: 113px;
float: left;
margin-left: 10px;
border: 1px solid #ccc;
padding: 10px;
padding-bottom: 5px;
text-align: center;
}
#Lnavi-w300 .menu01 #entameNewsArea .entameNews .movie-photo img {
width: 113px;
height: auto;
}
#Lnavi-w300 .menu01 #entameNewsArea .entameNews .movie-text {
font-size: 75%;
text-align: left;
}
#Lnavi-w300 .menu01 #entameNewsArea .entameNews .movie-text a {
color: #656565;
}
/*------------------------------------------*/
/*------------------------------------------*/
/* menu-pr…PRエリア */
#Lnavi-w200 .menu-pr{ /* w200 */
width:200px;
margin:0 0 8px 21px;
padding:0;
}
#Lnavi-w300 .menu-pr{ /* w300 */
width:300px;
margin:0 0 8px 12px;
padding:0;
}
#Lnavi-w200 .menu-pr h2,
#Lnavi-w300 .menu-pr h2{ /* H2 */
font-size:81.25%;
font-weight:bold;
color:#ffffff;
padding:5px 4px 4px 5px;
}
#Lnavi-w200 .menu-pr1 h2 img,
#Lnavi-w300 .menu-pr h2 img{
margin:0 5px 0 0;
vertical-align:-15%;
}
#Lnavi-w200 .menu-pr h2 a,
#Lnavi-w300 .menu-pr h2 a{
color:#ffffff;
text-decoration:none;
}
#Lnavi-w200 .menu-pr h2 a:visited,
#Lnavi-w300 .menu-pr h2 a:visited{
text-decoration:none;
}
#Lnavi-w200 .menu-pr h2 a:hover,
#Lnavi-w300 .menu-pr h2 a:hover{
text-decoration:underline;
}
#Lnavi-w300 .menu01 .area-list,
#Lnavi-w300 .menu-pr .area-list{
margin:0;
padding:0;
background:#f4f8fe;
border-bottom:2px solid #ffffff;
}
#Lnavi-w300 .menu-pr .area-left{
width:48%;
margin-top:0;
padding:0;
float:left;
}
#Lnavi-w300 .menu-pr .area-right{
width:51%;
margin-top:0;
padding:0;
float:right;
}
#Lnavi-w300 .menu-pr .area-left ul,
#Lnavi-w300 .menu-pr .area-right ul{
margin-top:0;
padding-top:8px;
}
/*------------------------------------------*/
/* menu-eve…イベント情報 */
#Lnavi-w300 .menu-eve{
width:300px;
margin:0 0 8px 12px;
padding:1px;
background:#d5dfea;
}
#Lnavi-w300 .menu-eve .title{
}
#Lnavi-w300 .menu-eve h2{ /* H2 */
width:170px;
font-size:81.25%;
font-weight:bold;
padding:5px 4px 4px 5px;
float:left;
}
#Lnavi-w300 .menu-eve h2 img{
margin:0 5px 0 0;
vertical-align:-15%;
}
#Lnavi-w300 .menu-eve p.link{
width:105px;
text-align:right;
margin:0;
padding:3px 0 0 3px;
float:right;
}
#Lnavi-w300 .menu-eve p.link img{
margin:0 1px 0 0;
}
/*------------------------------------------*/
/* tabmenu タブメニュー */
#Lnavi-w300 .tabmenu{
width:300px;
margin:0 0 8px 12px;
padding:0;
background:#f4f8fe;
}
#Lnavi-w300 .tabmenu .title{
background:#ffffff;
}
#Lnavi-w300 .tabmenu .title01,
#Lnavi-w300 .tabmenu .title02{
width:149px;
}
#Lnavi-w300 .tabmenu .title01{
font-size:81.25%;
font-weight:bold;
color:#ffffff;
text-align:center;
margin:0;
padding:5px 0;
/*float:left;*/
}
#Lnavi-w300 .tabmenu .title02{
font-size:81.25%;
font-weight:bold;
color:#ffffff;
text-align:center;
margin:0;
padding:5px 0;
}
#Lnavi-w300 .tabmenu h2.title01 a,
#Lnavi-w300 .tabmenu h2.title02 a{
color:#ffffff;
text-decoration:none;
display:block;
}
#Lnavi-w300 .tabmenu h2.title01 a:visited,
#Lnavi-w300 .tabmenu h2.title02 a:visited{
color:#ffffff;
text-decoration:none;
}
#Lnavi-w300 .tabmenu h2.title01 a:hover,
#Lnavi-w300 .tabmenu h2.title02 a:hover{
color:#ffffff;
text-decoration:underline;
}
#Lnavi-w300 .tabmenu .clear-color{
height:3px;
background:#a6b9ff;
clear:both;font-size:0;margin:0;padding:0;line-height:0;
}
#Lnavi-w300 .tabmenu .area-list{
margin:0;
padding:0;
background:#f4f8fe;
border-bottom:3px solid #ffffff;
}
#Lnavi-w300 .tabmenu .area-left{
width:48%;
margin-top:0;
padding:0;
float:left;
}
#Lnavi-w300 .tabmenu .area-right{
width:51%;
margin-top:0;
padding:0;
float:right;
}
#Lnavi-w300 .tabmenu .area-left ul,
#Lnavi-w300 .tabmenu .area-right ul{
margin-top:0;
padding-top:8px;
}
/*------------------------------------------*/
/* tabrank タブ ランキング */
#Lnavi-w300 .tabrank{
width:300px;
margin:0 0 8px 12px;
padding:0;
background:#f4f8fe;
}
#Lnavi-w300 .tabrank .title{
background:#ffffff;
}
#Lnavi-w300 .tabrank h2{
font-size:81.25%;
font-weight:bold;
color:#ffffff;
margin:0;
padding:5px 0 5px 25px;
background:#3e8eff url(../image/lnavi_tabico02.gif) no-repeat top left;
}
#Lnavi-w300 .tabrank h2 a{
color:#ffffff;
text-decoration:none;
display:block;
}
#Lnavi-w300 .tabrank .rank-list{
background:#f4f8fe;
clear: both;
padding:6px
}
#Lnavi-w300 .tabrank .title01,
#Lnavi-w300 .tabrank .title02{
width:142px;
}
#Lnavi-w300 .tabrank .title01{
font-size:81.25%;
font-weight:bold;
color:#ffffff;
text-align:center;
margin:0;
padding:5px 0;
background:#f4f8fe url(../image/lnavi_tabico03.gif) no-repeat top left;
float:left;
}
#Lnavi-w300 .tabrank .title02{
font-size:81.25%;
font-weight:bold;
color:#0066cc;
text-align:center;
margin:0;
padding:5px 0;
background:#f4f8fe url(../image/lnavi_tabico04.gif) no-repeat top left;
float:right;
}
#Lnavi-w300 .tabrank h3.title01 a{
color:#ffffff;
text-decoration:none;
display:block;
}
#Lnavi-w300 .tabrank h3.title02 a{
color:#0066cc;
text-decoration:none;
display:block;
}
#Lnavi-w300 .tabrank h3.title01 a:visited{
color:#ffffff;
text-decoration:none;
}
#Lnavi-w300 .tabrank h3.title02 a:visited{
color:#0066cc;
text-decoration:none;
}
#Lnavi-w300 .tabrank h3.title01 a:hover{
color:#ffffff;
text-decoration:underline;
}
#Lnavi-w300 .tabrank h3.title02 a:hover{
color:#0066cc;
text-decoration:underline;
}
#Lnavi-w300 .tabrank .clear{
height:3px;
}
#Lnavi-w300 .tabrank ul{
list-style:none;
clear:both;
padding:0;margin:0;
}
#Lnavi-w300 .tabrank li{
font-size:81.25%;
line-height:130%;
margin:0 0 6px 0;
list-style:none;
}
/*------------------------------------------*/
/* NewsFlashNaka…速報（中面） */
#NewsFlashNaka .contents{
margin:12px 0 0 0;
padding:1px;
border: 3px solid #ec7358;
}
#NewsFlashNaka .contents p{
margin: 0;
}
#NewsFlashNaka .contents ul{
list-style: none;
font-size: 85%;
line-height: 130%;
margin: 10px 11px;
padding: 0;
}
#NewsFlashNaka .contents a{color: #184098;text-decoration:none;}
#NewsFlashNaka .contents a:visited{color:#853EBD;text-decoration:none;}
#NewsFlashNaka .contents a:hover{color:#016cef;text-decoration:underline;}
#NewsFlashNaka .contents .tickercontainer {
width: 292px;
height: 34px;
margin: 0;
padding: 0;
overflow: hidden;
}
#NewsFlashNaka .contents .tickercontainer .mask {
position: relative;
left:0;
width:292px;
overflow: hidden;
}
#NewsFlashNaka .contents ul.newsticker {
position: relative;
left: 300px;
}
#NewsFlashNaka .contents ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}
#NewsFlashNaka .contents ul.newsticker a {
white-space: nowrap;
margin: 0 50px 0 0;
padding: 0;
}
/*------------------------------------------*/
/* menu01、menu-pr、tabmenu リスト部分：共用
*/
#Lnavi-w300 .menu01 ul,
#Lnavi-w300 .tabmenu ul{
border-bottom:2px solid #ffffff;
list-style:none;
clear:both;
}
#Lnavi-w300 .menu-pr ul{
border-bottom:2px solid #ffffff;
list-style:none;
clear:both;
}
#Lnavi-w300 .menu01 .area-list ul,
#Lnavi-w300 .tabmenu .area-list ul,
#Lnavi-w300 .menu-pr .area-list ul{
border-bottom:none;
list-style:none;
clear:both;
}
#Lnavi-w300 .menu01 li,
#Lnavi-w300 .menu-pr li,
#Lnavi-w300 .tabmenu li{
font-size:81.25%;
line-height:130%;
margin:0;
list-style:none;
}
#Lnavi-w300 .menu01,
#Lnavi-w300 .menu-eve,
#Lnavi-w300 .menu-pr,
#Lnavi-w300 .banner01 {
background: #ffffff;
border: 1px solid #d2d2d2;
margin: 0 0 10px 0;
padding: 0 0 0 0;
}
#Lnavi-w300 .banner01 {
border: none;
}
#Lnavi-w300 .menu-eve {
}
#Lnavi-w300 .menu01 .title,
#Lnavi-w300 .menu-pr .title,
#Lnavi-w300 .menu-eve .title {
border-bottom: 1px solid #d2d2d2;
background: #eeeeee;
position: relative;
}
#Lnavi-w300 .menu01 .title h2,
#Lnavi-w300 .menu-pr .title h2,
#Lnavi-w300 .menu-eve .title h2 {
display: table-cell;
vertical-align: middle;
font-size: 90%;
font-weight: bold;
text-align: left;
color: #13007c;
padding: 5px;
height: 25px;
background: none;
border-width: 0px;
}
#Lnavi-w300 .menu01 .title h2 span {
font-size: 10px;
font-weight: 400;
display: block;
padding: 0 0 0 35px;
}
#Lnavi-w300 .menu01 .title h2 a {
color: inherit;
}
#Lnavi-w300 .menu01 .title a.link_more {
position: absolute;
top: 8px;
right: 5px;
font-size: 0.8em;
color: #333;
}
#Lnavi-w300 .menu01 .title a.link_more:hover {
color: #333;
}
#Lnavi-w300 .menu-eve p.link {
font-size: 80%;
margin: 5px 5px 0 0;
}
#Lnavi-w300 .menu-eve p.link a,
#Lnavi-w300 .menu-eve p.link a:hover {
color: #333;
}
#Lnavi-w300 .menu01 h2 img,
#Lnavi-w300 .menu-eve h2 img,
#Lnavi-w300 .menu-sokuho h2 img {
vertical-align: -14%;
margin: 2px 5px 0;
}
#Lnavi-w300 .menu-pr h2 img {
display: inline-block;
margin: 0 2px 0 10px;
}
#Lnavi-w300 .menu-eve h2 a,
#Lnavi-w300 .menu-eve h2 a:hover {
color: #13007c;
}
#Lnavi-w300 .menu01 .l-picnews,
#Lnavi-w300 .menu-eve .l-picnews,
#Lnavi-w300 .menu-pr .l-picnews {
background: #ffffff;
}
#Lnavi-w300 .menu01 .l-picnewsBlock .l-picnews{
border-top: 1px dotted #ccc;
}
#Lnavi-w300 .menu01 .l-picnewsBlock .l-picnews:first-child {
border-top: none;
}
#Lnavi-w300 .menu01 .l-picnews h3 a,
#Lnavi-w300 .menu-eve .l-picnews h3 a,
#Lnavi-w300 .menu-pr .l-picnews h3 a {
color: #333;
}
#Lnavi-w300 .menu01 .text p,
#Lnavi-w300 .menu-pr .text p,
#Lnavi-w300 .menu-eve .text p {
font-weight: normal;
}
#Lnavi-w300 .menu01 .text p a,
#Lnavi-w300 .menu-pr .text p a,
#Lnavi-w300 .menu-eve .text p a {
color: #333333;
}
#Lnavi-w300 .menu-pr .l-picnews .clear {
border-bottom: 1px solid #eee;
width: 280px;
margin: 0 auto;
}
#Lnavi-w300 .menu-pr ul {
background: none;
text-align: left;
border-top: 1px solid #eee;
width: 280px;
margin: 0 auto;
}
#Lnavi-w300 .menu-pr ul li {
padding: 0 0 0 0;
margin: 5px 0 5px 20px;
list-style-image: url(/chuspo/image/ico_link-arrow_red.png);
}
#Lnavi-w300 .menu-pr ul li a {
color: #333;
}
#Lnavi-w300 .menu01 .rank-list {
padding: 10px 0 5px;
background: #fff;
}
#Lnavi-w300 .menu01 .rank-list .title01 {
font-size: 90%;
font-weight: bold;
color: #FFF;
text-align: center;
margin: 0px;
padding: 5px 0px;
width: 149px;
background: #817c9b url("/chuspo/image/lnavi_tabico03.png") no-repeat scroll 10% 50%;
}
#Lnavi-w300 .menu01 .rank-list .title02 {
font-size: 90%;
font-weight: bold;
color: #13007c;
text-align: center;
margin: 0px;
padding: 5px 0px;
width: 149px;
background: #efeef1 url("/chuspo/image/lnavi_tabico04.png") no-repeat scroll 10% 50%;
}
#Lnavi-w300 .menu01 .rank-list h3.title02 a {
color: #13007c;
}
#Lnavi-w300 .menu01 .rank-list ul {
border-top: #13007c 2px solid;
background: #fff;
text-align: left;
}
#Lnavi-w300 .menu01 .rank-list ul li {
margin: 5px;
}
#Lnavi-w300 .menu01 li img{
margin:0 0 0 5px;
padding:0;
vertical-align:middle;
}
#Lnavi-w300 .menu01 .pic,
#Lnavi-w300 .menu-pr .pic,
#Lnavi-w300 .menu-eve .pic{
margin:0;
padding:8px 0 8px 9px;
float:left;
}
#Lnavi-w300 .menu01 .pic img,
#Lnavi-w300 .menu-pr .pic img,
#Lnavi-w300 .menu-eve .pic img{
border:1px solid #999999;
}
#Lnavi-w300 .menu01 .text,
#Lnavi-w300 .menu-pr .text,
#Lnavi-w300 .menu-eve .text{
width:228px;
text-align:left;
margin:0;
padding:8px 5px 8px 0;
float:right;
}
#Lnavi-w300 .menu01 .text p,
#Lnavi-w300 .menu-pr .text p,
#Lnavi-w300 .menu-eve .text p{
font-size:75%;
line-height:130%;
font-weight:bold;
color:#666666;
text-align:left;
margin:0;
padding:0;
}
#Lnavi-w300 .menu01 .text p a,
#Lnavi-w300 .menu-pr .text p a,
#Lnavi-w300 .menu-eve .text p a{
font-weight:normal;
}
/* menu01、menu-prテキストニュース */
#Lnavi-w300 .menu01 .l-textnews,
#Lnavi-w300 .menu-eve .l-textnews{
margin:0;
padding:8px 5px 8px 9px;
border-bottom:2px solid #ffffff;
background:#f4f8fe;
}
#Lnavi-w300 .menu-pr .l-textnews{
margin:0;
padding:8px 5px 8px 9px;
border-bottom:2px solid #ffffff;
background:#f4f8fe;
}
#Lnavi-w300 .menu01 .l-textnews p,
#Lnavi-w300 .menu-pr .l-textnews p,
#Lnavi-w300 .menu-eve .l-textnews p{
font-size:75%;
line-height:130%;
font-weight:bold;
color:#666666;
margin:0;
padding:0;
}
#Lnavi-w300 .menu01 .l-textnews p a,
#Lnavi-w300 .menu-pr .l-textnews p a,
#Lnavi-w300 .menu-eve .l-textnews p a{
font-weight:normal;
}
/*写真ニュース、テキストニュース共用*/
#Lnavi-w300 .menu01 .l-picnews h3,
#Lnavi-w300 .menu-pr .l-picnews h3,
#Lnavi-w300 .menu-eve .l-picnews h3,
#Lnavi-w300 .menu01 .l-textnews h3,
#Lnavi-w300 .menu-pr .l-textnews h3,
#Lnavi-w300 .menu-eve .l-textnews h3{
font-size:81.25%;
font-weight:bold;
text-align:left;
margin:0 0 3px 0;
padding:0 0 0 0;
}
#Lnavi-w300 .menu01 .l-picnews-sub h3,
#Lnavi-w300 .menu-pr .l-picnews-sub h3{
font-size:81.25%;
font-weight:bold;
text-align:left;
margin:0;
padding:0;
}
/*評論家発信ツイッター部分*/
#Lnavi-w300 iframe#twitter-widget-0 {
max-width: 300px !important;
}
#Lnavi-w300 .l-picnews .twitter-area iframe {
max-width: 300px !important;
}
#Lnavi-w300 iframe#twitter-wid div.customisable-border {
border: none !important;
}
/*速報*/
#Lnavi-w300 .sokuho-area{
width:300px;
margin:0 0 0 12px;
padding:0;
}
.menu-sokuho{
text-align:center;
margin:0 0 0 0;
padding:0;
}
.menu-sokuho h3 {
display: none;
}
.menu-sokuho p.day{
font-size:75%;
line-height:130%;
border-bottom: 1px solid #ccc;
margin:0;
padding: 5px 0 3px 10px;
font-weight:bold;
}
.menu-sokuho .name,
.menu-sokuho .name-se,
.menu-sokuho .name-pa{
font-weight:bold;
text-align:center;
color:#666666;
padding:2px;
background:#f8f8f8;
border-bottom: 1px solid #eee;
font-size: 12px;
}
.menu-sokuho .name{
margin:0 0.5em 2px 0.5em;
}
.menu-sokuho .name-se{
margin:0 0 2px 0;
}
.menu-sokuho .name-pa{
margin:0 0 2px 0;
}
.menu-sokuho .name p,
.menu-sokuho .name-se p,
.menu-sokuho .name-pa p{
font-size:75%;
padding:0;
display:inline;
}
.menu-sokuho .name-se p{
margin:0 0 0;
}
.menu-sokuho .name-pa p{
margin:0 0 0;
}
.menu-sokuho .left{
width: 50%;
padding:0 0 0 0;
float:left;
}
.menu-sokuho .right{
width: 49%;
padding:0 0 0 0;
float:right;
border-left: 1px solid #eee;
}
.menu-sokuho .left table {
width: 149px;
border-collapse: collapse;
}
.menu-sokuho .right table {
width: 149px;
border-collapse: collapse;
}
.menu-sokuho .center{
width:auto;
padding:0 0 9px 0;
}
#Lnavi-w300 .menu-sokuho .left td,
#Lnavi-w300 .menu-sokuho .right td,
#Lnavi-w300 .menu-sokuho .center td{
font-size:75%;
text-align:center;
padding:3px 3px 2px 3px;
}
/*
-----------------------------
各タブメニュー用配置スタイル
-----------------------------
*/
.tabmenu #newsIdTit1,
.menu01 .rank-list #rankIdTit1{
float:left;
}
.tabmenu #newsIdTit2,
.menu01 .rank-list #rankIdTit2{
float:right;
}
/*
-----------------------------
コンテンツ部共用
-----------------------------
*/
/* pagetop */
.pagetop{
font-size:75%;
text-align:right;
margin:1.2em 0 0 0;
padding:10px 6px 7px 0;
clear:both;
}
.pagetop a{
color:#18409b;
text-decoration:none;
padding:0 0 0 1.3em;
background:url(/image/ico_gotop.gif) no-repeat top left;
}
.pagetop a:visited{
color:#18409b;
text-decoration:none;
}
.pagetop a:hover{
color:#016cef;
text-decoration:underline;
}
/* 写真テキスト */
div.caption{
font-size:75%;
font-weight:normal;
line-height:150%;
margin-top:1em;
margin: 5px;
text-align: left;
}
/*
-------------------------------
リストスタイル
-------------------------------
*/
.Newslist {
font-size: 0.9em;
margin: 0 0 20px;
}
.Newslist .newslist-title,
.Newslist .sports-title {
position: relative;
border: 1px solid #ccc;
margin: 20px 0 0;
}
.Newslist .newslist-title.nonBorder,
.Newslist .sports-title.nonBorder {
border-top: none;
}
.Newslist .newslist-title h2,
.Newslist .sports-title h2 {
font-size: 110%;
font-weight: bold;
background: #eee url(/chuspo/image/ico_lnavi_h2.png) no-repeat 10px 50%;
border-bottom: 1px solid #eee;
padding: 7px 0 3px 20px;
}
.Newslist .newslist-title.center,
.Newslist .sports-title.center {
margin-top: 0;
}
.Newslist .newslist-title.center h2,
.Newslist .sports-title.center h2 {
background-image: none;
text-align: center;
color: #13007D;
padding-left: 0;
padding-right: 0;
}
.Newslist .newslist-title h2 a {
color:#13007c;
}
.Newslist .newslist-title .ichiran {
font-size: 0.8em;
position: absolute;
top: 25%;
right: 5px;
}
.Newslist .newslist-title .ichiran a {
color: #333;
}
.Newslist ul {
background: #fff;
border: 1px solid #ccc;
border-top: none;
margin: 0 0 0 0;
padding: 10px;
}
.Newslist ul li {
padding: 5px 0;
list-style: none;
}
.Newslist ul li a {
color: #333;
background: url(/chuspo/image/ico_link-arrow_red.png) no-repeat 0 5px;
padding: 0 0 0 20px;
}
.Newslist .data-area03 {
background: #fff;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc;
padding: 15px 10px 0;
}
.Newslist .data-area03 .left-img {
float: left;
width: 80px;
padding: 0 20px 0 0;
background: #fff;
}
.Newslist .data-area03 p {
border-bottom: 1px solid #eee;
padding: 0 0 10px;
}
/* 16年12月変更 ニュース一覧 画像付きリストに変更*/
.image-list .newslist-title {
position: relative;
margin: 0 0 0;
}
.image-list ul {
border: none;
}
.image-list ul li a {
background: none;
padding: 0 0 0 0;
}
.image-list {
position: relative;
margin: 10px 0 0;
width: 100%;
}
.image-list .image-list-wrap {
margin: 0 0 20px;
padding-top: 10px;
border-bottom: 1px solid #ccc;
border-right: 1px solid #ccc;
border-left: 1px solid #ccc;
background: #fff;
}
.image-list .image-list-wrap ul {
list-style: none;
padding: 10px 0 10px 0;
margin: 0 10px;
font-size: 1.1em;
}
.image-list .image-list-wrap ul li {
border-top: 1px dotted #ccc;
padding: 10px 0 10px;
clear: both;
min-height: 70px;
position: relative;
width: 100%;
}
.image-list .image-list-wrap ul li:first-child {
border-top: none;
}
.image-list .image-list-wrap ul li .img {
width: 70px;
height: 70px;
margin: 0 10px 0 0;
border: 1px solid #ccc;
background: #dfdfdf;
display: table-cell;
text-align: center;
vertical-align: middle;
}
.image-list .image-list-wrap ul li .img img {
max-height:70px;
max-width: 70px;
vertical-align: bottom;
}
.image-list .image-list-wrap ul li .text {
display:table-cell;
padding: 0 0 0 20px;
}
/* 16.12月変更（ここまで） */
.past-list .list-day {
border: none !important;
}
.past-list h3 {
font-size: 1em;
margin-bottom: 10px;
font-weight: bold;
}
.past-list .list-day ul {
overflow: hidden;
margin-top: -7px !important;
margin-left: -7px !important;
margin-bottom: 20px;
padding: 0 !important;
border: none !important;
}
.past-list .list-day ul li {
float: left;
padding: 5px 15px !important;
border: 1px solid #ccc !important;
margin-left: 7px !important;
margin-top: 7px !important;
text-indent: 0 !important;
background: none !important;
background: #fafafa !important;
font-size: 0.9em;
width: 50px;
color: #666;
text-align: center;
}
.past-list .list-day ul li a {
padding: 0 !important;
color: #13007d !important;
text-indent: 0 !important;
display: block !important;
background: none !important;
font-weight: 800;
text-align: center;
}
/*「特集」記事内容*/
a.tokushu{
font-size:85%;
margin:0 0 0.5em 0;
padding:0.1em 0 0 0.5em;
}
.caption{
font-size:75%;
font-weight:bold;
}
/*CM 070202*/
.Contents-cm{
text-align:center;
padding:1.5em 0 0 0;
}
/*-------PR情報-------*/
.PR2,
.pr_info {
position: relative;
margin: 10px 0 0;
padding: 10px 20px;
border: 1px solid #ccc;
background: #fff;
}
.PR2,,
.pr_info a {
color: #333;
}
.PR2 .prinfo,
.pr_info .title {
margin: 0;
padding: 0;
font-size: 0.9em;
font-weight:bold;
color: #13007c;
}
.PR2 ul,
.pr_info ul {
margin: 10px 5px;
font-size: 0.9em;
list-style-image: url(/chuspo/image/ico_link-arrow_blue.png);
}
.PR2 {
margin-bottom: 20px;
}
/*
===============================
GoogleAdSense TEST080827
===============================
.googleadsbox …アドセンス表示ボックス
.google_title …Ads by Google表示用
.googleadsboxbody …広告表示用
*/
.googleads {
margin-top: 10px;
}
.ad-border{
display: none;
}
.googleadsbox{
border-color: #C7E4FD;
border-style: solid;
border-width: 2px;
font-family : Arial, sans-serif;
text-align: left;
padding: 0;
margin: 0 0 8px 0;
}
.googleadsboxbody{
line-height : 100%;
padding : 2px 16px 2px;
}
.googleads-title{
}
.googleads-title h4{
font-size : 12px;
font-weight : bold;
color : rgb(0, 0, 0);
text-decoration : underline;
padding : 10px 16pt 8px;
}
/*
---------------------------------------------------
*/
/*リストスタイルのFirefox,Mozilla用*/
.Newslist li,
.Chiki-news li{
padding:0 0 0.2em 1.3em;#
}
/*------------------------------------------ローカルナビ：中日新聞プラス*/
#Lnavi-w300 .chunichi-plus{ /* w300 */
width:300px;
margin:0 0 8px 12px;
padding:0;
background:#97b5e1;
}
#Lnavi-w300 .chunichi-plus h2{ /* H2 */
height:23px;
font-size:0;
line-height:0;
}
#Lnavi-w300 .chunichi-plus ul{
margin:0 1px;
padding:7px 0 5px 0;
list-style-type:none;
background:#fffeee;
border-bottom:1px solid #97b5e1;
}
#Lnavi-w300 .chunichi-plus ul li{
font-size:85%;
line-height:1.1;
list-style:none;
margin:0;
padding:0.2em 0 6px 20px;
background:url(/image/lnavi_plus_ico.gif) no-repeat 10px 5px;
}
#Lnavi-w300 .chunichi-plus .picnews{
width:298px;
margin:0 auto;
background:#fffeee;
padding:7px 0;
border-bottom:1px solid #97b5e1;
overflow:hidden;
position:relative;
}
#Lnavi-w300 .chunichi-plus .picnews .pic{
width:60px;
text-align:right;
padding:2px 0;
float:left;
}
#Lnavi-w300 .chunichi-plus .picnews .text{
width:232px;
text-align:left;
margin:0;
padding:0;
float:right;
}
#Lnavi-w300 .chunichi-plus .picnews .text h3{
font-size:85%;
font-weight:bold;
line-height:1.5;
}
#Lnavi-w300 .chunichi-plus .picnews .text p{
font-size:75%;
line-height:1.5;
padding:0;
margin:0;
}
/*----汎用スタイル---- */
.wrap-block {
padding: 20px;
background: #fff;
border: 1px solid #ccc;
border-top: none;
overflow: hidden;
}
.wrap-block.border-top {
border-top: 1px solid #ccc;
}
.pt20 {
padding-top: 20px !important;
}
.mb20 {
margin-bottom: 20px;
}
.mt20 {
margin-top: 20px;
}
.mt30 {
margin-top: 30px;
}
.mt0 {
margin-bottom: 0 !important;
}
.mb0 {
margin-bottom: 0 !important;
}
.sub-title {
font-size: 1.1em;
margin-bottom: 10px;
color: #11007E;
font-weight: bold;
}
.head-title {
font-size: 1em;
color: #13007c;
border: 1px solid #ccc;
border-top: none;
padding: 5px 20px;
background: #eee;
font-weight: bold;
}
.head-title.border-top {
border-top: 1px solid #ccc;
}
.sub-title02 {
font-size: 1em;
margin-bottom: 10px;
font-weight: bold;
}
.sub-title a {
color: #11007E;
}
.align-right {
text-align: right;
}
.text-small {
font-size: 0.9em;
}
|