@charset "Shift_JIS";

/* ***********************************************************
 * [水俣市]
 * Since:     2012-11-29
 * Modified:  2012-11-29
 *
 * ***********************************************************
 */


/* ----- BASE CSS ----- */
@import url("reset.css");
@import url("basic.css");
/* @import url("print.css") print; */

/* ----- COMMON CSS ----- */
@import "common.css";

/* ----- PAGE CSS ----- */
@import "top.css";

/****************************************************************************/
/* PortalComposerシステム機能部スタイル   pcstyle_def                       */
/****************************************************************************/
/********************************************************************/
/* イベントカレンダー */
#eventlist-box{
        float: left;
        width:920px;
        margin-left:15px;
        padding:0;
        text-align:left;
        background-color: #FFFFFF;
        display:inline;
}

/*　イベントカレンダーのタイトル部　*/
.event-title{
        width: 900px;
        height: 45px;
				background:url(../images/common/bg_detail_ttl.jpg) right bottom no-repeat;
				border-top:4px solid #6BB40B;
			  padding: 15px 0 0 20px;
				margin-bottom:10px;
        font-size: 140%;
}

.event-title h2 {
        font-size: 90%; padding: 5px 0 0 0; margin: 0;
}

.eventlist h3 {
        display: block;
        height: 20px;
        margin: 6px 0 2px 0px;
        padding-left: 1.3em;
        padding-top: 0.4em;
        padding-bottom: 0.3em;
        font-size : 108%;
        font-weight: normal;
        background-image:url(../images/content/title-sub3.gif);
        background-repeat:no-repeat;
        background-position:top left;
        background-color:#dcf5f5;
        border-top: 1px #c0c0c0 solid;
        border-bottom: 1px #c0c0c0 solid;
        
}
#eventlist-box .eventlist select {
	font-family:"メイリオ",Meirio,"ＭＳ ゴシック", sans-serif;
	height: 22px;
	vertical-align:middle;
	padding:0;
}
#eventlist-box .eventlist input {
	font-family:"メイリオ",Meirio,"ＭＳ ゴシック", sans-serif;
	height: 28px;
	vertical-align:middle;
	padding-top:2px;
}

/********************************************************************/
/* お知らせ新着リスト、イベントカレンダー (パッケージ部分) */
/* お知らせ、新着一覧 */
#newslist-box{
		width:920px;
		margin-left:15px;
		padding:0;
		text-align:left;
		background-color: #ffffff;
		display:inline-block;
		/display:inline;
		/zoom:1;
		vertical-align: top;
}

/*　お知らせ、新着一覧のタイトル部　*/
/*  システム固定　*/
.news-title{
        width: 900px;
        height: 45px;
				background:url(../images/common/bg_detail_ttl.jpg) right bottom no-repeat;
				border-top:4px solid #6BB40B;
			  padding: 15px 0 0 20px;
        font-size: 140%;
}

.news-title h2 {
        font-size: 90%; padding: 5px 0 0 0; margin: 0;
}

/* --- お知らせ、新着リスト --- */
	.newslist{
		margin-bottom:0;
	}
		
		.newslist ul{
			float:right;
			padding:5px 0 0;
		}
			
			.newslist ul li{
				float:left;
				padding:0 0 0 10px;
			}
				
		.newslist dl {
      margin-top:10px;
			overflow: hidden;  
			zoom: 1;
		} 
			
			.newslist dl dt {  
				margin-bottom: 5px;  
				padding: 7px 0 0 10px;  
				width: 120px;  
				float: left; 
				clear: both;
				font-size:90%;
			}
				.newslist dl dt span{background:#FFFFBF;}
			
			.newslist dl dd {
				margin-bottom: 5px;  
				padding: 5px 10px 0 120px;  
				border-bottom: 1px dotted #999;  
			}
/* --- ページ番号 --- */
#paginate {
        float: left;
        margin:20px 5px;
        padding:0 5px 0 5px;
        text-align:left;
        background-color: #ffffff;
        display:inline;
}
#paginate a {
        position: relative; /* IE6用 */
        padding: 0; /* リンクエリアのパディング（上下、左右） */
        text-decoration: underline; /* テキストの下線（なし） */
        color: #0000FF; /* 文字色 */
}


/* 本文部分 */
/* -- カテナビあり -- */
/* pタグ */
#detailMain p {
        margin-top:5px;
        margin-bottom:5px;
        padding:0;
}
/* imgタグ */
#detailMain img {
	vertical-align:middle;
}

/* -- カテナビあり -- */
/* pタグ */
#detailMain_nonavi p {
        margin-top:5px;
        margin-bottom:5px;
        padding:0;
}

/* imgタグ */
#detailMain_nonavi img {
	vertical-align:middle;
}


/********************************************************************/
/*フォーム*/
#form-box {
		width: 920px;
		margin-left:15px;
		padding: 0;
		display:inline-block;
		/display:inline;
		/zoom:1;
		vertical-align: top;
}
.form-title{
        width: 870px;
				padding:20px 20px;
				margin:0 0 25px 5px;
				background:url(../images/common/bg_detail_ttl.jpg) right bottom no-repeat;
				border-top:4px solid #6BB40B;
}
.form-title h2 {
        font-size: 140%; padding: 5px 0 0 0; margin: 0;
}

/********************************************************************/
/* サイトマップページ部品 */
/* システム標準名  */
#sitemap_block{
	width:95%;
	margin: 2px 10px 0 20px;
	background-color:#ffffff;
	font-size: 110%;
}
.sitemap_title{
	width:98%;
	height: 40px;
	padding:25px 20px;
	margin:0 0 25px;
	font-size:130%;
	font-weight:bold;
	font-family:"メイリオ",Meirio,"ＭＳ Ｐゴシック", Osaka,monospace;
	margin-bottom: 5px;
	background:url(../images/common/bg_detail_ttl.jpg) right bottom no-repeat;
	border-top:4px solid #6BB40B;
  padding: 15px 0 0 20px;
}
.sitemap_area{
	font-family:"メイリオ",Meirio,"ＭＳ Ｐゴシック", Osaka,monospace;
	background-color:#ffffff;
	margin-bottom: 20px;
}
.maplv1{
	width:94%;
	height:30px;
	margin: 0 10px 2px 20px;
  padding: 10px 0 0 15px;
	font-size: 110%;
  background-image:url(../images/def/sitemapcl1.gif);
  background-repeat:no-repeat;
  background-position:top right;
	border: 2px #99cc00 solid;
}
.maplv2{
	width:93%;
	height:25px;
	margin: 0 10px 5px 30px;
  padding: 5px 0 0 20px;
	font-size: 100%;
  background-image:url(../images/def/sitemapcl2.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-top: 1px #add8e6 solid;
	border-bottom: 3px #add8e6 solid;
}
.maplv3{
	width:91%;
	height:30px;
	margin: 0 3px 5px 35px;
  padding: 7px 0 0 30px;
	font-size: 100%;
  background-image:url(../images/def/sitemapcl3.gif);
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px #a9a9a9 solid;
}
.mapcl3 {
	width:90%;
	margin: 0 3px 5px 40px;
  padding: 5px 10px 5px 10px;
	font-size: 90%;
/*	border: 1px #a9a9a9 dotted; */
}
ul.mapcl3 li {
	display: inline;
	margin-right:10px;
	padding-right:10px;
	border-right: 1px #a9a9a9 solid;
}
.maplink{
	width:88%;
	margin: 0 3px 2px 50px;
  padding: 5px 10px 5px 10px;
	font-size: 90%;
/*	border: 1px #a9a9a9 dotted; */
}
ul.maplink li{
	display: inline;
	margin-right:10px;
	padding-right:10px;
	border-right: 1px #a9a9a9 solid;
}
.maplv1 a {
	color: #000000;
	text-decoration: none;
}
.maplv1 a:hover {
	text-decoration:underline;
}
.maplv2 a {
	color: #000000;
	text-decoration: none;
}
.maplv2 a:hover {
	text-decoration:underline;
}
.maplv3 a {
	color: #000000;
	text-decoration: none;
}
.maplv3 a:hover {
	text-decoration:underline;
}
.mapcl3 a {
	color: #000000;
	text-decoration: none;
}
.mapcl3 a:hover {
	text-decoration:underline;
}
.maplink a {
	color: #000000;
	text-decoration: none;
}
.maplink a:hover {
	text-decoration:underline;
}

/********************************************************************/
/*  印刷制御(本文以外は印刷しない)                                  */
/********************************************************************/

@media print {
body,html  { background-color: #ffffff;}
#container{ 
	width:100%;
	background:url(../images/common/dummy.jpg) bottom left no-repeat;
	background-color: #ffffff;
}
#header {
	position:relative;
	width:100%;
	height:70px;
	margin:0 0 20px 0;
	background: url(../images/common/img_print_logo.jpg) top left no-repeat;
	border-bottom:1px #000000 solid;
}
#logo { display:none;}
#welcome { display:none;}
#headerSnavi { display:none;}
#fontsizeArea { display:none;}
#searchArea { display:none;}
#gNavi { display:none;}

#bgSky{ 
	width:100%;
	background:url(../images/common/dummy.jpg) bottom left no-repeat;
	background-color: #ffffff;
}
#wrapper{ 
	width:100%;
	background:url(../images/common/dummy.jpg) bottom left no-repeat;
	background-color: #ffffff;
}
#contents{ 
	width:99%;
	margin:0;
	padding: 0 3px;
	background:url(../images/common/dummy.jpg) bottom left no-repeat;
	background-color: #ffffff;
}
#topicPath { display:none;}
#sNavi { display:none;}
#mob { display:none;}

#sumMain{
	margin:0;
	width:98%;
	font-size: 110%;
}
#sumTtl{
	width:98%;
	font-size: 110%;
}
#sumNews{
	width:98%;
	font-size: 100%;
}
#sumNews .inner{
	width:98%;
}
#sumRight { display:none;}


#detailMain{
	margin:0;
	width:98%;
	font-size: 110%;
}
#detailMain h1 {
		width:99%;
		font-size:130%;
		font-weight:normal;
}
#detailMain h2 {
		width:99%;
		font-size:120;
		font-weight:normal;
}
#detailMain h3 {
        width:99%;
        font-size: 120%;
        font-weight:normal;
}
#detailMain h6 {
        width:100%;
        height:25px;
        font-size: 110%;
        font-weight:normal;
}
#detail_sns { display:none;}
.pageUp { display:none;}

#footer{
	clear:both;
	width:100%;
	text-align:center;
	margin-top:15px;
	padding-top:10px;
	background:url(../images/common/dummy.jpg) bottom left no-repeat;
	border-top:4px solid #6BB40B;
		}
#footerDetail { display:none;}
#footerNavi { display:none;}
}