@charset "shift_jis";
/* 
-----------------------------------------------------
企画ページ共通レイアウト

更新日：2009/04/12
----------------------------------------------------- */

/*Explanation--------------------------------------------------*/
/*
 1:見出し
 	1:共通
	2:見出し（背景茶色）
	3:見出し（背景青）
	4:見出し（背景赤）
	5:見出し（背景緑）
	6:見出し（背景）
	7:サブタイトル見出し
	8:h1
	9:h2
   10:h3
 2:ボックス
 	1:はこ
	2:テーブル
 3:テキスト
 	1:位置
	2:大きさ等
 4:写真
 	1:位置
 5:記事（写真一覧）
 6:最新のニュース
 7:広告バナー
*/


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

 1:見出し

********************************************/
/*
===== 1: 共通 =====
*/
div.boxIn .i-genre-title {/*top.css (949 行目)*/
font-size:130%;
line-height:1.6;
}
div.boxIn .i-caption {/*top.css (457 行目)*/
font-weight:bold;
padding:5px 0 5px 10px;
}


/*
===== 2: 見出し（背景茶色） =====
*/
div.boxIn p.category,
div.boxIn .i-orangetitle {/*top.css (581 行目)*/
background:transparent url(http://wwwd.hokkaido-np.co.jp/img/bg_orange.jpg) repeat-x scroll 0 0;
color:#FFFFFF;
font-size:100%; /*090411 fontsize*/
/*font-size:84%; 090411 fontsize*/
/*font-size:75%;*/
line-height:180%;
width:100%;
}
div.boxIn p.category a,
div.boxIn .i-orangetitle a {/*top.css (597 行目)*/
color:#FFFFFF !important;
}
div.boxIn p.category strong {/*top.css (949 行目)*/
font-size:160%;
line-height:1.6;
font-weight:bold;
padding:5px 0 5px 10px;
}
div.boxIn h2.i-orangetitle {/*再度none-news.css (265 行目)*/
font-size:84%; /*090411 fontsize*/
/*font-size:90%;*/
line-height:180%;
}
div.boxIn h2.i-orangetitle a {
	color: #FFF;
}
/*
===== 3: 見出し（背景青） =====
*/
div.boxIn .i-bluetitle {/*top.css (98 行目)*/
background:transparent url(http://wwwd.hokkaido-np.co.jp/img/bg_blue.jpg) repeat-x scroll 0 0;
color:#FFFFFF;
font-size:100%; /*090411 fontsize*/
/*font-size:84%; 090411 fontsize*/
/*font-size:75%;*/
line-height:180%;
width:100%;
}
.i-bluetitle a {/*top.css (105 行目)*/
color:#FFFFFF !important;
}
/*
===== 4: 見出し（背景赤） =====
*/
div.boxIn .i-redtitle {/*top.css (98 行目)*/
background:transparent url(http://wwwd.hokkaido-np.co.jp/img/bg_red.jpg) repeat-x scroll 0 0;
color:#FFFFFF;
line-height:180%;
width:100%;
}
/*
===== 5: 見出し（背景緑） =====
*/
div.boxIn .i-greentitle {/*top.css (324 行目)*/
background:transparent url(http://wwwd.hokkaido-np.co.jp/img/bg_green.jpg) repeat-x scroll 0 0;
color:#FFFFFF;
font-size:100%; /*090411 fontsize*/
/*font-size:84%; 090411 fontsize*/
/*font-size:75%;*/
line-height:180%;
width:100%;
}
/*
===== 6: 見出し（背景） =====
*/
.i-photodbtitle {
width:100%;
background: url(http://wwwd.hokkaido-np.co.jp/img/bg_photodb.jpg) repeat-x;
color:#FFFFFF;
line-height:180%;
font-size:100%; /*090411 fontsize*/
/*font-size:84%; 090411 fontsize*/
/*font-size:75%;*/

}
.i-photodbtitle a{
color:#FFFFFF !important;

}

/*
===== 7: サブタイトル見出し =====
*/
div.boxIn .i-sidebox-title,
div.otherConBox .i-sidebox-title {/*top.css (668 行目)*/
background:transparent url(http://wwwd.hokkaido-np.co.jp/img/bg_gray.jpg) repeat-x scroll 0 0;
/*font-size:85%; 090411fontsize */
font-weight:bold;
line-height:180%;
}
div.boxIn .i-caption2,
div.otherConBox .i-caption2 {/*top.css (677 行目)*/
padding:5px 0 5px 8px;
}

/*
===== 8: h1 =====
*/
div.boxIn h1, 
div.boxIn h1 a, 
div.boxIn h1 a:visited, 
div.boxIn h1 a:hover {/*top.css (908 行目)*/
font-size:120%;
line-height:110%;
margin-bottom:6px;
margin-top:3px;
font-weight: bold;
}
div.boxIn h1 img {
	margin: 0 3px;
	vertical-align: middle;
}

/*
===== 9: h2 =====
*/
div.boxIn .i-news-txt h2, 
div.boxIn .i-news-txt h2 a, 
div.boxIn .i-news-txt h2 a:visited, 
div.boxIn .i-news-txt h2 a:hover {/*top.css (908 行目)*/
font-size:120%;
line-height:110%;
margin-bottom:6px;
margin-top:3px;
font-weight: bold;
}
.i-news-txt h2 span {/*top.css (914 行目)*/
font-size:70%;
font-weight:normal;
}
div.boxIn .i-article2 h2 img {
	vertical-align: top;
	margin: 0.2em 5px 0 3px;
}
div.boxIn .i-article2 h2 span {/*top.css (926 行目)*/
font-size:70%;
font-weight:normal;
}

/*
===== 10: h3 =====
*/
div.boxIn .i-article2 h3 {/*top.css (472 行目)*/
background:transparent url(http://wwwd.hokkaido-np.co.jp/img/icon_allow_gray.gif) no-repeat scroll 0 0;
clear:both;
font-size:100%;
line-height:115%;
margin-bottom:3px;
padding-left:13px;
}
.i-sideblock h3 {/*top.css (700 行目)*/
background:transparent url(http://wwwd.hokkaido-np.co.jp/img/icon_allow_gray2.gif) no-repeat scroll 0 0;
line-height:125%;
padding-left:8px;
}

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

 2:ボックス

********************************************/
/*
===== 1: はこ =====
*/
div.boxIn .i-caption {/*top.css (457 行目)*/
font-weight:bold;
padding:5px 0 5px 10px;
}
div.boxIn .i-space,
div.otherConBox .i-space {/*layout.css (17 行目)*/
clear:both;
padding:3px 10px;
}
div.otherConBox .i-space {
clear:both;
padding:3px 5px;
}

div.boxIn .i-padding1,
div.otherConBox .i-padding1 {/*layout.css (22 行目)*/
padding:7px 5px 4px 8px;
}
div.boxIn .i-padding2 {/*layout.css (25 行目)*/
padding:10px;
}
div.boxIn .i-groupblock {/*top.css (461 行目)*/
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
margin-bottom:5px;
}
div.boxIn .i-article {/*top.css (466 行目)*/
padding:5px 5px 3px 7px;
}
div.boxIn .i-article2 {/*top.css (469 行目)*/
width:100%;
}
div.boxIn .i-alignC {/*top.css (959 行目)*/
text-align:center;
}
div.boxIn .i-columnL {/*top.css (434 行目)*/
float:left;
width:49.3%;
}
div.boxIn .i-columnR {/*top.css (438 行目)*/
float:right;
width:49.3%;
}

.i-sidebox {/*top.css (654 行目)*/
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
width:100%;
}.i-sidebox-shadow {/*top.css (688 行目)*/
background:transparent url(http://wwwd.hokkaido-np.co.jp/img/bg_shadow.gif) repeat-x scroll 0 0;
clear:both;
height:3px;
overflow:hidden;
width:100%;
}

/*
===== 2: テーブル =====
*/
td.fC,
.fC td,
table.fC td.fC,
.fCfC table {
	text-align: center;
}
table.fC {
	margin: 0 auto;
}
table.fC td {
	text-align: left;
}

.fR,
td.fR,
table.fC td.fR {
	text-align: right;
}
.fL,
td.fL {
	text-align: left;
}
td.vM,
.vM td {
	vertical-align: middle;
}
td.vBl,
.vBl td {
	vertical-align: baseline;
}

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

 3:テキスト

********************************************/
/*
===== 1: 位置 =====
*/
div.boxIn .i-text-center { /*basic.css (56 行目)*/
text-align:center;
}
div.boxIn .i-text-right {/*basic.css (53 行目)*/
text-align:right;
}
/*
===== 2: 大きさ等 =====
*/
div.boxIn .i-news-txt p {/*top.css (932 行目)*/
font-size:100%;
line-height:140%;
margin-bottom:12px;
}
div.boxIn .i-event-firstbox-inner h5 {
/*font-size:80%;*/
}

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

 4:写真

********************************************/
/*
===== 1: 位置 =====
*/
div.boxIn .i-news-photoD {/*top.css (881 行目)*/
float:left;
margin:0 15px 15px 5px;
width:100px;
}
div.boxIn .i-news-photoD2,
div.otherBox .i-news-photoD2,
div.otherConBox .i-news-photoD2 {/*top.css (894 行目)*/
float:right;
margin:0 5px 15px 15px;
width:100px;
}
/*090411 fontsize*/
div.boxIn .i-news-photoD2 p,
div.otherBox .i-news-photoD2 p,
div.otherConBox .i-news-photoD2 p {/*top.css (894 行目)*/
	font-size: 85%;
}


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

 5:記事（写真一覧）

********************************************/
div.boxIn .i-article-footer2 {/*top.css (864 行目)*/
background:transparent url(http://wwwd.hokkaido-np.co.jp/img/bg_box_bottom.gif) repeat scroll 0 0;
clear:both;
color:#999999;
font-size:100%;
padding:3px 8px;
text-align:right;
}
div.boxIn .i-topC {/*top.css (873 行目)*/
border-top:1px solid #CCCCCC;
clear:both;
padding:5px 0 2px 2px;
}
div.boxIn .i-news-photo-cap {/*top.css (990 行目)*/
padding:7px 0 10px 10px;
}
div.boxIn table.i-news-photo-column {/*top.css (972 行目)*/
border-collapse:separate;
border-spacing:5px;
}
div.boxIn .i-news-photo-column td {/*top.css (1028 行目)*/
text-align:center;
vertical-align:top;
width:33.3%;
}
div.boxIn .i-news-photo1 {/*top.css (994 行目)*/
background:#F7F7F7 none repeat scroll 0 0;
border-color:#D5D5D5 #B7B7B7 #B7B7B7 #D5D5D5;
border-style:solid;
border-width:1px;
margin-left:2px;
margin-right:2px;
padding:10px;
text-align:center;
}
div.boxIn .i-news-photo2 {/*top.css (1009 行目)*/
background:#E1EBF4 none repeat scroll 0 0;
border-color:#ADC9E4 #78A5D1 #78A5D1 #ADC9E4;
border-style:solid;
border-width:1px;
margin-left:2px;
margin-right:2px;
padding:10px;
text-align:center;
}
div.boxIn .i-news-photo {/*top.css (966 行目)*/
line-height:120%;
margin-bottom:4px;
width:100%;
}
div.boxIn .i-news-photo1 p {/*top.css (1005 行目)*/
margin-top:3px;
text-align:left;
}
div.boxIn .i-news-photo2 p {/*top.css (1020 行目)*/
margin-top:3px;
text-align:left;
}



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

 6:最新のニュース

********************************************/
div.boxIn .i-news-recent {/*top.css (1038 行目)*/
background:#FFFFFF none repeat scroll 0 0;
border:1px solid #CCCCCC;
width:100%;
}
div.boxIn .i-news-recent span {/*top.css (1050 行目)*/
font-size:85%;
margin-left:5px;
}
div.boxIn .i-news-recent p {
	margin: 0 10px 1em 22px;
}

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

 7:広告バナー

********************************************/
.i-js-banner {/*top.css (282 行目)*/
margin:auto !important;
}