@charset "utf-8";


/* ===================================================================
   スタイル初期設定
=================================================================== */

body, h1, h2, h3, h4, h5, ol, ul, li, dl, dt, dd, table, th, td, p, img, a, div, form, address {
	margin: 0;
	padding: 0;
	border: 0;
	background-color: transparent;
	font-size: 100%;
	line-height: 100%;
	font-weight: normal;
	font-style: normal;
	font-family: Arial;
}

body {
	background: #e5e2d8 url(../images/bg.gif) repeat-x top center;
}

p {
	font-size: 0.8em;
	line-height: 1.5em;
}

ul {
	list-style-type: none;
}

button {
	cursor: pointer;
}

sup {
	font-size: 0.75em;
}

a {
	color: #04b;
}

a:focus,
a:hover,
a:active {
	color: #f60;
	text-decoration: underline;
}


/* ===================================================================
   スクロールバーエリア表示
=================================================================== */

html>/**/body {
	overflow-y: scroll;
}


/* ===================================================================
   テキストインフォメーション
=================================================================== */

.txt-info {
	width: 1px;
	height: 1px;
	clear: both;
}

.txt-info img {
	width: 1px;
	height: 1px;
}

#header div.txt-info {
	width: 1px;
	height: 1px;
	position: absolute;
	left: -9999px;
	clear: none;
}


/* ===================================================================
   ヘッダー
=================================================================== */

#header {
	padding: 0 4px;
	position: relative;
}

#header .com a {
	text-indent: -9999px;
	font-size: 1%;
	display: block;
	overflow: hidden;
}

#header ul {
	position: absolute;
	top: 0;
	right: 4px;
}

#header li {
	padding: 10px 10px 5px;
	font-size: 0.8em;
	border-right: 1px solid #fff;
	float: left;
}

#header li.end {
	padding-right: 0;
	border-right: none;
}

#header li a {
	color: #fff;
}

/* --- サイト内検索 --- */

#header dl {
	position: absolute;
	top: 2em;
	right: 0;
	_left: 546px;
}

#header dt {
	height: 1px;
	font-size: 1%;
	text-indent: -9999px;
	overflow: hidden;
}

#header dd input {
	padding: 1px 3px;
	border: 1px solid #6f6356;
}

*:first-child+html #header dd input {
	padding: 2px 3px;
}

#header dd button {
	width: 47px;
	margin: 0 4px 0 6px;
	_margin-left: 6px;
	background-color: #d6d1be;
	border: 1px solid #6f6356;
	white-space: nowrap;
}

/* --------- */

#second #header .com a,
#third #header .com a,
#single #header .com a,
#nolocal #header .com a {
	width: 161px;
	height: 36px;
	top: 17px;
	left: 145px;
	position: relative;
	background: transparent url(../images/taiheidengyo.gif) no-repeat;
}

#second #header div.logo a,
#third #header div.logo a,
#single #header div.logo a,
#nolocal #header div.logo a {
	width: 102px;
	height: 62px;
	margin: -36px 0 0 16px;
	text-indent: -9999px;
	font-size: 1%;
	display: block;
	overflow: hidden;
	background: transparent url(../images/logo.gif) no-repeat;
}


/* ===================================================================
   フッター
=================================================================== */

#footer {
	margin: 0 4px;
	border-top: 10px solid #fff;
	border-left: 5px solid #fff;
	border-right: 5px solid #fff;
	border-bottom: 5px solid #fff;
	background-color: #817e76;
}

#footer ul {
	margin-top: 5px;
}

#footer li {
	padding: 0 15px;
	font-size: 0.8em;
	display: inline;
	border-right: 1px solid #fff;
}

#footer li.end {
	border-right: none;
}

#footer li a {
	color: #fff;
}

#footer address {
	margin: 12px 10px 10px 0;
	color: #333;
	font-size: 0.6em;
	text-align: right;
}


/* ===================================================================
   ブレッドクラム
=================================================================== */

#breadcrumb {
	padding: 15px 0;
	font-size: 0.75em;
	background: #fff url(../images/dot_d1d1d1.gif) repeat-x 0 35px;
}

#breadcrumb p {
	padding-bottom: 5px;

}

#breadcrumb img {
	width: 6px;
	height: 5px;
	margin: 0 7px;
	vertical-align: middle;
}

#breadcrumb img.place {
	width: 1px;
	height: 1px;
	margin: 0;
}


/* ===================================================================
   共通レイアウト
=================================================================== */

#top,
#second,
#third,
#single,
#nolocal {
	width: 768px;
	margin: -1px auto 0;
}

#contents {
	margin: -9px 4px 0;
	min-height: 1em;
	background-color: #fff;
	position: relative;
	z-index: 1;
}

#second #contents,
#third #contents {
	padding: 0 5px;
	background: #fff url(../images/bg_contents_second.gif) repeat-y 5px;
}

#main {
	width: 550px;
	float: right;
}

div.column1,
div.column2 {
	clear: both;
}


/* ===================================================================
   グローバルナビゲーション
=================================================================== */

#global {
	width: 768px;
	height: 63px;
	background: transparent url(../images/bg_global.png) no-repeat top center;
	_background: transparent url(../images/bg_global_ie6.gif) no-repeat top center;
	position: relative;
	z-index: 2;
}

#global ul {
	margin-left: 4px;
}

#global li {
	float: left;
}

#global li a {
	width: 126px;
	height: 54px;
	margin-right: 1px;
	font-size: 1%;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
}

#global li.navi1 a {
	width: 125px;
	background: transparent url(../images/navi1.gif) no-repeat;
}

#global li.navi2 a {
	background: transparent url(../images/navi2.gif) no-repeat;
}

#global li.navi3 a {
	background: transparent url(../images/navi3.gif) no-repeat;
}

#global li.navi4 a {
	background: transparent url(../images/navi4.gif) no-repeat;
}

#global li.navi5 a {
	background: transparent url(../images/navi5.gif) no-repeat;
}

#global li.navi6 a {
	background: transparent url(../images/navi6.gif) no-repeat;
}

#global li a.select,
#global li a:focus,
#global li a:hover,
#global li a:active {
	background-position: 0 -54px;
}

/* --- 下層ページ --- */

#second #global,
#third #global,
#single #global {
	margin-top: 3px;
}


/* ===================================================================
   ローカルナビゲーション
=================================================================== */

#local {
	width: 185px;
	float: left;
}

#local dt.localtop a {
	width: 185px;
	height: 35px;
	margin-bottom: 5px;
	_margin-bottom: 0;
	_padding-bottom: 5px;
	font-size: 1%;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

#local dd dt a {
	height: 35px;
	font-size: 1%;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
}

#local dd dt.select a,
#local dd dt a:focus,
#local dd dt a:hover,
#local dd dt a:active {
	background-position: 0 -35px !important;
}

#local dd dd {
	padding-bottom: 8px;
}

#local dd dd ul {
	margin-top: -2px;
}

#local dd dd li {
	width: 185px;
	font-size: 0.8em;
	line-height: 1.25em;
	border-top: 1px dotted #b4b1ae;
}

#local dd dd li a {
	width: 165px;
	padding: 5px 0 5px 20px;
	line-height: 1.25em;
	display: block;
	color: #373737;
	text-decoration: none;
}

#local dd dd li a.select,
#local dd dd li a:focus,
#local dd dd li a:hover,
#local dd dd li a:active {
	color: #f60;
	text-decoration: underline;
}

#local dd.hidden dd ul {
	display: none;
}

#local dd.hidden dd.appear ul {
	display: block;
}


/* ===================================================================
   アンカーリンク
=================================================================== */

div.anchorlink {
	width: 100%;
	padding-bottom: 30px;
}

div.anchorlink li {
	width: 160px;
	padding: 0 20px 5px 0;
	font-size: 0.8em;
	float: left;
}

div.anchorlink li a {
	padding-left: 12px;
	color: #000;
	text-decoration: none;
	background: transparent url(../images/icon_arrow07.gif) no-repeat left center;
}

div.anchorlink li a:focus,
div.anchorlink li a:hover,
div.anchorlink li a:active {
	padding-left: 12px;
	color: #f60;
	text-decoration: underline;
	background: transparent url(../images/icon_arrow08.gif) no-repeat left center;
}

p.pagetop {
	width: 100%;
	padding-top: 20px;
	text-align: right;
	clear: both;
}

.pagetop a {
	padding-left: 12px;
	color: #373737;
	font-size: 0.8em;
	text-decoration: none;
	background: transparent url(../images/icon_arrow09.gif) no-repeat left center;
}

.pagetop a:focus,
.pagetop a:hover,
.pagetop a:active {
	color: #f60;
	text-decoration: underline;
	background: transparent url(../images/icon_arrow10.gif) no-repeat left center;
}

p.pagetop2 {
	width: 100%;
	padding-bottom: 30px;
	text-align: right;
	clear: both;
}

.pagetop2 a {
	padding-left: 12px;
	color: #373737;
	font-size: 0.8em;
	text-decoration: none;
	background: transparent url(../images/icon_arrow09.gif) no-repeat left center;
}

.pagetop2 a:focus,
.pagetop2 a:hover,
.pagetop2 a:active {
	padding-left: 12px;
	color: #f60;
	text-decoration: underline;
	background: transparent url(../images/icon_arrow10.gif) no-repeat left center;
}


/* ===================================================================
   見出し
=================================================================== */

/* --- セカンドページH1 --- */

#second h1 {
	width: 540px;
	height: 140px;
	margin-bottom: 25px;
	padding: 4px;
	text-indent: -9999px;
	border: 1px solid #e8e8e8;
}

/* --------- */


/* --- サードページH1 --- */

#third h1 {
	width: 524px;
	margin-bottom: 15px;
	padding: 10px 12px;
	color: #373737;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.15em;
	border: 1px solid #b6b35c;
	background: #d2cd3b url(../images/bg_third_h1.jpg) repeat-y top right;
}

#third h1.space_s {
	width: 524px;
	margin-bottom: 15px;
	padding: 10px 12px;
	color: #373737;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.15em;
	border: 1px solid #b6b35c;
	background: #d2cd3b url(../images/bg_third_h1.jpg) repeat-y top right;
}

/* --------- */


/* --- ローカルナビゲーション無しページ H1 --- */

#nolocal h1 {
	margin-bottom: 15px;
	padding: 10px 12px;
	color: #373737;
	font-size: 1.2em;
	font-weight: bold;
	letter-spacing: 0.15em;
	border: 1px solid #b6b35c;
	background: #d2cd3b url(../images/bg_third_h1.jpg) repeat-y top right;
}

/* --------- */


#second h2,
#third h2,
#single h2 {
	height: 21px;
	margin-bottom: 10px;
	padding: 6px 0 0 14px;
	color: #3f3f3f;
	font-size: 0.9em;
	font-weight: bold;
	background: transparent url(../images/bg_h2_02.gif) no-repeat;
	clear: both;
}

#second h3,
#third h3,
#single h3 {
	margin-bottom: 8px;
	padding: 0 5px 2px;
	color: #3f3f3f;
	font-size: 0.8em;
	font-weight: bold;
	background: transparent url(../images/dotted_000.gif) repeat-x left bottom;
	clear: both;
}

#second h4,
#third h4 {
	padding: 0 5px 3px;
	color: #3f3f3f;
	font-size: 0.8em;
	font-weight: bold;
}

/* --- H2リンク --- */

p.h2-link {
	position: relative;
}

p.h2-link a {
	width: 100%;
	height: 27px;
	font-size: 1%;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	position: absolute;
	top: -37px;
}

div.column1 p.h2-link a {
	background: transparent url(../images/icon_arrow05.gif) no-repeat 530px 50%;
}

div.column2 p.h2-link a {
	background: transparent url(../images/icon_arrow05.gif) no-repeat 250px 50%;
}

p.h2-txtlink {
	position: relative;
}

p.h2-txtlink a {
	padding-left: 15px;
	color: #373737;
	font-size: 0.8em;
	text-decoration: none;
	position: absolute;
	top: -30px;
	right: 7px;
	background: transparent url(../images/icon_arrow04.gif) no-repeat 0 2px;
}

p.h2-txtlink a:focus,
p.h2-txtlink a:hover,
p.h2-txtlink a:active {
	color: #f60;
	text-decoration: underline;
	background: transparent url(../images/icon_arrow03.gif) no-repeat 0 2px;
}


/* ===================================================================
   定義リスト
=================================================================== */

div.define1 {
	clear: both;
}

div.define1 dt {
	margin:0 0 5px 3px;
	padding-left: 12px;
	font-size: 0.8em;
	font-weight: bold;
	color: #373737;

	background: transparent url(../images/icon_square01.gif) no-repeat left center;
}

div.define1 dd {
	margin-bottom: 1.5em;
	padding-left: 15px;
	font-size: 0.8em;
	line-height: 1.5em;
	color: #373737;
}

div.define1 ul { 
	padding-top:10px;
}

div.define1 li {
	padding-left: 10px;
	margin:0 0 10px 3px;
	line-height: 0.8em;
	color: #373737;
	background: transparent url(../images/icon_square02.gif) no-repeat left center;
}

div.defineno li {
	padding-left: 10px;
	margin:0 0 10px 15px;
	font-size: 0.8em;
	line-height: 0.8em;
	color: #373737;
	background: transparent url(../images/icon_square02.gif) no-repeat left center;
}

/* ===================================================================
   リスト
=================================================================== */

div.imglist1 li {
	float: left;
}

div.imglist1 li p {
	margin-top: 3px;
	font-size: 0.7em;
	line-height: 1.5em;
}


div.imglist1 ul.number1 li {
	padding-bottom: 45px;
}

div.imglist1 ul.number1s li {
	padding-bottom: 15px;
}

/*
div.imglist1 ul.number1 li img,
div.imglist1 ul.number1s li img {
	width: 550px;
	height: 215px;
}
*/

div.imglist1 ul.number2 li {
	width: 274px;
	padding-bottom: 45px;
}

div.imglist1 ul.number2s li {
	width: 274px;
	padding-bottom: 15px;
}

div.imglist1 ul.number2 li img,
div.imglist1 ul.number2s li img {
	width: 268px;
	height: 178px;
	margin: 0 3px;
}

div.imglist1 ul.number2 li p,
div.imglist1 ul.number2s li p {
	padding: 0 3px;
}


div.imglist1 ul.number3 li {
	width: 182px;
	padding-bottom: 45px;
}

div.imglist1 ul.number3s li {
	width: 182px;
	padding-bottom: 15px;
}

div.imglist1 ul.number3 li img,
div.imglist1 ul.number3s li img {
	width: 176px;
	height: 117px;
	margin: 0 3px;
}

div.imglist1 ul.number3 li p,
div.imglist1 ul.number3s li p {
	padding: 0 3px;
}


div.imglist1 ul.number4 li {
	width: 117px;
	padding-bottom: 45px;
}

div.imglist1 ul.number4s li {
	width: 117px;
	padding-bottom: 15px;
}

div.imglist1 ul.number4 li img,
div.imglist1 ul.number4s li img {
	width: 113px;
	height: 115px;
	margin: 0 2px;
}

div.imglist1 ul.number4 li p,
div.imglist1 ul.number4s li p {
	padding: 0 2px;
}

div.thirdlink {
	margin-top: 40px;
	padding: 30px 40px;
	border: 1px solid #c6c6c6;
}

div.thirdlink li {
	width: 230px;
	padding-bottom: 5px;
	float: left;
}

div.thirdlink ul li a {
	padding-left: 15px;
	font-size: 0.8em;
	line-height: 1.25em;
	background: transparent url(../images/icon_arrow06.gif) no-repeat 0 4px;
}

div.thirdlink ul li a:focus,
div.thirdlink ul li a:hover,
div.thirdlink ul li a:active {
	background: transparent url(../images/icon_arrow03.gif) no-repeat 0 4px;
}


ul.list li {
	padding-left: 8px;
	padding-bottom:0.5em;
	font-size: 0.8em;
	color:#373737;
	background: transparent url(../images/icon_square02.gif) no-repeat 0 4px;
}

/* ===================================================================
   テーブル
=================================================================== */

div div th,
div div td {
	font-size: 0.8em;
	color:#373737;
	line-height: 1.25em;
}

th.left,
td.left {
	text-align: left !important;
}

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

th.right,
td.right {
	text-align: right !important;
}

td.head{
	background-color: #eae0bc;
}

td.sub{
	background-color: #fcf9ee;
}

div div table {
	border-collapse: collapse;
}

table.table1 th,
table.table1 td {
	padding: 3px;
	border: 1px solid #888;
}

table.table1 th {
	text-align: left;
	font-weight: bold;
	background-color: #eae0bc;
}

table.table2 th,
table.table2 td {
	padding: 3px;
	border: 1px solid #888;
	text-align: center;
}

table.table2 th {
	font-weight: bold;
	background-color: #eae0bc;
}


table.table3 th,
table.table3 td {
	padding: 0.4em 1em;
}

table.table3 th {
	font-weight: bold;
	background-color: #eae0bc;
}


div.other{
	clear:both;
	position:relative;
	top:-12px;
	float:right;
	margin-bottom:20px;
}

/* ===================================================================
   拡大画像＋サムネイル
=================================================================== */

div.imgview1 {
	margin-bottom: 30px;
}

div.imgview1 div div {
	height: 360px;
	padding-top: 8px;
	text-align: center;
	background-color: #ebebeb;
	border: 1px solid #d9d9d9;
}

div.imgview1 dd img {
	text-align: center;
	vertical-align: middle;
	border: 1px solid #fff;
}

div.imgview1 li {
	margin-left: 2px;
	float: left;
}

div.imgview1 li.first {
	margin-left: 0;
}

div.imgview1 li img {
	border: 1px solid #747474;
}

div.imgview1 div p {
	height: 3em;
	margin-top: 5px;
}


/* ===================================================================
   プラグイン
=================================================================== */

.plugin1 {
	margin-bottom: 40px;
	border: 1px solid #c6c6c6;
	float: none;
	clear: both;
}

.plugin1 dt {
	padding: 10px 65px 12px 14px;
	font-size: 0.8em;
	font-weight: bold;
	line-height: 1.25em;
	float: left;
}

.plugin1 dd {
	padding: 10px 0 12px;
}

.plugin1 dd ul li {
	padding-right: 45px;
	display: inline;
}

.plugin2 {
	border: 1px solid #c6c6c6;
	float: none;
	clear: both;
}

.plugin2 dt {
	padding: 5px 8px 5px 10px;
	font-size: 0.9em;
	line-height: 1.25em;
	font-weight: bold;
}

.plugin2 dd {
	padding-bottom: 10px;
	position: relative;
}

.plugin2 dd li {
	float: left;
}

.plugin2 dd ul {
	position: absolute;
	top: 0;
	right: 0;
}

.plugin2 dd p {
	width: 305px;
	padding-left: 10px;
	font-size: 0.8em;
	line-height: 1.25em;
}

.plugin2 dd li a {
	margin: 0 8px;
	font-size: 1%;
	text-indent: -9999px;
}

.plugin2 dd li.bnr-pdf a {
	width: 112px;
	height: 33px;
	text-decoration: none;
	display: block;
	overflow: hidden;
	background: transparent url(../images/banner_pdf.gif) no-repeat;
}

.plugin2 dd li.bnr-wmv a {
	width: 88px;
	height: 31px;
	text-decoration: none;
	display: block;
	overflow: hidden;
	background: transparent url(../images/banner_wmv.gif) no-repeat;
}


/* ===================================================================
   テキスト
=================================================================== */


.txt01 {
	font-size: 0.7em;
	line-height: 1.5em;
}

.txtright{
	text-align:right;
}

/* ===================================================================
   画像フロート
=================================================================== */

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

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

.leftimg {
	float:left;
}

.rightimg {
	float:rigth;
}

/* ===================================================================
   リンク
=================================================================== */

.popup a {
	padding-left: 15px;
	font-size: 0.9em;
	background: transparent url(../images/icon_popup.gif) no-repeat left center;
}

.details {
	width: 100%;
}

.details a {
	width: 117px;
	height: 26px;
	margin-left: auto;
	font-size: 1%;
	text-indent: -9999px;
	display: block;
	overflow: hidden;
	background: transparent url(../images/bt_details.gif) no-repeat;
}

.wmv a {
	height: 16px;
	padding: 3px 0 3px 20px;
	font-size: 0.8em;
	background: transparent url(../images/icon_wmv.gif) no-repeat left center;
}

.pdf a {
	height: 16px;
	padding: 3px 0 3px 20px;
	padding-left: 20px;
	font-size: 0.8em;
	background: transparent url(../images/icon_pdf.gif) no-repeat left center;
}


a.alone{
	padding-left: 15px;
	font-size: 0.8em;
	line-height: 1.25em;
	background: transparent url(../images/icon_arrow06.gif) no-repeat 0 4px;
}

a.alone:focus,
a.alone:hover,
a.alone:active {
	background: transparent url(../images/icon_arrow03.gif) no-repeat 0 4px;
}

a.pdf2 {
	height: 16px;
	padding-left: 20px;
	line-height: 1.5em;
	background: transparent url(../images/icon_pdf.gif) no-repeat;
}

.notpdf {
	height: 16px;
	padding: 3px 0 3px 20px;
	padding-left: 20px;
	background: transparent url(../images/icon_block.gif) no-repeat left center;
}


/* ===================================================================
   余白
=================================================================== */

.mb05 {
	margin-bottom: 5px;
}

.mb07 {
	margin-bottom: 7px;
}

.mb12 {
	margin-bottom: 12px;
}

.mb15 {
	margin-bottom: 15px;
}

.mb20 {
	margin-bottom: 20px;
}

.mb30 {
	margin-bottom: 30px;
}

.pb05 {
	padding-bottom: 5px;
}

.pb07 {
	padding-bottom: 5px;
}

.pb12 {
	padding-bottom: 12px;
}

.pb15 {
	padding-bottom: 15px;
}

.mt-05 {
	margin-top: -05px;
}

.mt-10 {
	margin-top: -10px;
}

.mt15 {
	margin-top: 15px;
}

.pt15 {
	margin-top: 15px;
}


/* ===================================================================
   newsリスト
=================================================================== */

div.column-news {
	margin-bottom: 20px;
}


div.column-news li {
	clear: both;
	margin: 0;
	padding: 0;
}

div.column-news dl {

}

div.column-news dt {
	float: left;
	color: #373737;
	line-height: 1.5em;
	padding-right: 0.5em;
}

div.column-news dd,
div.column-news dd a {
	line-height: 1.5em;
}

div.column-news dt,
div.column-news dd {
	padding-bottom: 0.5em;
}

.news {
	font-size: 0.8em;
}


/* ===================================================================
   float クリア
=================================================================== */

#header:after,
#contents:after,
#main:after,
#local:after,
#footer:after,
.anchorlink:after,
.column1:after,
.column2:after,
.topics:after,
.define1:after,
.imglist1:after,
.imglist2:after,
.flowlist1:after,
.imgview1:after,

.plugin1:after {
	content: " ";
	display: block;
	visibility: hidden;
	clear: both;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
}

* html #header,
* html #contents,
* html #main,
* html #main2,
* html #local,
* html #footer,
* html .anchorlink,
* html .column1,
* html .column2,
* html .topics,
* html .define1,
* html .imglist1,
* html .flowlist1,
* html .imgview1,
* html .thirdlink,
* html .plugin1 {
	display: inline-block;
}

/* no ie mac \*/

* html #header,
* html #contents,
* html #main,
* html #main2,
* html #local,
* html #footer,
* html .anchorlink,
* html .column1,
* html .column2,
* html .topics,
* html .define1,
* html .imglist1,
* html .imglist2,
* html .flowlist1,
* html .imgview1,
* html .thirdlink,
* html .plugin1 {
	height: 1%;
}

#header,
#contents,
#main,
#main2,
#local,
#footer,
.anchorlink,
.column1,
.column2,
.topics,
.define1,
.imglist1,
.imglist2,
.flowlist1,
.imgview1,
.thirdlink,
.plugin1 {
	display: block;
}

/* */

#footer,
.imgview1 {
	clear: both;
	float: none;
}


/* ===================================================================
   その他
=================================================================== */

.f-clr {
	font-size: 1%;
	clear: both;
	float: none;
}

img.null {
	width: 1px;
	height: 1px;
}