@charset "shift_jis";
/* 
-----------------------------------------------------
サイドメニュー設定CSS

更新日：2009/06/29
----------------------------------------------------- */

/*Explanation--------------------------------------------------*/
/*
 1:共通
 2:見出しアイコン設定
 	1:共通
	2:個別
 3:フォント切り替え(トップページのみ)
 4:各グループ設定
 5:企画ページ
 	1:共通
	2:ライブカメラ
	3:ぐるなび
*/

/*******************************************

 1:共通

********************************************/
div.side div {
	width:300px;
	margin: 5px auto;
	clear:both;
	background:#FFF;
}
div.side .line {
	width: 298px;
}
div.side ul {
	background:#FFF;
}
div.side ul.inline li, div.side dl.inline dd {
	display:inline;
}
div.side ul.inline li img, div.side dl.inline dd img,
div.side dd h3 a span img {
	vertical-align:middle;
}
div.side dd {
	padding:5px 0;
}

/*枠線の表示*/
div.side .line {
	border:1px solid #CCC;
}
/*見出し背景*/
div.side dl {
}


/*******************************************

 2:見出しアイコン設定

********************************************/
/*
===== 1: 共通 =====
*/
div.side dt {
	margin: 1px 1px 3px;
	padding: 3px 0 5px;
	background: #EAEAEA url(../img/side/back.jpg) left bottom repeat-x;
}
/*テキストリンク設定*/
div.content div.side h3 {
	padding: 0 5px 0 30px;
	background: url(../img/content/iconS-white.jpg) no-repeat scroll 13px 3px; /*■■090629修正*/
}
div.side div.inline h3 {
	float:left;
	width:40%;
}

/*
===== 2: 個別 =====
*/
div.side dl.news dt strong {
	padding-left:20px;
	background: url(../img/content/iconT-news.jpg) left 0.1em no-repeat;
}
div.side dl.other dt strong {
	padding-left:20px;
	background: url(../img/content/iconT-other.jpg) left 0.1em no-repeat;
}
div.side dl.enter dt strong {
	padding-left:20px;
	background: url(../img/content/iconT-enter.jpg) left 0.1em no-repeat;
}
div.side dl.live dt strong {
	padding-left:20px;
	background: url(../img/content/iconT-live.jpg) left 0.1em no-repeat;
}
div.side dl.leisure dt strong {
	padding-left:20px;
	background: url(../img/content/iconT-leisure.jpg) left 0.1em no-repeat;
}
div.side dl.local dt strong {
	padding-left:20px;
	background: url(../img/content/iconT-local.jpg) left 0.1em no-repeat;
}
div.side div.recommend dl dt strong {
	padding-left:20px;
	background: url(../img/content/iconT-recommend.jpg) left 0.1em no-repeat;
}
div.side div.series dl dt strong {
	padding-left:20px;
	background: url(../img/content/iconT-series.jpg) left 0.1em no-repeat;
}


/*******************************************

 3:フォント切り替え(トップページのみ)

********************************************/

#top div.side div.switch {
	width:310px;
	margin: 0;
	height: 32px;
}
div.switch {
	height: 32px;
}
div.switch ul {
	background: #fff url(../img/content/switch/back.gif) top left no-repeat;
	text-align: center;
	width: 287px;
	padding: 4px 0 3px;
	float: right;
	line-height: 1;
}
div.switch ul li,
div.switch ul img {
	float: left;
}
div.switch ul .switchTitle {
	padding: 0 0 0 5px;
}
div.switch ul .size_M,
div.switch ul .size_L {
	display: block;
	float: left;
	width: 33px;
	height: 20px;
	margin: 0 2px 0 0;
	text-indent: -1000em;
	outline: none;
}
body.font_M div.switch ul .size_M {
	background: url(../img/content/switch/switch-fontM-on.gif) left top no-repeat;
}
body.font_M div.switch ul .size_L {
	background: url(../img/content/switch/switch-fontL.gif) left top no-repeat;
}
body.font_L div.switch ul .size_M {
	background: url(../img/content/switch/switch-fontM.gif) left top no-repeat;
}
body.font_L div.switch ul .size_L {
	background: url(../img/content/switch/switch-fontL-on.gif) left top no-repeat;
}
div.switch ul .rss {
	padding: 0 0 0 14px;
}
div.switch ul .sitemap {
	padding: 0 0 0 8px;
}

/*******************************************

 4:各グループ設定

********************************************/
/*レクタングルバナーFlash*/
div.side div.adrectangle p {
	text-align:center;
	width: 300px;
	margin:0 auto;
}
div.side div.adrectangle2 {
	text-align: center;
	padding: 1px 0 0;
}
div.side div.adrectangle2 p {
	text-align:left;
	width: 200px;
	margin:0 auto;
	padding: 5px 0;
}
/*レクタングルバナー画像*/
div.side div.rectangle-banner ul,
div.side div.rectangle-banner-long ul {
	text-align:center;
}
div.side div.rectangle-banner ul {
	min-height: 70px;
	height: auto !important;
	height: 70px;
}
div.side div.rectangle-banner img {
	margin: 5px;
}
div.side div.rectangle-banner-long ul {
	background-color: #f2f2f2;
	margin: 0 0 -5px 0;
	padding: 0 0 0 32px;
}
div.side div.rectangle-banner-long ul img {
	margin: 0 0 5px;
}
div.side div.rectangle-banner ul li,
div.side div.rectangle-banner ul li div {
	display: inline;
}
/*道新に聞きたい*/
div.side div.asks {
	width: 298px;
	border: solid 1px #d9d9d9;
}
div.side div.asks dl {
}
div.side div.asks dt {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	line-height: 1;
}
div.side div.asks dd {
	padding: 0;
}
div.side div.asks ul {
	padding: 0 0 0 63px;
	background: url(../img/side/back-ask.gif) left bottom no-repeat;
}
div.side div.asks dd ul li img {
	vertical-align: text-bottom;
	padding: 0 2px 0 0;
}
div.side div.asks dd ul li {
	padding: 0 0 0 16px;
	background: url(../img/content/iconS-white.jpg) left 0.2em no-repeat;
	font-weight: bold;
}
div.side div.asks ul li a:link,
div.side div.asks ul li a:visited,
div.side div.asks ul li a:hover,
div.side div.asks ul li a:active {
	color: #333;
	text-decoration: none;
}
/*Shufoo/北海道サイト検索/フォト海道*/
div.side div.group {
	width:298px;
	background:#FFF;
}
div.side div.group input {
	color:#999;
}
/*Shufoo!*/
div.side div.shufoo {
	width:288px;
	position:relative;
}
div.side div.shufoo p.serch {
	position: absolute;
	bottom: 6px;
	left: 10px;
}
div.side div.shufoo input {
	vertical-align:middle;
}
div.side div.shufoo input#zipcode {
	max-width: 200px;
	max-height: 30px;
}
/*北海道サイト検索*/
div.side div.hokkaido-serch {
	width:288px;
}
/*フォト海道*/
div.side div.photo-kaido {
	width:286px;
	margin: 5px auto 8px;
	border:1px solid #0a9e08;
}
div.side div.photo-kaido h3 {
	width:100px;
}
div.side div.photo-kaido h3.L {
}
* html div.side div.photo-kaido {
	padding-bottom: 5px;
}
*:first-child+html div.side div.photo-kaido {
	padding-bottom:5px;
}
div.side div.photo-kaido p {
	margin: 7px 0 0;
}
div.side div.photo-kaido p img {
	padding: 0 11px 6px 7px;
	float:left;
}
div.side div.group div.inline {
	width:296px;
}
div.side div.group div.inline h3 {
	width:34%;
}
div.side div.group div.inline h3.L {
	width: 40%;
}
/*PR特集・ネット通販　他*/
div.side div.pr dl,
div.side div.monthlyConsa dl {
	padding-bottom: 4px;
}
div.side div.pr dd,
div.side div.shopping dd,
div.side div.monthlyConsa dd {
	clear: both;
	margin: 0px 13px 0px;
	padding: 7px 0 5px;
}
div.side div.pr dd {
	background: url(../img/content/line-dotted.gif) left bottom repeat-x;
}
div.side div.piyar dd {
	padding: 7px 29px 5px;
}
div.side div.pr dd.end {
	background: none;
}
div.side div.shopping img,
div.side div.monthlyConsa img {
	float:left;
}
div.side div.pr img {
	padding: 0 10px 0 0;
}
div.side div.shopping p,
div.side div.monthlyConsa p {
	float: right;
	width: 163px;
	padding: 0 0 7px;
}
div.side div.piyar dd p {
	margin: 5px 0 0;
}
div.side div.shopping p strong,
div.side div.monthlyConsa p strong {
	display: block;
	padding: 0 0 6px;
}
div.side div.shopping p strong,
div.side div.monthlyConsa p strong {
	display: block;
	padding: 0 0 6px;
}
div.side div.monthlyConsa dd a,
div.side div.piyar dt a {
	color: #333;
}
div.side div.shopping {
	width: 298px;
	border: solid 1px #aa420d;
}
div.side div.shopping dt {
	margin: 0 0 3px;
	padding: 3px 0 5px 7px;
	border-top: solid 1px #f3caac;
	background: url(../img/side/back-shopping.gif) left bottom no-repeat;
}
div.side div.shopping dt strong {
	padding-left: 27px;
	background: url(../img/content/icon-shopping.gif) left center no-repeat;
}
div.side div.shopping dt a:link,
div.side div.shopping dt a:visited,
div.side div.shopping dt a:hover,
div.side div.shopping dt a:active {
	color: #fefefe;
}
div.side div.shopping dl {
	background-color: #fdfde3;
}
div.side div.shopping dl dd table {
	table-layout: auto;
}
div.side div.shopping dl dd table img {
	padding-right: 10px;
}
div.side div.pr dd table {
	width: 270px;
	table-layout: auto;
}
div.side div.pr dd table .i-mobileR div {
	width: auto;
	margin: 0;
}
/*北海道新聞社について*/
div.side div.doshin dt {
	margin: 1px 1px 5px;
}
div.side div.doshin dd {
	padding: 0 0 7px;
}
div.side div.doshin img {
	margin-left:5px;
}
/*購読のお申し込み*/
div.side div.subscription {
	margin: 5px auto -4px;
	background-color: #f2f2f2;
}
div.side div.subscription img {
	margin: 0 0 4px;
}
/*購読のお申し込み02*/
div.side div.subscription02 {
	position:relative;
	width: 288px;
	padding: 6px 5px 5px;
}
div.side div.subscription02 p {
	padding: 5px 7px 7px;
	font-weight:bold;
	line-height: 1.3;
}
div.side div.subscription02 h3 {
	width: 148px;
	margin: 0 0 0.2em -5px;
}
div.side div.subscription02 img.icon {
	position:absolute;
	top: 8.5em;
	right:7px;
}
/*道新スポーツ(top)*/
div.side div.do-sports {
	padding: 5px 0 8px;
}
div.side div.do-sports p {
	padding: 0 10px 7px;
	font-weight: bold;
}
div.side div.do-sports p img {
	vertical-align: middle;
}

/*道新スポーツ*/
div.side .do-sports2 dt {
	margin-bottom: 7px;
}
div.side .do-sports2 dd {
	padding: 5px 0 3px;
}
div.side .do-sports2 dd p {
	padding: 3px 0 11px;
	text-align: center;
}
/*広告掲載について・全国のニュース*/
div.side div.advertising dl,
div.side div.japan-news dl {
	padding: 0 0 3px;
}
div.side div.advertising dt,
div.side div.japan-news dt {
	margin: 1px 1px 5px;
}
/* 0618 修正ここから*/
/*ファイターズ・コンサドーレ・レラカムイ*/
div.side div.sports {
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
	border-left: 1px solid #CCC;
}
div.side div.sports table {
	height:53px;
	min-height: 53px;
	height: auto !important;
	background: #f2f2f2 url(../img/side/sport-back.gif) left top no-repeat;
	border-right: solid 1px #FFF;
	border-bottom: solid 1px #FFF;
}
div.side div.sports table th,div.side div.sports table td {
	vertical-align: middle!important;
}
div.side div.sports table th{
	width:62px;
	padding:5px 0;
}
div.side div.sports table td{
	padding:5px 6px 4px 0;
}
div.side div.sports table td p	{
	width: 229px;
	border-top: solid 1px #d9d9d9;
	background: #FFF url(../img/side/sport-line.gif) left bottom repeat-x;
	line-height: 1.3;
	padding-bottom:4px;
}
div.side div.sports table td p a {
	margin: 5px 6px 0;
	display:block;
}
div.side div.sports table td p img {
	margin: 0 0 0 6px;
	vertical-align: middle;
}
/* 0618 修正ここまで*/

/*アクセスランキング*/
div.side div.ranking dt {
	margin: 1px 1px 5px;
}
div.side div.ranking dd {
	padding: 0 12px;
}
div.side div.ranking dd li {
	margin: 0 0 0.4em;
	padding: 0 0 0.2em;
	background: url(../img/content/line-dotted.gif) left bottom repeat-x;
}
div.side div.ranking dd li a {
	display: block;
}
div.side div.ranking dd li a img {
	margin: 0 0 0 3px;
	vertical-align: middle;
}
div.side div.ranking .link-list {
	margin: 3px 0 5px;
}
/*特集*/
div.side div.serial2 ul li {
	padding: 0 12px 0.2em 30px;
	background: url(../img/content/iconS-white.jpg) 12px 0.2em no-repeat;
}

/*サムネイル写真*/
div.side div.serial ul li.photoBox3,
div.side div.serial2 ul li.photoBox3 {
	padding: 0 16px 3px 12px;
	background: none;
}
div.side .photoBox3 {
	vertical-align: top;
}  
div.side .photoBox3 p {  
	display: table-cell;  
	vertical-align: middle;  
	margin: 0;  
}  
* html div.side .photoBox3 p {  
	display: inline;  
	zoom: 1;  
}  
*:first-child+html div.side .photoBox3 p {  
	display: inline;  
	zoom: 1;  
}
div.side .photoBox3 img {
	margin: 0 10px 5px 0; 
	border:1px solid #676767;
}
div.side .ddd {
	font-weight: bold;
}
*:first-child+html div.side .ddd {  
	width: 55%;
}  
* html div.side .ddd {  
	width: 55%;
}  
/*Google Ads*/
div.side div.googleAds {
	background: none;
	text-align: center;
}
/*携帯2*/
div.side div.mobile2 {
	width: 298px;
	border:1px solid #98c522;
}
div.side div.mobile2  dt {
	margin: 1px 1px 3px;
	padding: 0;
	background: none;
}
div.side div.mobile2 dd {
	padding: 0 10px 6px;
}
div.side div.mobile2 dd img {
	float: right;
}
div.side div.mobile2 dd ul {
	width: 195px;
	padding: 4px 0 6px;
}
div.side div.mobile2 dd ul li {
	list-style: outside disc;
	margin: 0 10px 0 10px;
}
/*カレンダー*/
div.side div.calender dl.enter dd {
	padding: 4px 0 0px 9px;
}
div.side div.calender dd div {
	width: auto;
}
div.side div.calender dd table {
	clear: both;
	width: 280px;
	margin: 0 0 8px;
	border-top: solid 1px #ccc;
	border-right: solid 1px #ccc;
}
div.side div.calender dd table th {
	width: 14%;
	padding: 9px 0;
	vertical-align: middle;
	background-color: #f0f0f0;
}
div.side div.calender dd table th,
div.side div.calender dd table td {
	text-align: center;
	border-bottom: solid 1px #ccc;
	border-left: solid 1px #ccc;
	line-height: 1.1;
}
div.side div.calender dd table td {
	height: 46px;
}
div.side div.calender .sat {
	background-color: #d8ecf7;
}
div.side div.calender .sun {
	background-color: #fce4e0;
}
div.side div.calender dd table td p {
	padding: 7px 0 0;
}
div.side div.calender dd table td img {
	margin: 5px 0 0;
}
div.side div.calender dd ul {
	margin: 0 0 5px;
}
div.side div.calender dd ul li {
	display: inline;
	padding: 0 6px 3px 0;
	line-height: 1.1;
}
div.side div.calender dd ul li img {
	vertical-align: middle;
}
div.side div.calender dd .month {
	font-weight: bold;
	float: left;
}
div.side div.calender .chooses {
	float: right;
	padding: 3px 9px 4px 0;
}
/*月刊コンサ*/
div.side div.monthlyConsa dd {
	padding: 7px 0 5px;
}
/*movie 関連リンク*/
div.side div.link dl dd .movie {
	margin: -7px 0 0;
	padding: 0 10px;
}
div.side div.link dl dd .movie li {
	padding: 7px 0;
	background: url(../img/content/line-dotted.gif) left top repeat-x;
}
div.side div.link dl .movie li.first {
	background: none;
}
div.side div.link dl dd .movie p a {
	padding-left: 20px;
	background: url(../img/content/iconS-white.jpg) left 0.1em no-repeat;
}
div.side div.link dl dd .movie a img {
	margin: 0 0 7px;
}
/*おすすめ 連載・特集*/
div.side div.recommend dl {
	background: #f2f2f2 url(../img/side/recommend-bottom.gif) left bottom no-repeat;
}
div.side div.series dl {
	background: #f2f2f2 url(../img/side/series-bottom.gif) left bottom no-repeat;
}
div.side div.recommend dl dt strong,
div.side div.series dl dt strong {
	background: none;
}
div.side div.recommend dl dt {
	margin: 0;
	padding: 5px 0 0;
	background: #f6a613 url(../img/side/recommend-upper.gif) left top no-repeat;
	border-bottom: solid 3px #ffb319;
}
div.side div.series dl dt {
	margin: 0;
	padding: 5px 0 0;
	background: #a0d4f9 url(../img/side/series-upper.gif) left top no-repeat;
	border-bottom: solid 3px #7abcf9;
}
div.side div.recommend dd {
	padding: 0 0 5px;
}
div.side div.series dd {
	padding: 0 0 5px;
}

div.side div.recommend dd table,
div.side div.series dd table {
	table-layout: auto;
	margin: 6px 13px 0;
}
div.side div.recommend dd table a img,
div.side div.series dd table a img {
	margin: 0 10px 6px 0;
	border: solid 1px #000;
}
div.content div.side div.recommend table td.linkTxtM,
div.content div.side div.series table td.linkTxtM {
	font-weight: bold;
	vertical-align: middle;
}
/*北京五輪　記者ブログ*/
div.side div.olympicBlog dd p {
	margin: 0 10px 0 31px;
}
/*号外*/
div.side div.gogai {
	width: 308px;
	margin: 0;
}
div.side div.gogai dt {
	background: none;
	margin: 1px 1px 0;
	padding: 3px 3px 3px;
	position:relative;
	line-height: 1;
}
div.side div.gogai p.link-list {
	position:absolute;
	top:5px;
	right:0px;
	line-height: 1.5;
}
div.side div.gogai dd.photo {
	background: #e8e8e8 url(../img/side/gogai-back.gif) left top repeat-x;
	text-align:center;
	padding: 12px 5px;
}
div.side div.gogai dd.photo img {
	border:1px solid #FFF;
	vertical-align: top;
}
div.side div.gogai dd {
}
div.side div.gogai dd.end {
	padding-left:15px;
	margin: -10px 0 0;
}


/*******************************************

 5:企画ページ

********************************************/
/*
===== 1: 共通 =====
*/
/* テキスト */
div.side .fL {
	text-align: left;
}
div.side .fR {
	text-align: right;
}
div.side .fC {
	text-align: center;
}
/* ボックス */
div.side div.link dd .linkIn {
	margin: 0 13px 0.4em;
	width: auto;
}

/*
===== 2: ライブカメラ =====
*/
div.side dl.livecam dd {
	text-align: center;
}
div.side dl.livecam dd p {
	margin: 0 40px;
}

/*
===== 3: ぐるなび =====
*/
div.side div.i-gnavibox {
	width: 298px;
	background: url(../img/side/back-gnavi.gif) left top repeat-x;
	border: solid 1px #c70000;
}
div.side div.i-gnavibox .i-padding1 {
	width: 283px;
}
div.side div.i-gnavibox .i-padding1,
div.side div.i-gnavibox .i-sideblock,
div.side div.i-gnavibox .i-newly,
div.side div.i-gnavibox .i-newly div {
	width: 272px;
	margin: 0 auto;
}
div.side div.i-gnavibox img {
	margin: 0 0 5px;
}
div.side div.i-gnavibox span img {
	margin: 0;
}

/*リンク色*/
div.side dt a:link,
div.side dt a:visited,
div.side dt a:hover,
div.side dt a:active {
	color: #333;
}