@charset "utf-8";

/* ---------- Element ---------- */
* {
	margin : 0;
	padding : 0;
/*
	border : 0; 
*/
	line-height : 160%;
}

/*	Yahoo UI Library Fonts CSS
	http://developer.yahoo.com/yui/fonts/
	*Copyright (c) 2006, Yahoo! Inc. All rights reserved.
	*http://developer.yahoo.com/yui/license.txt

	PX	%
	10 	 77
	11 	85
	12 	93 (was 93)
	13 	100
	14 	108 (was 107)
	15 	116 (was 114)
	16 	123.1 (was 122)
	17 	131 (was 129)
	18 	138.5 (was 136)
	19 	146.5 (was 144)
	20 	153.9 (was 152)
	21 	161.6 (was 159)
	22 	167
	23 	174
	24 	182
	25 	189
	26 	197 

*/

.fixpng {
	behavior: expression(IEPNGFIX.fix(this));
}

body {
	font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}table {font-size:inherit;font:100%;}pre,code,kbd,samp,tt{font-family:monospace;*font-size:123.1%;line-height:110%; 
	text-align : center;
}

/*
a {
	text-decoration : none;
}
*/

/*
input.border, textarea.border {
	border : 1px solid #B3B3B3;
}
*/
input {
	line-height : 110%;
	padding : 2px;
}

img {
	 border : 0;
}

address {
	font-style : normal;
}

/* ---------- Layout ---------- */
/* ----- Common ----- */
.Containerbox {
	margin : 0 auto 0 auto;
	width : 96%;
	min-width : 960px;
	text-align : left;
}

#MainArea {
	margin : 0;
	padding : 0;
}

#main {
	width:100%;
	float:right;
	margin-left:-160px;
}

#footer {
	margin : 10px 0 20px 0;
	width : 100%;
	clear : left;
}

/* ----- 3(three) Column ----- */

#th-wrapper {
	margin : 0 -250px 0 0px;
	float : left;
	width : 100%;
}

#th-main-contents {
	margin-left : 180px;
	margin-right : 270px;
}

#th-left {
	width : 160px;
/*
	float : right;
*/
	float : left;
	background-color : #F8F8D9;
}

#th-right {
	width : 230px;
	padding : 8px;
/*
	float : left;
*/
	float : right;
	border-style : solid;
	border-width : 1px;
	border-color : #B3B3B3;	
}

/* ----- 2(two) Column ----- */

#tw-wrapper {
	margin : 0 0 0 0px;
	float : left;
	width : 100%;
}

#tw-main-contents {
	margin-left : 180px;
}

#tw-left {
	width : 160px;
	float : left;
	margin-left: 2px;
}


/* ---------- Original ID/Class ---------- */
/* ----- Common ----- */
div#th-left li, div#event li, div#entry-list li, div#tw-left li, div#section-new-list li, div#case-list li, .sitemap li {
	padding-left : 1.5em;
    background: url(/share/image/icon_list_dot_gray.gif) no-repeat 0.55em 0.55em;
    list-style: none;
}

/* ----- Header -----*/
#siteid {
	height: 100px;
	background-image : url(/share/image/header_bg.jpg);
}

#siteid-sub {
	height: 51px;
	background-image : url(/share/image/header_sub_bg.gif);
}

#header h1 {
	float : left;
}

#header-image {
	height : 100px;
	background-image : url(/share/image/header_index_bg.jpg);
	background-position : right;
	background-repeat:no-repeat;
}

#header-image-sub {
	height : 51px;
	background-image : url(/share/image/header_sub_bg.jpg);
}

#header-menu {
	width : 100%;
	height : 35px;
	float : left;
	background-image : url(/share/image/bg_navigation.gif);
}

#navigation {
	float : left;
}

div#navigation li {
	margin : 7px 0 0 5px;
	padding : 0 15px 0 15px;
	float : left;
	background-image:url(/share/image/icon_menu_arrow.gif);
	background-position:0 3px;
	background-repeat:no-repeat;
	list-style:none;
}

#utility1 {
	float : right;
	margin : 5px 0 0 0;
}

#utility1 li {
	float : left;
	margin : 0 5px 0 0;
	list-style : none;
}

#subheader {
	clear : both;
}

#breadcrumbs {
	margin : 5px 0 5px 0;	
	float : left;
	width:100%;
}

div#breadcrumbs li {
	margin : 0 10px 0 0;
	padding : 0 20px 0 0;
	float : left;
	background-image : url(/share/image/icon_breadcrumbs_arrow.gif);
	background-position : right;
	background-repeat : no-repeat;
	list-style : none;
}

#utility2 {
	margin : 5px 0 10px 0;	
	float : right;
}

div#utility2 li {
	margin : 0 10px 0 0;
	float : left;
	list-style : none;
}


/* ----- Main - Common ----- */
#section-index-title, #section-title, #case-index-title {
	margin : 0 0 0.5em 0;
	padding : 9px 0 9px 15px;
	font-size : 123.1%;
	background-image : url(/share/image/bg_title.gif);	
	border-style : solid;
	border-width : 1px;
	border-color : #B3B3B3;
}

#dept-list {
	padding-bottom: 1em;
}

#dept-list-title {
	width : 100%;
	color : #FA7019;
	text-align : left;
	font-weight : bold;
	border-bottom : 1px solid #B3B3B3;
	font-size : 108%;
}

.dept-link {
	text-align:right;
	line-height: 110%;
	margin : -5px 0 0 0;
}

/* ----- Main - Top ----- */
.list-title {
	width : 100%;
	height : 27px;
	background-image : url(/share/image/bg_list_title.gif);	
}

.list-title h2 {
	padding : 0;
	height: 27px;
	float : left;
	font-size : 93%;
	font-weight : bold;
}

.list-title ul {
	background-image : url(/share/image/bg_list_title_right.gif);	
}

.list-title li {
	float : right;
	list-style : none;
}

.list-title span {
	float : right;
}

div#topics, div#new, div#shortcut {
	margin : 0 0 10px 0;
}

div#topics li, div#new li {
	margin : 5px 5px 0 0;
}

div#topics img, div#new img {
	margin : 0;
}

div#topics img.rss, div#new img.rss {
	margin : 4px 0 0 3px;
}

div#topics h2, div#new h2, div#shortcut h2 {
	background-repeat:no-repeat;
}

/*
div#topics h2 {
	background-image : url(/share/image/icon_menu_topics.gif);	
}
div#new h2{
	background-image : url(/share/image/icon_menu_new.gif);	
}
*/
div#shortcut h2{
	background-image : url(/share/image/icon_menu_shortcut.gif);	
}

div#entry-list {
	clear:both;
}

#case-title {
	width : 100%;
	margin : 0 0 5px 0;
	border-bottom : 1px solid #B3B3B3;
}

.case-set {
	padding : 5px 0 5px 0;
	width : 100%;
	border-bottom : 1px dotted #B3B3B3;
}

.case-main {
	float : left;
	margin : 0 10px 0 0;
}

/* ----- Main - Entry-Detail -----*/
#entry-title {
	margin : 0;
	padding : 9px 0 9px 15px;
	font-size : 146.5%;
	background-image : url(/share/image/bg_title.gif);	
	border-style : solid;
	border-width : 1px;
	border-color : #B3B3B3;
}
#entry-body {
	margin : 0 0 20px 0;
}

#entry-auther {
	margin : 2px 0 1em 0;
	border : 1px solid #B3B3B3;
	padding: 0 0 5px 0;
	clear:both;
}

div#entry-auther h4#entry-auther-title {
	height : 1.5em;
	padding : 0 0 0 4px;
	background-image : url(/share/image/bg_menu_orange.gif);	
	font-size : 93%;
	border-bottom : 1px solid #B3B3B3;
	border-left : 0px;
	margin: 0 0 5px 0;
}

div#entry-body div#entry-auther p {
	padding: 0 5px 0 10px;
	margin: 0px
}

div#entry-auther p.auther-name {
	font-weight : bold;
	margin: 0px
}

div#entry-body div#entry-vote {
	width : 218px;
	margin : 0 0 10px 0;
	padding : 4px;
	border : 1px solid #B3B3B3;
}

div#entry-body div#entry-vote h4 {
	padding : 4px;
	background-image : url(/share/image/bg_entry_vote.gif);	
	color : #359900;
	font-size : 93%;
	font-weight : bold;
	border : 1px solid #B3B3B3;
}


#entry-file, #entry-map, #entry-calender {
	margin : 2px 0 1em 0;
}
div#entry-body div#entry-file h3,
div#entry-body div#entry-map h3,
div#entry-body div#entry-calender h3 {
	margin : 2px 0 2px 0 ;
}



/* ----- Main - Entry-Detail - Entry-Body Reformat -----*/
div#entry-body table {
	border-collapse : collapse;	
	border: 1px #B3B3B3 solid;
	margin: 0 0 1em 0;
}

div#entry-body  p {
	margin : 0 0 0.5em 1em;
}

div#entry-body  li {
	margin : 0 0 0 2em;
}

div#entry-body blockquote {
	margin : 2em;
	font-style : italic;
}

div#entry-body table, div#entry-body th, div#entry-body td { 
	border: 1px #B3B3B3 solid;
}

div#entry-body table p { 
	margin: 0;
}

div#entry-body th, div#entry-body td {
	padding : 3px;
}

div#entry-body th {
	background-color : #F7F7F7;
}

div#entry-body h3 {
	font-size : 146.5%;
	margin : 0px 0 0.5em 0;
	color : #993300;
	border-left   : 5px solid #993300;
	border-bottom : 1px solid #B3B3B3;
	padding-left  : 5px;
	line-height : 140%;
}

div#entry-body h4 {
	font-size : 123.1%;
	margin : 0 0 0.5em 5px;
	border-left   : 5px solid #B3B3B3;
	border-bottom : 1px solid #B3B3B3;
	padding-left  : 5px;
}

div#entry-body h5 {
	font-size : 131%;
	margin : 0 0 0.5em 5px;
	padding: 0 0 0 5px;
	border-bottom : 1px solid #B3B3B3;
}

div#entry-body h6 {
	font-size : 100%;
	margin : 0 0 0.5em 10px;
	padding : 2px 0 2px 5px;
	background-color : #CCCCCC;
	border : 1px solid #B3B3B3;
}


div#entry-body ul li {
    background: url(/share/image/icon_list_dot_orange.gif) no-repeat 0.55em 0.55em;
    list-style: none;
	margin : 0;
	padding : 0 0 0 2em;
}

div#entry-body ul {
	margin: 0 0 1em 0;
}

div#entry-body div#entry-calender .calendar table {
	width : 200px;
	margin : 0 10px 1em 0;
	float : left;
}

.calendar th, .calendar td {
	text-align : center;
}

.sun {
	color : #FF0000;
}

.sat {
	color : #0000FF;
}

.open {
	background-color : #009900;
	color : #FFFFFF;
}

#gmaparea {
	border: 1px #B3B3B3 solid;
	width: 99%;
	height: 300px;
}

/* ----- Main - Section -----*/

div.section-table h3 {
	height : 18px;
	margin : 0 0 10px 0;
	padding : 0 0 0 10px;
	background-image : url(/share/image/bg_entry_title.gif);	
	font-size : 100%;
	border : 1px solid #B3B3B3;
}

.section-list-title {
	margin : 5px;
	padding : 3px;
	border : 1px solid #B3B3B3;
	font-size : 108%;
	font-weight : bold;
}

table.section-table {
	width : 100%;
	margin-bottom : 1em;
}

table.section-table td, table.section-table th {
	width : 33%
}

table.section-table caption {
	color : #FA7019;
	text-align : left;
	font-weight : bold;
	border-bottom : 1px solid #B3B3B3;
}

table.section-table td.dept, table.section-table th.dept {
	padding-left: 1em;
}

table.section-table td, table.section-table th {
	border-bottom : 1px dotted #B3B3B3;
}

table.section-table td.group, table.section-table th.group {
	padding-left: 2em;
}

div#section-main h3 {
/*
	width : 100%;
*/
	margin : 0 0 5px 0;
	border-bottom : 1px solid #B3B3B3;
}

#section-new-all {
	margin : 0 0 30px 0;
	text-align : right;
}

#section-image {
	margin : 0 0 30px 0;
}

div#section-main img {
	margin-left : 10px;
}

div#section-work-box h3 {
	height : 18px;
	margin : 10px 0 10px 0;
	padding : 0 0 0 10px;
	background-image : url(/share/image/bg_entry_title.gif);	
	font-size : 100%;
	border : 1px solid #B3B3B3;
}

#section-work {
	margin : 0 0 20px 0;
}

#section-work ul, ol {
	list-style-position: inside;
}


/* ----- Main - Case -----*/
div#case-index-title h2 {
	padding : 6px 0 0 15px;
	font-size : 123.1%;
}

div#case-list li {
	margin : 0 0 0 1em;
}

div#case-list h3 {
	height : 22px;
	margin : 10px 0 5px 0;
	padding : 2px 0 0 10px;
	background-image : url(/share/image/bg_entry_title.gif);	
	border : 1px solid #B3B3B3:
	font-size : 108%;
}

div#case-list h4 {
	height : 18px;
	margin : 10px 0 5px 0;
	padding : 0 0 0 10px;
	border : 1px solid #B3B3B3:
	font-size : 100%;
}

#case-list-title {
	height : 18px;
	margin : 10px 0 5px 0;
	padding : 0 0 0 10px;
	background-image : url(/share/image/bg_entry_title.gif);	
	font-size : 93%;
	border : 1px solid #B3B3B3:
}

div#case-list h3.case-list-title {
	height : 18px;
	margin : 10px 0 5px 0;
	padding : 0 0 0 10px;
	font-size : 93%;
	border : 1px solid #B3B3B3:
}

div h3#life {
	background-image : url(/share/image/bg_entry_title_life.gif);	
}

div h3#health {
	background-image : url(/share/image/bg_entry_title_health.gif);	
}

div h3#education {
	background-image : url(/share/image/bg_entry_title_education.gif);	
}

div h3#industry {
	background-image : url(/share/image/bg_entry_title_industry.gif);	
}

div h3#cityinfo {
	background-image : url(/share/image/bg_entry_title_cityinfo.gif);	
}

div h3#scene {
	background-image : url(/share/image/bg_entry_title_scene.gif);	
}

#case-title-life {
	height: 55px;
	margin : 0 0 10px 0;
	background-image : url(/share/image/menu_case_title_life.gif);
	text-indent: -1000px;
	border : 1px solid #B3B3B3:
}

#case-title-health {
	height: 55px;
	margin : 0 0 10px 0;
	text-indent: -1000px;
	background-image : url(/share/image/menu_case_title_health.gif);	
	border : 1px solid #B3B3B3:
}

#case-title-education {
	height: 55px;
	margin : 0 0 10px 0;
	background-image : url(/share/image/menu_case_title_education.gif);	
	text-indent: -1000px;
	height: 55px;
	border : 1px solid #B3B3B3:
}

#case-title-industry {
	height: 55px;
	margin : 0 0 10px 0;
	background-image : url(/share/image/menu_case_title_industry.gif);	
	text-indent: -1000px;
	border : 1px solid #B3B3B3:
}

#case-title-cityinfo {
	height: 55px;
	margin : 0 0 10px 0;
	background-image : url(/share/image/menu_case_title_cityinfo.gif);	
	text-indent: -1000px;
	border : 1px solid #B3B3B3:
}

#case-title-scene {
	height: 55px;
	margin : 0 0 10px 0;
	background-image : url(/share/image/menu_case_title_scene.gif);	
	text-indent: -1000px;
	border : 1px solid #B3B3B3:
}

#case-index-subtitle {
	height : 39px;
	margin : 0 0 20px 0;
	color : #FA7019;
	background-image : url(/share/image/icon_case_life.gif);
	background-repeat : no-repeat; 
	border-bottom : 1px solid #B3B3B3;
}
div#case-index-subtitle h2 {
	padding : 5px 0 0 45px;
	font-size : 123.1%;
}


/* ----- 3(three) Column Left -----*/
/*
div#th-left h2 {
	width : 150px;
	height : 21px;
	padding : 4px 0 0 10px;
	background-image : url(/share/image/bg_left_menu.gif);
	font-size : 93%;
}
*/

div#th-left ul {
	margin : 0 0 6px 0;
}


/* ----- 2(two) Column Left -----*/
#tw-left-menu {
	border-style:solid;
	border-width:1px;
	border-color:#B3B3B3;
}

div#tw-left-menu h2 {
	width : 148px;
	height : 21px;
	padding : 2px 0 0 10px;
	background-image : url(/share/image/bg_tw_left_menu.gif);	
	font-size : 93%;
	border-bottom : 1px solid #B3B3B3;
}

#relation-entry-title {
	height : 17px;
	margin : 10px 0 0 0px;
	padding : 0 0 0 4px;
	background-image : url(/share/image/bg_menu_orange.gif);	
	font-size : 93%;
	border : 1px solid #FFA81A;
}


/* ----- 3(three) Column Right -----*/
#event, #sightseeing, #sightseeing-guide, #ad {
	margin : 10px 0 0 0;
}

#event h2, #sightseeing h2, #sightseeing-guide h2 {
	margin : 0 0 10px 0;
}

#event-all {
	text-align : right;
}

#sightseeing-photo {
	width : 222px;
	padding : 4px;
	border : 1px solid #B3B3B3;
}

div#sidead li {
	list-style:none;
}

/* ----- SiteMap ----- */
.sitemap {
	float :left;
	width : 280px;
	margin : 0 10px 10px 0;
}
h3.sitemap-title {
	height : 18px;
	margin: 10px 0 10px 0;
	padding : 0 0 0 10px;
	background-image : url(/share/image/bg_entry_title.gif);	
	font-size : 93%;
	border : 1px solid #B3B3B3:
}
#maincol .sitemap h4 {
	font-size : 100%;
	border : none;
}


/* ----- Footer ----- */
#note {
	width : 100%;
	margin : 10px 0 0 0;
}

#note li {
	margin : 0 10px 5px 0;
	float : left;
	list-style : none;
}

#addres {
	padding : 5px 0 0 0;
	border-top : 1px solid #B3B3B3;
	clear : both;
}

#bottom-ad {
	margin : 15px 0 0 0;
}

#bottom-ad-title {
	width : 100%;
	margin : 0 0 5px 0;
	border-bottom : 1px solid #B3B3B3;
}

div#bottom-ad li {
	margin : 0 8px 0 0;
	float : left;
	list-style : none;
}

/* -- add class -- */
.update-date {
	text-align:right;
	line-height: 110%;
	margin : 2px 0 0 0;
}

/* ----- mayor room ----- */
#mayor-container-wrapper {
	float:right;
	margin-left:-165px;
	width:100%;
}
#mayor-container {
	margin-left:165px;
}
div#entry-body #mayor-container h3 {
	margin: 0 0 10px;
}
#mayor-sidebar {
	float:right;
	width:165px;
}


/* ----- 広報あわら ----- */
#koho-list-title {
	margin : 0;
	padding : 9px 0 9px 15px;
	font-size : 146.5%;
	background-image : url(/share/image/bg_title.gif);	
	border-style : solid;
	border-width : 1px;
	border-color : #B3B3B3;
}
#koho-list {
	margin : 20px 0 20px 0;
}

.koho-container-wrapper {
	float:right;
	margin-left:-140px;
	width:100%;
}
.koho-container {
	margin-left:140px;
}
div#koho-list .koho-container h3 {
	margin: 0 0 10px;
	border-bottom:1px solid #B3B3B3;
	color:#993300;
	font-size:146.5%;
}
.koho-sidebar {
	float:right;
	width:140px;
}