@charset "utf-8";
@import url(base.css);

/*--------------------------------------
  Layout Base Style Sheet
  Made by MASAKI http://www.ninemiles.net/
  2008-07-28

  - 共用ID, クラス
  - ページ毎の個別ID, クラス
  
  I.E7以下用設定は別途用意(ie.css)
  I.E8は当CSSで様子見
  
  2010-05-27 HTML5対応途中のため、nav, section等とdivの両指定中
---------------------------------------*/

/* 夜用サンプル
body {
	color: #fafafa;
	background-color: #3c3c41;
}
*/


/*****************************
           ブロック
 *****************************/

/* コンテンツ全体 */
#mainbox {
	position: relative;
	margin: -3px auto 0 auto;
	padding-bottom: 80px;
	width: 90%;
	border-top: 1px solid transparent;
}

/* トップメニューブロック */
nav,
div#topmenu {
	position: absolute;
	top: 0;
	right: 0;
}

/* 左メニューブロック */
div#leftmenu {
	position: absolute;
	top: 38px;
	left: 0;
	width: 180px;
	/*min-height: 650px;*/
}

/* 画像のリンクはボーダー無し */
div#leftmenu a {
	border-bottom-width: 0;
}

/* テキストリンクはボーダーあり */
div#leftmenu p a {
	border-bottom-width: 1px !important;
}

/* メインコンテンツブロック */
div#maincont {
	position: relative;
	margin-top: 35px;
	margin-left: 210px;
	border-right: 2px dotted #f0f0f0;
	min-height: 790px;
}

/* フッタブロック */
footer,
#footer {
	font-size: 70%;
	background-image: url(img/head_bg.jpg);
	background-position: 0px -65px;
	background-repeat: repeat-x;
	text-align: center;
	position: fixed;
	width: 100%;
	height: 60px;
	bottom: 0;
}



/*****************************
        トップメニュー
 *****************************/

nav ul,
#topmenu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

nav ul li,
#topmenu ul li {
	font-size: 70%;
	/*font-weight: bold;*/
	text-align: center;
	width: 100px;
	height: 20px;
	float: left;
	display: block;
	margin: 0;
	-moz-box-shadow: 1px 1px 2px #c0c0c0;
	-webkit-box-shadow: 1px 1px 2px #c0c0c0;
}

nav ul li a,
nav ul li.sel span,
#topmenu ul li a,
#topmenu ul li.sel span {
	display: block;
	background-image: url(img/menu/topmenu_bg.png);
	background-repeat: no-repeat;
	width: 100px;
	height: 15px;
	padding-top: 5px;
	border-bottom: 0 !important;
	text-shadow: #ffffff 0px 1px 0px;
}

nav ul li.m05 a,
nav ul li.m05.sel span,
#topmenu ul li.m05 a,
#topmenu ul li.m05.sel span {
	width: 101px;
}

/* メニュー各項目：初期状態 */
nav ul li.m01 a,
#topmenu ul li.m01 a {
	background-position: 0px 0px;
}

nav ul li.m02 a,
#topmenu ul li.m02 a {
	background-position: -100px 0px;
}

nav ul li.m03 a,
#topmenu ul li.m03 a {
	background-position: -200px 0px;
}

nav ul li.m04 a,
#topmenu ul li.m04 a {
	background-position: -300px 0px;
}

nav ul li.m05 a,
#topmenu ul li.m05 a {
	background-position: -400px 0px;
}

/*
#topmenu ul li.m06 a {
	background-position: -500px 0px;
	width: 101px;
}
*/

/* メニュー各項目：マウスオーバー時 */
nav ul li a:hover,
#topmenu ul li a:hover {
	background-position: 0px -20px;
	-moz-transform: scale(1.05);
	-webkit-transform: scale(1.05);
}

/*
nav ul li.m06 a:hover,
#topmenu ul li.m06 a:hover {
	background-position: -500px -20px;
}
*/

/* メニュー各項目：選択済み状態 */
nav ul li.m01.sel span,
#topmenu ul li.m01.sel span {
	background-position: 0px -20px;
}

nav ul li.m02.sel span,
#topmenu ul li.m02.sel span {
	background-position: 0px -20px;
}

nav ul li.m03.sel span,
#topmenu ul li.m03.sel span {
	background-position: 0px -20px;
}

nav ul li.m04.sel span,
#topmenu ul li.m04.sel span {
	background-position: 0px -20px;
}

/*
#topmenu ul li.m05.sel span {
	background-position: -400px -20px;
}
*/


/*****************************
        サイドメニュー
 *****************************/

/* 各タイトル */
h3.lmenu_title {
	background-repeat: no-repeat;
	text-indent: -2000px;
	width: 180px;
	height: 70px;
	margin-top: 15px;
}

/* 新着 */
h3.lmenu_title.news {
	margin-top: 0;
	background-image: url(img/menu/leftmenu_news.png);
}

/* 連絡 */
h3.lmenu_title.phone {
	margin-top: 0;
	background-image: url(img/menu/leftmenu_phone.png);
}
.phone a {
	display: block;
	 width: 180px;
	 height: 70px;
}
h3.lmenu_title.phone:hover {
	-moz-transform: translate(0, -1px);
	-webkit-transform: translate(0, -1px);
}

/* フリーツール */
h3.lmenu_title.ftool {
	background-image: url(img/menu/leftmenu_ftools.png);
}

/*
h3.lmenu_title.ftool.rakutencal {
	background-image: url(img/menu/leftmenu_ftools_on.png);
}

h3.lmenu_title.ftool.colors{
	background-image: url(img/menu/leftmenu_ftools_on.png);
}
*/


/* 新着リスト */
ul.newslist {
	list-style-type: none;
	font-size: 70%;
	line-height: 1.3;
	padding: 0;
	padding-bottom: 5px;
	margin: 8px 0 15px 8px;
}

ul.newslist li {
	margin-bottom: 1em;
}

/* 新着日付 */
div.ndate {
	font-size: 12px;
	background-image: url(img/ndate_bg.jpg);
	background-repeat: no-repeat;
	text-align: center;
	line-height: 1.4;
	margin-right: 5px;
	padding-top: 3px;
	width: 40px;
	height: 37px;
	float: left;
}
.ndate span {
	color: #ffffff;
	font-weight: bold;
}

/* ツールリスト */
ul.leftlist {
	list-style-type: none;
	font-size: 60%;
	padding: 0;
	margin-top: 8px;
	margin-left: 12px;
}

ul.leftlist li {
	margin: 0 0 15px;
}

ul.leftlist li:hover {
	-moz-transform: translate(0, -1px);
	-webkit-transform: translate(0, -1px);
}

/* タイトル下段落 */
div#leftmenu p {
	margin-top: 5px;
	margin-left: 12px;
	font-size: 80%;
	line-height: 1.2;
}



/*****************************
        共用ID, クラス
 *****************************/

/* ヘッダブロック */
header,
div#head {
	display: block;
	background-image: url(img/head_bg.jpg);
	background-repeat: repeat-x;
	margin: 0;
	height: 130px;
}

/* ヘッダタイトル */
h1#logo {
	background-image: url(img/head_logo.jpg);
	margin: 0 0 0 5%;
	width: 400px;
	height: 130px;
	text-indent: -2000px;
}

h1#logo a {
	display: block;
	width: 400px;
	height: 130px;
	border: 0 !important;
}

h1#logo:hover {
	-moz-transform: translate(0, -1px);
	-webkit-transform: translate(0, -1px);
}

/* googleサーチ */
div#gsearch {
	position: absolute;
	top: 55px;
	right: 230px;
}

div#gsearch .submit {
	width: 6.3em;
}

div#gsearch .text {
	background-image: url(img/favicon_google.png);
	background-position: 3px center;
	background-repeat: no-repeat;
	width: 110px;
	padding-left: 20px;
}

/* 現在ポジションブロック */
div#position_navi {
	position: absolute;
	top: 0px;
	right: 5%;
	width: 180px;
	height: 130px;
	background-image: url(img/head_navi.jpg);
	background-repeat: no-repeat;
}

/* 現在ポジション */
div#position_navi p {
	width: 96px;
	font-size: 75%;
	margin-top: 55px;
	margin-left: 28px;
	text-align: center;
}

/* Javascript, 旧ブラウザの断り書き */
p#jsnote, p#oldnote {
	margin-left: 5%;
	border-width: 2px;
	border-style: dotted;
	border-color: #fed372;
	padding: 5px;
	font-size: 90%;
	width: 35em;
}

/* このページの最上段へ */
div#end {
	position: absolute;
	bottom: 0px;
	right: 0px;
}

div#end a {
	border-bottom: 0;
}

footer address,
div#footer address {
	margin-top: 10px;
	margin-bottom: 3px;
	line-height: 1.2;
}

p#copyright {
	margin-top: 0;
}



/*****************************
           個別設定
 *****************************/

/* トップ：説明ブロック */
section {
	display: block;
	margin-bottom: 2em;
}

section#greetings h2,
div#greetings h2 {
	margin-top: 25px;
}

/*
div#greetings h2#desc0 {
	margin-top: 0;
}
*/

section h2 a,
div h2 a {
	border-bottom: 0 !important;
}

section h2:hover,
div h2:hover {
	-moz-transform: translate(0, -1px);
	-webkit-transform: translate(0, -1px);
}

/* トップ：簡易説明 */
div.desc {
	margin-top: 0;
	padding-left: 70px;
	line-height: 1.4;
	font-size: 95%;
}

/* トップ：詳細説明：デフォルト閉 */
p.descsub {
	line-height: 1.4;
	margin-top: 12px;
	margin-bottom: 12px;
	padding-right: 1em;
	font-size: 85%;
	display: none;
	overflow: auto;
	height: 1%;
}

.descsub img {
	float: left;
	margin-right: 10px;
}

/*  トップ：詳細説明：オープン */
div .open .descsub {
	display: block;
}

/* トップ：続きを読む */
span.continue {
	font-size: 80%;
	background-image: url(img/arrow_or.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 13px;
}


/* ポリシー：H3 */
h3.phead {
	font-size: 100%;
	font-weight: normal;
	background-color: #fafcfc;
	margin: 1em 1em auto;
	padding: 3px;
	padding-left: 0.5em;
	border: 1px solid #e0e0e0;
}

/* ポリシー：各項目 */
ul.plist {
	list-style-type: none;
	font-size: 90%;
}

.plist li {
	position: relative; /* for IE ? */
	line-height: 1.5;
	margin-bottom: 1.5em;
}

/* ワークフロー：リスト */
ol#wflowlist {
	list-style-type: none;
	margin-left: 0;
	padding-left: 0;
}

#wflowlist li {
	position: relative;
	font-size: 90%;
	padding-left: 75px;
	background-repeat: no-repeat;
	line-height: 1.5;
	margin-bottom: 2em;
}

/* ワークフロー：ヘディング */
#wflowlist h3, #wflowlist h4, #wflowlist h5, #wflowlist h6 {
	font-size: 110%;
	font-weight: normal;
	background-color: #fafcfc;
	margin: 1em 0.5em auto 0;
	padding: 3px;
	padding-left: 0.5em;
	border: 1px solid #e0e0e0;
}

/* LI1 */
li.wf01 {
	background-image: url(workflow/img/num1.png);
}
/* LI2 */
li.wf02 {
	background-image: url(workflow/img/num2.png);
}
/* LI3 */
li.wf03 {
	background-image: url(workflow/img/num3.png);
}
/* LI4 */
li.wf04 {
	background-image: url(workflow/img/num4.png);
}
/* LI5 */
li.wf05 {
	background-image: url(workflow/img/num5.png);
}
/* LI6 */
li.wf06 {
	background-image: url(workflow/img/num6.png);
}
/* LI7 */
li.wf07 {
	background-image: url(workflow/img/num7.png);
}
/* LI8 */
li.wf08 {
	background-image: url(workflow/img/num8.png);
}
#wflowlist li.wf08 h6 {
	background-color: #e2eded;
}


/* ワークフロー：注意書き */
p.note {
	border-width: 2px;
	border-style: dotted;
	border-color: #fed372;
	padding: 5px;
}


/* 制作例：表 */
table#allworks {
	margin: 1em 0 auto 1px;
	width: 95%;
	font-size: 80%;
}

/* テーブルヘッド */
#allworks thead th {
	background-image: url(img/th_bg.png);
	background-repeat: repeat-x;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-right-color: #D8D8D8;
	border-bottom-color: #D8D8D8;
}

/* 年度グループ */
#allworks colgroup#years {
	background-color: #f2f2f2;
}

/* 年度セル*/
#allworks th.year {
	background-color: #f2f2f2;
	border-width: 0 1px 1px 0;
	border-style: solid;
	border-right-color: #D8D8D8;
	border-bottom-color: #D8D8D8;
}

/* 1行おきに色づけ */
tr.colored {
	background-color: #f7f8f9;
}


/* コンタクト */
div#map {
	border: 1px solid #e0e0e0;
	margin-bottom: 2em;
}

div#mail h3 {
	margin-bottom: 1em;
}

kbd a {
	color: #ffffff !important;
	border-bottom: 0 !important;
}


/* 危険箇所マップ */

/* オフセットしない */
#mainbox.dmapcont {
	width: 95%;
}
div#maincont.dmapcont {
	margin-top: 20px;
	margin-left: 0;
	border-right: 0;
}

v\:* {
	behavior:url(#default#VML);
}

div#map {
	float: left;
}

/* 判例ブロック */
div#symbol {
	float: left;
	margin-left: 10px;
	border: 1px solid #e0e0e0;
}

/* 判例アイコン */
div#symbol img {
	width: 24px;
	height: 24px;
	vertical-align: middle;
}

/* 判例タイトル */
#symbol h2 {
	color: #ffffff;
	text-align: center;
	font-size: 110%;
	padding: 3px;
}

/* 交通 */
.trafic {
	background-color: #3e6bc1;
}
/* 災害 */
.accident {
	background-color: #ea7b4d;
}
/* 防犯 */
.anticrime {
	background-color: #dd4040;
}

#symbol p {
	padding: 0 3px 5px;
	font-size: 90%;
	line-height: 2;
}