/*-------------------------------------------------------------------------------*/
/*----- 全体共通 ----------------------------------------------------------------*/

/* 全スタイル初期化 */
* {
	margin: 0;
	padding: 0;
	font-style: normal;
}

img {
	border: 0px; /* 画像は枠線なし*/
}

body {
	margin: 0 auto;
	text-align: center;
	background: url("../images/bg.jpg") repeat-x;
}

#main{
	width: 893px;
	margin: 0 auto;
	text-align: left;
}

/* 段落 */
p{
	font-size: 90%;
	line-height: 160%;
	margin-top: 10px;
	margin-bottom: 10px;
}



/*----- 見出し --------------*/

h1 {	display: none;	} /* サイト名 */
h2 {	display: none;	} /* ページ区分タイトル */

h3 { /* ページタイトル */
	color: #374D5E;
	font-size: 130%;
	border-bottom: 1px #9DA8B0 solid;
	padding-bottom: -5px;
	margin-top: 10px;
	margin-bottom: 15px;
}

h4 { /* ページ内見出し */
	color: #374D5E;
	font-size: 95%;
	border-bottom: 1px #9DA8B0 solid;
	padding-bottom: -5px;
	margin-top: 10px;
	margin-bottom: 15px;
}

/*----- リンク処理 --------------*/

a {
	/* color: #006EC4; */
	color: #0066CC;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

a:visited {
	color: #333399;
}



/*-------------------------------------------------------------------------------*/
/*----- ヘッダー周り ------------------------------------------------------------*/

/* ヘッダ領域 */
#header-area{
	width: 893px;
	height: 96px;
	margin-top: 0px;
	margin-bottom: 0px;
}

/* タイトルロゴ */
#header-area h1{
	display: block;
	width: 319px;
	height: 54px;
	position: relative;
	top: 27px;
	left: 27px;
}


/*-------------------------------------------------------------------------------*/
/*----- サブナビゲーション (リンク、検索等) -------------------------------------*/

#header-area #sub-navigation{
	display: block;
	width: 465px;
	margin-top: -16px;
	margin-left: 428px;
}

#header-area #sub-navigation li {
	float:left;
	list-style: none;
	margin: 0;
	display: inline;
}


#header-area #sub-navigation li#sub-toppage a {
	display: block;
	width: 90px; height: 19px;
	text-indent: -10000px;
	overflow: hidden;
	background:  url(../images/sub_menu.jpg) no-repeat;
	background-position: 0   0px;
}

#header-area #sub-navigation li#sub-access a {
	display: block;
	margin-left: 10px;
	width: 100px; height: 19px;
	text-indent: -10000px;
	overflow: hidden;
	background:  url(../images/sub_menu.jpg) no-repeat;
	background-position: -105px   0px;
}

#header-area #sub-navigation li#sub-link a {
	display: block;
	margin-left: 10px;
	width: 70px; height: 19px;
	text-indent: -10000px;
	overflow: hidden;
	background:  url(../images/sub_menu.jpg) no-repeat;
	background-position: -215px   0px;
}

#header-area #sub-navigation li#sub-contact a {
	display: block;
	margin-left: 10px;
	width: 96px; height: 19px;
	text-indent: -10000px;
	overflow: hidden;
	background:  url(../images/sub_menu.jpg) no-repeat;
	background-position: -298px   0px;
}

#header-area #sub-navigation li#sub-search a {
	display: block;
	margin-left: 10px;
	width: 50px; height: 19px;
	text-indent: -10000px;
	overflow: hidden;
	background:  url(../images/sub_menu.jpg) no-repeat;
	background-position: -405px   0px;
}



/*-------------------------------------------------------------------------------*/
/*----- メニュー周り ------------------------------------------------------------*/

/* メニュー領域 */
#menu-area{
	float:left;
	width: 133px;
	height: 500px;
	overflow: hidden;
}

div#menu-area li {
	float:left;
	list-style: none;
	margin: 0;
	display: inline;
}

/* メニューリンク */
div#menu-area li a {
	display: block;
	width: 133px;
	height: 42px;
	text-indent: -10000px;
	overflow: hidden;
	margin-bottom: 2px;
	background:  url(../images/menu/menu.png) no-repeat;
}

/* 各メニュー項目画像表示位置指定 */
div#menu-area li a#annai {                 background-position: 0   0px;}
div#menu-area li a#josetsu {               background-position: 0 -44px;}
div#menu-area li a#kikaku {                background-position: 0 -88px;}
div#menu-area li a#kouza {                 background-position: 0 -132px; margin-bottom: 8px;}
div#menu-area li a#shuzo {                 background-position: 0 -180px;}
div#menu-area li a#bunka {                 background-position: 0 -224px;}
div#menu-area li a#shashin {               background-position: 0 -268px;}
div#menu-area li a#jiten {                 background-position: 0 -312px; margin-bottom: 8px;}
div#menu-area li a#goods {                 background-position: 0 -360px;}
div#menu-area li a#note {                  background-position: 0 -404px;}

/* 各メニュー項目画像表示位置指定・ロールオバー */
div#menu-area li a#annai:hover {           background-position: -150px   0px;}
div#menu-area li a#josetsu:hover {         background-position: -150px -44px;}
div#menu-area li a#kikaku:hover {          background-position: -150px -88px;}
div#menu-area li a#kouza:hover {           background-position: -150px -132px; margin-bottom: 8px;}
div#menu-area li a#shuzo:hover {           background-position: -150px -180px;}
div#menu-area li a#bunka:hover {           background-position: -150px -224px;}
div#menu-area li a#shashin:hover {         background-position: -150px -268px;}
div#menu-area li a#jiten:hover {           background-position: -150px -312px; margin-bottom: 8px;}
div#menu-area li a#goods:hover {           background-position: -150px -360px;}
div#menu-area li a#note:hover {            background-position: -150px -404px;}

/* 各メニュー項目画像表示位置指定・選択時 */
body.annai div#menu-area li a#annai {      background-position: -300px   0px;}
body.josetsu div#menu-area li a#josetsu {  background-position: -300px -44px;}
body.kikaku div#menu-area li a#kikaku {    background-position: -300px -88px;}
body.kouza div#menu-area li a#kouza {      background-position: -300px -132px; margin-bottom: 8px;}
body.shuzo div#menu-area li a#shuzo {      background-position: -300px -180px;}
body.bunka div#menu-area li a#bunka {      background-position: -300px -224px;}
body.shashin div#menu-area li a#shashin {  background-position: -300px -268px;}
body.jiten div#menu-area li a#jiten {      background-position: -300px -312px; margin-bottom: 8px;}
body.goods div#menu-area li a#goods {      background-position: -300px -360px;}
body.note div#menu-area li a#note {        background-position: -300px -404px;}





/*-----------------------------------------------------------------------*/
/*----- 本文 ------------------------------------------------------------*/

#contents-area{
	float:left;
	width: 751px;
	border:1px #004E8A solid;
	margin-left: 7px;
	text-align: left;
}

/* ページタイトル部分の画像指定 */
body.top #contents-area {    	background: url(../images/pagetitle/top.jpg) no-repeat;}
body.news #contents-area {    	background: url(../images/pagetitle/top.jpg) no-repeat;}

body.access #contents-area {    	background: url(../images/pagetitle/top.jpg) no-repeat;}
body.link #contents-area {    	background: url(../images/pagetitle/top.jpg) no-repeat;}
body.contact #contents-area {    	background: url(../images/pagetitle/top.jpg) no-repeat;}
body.search #contents-area {    	background: url(../images/pagetitle/top.jpg) no-repeat;}

body.annai #contents-area {    	background: url(../images/pagetitle/annai.jpg) no-repeat;}
body.josetsu #contents-area {	background: url(../images/pagetitle/josetsu.jpg) no-repeat;}
body.kikaku #contents-area {	background: url(../images/pagetitle/kikaku.jpg) no-repeat;}
body.kouza #contents-area {	    background: url(../images/pagetitle/kouza.jpg) no-repeat;}
body.shuzo #contents-area {	    background: url(../images/pagetitle/shuzo.jpg) no-repeat;}
body.bunka #contents-area {	    background: url(../images/pagetitle/bunka.jpg) no-repeat;}
body.shashin #contents-area {	background: url(../images/pagetitle/shashin.jpg) no-repeat;}
body.jiten #contents-area {  	background: url(../images/pagetitle/jiten.jpg) no-repeat;}
body.goods #contents-area {  	background: url(../images/pagetitle/goods.jpg) no-repeat;}
body.note #contents-area {  	background: url(../images/pagetitle/note.jpg) no-repeat;}

/* 本文余白指定 */
#honbun {
	width: 670px;
	margin-left: 40px;
	margin-top: 160px;
}

/* 本文余白指定・タブナビゲーションありの場合 */
#honbun-tab {
	width:670px;
	margin-left:40px;
	margin-top:41px;
}

/* 補足 */
.hosoku {
	font-size: 70%;
}



/*----- インラインナビゲーション ------------------------------------------------*/

/* アンカーリンク・下向き矢印 */
a.anchor-link-down {
	padding-left: 18px;
	margin-right: 10px;
	background: url(../images/anchor_link.gif) no-repeat;
	background-position: 0 2px;
}

/* 別ウィンドウで開くリンク*/
a.link-openwindow:hover {
	padding-right: 16px;
	background:  url(../images/i_openwin.gif) no-repeat;
	background-position: right;
}

/* ページの先頭へ戻る */
.pgcenter-navi {
	width: 660px;
	text-align: center;
	font-size: 80%;
}

/* ページの先頭へ戻る */
.go-to-top {
	width: 660px;
	text-align: right;
	font-size: 80%;
}

/* 履歴バック */
.history-back {
	width: 660px;
	text-align: left;
	font-size: 80%;
}

/*--1107追加--*/
/*一覧へ戻る*/
.go-to-list{
	width: 660px;
	text-align: left;
	font-size: 80%;
}

/*前へ次へ*/
.page-navigation{
	width: 660px;
	text-align: right;
	font-size: 80%;
}

/*次へ*/
.go-to-next{
	display: inline;
	text-align: right;
}

/*前へ*/
.go-to-previous{
	display: inline;
	text-align: left;
}




/*-------------------------------------------------------------------------------*/
/*----- 標準リスト処理 ----------------------------------------------------------*/

table.category-list-table {
	width: 100%;
}

/* カテゴリリスト */
ul.category-list{
	list-style: none;
	margin-bottom: 30px;
}

/* カテゴリリスト各項目 */
ul.category-list li {
	padding: 2px;
	padding-left: 18px;
}

/* カテゴリリスト各項目 */
ul.category-list li {
	background: url(../images/li.gif) no-repeat;
	background-position: 0px   3px;
}

/* アイテムリスト */
ul.item-list{
	list-style: none;
	margin-top: -10px;
	margin-bottom: 30px;
}

/* アイテムリスト各項目 */
ul.item-list li {
	padding: 2px;
	font-size: 85%;
	border-bottom: 1px #D8DCDF solid;
}


/* アイテムリスト */
ul.normal-list{
	margin-left: 30px;
}

/* アイテムリスト各項目 */
ul.normal-list li {
	padding: 2px;
	font-size: 90%;
	line-height: 160%;
}



/*-------------------------------------------------------------------------------*/
/*----- フッタ ------------------------------------------------------------------*/

#footer-area{
	clear:both;
	padding-top: 8px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 80%;
	color: #6A6A6A;
}



/* 傾注 */
.alert {
	font-weight: bold;
	color: #FF570E;
}

/* 文字を大きく(お問い合わせのみ) */
.bigger {
	font-size: 150%;
}

p.p-width550 {
	width: 550px;
}