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

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

img {
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

body {
	margin: 0 auto;
	text-align: center;
	background-color:#1c1c1c;
	background-image:url(../images/bg_body.png);
	background-position:center;
	background-repeat:repeat-y;
	color: #fff;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#main{
	width: 960px;
	margin: 0 auto;
	text-align: left;
	/* background-color:#00233d; */
}

#main:after {
	content: "";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}


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


br.clear {
	clear: both;
}

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

h1 {	display: none;	} /* サイト名 */
h2 {/* ページ区分タイトル */
	clear:both;
	color: #fff;
	
	font-size: 130%;
	margin: 0px;
	margin-top: 18px;
	margin-left: 24px;
	padding-bottom: 4px;
	border-bottom:1px solid #334f64;
	width: 95%;
	margin-bottom: 8px;
	font-weight: normal;
} 

h3 { /* ページタイトル */
	color: #fff;
	font-size: 110%;
	border-bottom: 0px #334f64 solid;
	padding-bottom: -5px;
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight: normal;
}

h4 { /* ページ内見出し */
	color: #fff;
	font-size: 95%;
	border-bottom: 1px #334f64 solid;
	padding-bottom: -5px;
	margin-top: 10px;
	margin-bottom: 15px;
	font-weight: normal;
}

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

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

a:hover {
	text-decoration: underline;
}

a:visited {
	color: #cf8aff;
}



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

/* ヘッダ領域 */
#header-area{
	width: 960px;
	height: 150px;
	margin: 0px;
	margin: 0px;
	background-image:url(../images/header/annai.jpg);
}

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


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

#header-area ul#sub-navigation {
	margin:0px;
	padding:0px;
	list-style: none;
	margin-right: 24px;
	float: right;
}

#header-area #sub-navigation li {
	float:left;
	margin:0px;
	padding:0px;
	display: inline-block;
	margin-left: 24px;
}

#header-area #sub-navigation li a {
	font-size: 80%;
	color: #fff;
	line-height: 2.0;
	padding-left:18px;
	background:url(../images/menu_li.png) repeat-y;
}

#header-area #sub-navigation li a:hover {
	background:url(../images/menu_li_a.png) repeat-y;
}


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





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

#contents-area{
	float:left;
	width: 960px;
	border:0px #004E8A solid;
	text-align: left;
}

/* ページタイトル部分の画像指定 */


/* 本文余白指定 */
#honbun {
	width: 690px;
	margin-left: 232px;
	margin-top: 0px;
}

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

/* 補足 */
.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 #1f3d54 dotted;
}


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

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


/* アイテムリスト */
ul.top-option-list{
	margin-left: 40px;
	color: #9db3c3;
}

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




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

#footer-area{
	clear:both;
	width:960px;
	margin: 0 auto;
	padding-top: 8px;
	padding-bottom: 20px;
	text-align: center;
	font-size: 80%;
	color: #fff;
	margin-bottom: 16px;
}




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

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

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





















div#honbun-tab {
	float: left;
	width: 710px;
}	





/*-------------------------------------------------------------------------------*/
/*----- 2nd 左サブメニュー ------------------------------------------------------*/

div#tab-navigation-area {
	clear:both;
	margin:0px;
	padding: 0px;
	float:left;
	width: 170px;
	margin-left:23px;
	margin-top: 18px;

}

ul#tab-navigation {
	list-style: none;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	width: 160px;
	font-size: 90%;
}

ul#tab-navigation li {
	float:none;
	margin:0px;
	padding:0px;
	
	background-color:#002f52;
}

ul#tab-navigation li a {
	display:inline-block;
	overflow: hidden;
	background-image:url(../images/menu_li.png);
	background-repeat:no-repeat;
	background-position:8px;
	color: #fff;
	line-height:2.0;
	width:160px;
}

ul#tab-navigation li a:hover {
	display:inline-block;
	overflow: hidden;
	background-image:url(../images/menu_li_a.png);
	background-repeat:no-repeat;
	background-position:8px;
	color: #fff;
	line-height:2.0;
	width:160px;
}


ul#tab-navigation li a span {
	display:inline-block;
	padding-left:20px;
}


ul#tab-navigation li.sub-menu-head {
	background:url(../images/sub_menu/sub_menu_head.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	height: 16px;
	line-height:0;
}

ul#tab-navigation li.sub-menu-foot {
	background:url(../images/sub_menu/sub_menu_foot.png);
	background-repeat:no-repeat;
	background-position:left top;
	height: 20px;
	line-height:0;
}











#menu {
	clear:both;
	margin:0px;
	padding: 0px;
}

	ul#mainmenu {
		list-style:none;
		margin:0px;
		padding: 0px;
		line-height:0;
	}
	
	ul#mainmenu li {
		font-size: 85%;
		float:left;
	}
	
	ul#mainmenu li a {
		display:block;
		color: #fff;
		width: 160px;
		height: 30px;
		overflow: hidden;
	}
	
	ul#mainmenu li a#menu-about {
		text-indent:-10000px;
		background-image:url(../images/main_menu/mainmenu.png);
		background-position:0px 0px;
	}
	
	ul#mainmenu li a#menu-josetsu {
		text-indent:-10000px;
		background-image:url(../images/main_menu/mainmenu.png);
		background-position:-160px 0px;
	}
	
	ul#mainmenu li a#menu-kikaku {
		text-indent:-10000px;
		background-image:url(../images/main_menu/mainmenu.png);
		background-position:-320px 0px;
	}
	
	ul#mainmenu li a#menu-database {
		text-indent:-10000px;
		background-image:url(../images/main_menu/mainmenu.png);
		background-position:-480px 0px;
	}
	
	ul#mainmenu li a#menu-goods {
		text-indent:-10000px;
		background-image:url(../images/main_menu/mainmenu.png);
		background-position:-640px 0px;
	}
	ul#mainmenu li a#menu-blog {
		text-indent:-10000px;
		background-image:url(../images/main_menu/mainmenu.png);
		background-position:-800px 0px;
	}

	/* ========================================   */
	/* ポップアップメニュー */
	/* ========================================   */
	ul#mainmenu li ul {
		list-style:none;
		margin:0;
		padding:0;
		clear:both;
		display:none;
		position:absolute;
		z-index:100;
		opacity:0.95;
		filter: alpha( opacity=95 );
	}
	ul#mainmenu li ul li {
		float:none;
		margin:0;
		padding:0;
		width:160px;
		background-color:#004c84;
		background-image:none;
	}
	
	ul#mainmenu li ul li a {
		display:inline-block;
		font-weight:normal;
		height: 28px;
		font-size:100%;
		text-align:left;
		line-height:1.3;
		background:url(../images/menu_li.png) no-repeat;
		background-position:8px;
	}
	
	ul#mainmenu li ul li a:hover {
		background:url(../images/menu_li_a.png) no-repeat;
		background-position:8px;
	}
	
	ul#mainmenu li ul li a span{
		display:inline-block;
		padding-left:18px;
		padding-top:8px;
	}

	ul#mainmenu li ul li.menu-foot{
		background:url(../images/main_menu/menu_foot.png) no-repeat;
		height: 4px;
	}