@charset	"Shift_JIS";

body	{
	background: #ffffff url(../img/common/topbg.gif);
	color: #333333;
	margin: 0px;
	padding: 0px;
}

#header	{
	width: 720px;
	height: 100px;
}


/*	----------------------------------
	メインコンテンツ
----------------------------------	*/
#main	{
	display: block;
	width: 700px;
	margin: 25px 0px 20px 10px;
	padding-left: 0px;
}

#main h1	{
	font-size: large;
	font-weight: bold;
	text-shadow: 3px 3px 3px #cccccc;
	margin-left: 10px;
	margin-bottom: 0px;
	height: 36px;
	padding-top: 4px;
	text-align: left;
	line-height: 1.5em;
	text-indent: 36pt;
	background: url(../img/common/h1_offi02.gif) no-repeat;
}

#main h2	{
	margin-top: 0px;
	padding-top: 3px;
	padding-left: 10px;
	font-size: medium;
	font-weight: bold;
	letter-spacing: 0.5em;
	color: #333333;
	margin-bottom: 5px;
	text-shadow: 3px 3px 3px #cccccc;
}
#main #tetsuduki h2	{
	background: #fff url(../img/h2bg01.gif) no-repeat;
}
#main #seikatsu h2	{
	background: #fff url(../img/h2bg02.gif) no-repeat;
}
#main #profile h2	{
	background: #fff url(../img/h2bg03.gif) no-repeat;
}
#main #kusei h2	{
	background: #fff url(../img/h2bg04.gif) no-repeat;
}
#main #open h2	{
	background: #fff url(../img/h2bg05.gif) no-repeat;
}
#main #others h2	{
	background: #fff url(../img/h2bg01.gif) no-repeat;
}


#main h3 {
	margin: 10px 20px 0px 16px;
	color: #666666;
	font-size: 90%;
	font-weight: bold;
	padding-top: 3px;
	background: #fff url(../img/h3bg01.gif) no-repeat;
}

#main h3 a:link{
	color: #666666;
}
#main h4 {
	margin: 10px 20px 0px 36px;
	color: #666666;
	font-size: 90%;
	padding-left: 5px;
}
#main p	{
	margin-top: 5px;
	color: #ffffff;
	line-height: 130%;
	font-size: 90%;
	margin-bottom: 0px;
}
#main p a	{
	padding-left: 10px;
	margin-left: 24px;
	margin-right: 15px;
	background: url(../img/li_p.gif) no-repeat 0% 50%;
}

#main a:hover	{
	text-decoration: none;
	color: #000000;
	background-color: #dddddd;
}

#main #tetsuduki p a	{
	color: #003366;
}
#main #seikatsu p a	{
	color: #996600;
}
#main #profile p a	{
	color: #660000;
}
#main #kusei p a	{
	color: #663300;
}
#main #admin p a	{
	color: #660033;
}
#main #open p a	{
	color: #330099;
}
#main #others p a	{
	color: #666666;
}

#main #tetsuduki	{
	margin-top: 10px;
	border-left: 10px solid #6699cc;
}
#main #seikatsu	{
	margin-top: 10px;
	border-left: 10px solid #99aa33;
}
#main #profile	{
	margin-top: 10px;
	border-left: 10px solid #cc9933;
}
#main #kusei	{
	margin-top: 10px;
	border-left: 10px solid #996666;
}
#main #open	{
	margin-top: 10px;
	border-left: 10px solid #6666cc;
}
#main #others	{
	margin-top: 10px;
	border-left: 10px solid #cccccc;
}
#main #others h3 {
	display: inline;
	line-height: 130%;

}

#main .read_all	{
	margin-top: -25px;
	float: right;
	font-size: small;
	margin-right: 30px;
	padding-left: 10px;
	background: url(../img/read.gif) no-repeat 0% 50%;
}

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

ul#fn_a0	{
	position: relative;
	width: 180px;
	margin: 0;
	height: 89px;
	list-style: none;
	overflow: hidden;
}
ul#fn_a0 li a	{
	height: 20px;
	overflow: hidden;
	text-indent: -100em;
	text-decoration: none;
	width: 180px;
}

li#fn_a1 a	{
	position: absolute;
	top: 0px;
	left: 0;
	background: url(../img/fn_a1.gif) no-repeat 0 0;
}
li#fn_a2 a	{
	position: absolute;
	top: 23px;
	left: 0;
	background: url(../img/fn_a2.gif) no-repeat 0 0;
}
li#fn_a3 a	{
	position: absolute;
	top: 46px;
	left: 0;
	background: url(../img/fn_a3.gif) no-repeat 0 0;
}
li#fn_a4 a	{
	position: absolute;
	top: 69px;
	left: 0;
	background: url(../img/fn_a4.gif) no-repeat 0 0;
}

li#fn_a1 a:hover,
li#fn_a2 a:hover,
li#fn_a3 a:hover,
li#fn_a4 a:hover	{ 
	background-position: 0px -20px;
}

ul#fn_b0	{
	position: relative;
	width: 180px;
	margin: 0;
	height: 89px;
	list-style: none;
	overflow: hidden;
}
ul#fn_b0 li a	{
	height: 20px;
	overflow: hidden;
	text-indent: -100em;
	text-decoration: none;
	width: 180px;
}

li#fn_b1 a	{
	position: absolute;
	top: 0px;
	left: 0;
	background: url(../img/fn_b1.gif) no-repeat 0 0;
}
li#fn_b2 a	{
	position: absolute;
	top: 23px;
	left: 0;
	background: url(../img/fn_b2.gif) no-repeat 0 0;
}
li#fn_b3 a	{
	position: absolute;
	top: 46px;
	left: 0;
	background: url(../img/fn_b3.gif) no-repeat 0 0;
}
li#fn_b4 a	{
	position: absolute;
	top: 69px;
	left: 0;
	background: url(../img/fn_b4.gif) no-repeat 0 0;
}

li#fn_b1 a:hover,
li#fn_b2 a:hover,
li#fn_b3 a:hover,
li#fn_b4 a:hover	{ 
	background-position: 0px -20px;
}

/*	----------------------------------
	サイトマップ＋他言語
----------------------------------	*/
#language	{
	position: absolute;
	z-index: 3;
	top: 0px;
	left: 540px;
	visibility: visible;
	display: block;
	width: 220px;
}
ul#lang0	{
	position: relative;
	width: 220px;
	margin: 0;
	height: 24px;
	list-style: none;
	overflow: hidden;
}
ul#lang0 li a	{
	height: 24px;
	overflow: hidden;
	text-indent: -100em;
	text-decoration: none;
}
li#lang1 a	{
	position: absolute;
	top: 0px;
	left: 0px;
	background: url(../img/common/lang01.gif) no-repeat 0 0;
	width: 73px;
}
li#lang2 a	{
	position: absolute;
	top: 0px;
	left: 73px;
	background: url(../img/common/lang02.gif) no-repeat 0 0;
	width: 61px;
}
li#lang3 a	{
	position: absolute;
	top: 0px;
	left: 134px;
	background: url(../img/common/lang03.gif) no-repeat 0 0;
	width: 41px;
}
li#lang4 a	{
	position: absolute;
	top: 0px;
	left: 175px;
	background: url(../img/common/lang04.gif) no-repeat 0 0;
	width: 45px;
}
li#lang1 a:hover,
li#lang2 a:hover,
li#lang3 a:hover,
li#lang4 a:hover	{ 
	background-position: 0px -24px;
}

/*	----------------------------------
	フッター2
----------------------------------	*/
/*
#footer2	{
	display: block;
	width: 700px;
	margin: 20px 0px 20px 30px;
}
#footer2 .note2	{
	font-size: small;
	color: #999999;
}
#footer2 address	{
	border-top: 6px solid #dddddd;
	font-style: normal;
	margin-top: 2px;
	padding-top: 6px;
	font-size: small;
}
#footer2 a:hover	{
	text-decoration: none;
	color: #000000;
	background: #eeeeee;
}
*/
#footer-s	{
	display: block;
	width: 100%;
	margin: 20px 0px;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #000066;
	border-right-color: #000066;
	border-bottom-color: #000066;
	border-left-color: #000066;

}

#footer-s address	{
	border-top: 6px solid #dddddd;
	font-style: normal;
	margin-top: 2px;
	padding-top: 6px;
	font-size: small;
}

/*	----------------------------------
	パンくず（階層）
----------------------------------	*/

#track	{
	position: absolute;
	z-index: 2;
	top: 90px;
	left: 30px;
	visibility: visible;
	display: block;
	width: 700px;
	height: 2em;
	color: #666666;
	font-size: x-small;
	padding-top: 4px;
	padding-bottom: 0px;
}

#track a:hover	{
	text-decoration: none;
	color: #000000;
	background: #dddddd;
	/*background: #ccddff;*/
}

#track strong	{
	font-weight: normal;
	padding-bottom: 2px;
	border-bottom: 4px solid #cccccc;
}

/*	----------------------------------
	カテゴリナビゲーション
----------------------------------	*/

#navi2	{
	position: absolute;
	z-index: 2;
	top: 65px;
	left: 30px;
	visibility: visible;
	display: block;
	width: 700px;
	color: #ffffff;
	font-size: small;
	border-bottom: 6px solid #dddddd;
}
#navi2 a	{
	text-decoration: none;
	padding-bottom: 6px;
}
#navi2 a:hover	{
	color: #000000;
	background: #dddddd;
}

#navi2 .office a	{
	padding-left: 4px;
	border-left: 6px solid #6699cc;
}
#navi2 .life a	{
	padding-left: 4px;
	border-left: 6px solid #99aa33;
}
#navi2 .profile a	{
	padding-left: 4px;
	border-left: 6px solid #cc9933;
}
#navi2 .admin a	{
	padding-left: 4px;
	border-left: 6px solid #996666;
}
#navi2 .public a	{
	padding-left: 4px;
	border-left: 6px solid #6666cc;

}

/*	----------------------------------
	サイト内検索
----------------------------------	*/
#search	{
	position: absolute;
	z-index: 2;
	top: 32px;
	left: 508px;
	visibility: visible;
	display: block;
	width: 250px;
}
#search form	{
	font-size: small;
	margin-bottom: 0px;
	text-align: left;
}
#search .keyword	{
	width: 130px;
	border: 1px solid #6699cc;
}
#search .button	{
	background: #ddeeff;
}
#search .limit	{
	margin-top: 2px;
	padding: 0px;
	font-size: small;
}

/*	----------------------------------
	音声読み上げ・非CSSの見出し
----------------------------------	*/
#sidebar h2,
#language h2,
#footer h2,
#navi h2,
#search h2,
#photo h2	{
	position: absolute;
	left: -100em;
	width: 90em;
}

/*	----------------------------------
	携帯モバイル
----------------------------------	*/
#mobile	{
	position: absolute;
	z-index: 5;
	top: 345px;
	left: 570px;
	visibility: visible;
	display: block;
	width: 180px;
}
#mobile a	{
	position: absolute;
	top: 0px;
	left: 0;
	height: 28px;
	overflow: hidden;
	text-indent: -100em;
	text-decoration: none;
	width: 180px;
	background: url(../img/mobile.gif) no-repeat 0 0;
}
#mobile a:hover	{
	background-position: 0px -28px;
}

/*	----------------------------------
	QR code
----------------------------------	*/
#sidebar #qrcode	{
	margin-top: 10px;
	left: 600px;
	display: block;
	width: 123px;
}