@charset "utf-8";
/*==============================================
Font-size Adjustment
Default Size    = 16px
Present Setting = 12px

63% = - 6px  |	100% = +-0px  |	138% = + 6px
69% = - 5px  |	107% = + 1px  |	144% = + 7px
75% = - 4px  |	113% = + 2px	|	150% = + 8px
82% = - 3px  |	119% = + 3px	|	157% = + 9px
88% = - 2px  |	125% = + 4px	|	163% = +10px
94% = - 1px  |	132% = + 5px	|	169% = +11px
===============================================*/




/**************************************************************************************************
hタイトル
**************************************************************************************************/


h1.Title {
	font-size:200%;
	line-height:1.0;
	text-indent:-0.0em;
	border-style:double;
	border-width:3px 0px;
	border-color:#a2a796;
	background-image:url(../../image/common/bg_h1.png);
	background-repeat:no-repeat;
	background-position:bottom right;
	padding:20px 70px 18px 1em;
	margin-bottom:15px;
}

h1.Title:before {
	border-left: solid 12px #384959;
	content: '';
	margin:-0.1em 0.3em 0em -0.6em;
	height:1.1em;
	display:block;
	float:left;
}



h2.Title,
.ContentsArea h2
 {
	background-color:#384959;
	padding:0.7em 10px 0.6em 1.2em;
	color:#ffffff;
	font-size:150%;
	text-indent:-0.0em;
	margin-bottom:1.2em;
}

h2.Title:before,
.ContentsArea h2:before {
	background-image: url(../../image/common/bg_h2.gif);
	background-position: center left;
	background-repeat: no-repeat;
	content: '';
	padding: 0.2em 0px 0.2em 10px;
	margin: -0.4em 0.3em 0em -0.8em;
	height: 1.6em;
	display: block;
	float: left;
}
h2.Title a:link,
.ContentsArea h2 a:link {
	color:#ffffff;
	text-decoration: underline;
}
h2.Title a:visited,
.ContentsArea h2 a:visited {
	color:#cccccc;
	text-decoration: underline;
}
h2.Title a:hover,
.ContentsArea h2 a:hover {
	color:#ffffff;
	text-decoration: none;
}



h2.Title2,
h3.Title,
.ContentsArea h3 {
	background-color:#e8ecdb;
	border: solid 1px #9ba4ac;
	padding:0.5em 10px 0.4em 1.2em;
	font-size:138%;
	text-indent:-0.0em;
	margin-bottom:1.2em;
}


h2.Title2:before,
h3.Title:before,
.ContentsArea h3:before {
	border-left: solid 8px #384959;
	content: '';
	margin:-0.2em 0.3em 0em -0.8em;
	height:1.3em;
	display:block;
	float:left;
}


h4.Title,
.ContentsArea h4 {
	background-image:url(../../image/common/bg_h4.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	background-color:#ffffff;
	border-style:solid;
	border-width: 1px 1px 1px 8px;
	border-color: #9ba4ac;
	padding:0.5em 10px 0.4em 0.6em;
	font-size:125%;
	text-indent:-0.0em;
	margin-bottom:1.2em;
}


h5.Title,
.ContentsArea h5 {
	border-style:solid;
	border-width: 0px 0px 3px 0px;
	border-color: #9ba4ac;
	padding:0.2em 0px;
	font-size:125%;
	margin-bottom:1.2em;
}

h6.Title,
.ContentsArea h6 {
	border-style:solid;
	border-width: 0px 0px 0px 10px;
	border-color: #9e566a;
	padding:0.2em 0px 0.2em 0.4em;
	font-size:113%;
	margin-bottom:1.2em;
}

.ContentsArea p {
	padding-top:0.2em;
	padding-bottom:0.3em;
	margin:0;
}



/**************************************************************************************************
Common Reyout
**************************************************************************************************/

/*スマートフォンページへの誘導リンク*/
#SpLink {
	width: 1050px;
	margin: 10px auto;
	text-align: center;
}

		#SpLink span {
			display: inline-block;
			display: -moz-inline-box;
			zoom: 1; *display: inline;
			font-size:300%;
			font-size:300%\9;
			/font-size:300%;
			font-weight:bold;
		}
		
		#SpLink span a {
			border-radius: 10px;
			background: #384959;
			line-height: 1em;
			color: #FFF;
			cursor: pointer;
			padding: 0.5em 1.2em 0.5em;
			padding: 0.5em 1.3em 0.5em\9;
			/padding: 0.5em 1.3em 0.5em;
			display: inline-block;
			display: -moz-inline-box;
			zoom: 1; *display: inline;
			text-decoration:none;
		}

/*メニューをスキップ*/
#Skip {
	height: 0px;
	text-indent: -9999em;
}

/*ヘッダー*/
#Header {
	width:1050px;
	margin:0px auto;
	line-height:0px;
}
#Header .Logo {
	width:260px;
	float:left;
	margin: 12px 0px;
}
#Header .Option {
	width:783px;
	float:right;
	margin:18px 0px;
	position: relative;
}

/*津ぅrip用*/
#Header.Tsurip .Logo {
	margin: 7px 0px;
}



#Header .Option ul li {
	float:left;
	margin-left:6px;
}

#Header .Option ul#FontsizeChange {
	width:184px;
	position: absolute;
	left: 0px;
	top: 0px;
	border-right: solid 1px #cccccc;
	padding:14px 12px 14px 0px;
}

#Header .Option ul.BgColor {
	width:166px;
	position: absolute;
	left: 196px;
	top: 0px;
	border-right: solid 1px #cccccc;
	padding:14px 12px 14px 6px;
}

#Header .Option ul.Lang {
	width:395px;
	position: absolute;
	left: 382px;
	top: 0px;
	padding:0px 0px 0px 6px;
}
#Header .Option ul.Lang li.Voice {
	float:left;
	margin-bottom:6px;
}
#Header .Option ul.Lang li.Furigana {
	float:left;
	margin: 0px 0px 6px 24px;
}

#Header .Option ul.Lang li.Sitemap {
	float:right;
	margin-bottom:6px;
	padding:0px;
}


/*フッター*/

#Footer {
	width:1050px;
	margin:12px auto;
}

#Footer #PageTop {
	text-align:right;
	padding-bottom:3px;
	border-bottom: solid 1px #999999;
	margin-bottom:30px;
}

#Footer .Left {
	float:left;
	width:815px;
}

#Footer .Left ul {
	margin-bottom:20px;
}

#Footer .Left ul li {
	float: left;
	background-image: url(../../image/common/arrow_red_r.png);
	background-position: left center;
	background-repeat: no-repeat;
	margin-right:20px;
	padding-left:15px;
}

#Footer .Left dl dt {
	float:left;
	width:580px;
}

		#Footer .Left dl dt img {
			display:block;
			margin-bottom:10px;
		}
		#Footer .Left dl dt span {
			display:block;
			margin: 0px 0px 1em 28px;
		}


#Footer .Left dl dd {
	float:right;
	width:212px;
}

#Footer .Left dl dd ol li {
	margin-bottom:10px;
}






#Footer .Right {
	float:right;
	width:218px;
}

#Footer .Right .MapTitle {
	background-color: #384959;
	padding: 3px;
	color:#ffffff;
	text-align:center;
	font-size:125%;
	font-weight:bold;
}
#Footer .Right .MapText {
	background-color: #e8ecdb;
	padding: 5px;
}
#Footer .Right .MapImg {
	background-color: #e8ecdb;
	text-align:center;
}



#Footer #CopyRight {
	text-align:center;
	margin:10px 0px;
}




/*グローバルメニュー*/
#Gmenu {
	width:1050px;
	margin:0px auto;
	clear:both;
	line-height:0px;
}
#Gmenu ul {
}
#Gmenu ul li {
	float: left;
}




#Main,
#MainDefault {
	width: 1050px;
	margin: 0px auto 20px auto;
}
		#Main p {
			margin-bottom:1em;
		}
#Main #TopLeftArea {
	width:632px;
	float:left;
}
#Main #TopRightArea {
	width:388px;
	float:right;
}



/**************************************************************************************************
Lower layer Common
**************************************************************************************************/


/*ジャンルページ レイアウト*/
#Main #LowLeftArea,
#MainDefault #LowLeftArea {
	width:780px;
	float:left;
}
#Main #LowRightArea,
#MainDefault #LowRightArea {
	width:240px;
	float:right;
}


/*--------------------------------------------------------*/
/*ライトメニュー*/

#LowRightArea .RightMenu {
	margin-bottom:15px;
}

#LowRightArea .RightMenu dt {
	background-image: url(../../image/common/bg_rm01.png);
	background-color: #f5f5f5;
	background-repeat: repeat-x;
	background-position: left bottom;
	border-style: solid;
	border-width: 1px 1px 4px 1px;
	border-color: #384959;
	color: #384959;
	font-weight:bold;
	padding:8px 6px 6px 6px;
	font-size: 113%;
}
#LowRightArea .RightMenu dt.AddIcon {
	text-indent: -22px;
	padding-left: 28px;
}
#LowRightArea .RightMenu dt.AddIcon img {
	display:inline-block;
	vertical-align: text-top;
	margin : 0px 4px 0px 0px;
}


/*汎用メニュー*/
#LowRightArea .RightMenu dd.List ul li {
	border-style:solid;
	border-width: 0px 1px 1px 1px;
	border-color: #999999;
	margin-bottom:0px;
}
#LowRightArea .RightMenu dd.List ul li a {
	background-image:url(../../image/common/arrow_rb.png);
	background-position:8px center;
	background-repeat:no-repeat;
	display:block;
	padding:8px 8px 8px 24px;
}

/*人生の出来事 こんなときは？*/
#LowRightArea .RightMenu dd.Life ul li {
	width:80px;
	height:75px;
	float:left;
}

/*津市の出来事*/
#LowRightArea .RightMenu dd.Dekigoto {
	border-style: solid;
	border-width: 0px 1px 1px 1px;
	border-color: #999999;
}

#LowRightArea .RightMenu dd.Dekigoto div.Photo {
	padding:9px;
	text-align:center;
}
#LowRightArea .RightMenu dd.Dekigoto div.Photo img {
	display:block;
	margin-bottom:5px;
}

#LowRightArea .RightMenu dd.Dekigoto div.All {
	padding:2px;
}

/*津市の出来事*/
#LowRightArea .RightMenu dd.Bnr {
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	border-color: #999999;
	padding:9px;
}



/*--------------------------------------------------------*/
/*カテゴリメニュー 汎用*/
#LowRightArea .RightCons {
	margin-bottom:15px;
}

#LowRightArea .RightCons dt {
	background-color: #384959;
	border-style: solid;
	border-width: 1px 1px 4px 1px;
	border-color: #384959 #384959 #eeeeee #384959;
	color: #ffffff;
	font-weight:bold;
	padding:8px 6px 6px 6px;
	font-size: 113%;
}
		#LowRightArea .RightCons dt a:link	  {color: #ffffff;}
		#LowRightArea .RightCons dt a:visited {color: #eeeeee;}
		#LowRightArea .RightCons dt a:hover   {color: #ffffff; text-decoration:none;}

		#LowRightArea .RightCons dt.AddIcon {
			text-indent: -22px;
			padding-left: 28px;
		}
		#LowRightArea .RightCons dt.AddIcon img {
			display:inline-block;
			vertical-align: text-top;
			margin : 0px 4px 0px 0px;
		}

#LowRightArea .RightCons dd {
	border-style:solid;
	border-width: 1px;
	border-color: #384959 #999999 #999999 #999999;
	padding:10px 10px 5px 10px;
}

#LowRightArea .RightCons dd li {
	background-image: url(../../image/common/icon_folder02.png);
	background-position: left 0.3em;
	background-repeat: no-repeat;
	padding-left:25px;
	margin-bottom:10px;
}


/*カテゴリメニュー 特別*/
#LowRightArea .RightCons2 {
	margin-bottom:15px;
	background-color:#384959;
}

#LowRightArea .RightCons2 dt {
	color: #ffffff;
	font-weight:bold;
	padding:10px;
	font-size: 113%;
}
		#LowRightArea .RightCons2 dt a:link	  {color: #ffffff;}
		#LowRightArea .RightCons2 dt a:visited {color: #eeeeee;}
		#LowRightArea .RightCons2 dt a:hover   {color: #ffffff; text-decoration:none;}

		#LowRightArea .RightCons2 dt.AddIcon {
			text-indent: -18px;
			padding-left: 28px;
		}
		#LowRightArea .RightCons2 dt.AddIcon img {
			display:inline-block;
			vertical-align: text-top;
			margin : 0px 4px 0px 0px;
		}

#LowRightArea .RightCons2 dd {
	padding:0px 10px 8px 10px;
}

#LowRightArea .RightCons2 dd ul li {
	margin-bottom: 2px;
	background-color: #ffffff;
	background-image: url(../../image/common/arrow_red2_r.png);
	background-position: 6px center;
	background-repeat: no-repeat;
}
#LowRightArea .RightCons2 dd ul li a {
	display:block;
	background-color:#e8ecdb;
	margin-left:18px;
	padding: 10px 8px;
	font-weight:bold;
}

		#LowRightArea .RightCons2 dd ul li a:link	   {color: #000000; text-decoration:none;}
		#LowRightArea .RightCons2 dd ul li a:visited {color: #000000; text-decoration:none;}
		#LowRightArea .RightCons2 dd ul li a:hover   {color: #9c0a44; text-decoration:none;}




/*--------------------------------------------------------*/
/*ライトバナー*/
#LowRightArea .RightBnr ul {
	padding-bottom:5px;
}

#LowRightArea .RightBnr ul li {
	background-color: #f4f6ed;
	border-style:solid;
	border-width: 1px;
	border-color: #999999;
	margin-bottom:10px;
	padding:1px;
}

#LowRightArea .RightBnr ul li a {
	display:block;
	background-image:url(../../image/common/bg_bnr01.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding:15px 10px 15px 28px;
	font-weight:bold;
	font-size: 113%;
}

#LowRightArea .RightBnr ul li a:link,
#LowRightArea .RightBnr ul li a:visited  {color: #000000; text-decoration:none;}
#LowRightArea .RightBnr ul li a:hover    {color: #000000; text-decoration:none;background-image:url(../../image/common/bg_bnr01_o.png);}



/*パンクズ*/
#Pankuzu {
	width: 1050px;
	margin:0px auto;
	background-color: #333333;
	clear:both;
}
#Pankuzu .Left {
	width: 720px;
	float:left;
	padding:8px 10px;
}

		#Pankuzu .Left ul li {
			display: inline-block;
			zoom: 1;
			*display: inline;
			before: " > ";
			max-width:730px;
			color:#ffffff;
		}
		#Pankuzu .Left ul li:before {
			content: " > ";
		}
		#Pankuzu .Left ul li:first-child {
			before: ;
		}
		#Pankuzu .Left ul li:first-child:before {
			content: none;
		}
		#Pankuzu .Left ul li a:link	   {color: #ffffff;}
		#Pankuzu .Left ul li a:visited {color: #cccccc;}
		#Pankuzu .Left ul li a:hover   {color: #ffffff; text-decoration:none;}


#Pankuzu .Right {
	width: 290px;
	float:right;
	padding:5px;
	text-align:right;
}
#Pankuzu .Right input[type="text"] {
	border:none;
	outline: solid 1px #333333;
	padding: 5px;
	font-size: 100%;
	display: inline-block;
	width:13em;
	max-width:278px;
}
#Pankuzu .Right input[type="submit"] {
	background-image:url(../../image/common/icon_search.png);
	background-position: 5px center;
	background-repeat:no-repeat;
	background-color:#384959;
	border:solid 1px #b8bfa3;
	padding: 3px 5px 3px 25px;
	font-size: 100%;
	color:#ffffff;
	display: inline-block;
	margin-left:4px;
	cursor:pointer;
}
#Pankuzu .Right input[type="submit"]:hover {
	background-color:#593842;
}



/*ジャンルページ カテゴリタイトル*/
#GenreTitle {
	width: 1050px;
	margin: 0px auto 20px auto;
	background-color:#eeeeee;
}

#GenreTitle .Left {
	width:560px;
	float:left;
}
#GenreTitle .TitleBox {
	font-size: 30px;
	font-weight:normal;
	padding: 15px 10px;
}
#GenreTitle .Left.TitleBox {
	padding: 0px 10px;
}

		#GenreTitle .TitleBox h1 {
			display:inline;
		}
		
		#GenreTitle .TitleBox span:first-letter {
			background-color:#384959;
			color:#ffffff;
			font-size:50px;
			padding:3px 6px;
			display:inline-block;
			font-weight:normal;
			margin-right:3px;
		}
		
		#GenreTitle .TitleBox span {
			display: inline-block;
			vertical-align: middle;
			font-weight:bold;
		}
		#GenreTitle .TitleBox:before {
			content: '';
			display: inline-block;
			height: 100%;
			vertical-align: middle;
		}

#GenreTitle .Right {
	width:445px;
	float:right;
	min-height: 100px;
}


/**************************************************************************************************
LayoutBox01
**************************************************************************************************/

.LayoutBox01 {
	margin-bottom:15px;
}

.LayoutBox01 h2.Title {
	margin-bottom:0px;
}

.LayoutBox01 .Area {
	border-style:solid;
	border-width: 0px 1px 1px 1px;
	border-color:#999999;
	padding: 8px 14px 6px 14px;
}


/*--------------------------------------------------------*/
/*ジャンルページのピックアップ表示*/
.LayoutBox01 .Area.PickUp {
	border-width: 1px;
	padding: 14px 14px 4px 4px;
}

.LayoutBox01 .Area.PickUp a {
	width:193px;
	float:left;
	margin: 0px 0px 10px 10px;
	display:block;
	background-image: url(../../image/common/icon_pickup.png);
	background-position: 6px center;
	background-repeat: no-repeat;
	padding: 15px 10px 15px 40px;
	font-weight:bold;
}

.LayoutBox01 .Area.PickUp a:link,
.LayoutBox01 .Area.PickUp a:visited  { background-color: #eeeeee; color: #000000; text-decoration:none;}
.LayoutBox01 .Area.PickUp a:hover    { background-color: #e8ecdb; color: #000000; text-decoration:none;}


/*--------------------------------------------------------*/
/*ジャンルページのカテゴリ表示*/
.LayoutBox01 .Area.Cons {
	border-width: 1px;
	padding: 14px 14px 0px 14px;
}

.LayoutBox01 .Area.Cons dl {
	margin-bottom:14px;
}

.LayoutBox01 .Area.Cons dl dt {
	background-image:url(../../image/common/icon_folder01.png);
	background-position:left center;
	background-repeat:no-repeat;
	border-bottom: solid 2px #384959;
	font-weight:bold;
	font-size: 113%;
	padding: 0px 0px 5px 30px;
}
.LayoutBox01 .Area.Cons dl dd {
	background-color:#eeeeee;
	margin-left: 30px;
	padding:10px 0px 5px 15px;
}
.LayoutBox01 .Area.Cons dl dd ul li {
	background-image:url(../../image/common/icon_content02.png);
	background-position:left 0.2em;
	background-repeat:no-repeat;
	padding-left:25px;
	margin-right:20px;
	width:307px;
	float:left;
	margin-bottom:5px;
}
.LayoutBox01 .Area.Cons dl dd ul li.Folder {
	background-image:url(../../image/common/icon_folder02.png);
	background-position:left 0.3em;
	background-repeat:no-repeat;
}


/*--------------------------------------------------------*/
/*ジャンルページのコンテンツ表示*/

.LayoutBox01 .Area.Page {
	border-width: 1px;
	padding: 14px 14px 6px 14px;
}

.LayoutBox01 .Area.Page ul li {
	background-image:url(../../image/common/icon_content01.png);
	background-position:left 0.2em;
	background-repeat:no-repeat;
	padding : 2px 0px 2px 25px;
	margin-bottom:8px;
	font-size: 113%;
}

.LayoutBox01 .Area.Page ul li.Folder {
	background-image:url(../../image/common/icon_folder01.png);
	background-position:left 0.2em;
	background-repeat:no-repeat;
	padding : 2px 0px 2px 25px;
	margin-bottom:8px;
	font-size: 113%;
}



/**************************************************************************************************
LayoutBox02
**************************************************************************************************/

.LayoutBox02 {
	background-color: #e8ecdb;
	margin-bottom:20px;
}
.LayoutBox02 h2 {
	font-size: 138%;
	margin-bottom:5px;
}
.LayoutBox02 .Area {
	padding: 15px;
}



/**************************************************************************************************
Contents Common
**************************************************************************************************/

/*コンテンツエリア　ヘッダー・オプション部分*/

#ContentsOption {
	margin-bottom:10px;
}

#ContentsOption li {
	float:right;
	vertical-align:bottom;
	margin-left:20px;
}
#ContentsOption li.PrintModeOn {}
#ContentsOption li.PrintModeOff {display:none;}
#ContentsOption li.PrintPlay {display:none;}

#ContentsOption li.Tw iframe.twitter-share-button {
  width: 110px !important;
}
#ContentsOption li.Fb iframe {
	border:none;
	overflow:hidden;
	width:110px;
	height:20px;
}


#ContentsOption li a.PrintBtn {
	display: inline-block;
	display: -moz-inline-box;
	zoom: 1;
	*display: inline;
	background-color: #1e4db3;
	color: #ffffff;
	padding: 10px 12px 10px 45px;
	background-image: url(../../image/common/icon_print.png);
	background-position: 10px center;
	border-radius: 4px;
	background-repeat: no-repeat;
}
#ContentsOption li a.PrintBtn.Disp {
	background-image: url(../../image/common/icon_disp.png);
	background-position: 10px center;
	background-repeat: no-repeat;
}

#ContentsOption li a.PrintBtn:link,
#ContentsOption li a.PrintBtn:visited {
	color: #ffffff;
	text-decoration: none;
	background-color:#1e4db3;
}
#ContentsOption li a.PrintBtn:hover {
	color: #ffffff;
	text-decoration: none;
	background-color:#9c0a44;
}



/*自動でタグに効果が出るコンテンツエリア*/
.ContentsArea {
	line-height: 1.2;
	margin-bottom:60px;
}

.ContentsArea.TableAuto table,
.ContentsArea.TableAuto caption,
.ContentsArea.TableAuto tbody,
.ContentsArea.TableAuto tfoot,
.ContentsArea.TableAuto thead,
.ContentsArea.TableAuto tr,
.ContentsArea.TableAuto th,
.ContentsArea.TableAuto td {
	outline: 0;
	border-collapse: collapse;
	border-spacing: 0;
}
/*基本テーブルスタイル*/
.ContentsArea.TableAuto table caption{
	margin-top:0.5em;
	margin-bottom:0.5em;
}
.ContentsArea.TableAuto table th {
	padding:4px 5px;
	border-width: 1px;
	border-style:solid;
	vertical-align: middle;
	background: #e8ecdb;
}
.ContentsArea.TableAuto table td {
	padding:4px 5px;
	border-width: 1px;
	border-style:solid;
	vertical-align: middle;
}

/*枠線なしテーブルスタイル（class1）*/
.ContentsArea.TableAuto table.class1,
.ContentsArea.TableAuto table.class1 tr,
.ContentsArea.TableAuto table.class1 td,
.ContentsArea.TableAuto table.class1 th {
	border:none;
}

/*コンテンツインフォメーションエリア*/
.ContentsInfoArea,
.ContentsInqArea,
.ContentsQuesArea {
	clear:both;
}


.ContentsInfoArea div.Title,
.ContentsInqArea div.Title,
.ContentsQuesArea div.Title {
	border: solid 1px #384959;
	padding:3px;
	margin-bottom:1em;
}
.ContentsInfoArea div.Title h2,
.ContentsInqArea div.Title h2,
.ContentsQuesArea div.Title h2 {
	background:#384959;
	color:#ffffff;
	padding:5px;
}
.ContentsInfoArea div.Title p,
.ContentsInqArea div.Title p {
	background:#e8ecdb;
	padding:10px;
	margin-bottom:0px !important;
}

.ContentsInfoArea ul {
	margin:0px 0px 1em 10px;
}

.ContentsInfoArea ul li {
	background-image:url(../../image/common/arrow_red_r.png);
	background-position: left 0.7em;
	background-repeat:no-repeat;
	padding:4px 4px 4px 16px;
}

.ContentsInfoArea div.Map {
	border: solid 1px #999999;
	margin-bottom:15px;
}

.ContentsQuesArea div.Title legend {
	display: block;
	width: 1032px;
	background:#e8ecdb;
	padding:5px;
	font-weight:bold;
}

.ContentsQuesArea div.Title ul {
	padding:10px;
	margin-bottom:0px !important;
}
.ContentsQuesArea div.Title ul li {
	display:inline-block;
	margin-right: 2em;
}

.ContentsQuesArea div.Title div {
	border-top: solid 1px #cccccc;
	padding: 5px 0px;
	text-align:center;
	background-color: #eeeeee;
}


/**************************************************************************************************
Common Parts
**************************************************************************************************/


/*新着情報タブ切り替え*/
.NewsTab {
	border-style:solid;
	border-width: 1px 1px 0px 1px;
	border-color: #999999;
}
.NewsTab ul {
	position:relative;
	height: 3em;
}
.NewsTab ul li {
	width:389px;
	float: left;
}
.NewsTab ul li:nth-child(1) {
	position:absolute;
	left: 0px;
	top: 0px;
}
.NewsTab ul li:nth-child(2) {
	position:absolute;
	left: 389px;
	top: 0px;
}


.NewsTab ul li a {
	display:block;
	background-color:#384959;
	padding:10px 5px;
	text-align:center;
	font-size:138%;
	font-weight:bold;
}

.NewsTab ul li a:link	  {background-color:#e8ecdb;color: #404826;text-decoration: none;}
.NewsTab ul li a:visited {background-color:#e8ecdb;color: #404826;text-decoration: none;}
.NewsTab ul li a:hover 	{background-color:#384959;color: #ffffff;text-decoration: none;}

.NewsTab ul li.TabSelect a:link	  {background-color:#384959;color: #ffffff;text-decoration: none;}
.NewsTab ul li.TabSelect a:visited {background-color:#384959;color: #ffffff;text-decoration: none;}
.NewsTab ul li.TabSelect a:hover 	{background-color:#384959;color: #ffffff;text-decoration: none;}

.TabContent .Area {
	border-bottom: 0px;
}


/*新着情報*/
.List_News li {
	border-top: solid 1px #ddd;
	padding: 12px 5px 12px 20px;
	background-image: url(../../image/common/arrow_rb.png);
	background-position: left 1em;
	background-repeat: no-repeat;
}
.List_News li:first-child {
	border-top: none;
}


/*新着情報 日付有り*/
.List_DayNews dl:after {
	display : block;
	clear : both;
	height : 0;
	visibility : hidden;
	content : ".";
	line-height : 0;
}
.List_DayNews dl {
	display : inline-table;
	min-height : 1%;
}
/* FOR MAC IE \*/
* html .List_DayNews dl {
	height : 1%;
}
.List_DayNews dl {
	display : block;
	border-top: solid 1px #ddd;
	padding: 6px 0px 6px 0px;
}
.List_DayNews dl:first-child {
	border-top: none;
	padding: 0px 0px 6px 0px;
}

.List_DayNews dl dt {
	background-image: url(../../image/common/arrow_rb.png);
	background-position: left 0.6em;
	background-repeat: no-repeat;
	padding: 6px 0px 6px 20px;
	float:left;
	width:120px;
	word-wrap: break-word;
	}

.List_DayNews dl dd {
	padding: 6px 5px 6px 0px;
	float:right;
	width:600px;
	}


/*新着情報一覧*/
.NewsAll {
	background-color: #eeeeee;
	border-style:solid;
	border-width: 0px 1px 1px 1px;
	border-color: #999999;
	padding:5px;
}


/*Newアイコン*/
.New {
	border-radius:3px;
	border-style:solid;
	border-width:1px;
	display: inline-block;
	display: -moz-inline-box;
	zoom: 1; *display: inline;
	font-size: 82%;
	padding: 0px 4px;
	margin-left:10px;
	border-color:#cc0000;
	color:#cc0000;
	font-weight:bold;
	height:1.2em;
}



/**************************************************************************************************
市長の部屋
**************************************************************************************************/

.Mayor_Greeting {
	margin-bottom:20px;
}

.Mayor_Greeting dl dt {
	width:220px;
	float:left;
}
.Mayor_Greeting dl dd {
	width:530px;
	float:right;
}
.Mayor_Greeting dl dd h2 {
	color:#0d4d89;
	font-size:175%;
	font-weight:normal;
	border-bottom: solid 1px #384959;
	padding-bottom:10px;
	margin-bottom:15px;
}

/**************************************************************************************************
地域情報
**************************************************************************************************/

.Chiiki_Mainimage {
	border: solid 1px #999999;
	padding: 1px;
	margin-bottom:20px;
}

/**************************************************************************************************
市外向け情報 津ぅrip
**************************************************************************************************/

.Tsurip_Mainimage {
	margin: 20px 0px;
}

.Tsurip_Mainimage li {
	float:left;
}

/**************************************************************************************************
動画チャンネル
**************************************************************************************************/

.Movie_Player {
	border: solid 6px #384959;
	padding:1px;
}
.Movie_Title {
	border: solid 1px #384959;
	padding:10px;
	background-color: #eeeeee;
	font-size: 125%;
	font-weight:bold;
	margin-bottom:30px;
}
.Movie_Title span {
	display:block;
	border-left: solid 8px #384959;
	padding-left:5px;
}


.Movie_List {
	height: 500px;
	overflow-y: scroll;
	margin-bottom:20px;
}
.Movie_List.chTop {
	height: auto;
	overflow: auto;
	margin-bottom:20px;
}
.Movie_List dl {
	width: 230px;
	float: left;
	margin: 0px 24px 30px 0px;
}
.Movie_List dt {
	margin-bottom:5px;
}
.Movie_List dt img {
	width: 228px;
	border: solid 1px #999999;
}

.Movie_List dt.CatLink {
	padding: 5px;
	background-color: #e8ecdb;
	font-weight:bold;
}

.Movie_List dl:nth-child(3n+1) {
	clear:both;
}


/**************************************************************************************************
トップページ
**************************************************************************************************/

#TopLeftArea .NewsTab ul {
	position:relative;
	height: 3em;
}
#TopLeftArea .NewsTab ul li {
	width:210px !important;
}
#TopLeftArea .NewsTab ul li:nth-child(1) {
	position:absolute;
	left: 0px;
	top: 0px;
}
#TopLeftArea .NewsTab ul li:nth-child(2) {
	position:absolute;
	left: 210px !important;
	top: 0px;
}
#TopLeftArea .NewsTab ul li:nth-child(3) {
	position:absolute;
	left: 420px !important;
	top: 0px;
}



#TopLeftArea .NewsTab li a:link,
#TopLeftArea .NewsTab li a:visited,
#TopLeftArea .NewsTab li.TabSelect a:link,
#TopLeftArea .NewsTab li.TabSelect a:visited {border-style: solid; border-width: 0px 1px; border-color: #78805e #78805e #78805e #ffffff;}
#TopLeftArea .NewsTab li a:hover,
#TopLeftArea .NewsTab li.TabSelect a:hover   {border-style: solid; border-width: 0px 0px; border-color: #78805e #78805e #78805e #ffffff;}

#TopLeftArea .NewsTab li:first-child a:link,
#TopLeftArea .NewsTab li:first-child a:visited,
#TopLeftArea .NewsTab li:first-child.TabSelect a:link,
#TopLeftArea .NewsTab li:first-child.TabSelect a:visited,
#TopLeftArea .NewsTab li:first-child a:hover {border-width: 0px 1px 0px 0px;}

#TopLeftArea .NewsTab li:last-child a:link,
#TopLeftArea .NewsTab li:last-child a:visited,
#TopLeftArea .NewsTab li:last-child.TabSelect a:link,
#TopLeftArea .NewsTab li:last-child.TabSelect a:visited,
#TopLeftArea .NewsTab li:last-child a:hover {border-width: 0px 0px 0px 1px;}


.LayoutBox01 .AreaTop {
	border-style:solid;
	border-width: 1px;
	border-color:#999999;
	padding: 10px 15px;
}

.LayoutBox01 .AreaTop h2 {
	font-size: 125%;
	margin-bottom:8px;
}

.LayoutBox01 .AreaTop h2.AddIcon {
	text-indent: -28px;
	padding-left: 28px;
}
.LayoutBox01 .AreaTop h2.AddIcon img {
	display:inline-block;
	vertical-align: text-top;
	margin : 0px 4px 0px 0px;
}


/*フッター（toppage）*/
#Footer.TopFooter .Left {
	float: none;
	width: 1050px;
}
#Footer.TopFooter .Left dl dt {
	float:left;
	width:792px;
}


/*メインナビゲーション*/
#TopMenu {
	width: 1050px;
	margin: 0px auto;
}
#TopMenu .Left {
	width: 663px;
	float:left;
}

#TopMenu .Left ul li {
	width: 220px;
	float:left;
	margin: 0px 1px 1px 0px;
}


#TopMenu .Right {
	width: 383px;
	float:right;
}
#TopMenu .Right .Visual {
	height:420px;
	overflow:hidden;
}
#TopMenu .Right .Visual img{
	max-width:383px;
	height:auto;
}
#TopMenu .Right .MainSlideBnr {
	margin-top: 1px;
}


/*緊急情報*/
.TopSaigai {
	background-color: #ead2cc;
	padding: 14px;
	margin: 20px 0px;
}
.TopSaigai h2 {
	width:500px;
	font-size: 125%;
	margin-bottom:2px !important;
	float:left;
	color: #7b0a22;
}
		.TopSaigai h2.AddIcon img {
			display:inline-block;
			vertical-align: text-top;
			margin : 0px 4px 0px 0px;
		}

.TopSaigai p {
	width:500px;
	text-align:right;
	margin-bottom:2px !important;
	float:right;
}

.TopSaigai .Area {
	clear:both;
	background-color: #f9edea;
	padding:10px 10px 0px 10px;
}
.TopSaigai .Area p {
	width: auto;
	text-align: left;
	margin-bottom:0px !important;
	padding-bottom:10px;
	float: none;
}

.TopSaigai .List_DayNews dl dt {
	background-image: none;
	width:120px;
	padding-left:0px;
	}

.TopSaigai .List_DayNews dl dd {
	width:860px;
	}







/*人生の出来事（toppage）*/
.LayoutBox01 .AreaTop .Life {
	margin: -10px 0px 0px -15px;
}

.LayoutBox01 .AreaTop .Life li {
	width: 190px;
	float:left;
	margin: 10px 0px 0px 15px;
}


/*地域情報（toppage）*/
.LayoutBox01 .AreaTop .TopMap .Left {
	width: 421px;
	float:left;
}

.LayoutBox01 .AreaTop .TopMap .Left ul {
	/*margin: -5px 0px 0px -15px;*/
	margin: -5px 0px 0px -10px;
}

.LayoutBox01 .AreaTop .TopMap .Left ul li {
	/*width: 177px;
	margin: 5px 0px 0px 15px;*/
	width: 133px;
	margin: 5px 0px 0px 10px;
	float:left;
}


.LayoutBox01 .AreaTop .TopMap .Right {
	/*width: 218px;*/
	width: 170px;
	float:right;
}

/*市長の部屋*/
.LayoutBox01 .AreaTop .Mayor dt {
	width: 132px;
	float:left;
}
.LayoutBox01 .AreaTop .Mayor dt img {
	border: solid 1px #999999;
}

.LayoutBox01 .AreaTop .Mayor dd {
	width: 200px;
	float:right;
}
.LayoutBox01 .AreaTop .Mayor dd ul li {
	margin-bottom:5px;
}



/*津市議会*/
.LayoutBox01 .AreaTop .Council {
	display:block;
	text-decoration:none;
	background-image:url(../../image/toppage/top_council.png);
	background-position:left center;
	background-repeat:no-repeat;
}

.LayoutBox01 .AreaTop .Council:link,
.LayoutBox01 .AreaTop .Council:visited,
.LayoutBox01 .AreaTop .Council:hover {
	color: #000000;
}
.LayoutBox01 .AreaTop .Council span.Right {
	float: right;
	width: 280px;
	background-image:url(../../image/toppage/top_council_arrow.png);
	background-position:right center;
	background-repeat:no-repeat;
}
.LayoutBox01 .AreaTop .Council:hover span.Right {
	background-image:url(../../image/toppage/top_council_arrow_o.png);
	background-position:right center;
	background-repeat:no-repeat;
}
		.LayoutBox01 .AreaTop .Council span strong {
			display: inline-block;
			vertical-align: middle;
			font-weight:bold;
			font-size:175%;
			font-weight:normal;
		}
		.LayoutBox01 .AreaTop .Council span strong .council_eng {
			font-weight:normal;
			font-size:60%;
		}
		.LayoutBox01 .AreaTop .Council span:before {
			content: '';
			display: inline-block;
			height: 100%;
			vertical-align: middle;
		}

/*津市の出来事（toppage）*/
.LayoutBox01 .AreaTop .Dekigoto dt {
	width: 152px;
	float:left;
}
.LayoutBox01 .AreaTop .Dekigoto dt img {
	border: solid 1px #999999;
}
.LayoutBox01 .AreaTop .Dekigoto dd {
	width: 180px;
	float:right;
}


/*広報*/
.LayoutBox01 .AreaTop .KohoTsu dt {
	width: 82px;
	float:left;
}
.LayoutBox01 .AreaTop .KohoTsu dt img {
	border: solid 1px #999999;
}
.LayoutBox01 .AreaTop .KohoTsu dd {
	width: 250px;
	float:right;
}
.LayoutBox01 .AreaTop .KohoTsu dd ul li {
	margin-top:5px;
}
.LayoutBox01 .AreaTop .KohoTsu dd ul li:first-child {
	margin-top:0px;
}

/*津市について*/
.LayoutBox01 .AreaTop .About {}
.LayoutBox01 .AreaTop .About dd {
	width: 160px;
	float:left;
}
.LayoutBox01 .AreaTop .About dd h3 {
	background-color: #eeeeee;
	padding:3px 5px;
	margin-bottom:5px;
}
.LayoutBox01 .AreaTop .About dd div {
	clear:both;
}
.LayoutBox01 .AreaTop .About dd div strong  {
	width: 3.5em;
	float: left;
	margin-right:1em;
}
.LayoutBox01 .AreaTop .About dd div span  {
	float: left;
}
.LayoutBox01 .AreaTop .About dt {
	width: 180px;
	float:right;
}


/*Life Guide*/
.LayoutBox01 .AreaTop .LifeGuide {
	margin: -5px 0px 0px 0px;
}
.LayoutBox01 .AreaTop .LifeGuide li {
	width: 170px;
	float:left;
	margin: 5px 16px 0px 0px;
}


/*トップページバナー*/
.TopBnrList {
	margin-bottom: 40px;
}
.TopBnrList ul {
	margin-left: -20px;
}
.TopBnrList ul li {
	width: 194px;
	float:left;
	margin: 0px 0px 10px 20px;
}


/*広告表示欄*/
.AdBnrList {
	background-color: #eeeeee;
	padding: 14px 17px;
	margin-top: 40px;
}
.AdBnrList h2 {
	width:500px;
	font-size: 125%;
	margin-bottom:6px;
	float:left;
}
.AdBnrList p {
	width:500px;
	text-align:right;
	margin-bottom:6px;
	float:right;
}
.AdBnrList ul {
	clear:both;
	margin-left: -8px;
}
.AdBnrList ul li {
	width: 120px;
	float:left;
	margin: 0px 0px 0px 8px;
}


/***************************************
  サイトマップ・窓口案内
***************************************/
#LowArea {
	width:1050px;
}

/* sitemap */
.switch {
	margin-bottom: 0.63em;
}

#left-category {
	width: 520px;
	float: left;
}

#right-category {
	width: 520px;
	float: right;
}

.category {
	border: 1px solid #e8ecdb;
	margin-top: 10px;
}

.category h2 {
	padding: 0.25em 0.13em 0.13em 0.25em;
	border-bottom: 1px solid #e8ecdb;
	background-color: #e8ecdb;
	color: #000000;
	font-weight: bold;
}

.category li {
	line-height: 150%;
	padding-left: 1.25em;
}

.level0 {
	margin: 0.31em;
}


/* window */
#section_outline {
	margin-top:10px ;
}

#address {
	display:table-cell;
	width: 30%;
	margin-right:10px;
	float:left;
	border: solid 1px #9ba4ac;
}

#contact {
	display:table-cell;
}
#contact li{
	 display: inline-block;
}
#contact li::after{
	 content: " | ";
}
#contact li:last-child::after{
	 content: none;
}

.section {
	clear:both;
}
.section .level2 {
	margin-left: 0.3em;
}
.section .level3 {
	margin-left: 1.0em;
}
.section .level4 {
	margin-left: 1.7em;
}
.section .level5 {
	margin-left: 2.4em;
}
.section h2 {
	background-color:#e8ecdb;
	border: solid 1px #9ba4ac;
	font-size:138%;
	text-indent:-0.0em;
	margin-top:1.2em;
}
.section table {
	border:  solid 1px #9ba4ac;
}
.section th {
	background-color:#e8ecdb;
}
.section td,
.section th {
	border:  solid 1px #9ba4ac;
}

/***************************************
  検索結果（レスポンシブ）
***************************************/
#SpHeader,
#SpFooter {
	display:none;
}
.page-change {
	padding:1em 10px 0.5em 10px;
}

#SeachList {
	margin:1em 0 0 0;
	padding:0;
	border-bottom:1px dotted #999;
	list-style-type:none;
}
#SeachList li {
	margin:0;
	padding:1.2em 2em;
	border-top:1px dotted #999;
}
#SeachList h2{
	font-weight:bold;
	font-size:1.2em;
}
#Main #SeachList p{
	margin:0.3em 0 0 0;
}

#focus-search {
	margin:0;
	padding:10px;
}
#focus-search input{
	padding:4px;
}
#focus-search select{
	padding:2px;
}
#focus-search dl{
	overflow:hidden;
	margin:0;
	padding:0;
}
#focus-search dt{
	clear:both;
	float:left;
	width:6em;
	margin:0;
	padding:3px;
	font-weight:bold;
}
#focus-search dd{
	float:left;
	margin:0;
	padding:4px;
}
#focus-search .more{
	margin:0;
	padding:0.8em 0 0 6.6em;
}
#focus-search .more input{
	font-size:1.1em;
}
#focus-search .more a{
	font-weight:bold;
	font-size:1.1em;
	padding-left:10px;
}