@charset "utf-8";
/*----------------------------------------------------
	printmedia.css
----------------------------------------------------*/
@import url("common.css");




/* ==============================================================

　■官民協働事業
　■市民便利帳全集
　■50音別電話帳 「テレパル50」 
　■50音別電話帳 「テレパル50」 大全集
　■プリントメディア　汎用css

============================================================== */

/*----------------------------------------------------
	官民協働事業
----------------------------------------------------*/
/* 官民協働事業　h2 */
h2#h2_pppwork {
	height: 20px;
	background: url(../img/printmedia/ttl_pppwork.gif) no-repeat;
}


/* 市民便利帳へのボタン */
.btn_citizen {
	margin: 0 0 20px 1px;
}

/* 画像センタリング */
p.imgCenter {
	margin-bottom: 0;
	text-align: center;
}


/* 官民協働事業　h3 */
h3#outline {
	background: url(../img/printmedia/ttl_citizenbook_outline.gif) no-repeat 8px center;
}


/* 『市民便利帳』媒体概要 */
.outlineBox {
	width: 560px;
}

.outlineBox .citizen_img {
	width: 230px;
	float: left;
}

.outlineBox .citizen_text {
	width: 330px;
	float: left;
}

/* citydoリンク */
.outlineBox dl.citydo_link dt {
	text-indent: -9999px;
}

.outlineBox dl.citydo_link dt.citydo_p {
	height: 14px	;
	background: url(../img/printmedia/img_citydo_p.gif) no-repeat;
}

.outlineBox dl.citydo_link dt.citydo_m {
	height: 14px	;
	background: url(../img/printmedia/img_citydo_m.gif) no-repeat;
}




/*----------------------------------------------------
	市民便利帳全集
----------------------------------------------------*/
/* 市民便利帳全集　h2 */
h2#h2_citizenbook {
	height: 20px;
	background: url(../img/printmedia/ttl_citizenbook.gif) no-repeat;
}


/* 市民便利帳リスト */
ul.citizenbook li {
	float: left;
	display: inline;
	margin-bottom: 15px;
	margin-right: 15px;
	padding-left:5px;
	width:90px;
	height:150px;
}

ul.citizenbook dl {
	width: 90px;
	color: #666666;
	text-align: center;
}

ul.citizenbook li dl dd {
	background: #DEDEDE url(../img/printmedia/bg_citizenbook.gif) repeat-x top;
	font-size:10px;
	letter-spacing:-1px;
	width:90px;
	height:20px;
}


/* 市民便利帳　ページ送りナビ */
ul.pageNavi {
	margin: 0 0 10px 0;
	padding: 10px 10px 0 10px;
	text-align: center;
}

ul.pageNavi li {
	display: inline;
	margin: 0 2px;
	padding: 0;
}

ul.pageNavi li span,
ul.pageNavi li a {
    display: -moz-inline-box;/* Firefox2用 */
    display: inline-block;
	padding: 2px 8px;
	border: 1px solid #aaa;
	vertical-align: middle;
}

/* 現在地 */
ul.pageNavi li span.here {
	font-weight: bold;
	background-color: #aaa;
	color: #FFF;
}

ul.pageNavi li a:link ,
ul.pageNavi li a:visited,
ul.pageNavi li a:active {
	color: #006;
	text-decoration: none;
}

ul.pageNavi li a:hover {
	background: #006;
	border-color: #006;
	color: #FFF;
	text-decoration: none;
}




/*----------------------------------------------------
	50音別電話帳 「テレパル50」
----------------------------------------------------*/
/* 50音別電話帳 「テレパル50」　h2 */
h2#h2_telepal {
	height: 71px;
	background: url(../img/printmedia/ttl_telepal.gif) no-repeat;
}


/* テレパル概要ボックス */
.terepal_outline {
	width: 550px;
	margin: 10px 0 15px 10px;
}

/* 左ボックス */
.terepal_outline .leftBox {
	width: 260px;
	margin-right: 20px;
	float: left;
}

	/* ↓これでリストの背景にラインを表示 */
	ul.telepal-list li {
		margin: 0;
		padding: 6px 0 5px 0;
		color: #000088;
		background: url(../img/common/dotline.gif) repeat-x bottom;
	}
	
	/* ↓これでリストマークを表示 */
	span.telepal-text {
		padding: 0 0 0 20px;
		background: url(../img/common/icon_listmark.gif) no-repeat 0.3em;
	}


/* 右ボックス */
.terepal_outline .rightBox {
	margin-top:10px;
	width: 270px;
	font-size: 12px;
	float: left;
}

.terepal_outline .rightBox p {
	color: #006600;
}


/* テレパルボックス（背景緑） */
.telepalBox {
	width: 538px;
	padding: 10px;
	font-size: 12px;
	color: #FFFFFF;
	border: 1px solid #67AB23;
	background: #67AB23 url(../img/printmedia/bg_telepalbox.jpg) repeat-x top;
}


/* ユーザビリティ・発行数左ボックス */
.usabilityBox,.publishing_lBox {
	width: 270px;
	margin-right: 20px;
	float: left;
}

.usabilityBox .left {
	width: 108px;
	margin: 0 17px 0 0;
	font-size: x-small;
	float: left;
}

.usabilityBox .right {
	width: 145px;
	margin: 0;
	float: right;
}

.usabilityBox .right dt {
	height: 28px;
	text-indent: -9999px;
}

.usabilityBox .right dt.easytosee {
	background: url(../img/printmedia/img_easytosee.gif) no-repeat;
}

.usabilityBox .right dt.usable {
	background: url(../img/printmedia/img_usable.gif) no-repeat;
}
.usabilityBox .right dd {
	margin-bottom: 10px;
}


/* デジタル革命・発行数右ボックス */
.digitalBox,.publishing_rBox {
	width: 270px;
	float: right;
}

.digitalBox p {
	font-size: x-small;
}


.publishingBox {
	width: 560px;
	margin-bottom: 10px;
}


/* 50音別電話帳「テレパル50」大全集へのボタン */
.btn_telepalBox {
	width: 560px;
	margin-top: 10px;
	text-align: right;
}

/*----------------------------------------------------
	プリントメディア　汎用css
----------------------------------------------------*/
/* 段落 */
div.section_p {
	width: 560px;
	margin: 0 0 40px 0;
}

div.section_pBtm {
	width: 560px;
	margin: 0 0 60px 0;
}

	/* リンクカラーと下線 */
	div.section_p a,div.section_pBtm a {
		color: #000088;
	}
	
	div.section_p a:link,div.section_pBtm a:link {
		text-decoration: underline;
	}
	
	div.section_p a:visited,div.section_pBtm a:visited {
		text-decoration: underline;
	}
	
	div.section_p a:hover,div.section_pBtm a:hover {
		text-decoration: none;
	}
	
	div.section_p a:active,div.section_pBtm a:active {
		text-decoration: none;
	}



/* h2 */
div.section_p h2,div.section_pBtm h2 {
	margin-bottom: 20px;
	text-indent: -9999px;
}


/* h3 */
div.section_p h3,div.section_pBtm h3 {
	margin-bottom: 20px;
	padding: 0 0 3px 0;
	border-left: 4px solid #009900;
	border-bottom: 1px solid #009900;
	text-indent: -9999px;
}


/* h4 */
div.section_p h4,div.section_pBtm h4 {
	margin: 0 0 15px 0;
	padding: 2px 0 0 7px;
	color: #009900;
	font-weight: normal;
	border-bottom: 1px solid #009900;
	background: url(../img/printmedia/h4_printmedia.gif);
	text-indent: 0;
}

/*----------------------------------------------------
	50音別電話帳 「テレパル50」 大全集
----------------------------------------------------*/
/* 50音別電話帳 「テレパル50」 大全集　h2 */

h2#h2_telepal1600 {
	height: 71px;
	background: url(../img/printmedia/ttl_telepal1600.gif) no-repeat;
}

/* region */

div.region{
	float:left;
	display:inline;
	width:175px;
	margin-right:10px;
	text-align:center;
}

div.regionTtl{
	width:175px;
	text-align:center;
}

div.regionTtl h3 {
	margin:5px 0!important;
	color: #009900;
	font-size:12px;
	font-weight: normal;
	border-bottom: 1px solid #009900;
	background: url(../img/printmedia/h4_printmedia.gif);
}

div.region ul.regionList li{
	float:left;
	width:53px;
	margin:0 2px;
}

/* prefecture */

h3#prefectureTtl {
	margin: 0 0 15px 0;
	padding: 2px 0 0 7px;
	color: #009900;
	font-weight: normal;
	border-bottom: 1px solid #009900;
	background: url(../img/printmedia/h4_printmedia.gif);
	text-indent: 0;
}

ul#prefectureList{
	width:550px;
}

ul#prefectureList li{
	list-style:none;
	display:inline;
	float:left;
	margin:0px 5px;
	width:100px;
	height:170px;
}

ul#prefectureList li dl dd{
	font-size:10px;
}

.shadow {
	margin: 0;
	background: url("../img/printmedia/shadow_img.gif") right bottom;
	float: left;
}

.shadow img {
	position: relative;
	left: -5px;
	top: -5px;
}