@charset "utf-8";

/* -------------------------------
   BASE
 -------------------------------*/
html{height:100%;}

body {
	height:100%;
	font-family: MS Pゴシック,verdana,Arial,Helvetica,Sans-Serif;
	line-height:120%;
	color:#2D2D2D;
	font-size: 13px;
	*font-size: small;
	*font: x-small;
	background: url('http://data.kanagawa-ippin.jp/kanagawa/img/pc/site/bg_header.gif') repeat-x #E4E4E4 left top;
}

* html #wrapper{
    height:100%;
}

a{color:#3C3C3C;text-decoration:none;}
a:hover{color:#777777;text-decoration:underline;}


/* WRAPPER */
div#wrapper{
	margin:0 auto;
	position:relative;
	width:100%;
	height: auto !important;
	height:100%;
	min-height:100%;
}
body > #wrapper{
	height: auto;
}
div#contents{
	padding-bottom:80px;
	position:relative;
}


/* CONTAINER */
div#container{
	position:relative;
	width:900px;
	height:100%;
	min-height:100%;
	margin:0 auto;
}

/* HEADER */
div#header{
	position:relative;
	height:40px;
	width:900px;
}

/* MAIN*/
div#main{
	width:900px;
	background-color:#E4E4E4;
	position:relative;
	overflow:hidden;
}

/*FOOTER*/
div#footer{
	position:absolute;
	bottom:0;
	clear:both;
	height:80px;
	width:100%;
	background-color:#686868;
	font-size:0.9em;
}
#footermaincol{
	color:#FFF;
	margin: 0 auto;
	width:710px;
	overflow:hidden;
	margin-top:20px;
	text-align:center;
}
#footermaincol a{
	color:#FFF;
}




/* -------------------------------
   HEADER
 -------------------------------*/
#header-top-link{
	display:inline-table;
	height:40px;
	width:900px;
	background: url('http://data.kanagawa-ippin.jp/kanagawa/img/pc/site/bg_header_dot.gif') repeat-y left top;
}
#header-top-link li{
	float:left;
}
#header-top-link li a{
	background: url('http://data.kanagawa-ippin.jp/kanagawa/img/pc/site/bg_header_dot.gif') repeat-y right top;
	color:#FFFFFF;
	float:left;
	height:27px;
	padding:13px 1.5em 0;
}
#header-top-link li a:hover{
	background:#999999 none repeat scroll 0 0;
	border:0 none;
	text-decoration:none;
}


/* -------------------------------
   KANAGAWA-HEADER
 -------------------------------*/
#kanagawa-header{
	margin:20px 0px;
	position:relative;
	width:900px;
	overflow:hidden;
}
#kanagawa-header-left{
	width:290px;
	float:left;
}
#kanagawa-header-left h2{
	background: url('http://data.kanagawa-ippin.jp/kanagawa/img/pc/site/site_title.gif') no-repeat #FFF scroll left top;
	height:100px;
	text-indent:-9999px;
}
#kanagawa-header-right{
	width:750px;
	float:left;
}


/* -------------------------------
   FRAME
 -------------------------------*/
.frame-top{
	height:10px;
	background: url('http://data.kanagawa-ippin.jp/kanagawa/img/pc/site/contents_frame_top.gif') no-repeat #FFF top;
}
.frame-body{
	width:900px;
	background-color:#FFF;
	overflow:hidden;
}
.frame-bottom{
	height:10px;
	background: url('http://data.kanagawa-ippin.jp/kanagawa/img/pc/site/contents_frame_bottom.gif') no-repeat #FFF bottom;
}
.frame530-top{
	width:530px;
	height:10px;
	background: url('http://data.kanagawa-ippin.jp/kanagawa/img/pc/site/contents_frame530_top.gif') no-repeat #FFF top;
}
.frame530-body{
	width:530px;
	background-color:#FFF;
	overflow:hidden;
}
.frame530-bottom{
	width:530px;
	height:10px;
	background: url('http://data.kanagawa-ippin.jp/kanagawa/img/pc/site/contents_frame530_bottom.gif') no-repeat #FFF bottom;
}
.frame350-top{
	width:350px;
	height:10px;
	background: url('http://data.kanagawa-ippin.jp/kanagawa/img/pc/site/contents_frame350_top.gif') no-repeat #FFF top;
}
.frame350-body{
	width:350px;
	background-color:#FFF;
	overflow:hidden;
}
.frame350-bottom{
	width:350px;
	height:10px;
	background: url('http://data.kanagawa-ippin.jp/kanagawa/img/pc/site/contents_frame350_bottom.gif') no-repeat #FFF bottom;
}




/* -------------------------------
   MENU LINK
 -------------------------------*/
#menu{
	position:absolute;
	right:20px;
	bottom:20px;
	text-align:right;
	height:45px;
	overflow:hidden;
}
#menu-link{
	display:inline-table;
	height:45px;
}
#menu-link li{
	float:left;
}
#menu-link li a{
	background: url('http://data.kanagawa-ippin.jp/kanagawa/img/pc/site/menu_link_separate.gif') repeat-y right;
	color:#4B4B4B;
	float:left;
	font-size:0.9em;
	font-weight:bold;
	height:26px;
	padding:26px 1.3em 0;
}
#menu-link li a:hover{
	background:#DCDCDC none repeat scroll 0 0;
	border:0 none;
	text-decoration:none;
}




/* -------------------------------
   AREAMAP
 -------------------------------*/
#areas{
	margin:0px 20px 20px 0px;
	position:relative;
	width:530px;
	float:left;
	overflow:hidden;
}
#areas h3{
	background: url('http://data.kanagawa-ippin.jp/kanagawa/img/pc/site/contents_area_title.gif') no-repeat #FFF scroll left top;
	padding-top:30px;
	text-indent:-9999px;
}
#areas p.caption{
	padding-left:12px;
	margin-bottom:5px;
}


/* -------------------------------
   AREA LINK
 -------------------------------*/
#area-link{
	width:510px;
	display:inline-table;
	margin:0px 10px;
	text-align:center;
	background-color:#F2F2F2;
}
#area-link li{
	float:left;
}
#area-link li a{
	background: url('http://data.kanagawa-ippin.jp/kanagawa/img/pc/site/menu_link_separate.gif') repeat-y right;
	color:#4B4B4B;
	float:left;
	font-size:1.1em;
	font-weight:bold;
	line-height:180%;
	padding:0px 1.3em;
}
#area-link li a:hover{
	background:#DCDCDC none repeat scroll 0 0;
	border:0 none;
	text-decoration:none;
}



/* -------------------------------
   AREANEWS
 -------------------------------*/
#areas-news{
	clear:both;
	width:510px;
	padding:20px 10px 0px 10px;
}
#areas-news h4{
	line-height:130%;
	font-size:1.2em;
	border-bottom:1px solid #888;
	margin-bottom:5px;
}
#areas-news div.articlecol{
	margin:5px 0px 20px 0px;
	width:500px;
	overflow:hidden;
	background-color:#F2F2F2;
	padding:5px;
	background: url('http://data.kanagawa-ippin.jp/kanagawa/img/pc/site/area_news_separate.gif') repeat-y #F2F2F2 scroll left;
}
#areas-news div.articlecol-left{
	width:150px;
	float:left;
}
#areas-news div.articlecol-left h3{
	font-size:1.1em;
	font-weight:normal;
}
#areas-news div.articlecol-right{
	width:350px;
	float:left;
}
#areas-news div.articlecol-right p.title{
	font-weight:bold;
}
#areas-news div.articlecol-right p.title a{text-decoration:underline;}
#areas-news div.articlecol-right p.title a:hover{text-decoration:none;}
#areas-news div.articlecol-right p.article{
	padding-top:5px;
}


/* -------------------------------
   OTHER-CONTENTS
 -------------------------------*/
#other-contents{
	margin:0px 0px 20px 0px;
	position:relative;
	width:350px;
	overflow:hidden;
	float:left;
}
#centercolumn,#promotion{
	width:350px;
	margin-bottom:20px;
}
#centercolumn h3{
	background: url('http://data.kanagawa-ippin.jp/kanagawa/img/pc/site/contents_center_title.gif') no-repeat #FFF scroll left top;
	height:40px;
	margin-bottom:10px;
}
#centercolumn h3 a{
	height:40px;
	width:350px;
	display:block;
	text-indent:-9999px;
}
#centercolumn div.right-link,#promotion div.right-link{
	text-align:right;
	padding-right:10px;
	margin-bottom:10px;
}
#centercolumn div.right-link a,#promotion div.right-link a{
	background-color:#F2F2F2;
	line-height:220%;
	padding:5px 1.3em;
	font-weight:bold;
}
#centercolumn div.right-link a:hover,#promotion div.right-link a:hover{
	background:#DCDCDC none repeat scroll 0 0;
	text-decoration:none;
}
#promotion h3{
	background: url('http://data.kanagawa-ippin.jp/kanagawa/img/pc/site/contents_promotion_title.gif') no-repeat #FFF scroll left top;
	height:40px;
	text-indent:-9999px;
	margin-bottom:10px;
}
#promotion h3 a{
	height:40px;
	width:220px;
	display:block;
	text-indent:-9999px;
}
#centercolumn div.centercolumn-col,#promotion div.promotion-col{
	padding:10px;
	margin-bottom:5px;
	overflow:auto;
}
#centercolumn div.centercolumn-col img,#promotion div.promotion-col img{
	width:100px;
	padding:3px;
	margin:0px 7px 0px 0px;
	border:1px solid #CCC;
	background-color:#FFF;
	float:left;
}
#centercolumn div.centercolumn-col p.title,#promotion div.promotion-col p.name{
	font-size:1.1em;
	font-weight:bold;
}
#centercolumn div.centercolumn-col p.article,#promotion div.promotion-col p.explanation{
	margin-top:10px;
}
#promotion div.promotion-col p.categoryname{
	color:#888888;
	font-size:0.8em;
}


/* -------------------------------
   PAGING
 -------------------------------*/
.paging{
	text-align:right;
	padding:15px 12px 3px 0px;
	font-size:11px;
	clear:both;
}
.pagelist-selected{
	font-weight:bold;
	margin:0 0.2em;
}
.pagelist a{
	margin:0 0.2em;
	color:#2D2D2D;
	padding:2px 5px;
	border:1px solid #BEBEBE;
	text-decoration:none;
}
.pagelist a:hover{background:#F2F2F2;}
.page-before a,.page-next a{
	text-decoration:none;
}
.page-before a:hover,.page-next a:hover{text-decoration:underline;}



/* -------------------------------
   個別
 -------------------------------*/
.small-italic{
	font-size:0.7em;
	color:#888;
}
.small{
	font-size:0.8em;
}
.bold{
	font-weight:bold;
}
.italic{
	font-style:italic;
}
.underline{
	text-decoration:underline;
}