@charset "UTF-8";

body {
	padding: 0px;
	margin: 0px;
	background: url(../images/g-bg.png);
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* ie7 */

*+html body {
	padding: 0px;
	margin: 0px;
	background: url(../images/g-bg.png);
}

a:link { color: #E12900;/*
	text-decoration: none;*/ }

a:visited { color: #E12900; }

a:hover { color: #CC9933; }

a:active { color: #E12900; }

h1 { font-size: medium; }

h3 { font-size: small; }

h4 { font-size: small; }

h5 { font-size: x-small; }

h6 { font-size: xx-small; }

p {
	font-size: small;
	line-height: 180%;
}

table {
	border-collapse: separate;
	border-spacing: 3px;
	clear: both;
}

th {
	padding: 6px;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
}
td {
	padding: 6px;
	font-size:12px;
}

/*ーーーーーーーーーーー　　 #container　　ーーーーーーーーーーーーー*/


#container {
	position: relative;
	margin-right: auto;
	margin-left: auto;
}

/*ーーーーーーーーーーー　　 #header　　ーーーーーーーーーーーーー*/

.line-bg {
	clear: both;
	text-align: center;
	background: #f30505;
	height: 3px;
}

#header-bg {
	clear: both;
	text-align: center;
	background: #f30505;
	height: 3px;
}

#header { position: relative; }

#head-contents {
	position: relative;
	width: 960px;
	height: 100px;
	margin: auto;
	padding: 10px;
	line-height: 100%;
}

#head-contents a:link { color: #808080;/*
	text-decoration: none;*/ }

#head-contents a:visited { color: #808080; }

#head-contents a:hover { color: #CC9933; }

#head-contents a:active { color: #808080; }

#head-contents h1 {
	position: relative;
	width: 414px;
	height: 67px;
	margin: 25px auto auto;
	padding: 0px;
	left: -30px;
}

#head-contents .header-left {
	position: absolute;
	width: 300px;
	top: 20px;
	left: 0px;
}

#head-contents .header-left p {
	font-size: 10px;
	line-height: 140%;
	color: #808080;
}

#logo { }

.header-navi {
	position: absolute;
	right: 0px;
	top: 20px;
	width: 300px;
}

#head-contents .header-navi p {
	font-size: 10px;
	text-align: right;
	line-height: 200%;
}

/*ーーーーーーーーーーー　　 #検索　　ーーーーーーーーーーーーー*/

.search {
	width: 230px;
	margin-top: 15px;
	float: right;
}

#searchform4 {
	width: 230px;
	background: url(../images/input_bg.png) no-repeat left top;
	display: block;
	height: 25px;
	position: relative;
}

#keywords2 {
	width: 186px;
	position: absolute;
	top: 3px;
	left: 12px;
	border: 1px solid #FFF;
}

#searchBtn4 {
	position: absolute;
	top: 5px;
	left: 204px;
}

/*ーーーーーーーーーーーーー middle ーーーーーーーーーーーーー*/

#middle {
	padding: 0px;
	background: url(../images/middle_bg.png) repeat-x 0px 30px;
	height: 315px;
}

#middle-g-top {
	padding: 0px;
	background: url(../images/g-top_img_bg.png) repeat-x bottom;
	height: 460px;
}

*html #middle-g-top {
	text-align: center;
	padding: 30px 0px 0px;
	background: url(../images/g-top_img_bg.png) repeat-x 0px 30px;
	height: 460px;
}

#middle-serch {
	padding: 0px;
	background: url(../images/middle_bg.png) repeat-x 0px 30px;
}
#middle-serch2 {
	padding: 0px;
	background: url(../images/g-top_img_bg.png) repeat-x 0px 30px;
	height: 460px;
}


/*ーーーーーーーーーーーーー g-navi ーーーーーーーーーーーーー*/


#g-navi {
	position: relative;
	margin: 0px auto;
	width: 1000px;
	height: 67px;
	background: url(../images/g-navi_03.png) no-repeat center top;
}

#g-navi ul {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#g-navi ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-indent: -9999px;
}

#g-navi ul li a { display: block; }

#g-navi ul li.home a {
	width: 57px;
	height: 60px;
}

#g-navi ul li.home a:hover { background: url(../images/g-navi_03.png) no-repeat -1px -67px; }

#g-navi ul li.document a {
	width: 134px;
	height: 60px;
}

#g-navi ul li.document a:hover { background: url(../images/g-navi_03.png) no-repeat -58px -67px; }
#g-navi ul li.document.focus a { background: url(../images/g-navi_03.png) no-repeat -58px -67px; cursor: default;}

#g-navi ul li.history a {
	width: 134px;
	height: 60px;
}

#g-navi ul li.history a:hover { background: url(../images/g-navi_03.png) no-repeat -192px -67px; }
#g-navi ul li.history.focus a { background: url(../images/g-navi_03.png) no-repeat -192px -67px; cursor: default;}
#g-navi ul li.story a {
	width: 133px;
	height: 60px;
}

#g-navi ul li.story a:hover { background: url(../images/g-navi_03.png) no-repeat -326px -67px; }
#g-navi ul li.story.focus a { background: url(../images/g-navi_03.png) no-repeat -326px -67px; cursor: default;}

#g-navi ul li.introduction a {
	width: 133px;
	height: 60px;
}

#g-navi ul li.introduction a:hover { background: url(../images/g-navi_03.png) no-repeat -459px -67px; }
#g-navi ul li.introduction.focus a  { background: url(../images/g-navi_03.png) no-repeat -459px -67px; cursor: default;}

#g-navi ul li.project a {
	width: 133px;
	height: 60px;
}

#g-navi ul li.project a:hover { background: url(../images/g-navi_03.png) no-repeat -592px -67px; }
#g-navi ul li.project.focus a { background: url(../images/g-navi_03.png) no-repeat -592px -67px; cursor: default;}

#g-navi ul li.kids a {
	width: 133px;
	height: 60px;
}

#g-navi ul li.kids a:hover { background: url(../images/g-navi_03.png) no-repeat -725px -67px; }
#g-navi ul li.kids.focus a { background: url(../images/g-navi_03.png) no-repeat -725px -67px; cursor: default;}

#g-navi ul li.link a {
	width: 140px;
	height: 60px;
}

#g-navi ul li.link a:hover { background: url(../images/g-navi_03.png) no-repeat -858px -67px; }
#g-navi ul li.link.focus a { background: url(../images/g-navi_03.png) no-repeat -858px -67px; cursor: default;}

/*ーーーーーーーーーーーーー g-img ーーーーーーーーーーーーー*/

#g-img {
	position: relative;
	width: 1000px;
	margin: 10px auto auto;
}

#g-img-top {
	position: relative;
	width: 980px;
	margin: 10px auto auto;
	padding-top: 40px;
}

.digital-text-logo {
	position: absolute;
	top: 380px;
	left: 700px;
	z-index: 1000;
}

/*IE6*/

#g-img-topie6 { display: none; }

*html #g-img-top { display: none; }

*html #g-img-topie6 {
	display: block;
	position: relative;
	width: 980px;
	margin: 10px auto 10px;
	padding-top: 0px;
}

*html #g-img-topie6 img { }

/*ーーーーーーーーーーー　　 #contents　　ーーーーーーーーーーーーー*/


#contents {
	clear: both;
	position: relative;
	margin: 20px auto auto;
	padding: 0px;
	width: 1002px;
}

/*ーーーーーーーーーーー　　#left-contents　　ーーーーーーーーーーーーー*/

#left-contents {
	width: 270px;
	float: left;
	position: relative;
	background: url(../images/left-navi_bg_bottom.png) no-repeat 0px bottom;
	padding-bottom: 10px;
	right: -5px;
}

.map-thumb {
	text-align:center;
	padding: 10px;
	margin-left: 10px;
	color:#666;
}

.map-thumb h4{
	text-align: left;
	font-size:12px;
	margin-left: 10px;
	margin-right:10px;
}
.map-thumb p{
	text-align: left;
	font-size:12px;
	margin-left: 10px;
	margin-right:10px;
}

.search-navi {
	position: relative;
	background: url(../images/left-navi_bg.png) repeat-y left;
	padding: 20px 30px;
}

.search-navi p {
	font-size: 11px;
	color: #999;
}

.left-banner {
	position: relative;
	background: url(../images/left-navi_bg.png) repeat-y left;
	padding: 20px 30px;
}
.left-banner p {
	font-size: 11px;
	color: #666;
}
.left-banner-box {
	margin-bottom:15px;
}



.section-navi {
	position: relative;
	background: url(../images/left-navi_bg.png) repeat-y left;
	padding: 20px;
	}
.section-navi ul{}
.section-navi ul li{
	font-size: 12px;
	list-style: none;
	background: url(../images/link_arrow.png) no-repeat left 3px;
	padding-left: 18px;
	margin-left:0px;
	margin-right:0px;
	margin-bottom: 15px;
	line-height:120%;
}

/*ーーーーーーーーーーー　　jumpMenu　　ーーーーーーーーーーーーー*/	

select#jumpMenu,
select#jumpMenu1,
select#jumpMenu2,
select#jumpMenu3,
select#jumpMenu4,
select#jumpMenu5,
select#jumpMenu6 { width: 190px; }

.dounan,
.douo,
.douhoku,
.ohotuku,
.kushiro,
.tokachi {
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 10px;
}

.dounan { border-left: #16af68 6px solid; }

.douo { border-left: #1eb8ee 6px solid; }

.douhoku { border-left: #ffb633 6px solid; }

.ohotuku { border-left: #ff7c4f 6px solid; }

.kushiro { border-left: #ff80ab 6px solid; }

.tokachi { border-left: #89c237 6px solid; }

/*ーーーーーーーーーーー　　#right-contents　　ーーーーーーーーーーーーー*/

#right-contents { }

#right-contents h1 { }

/*ーーーーーーーーーーー　#main-contents　ーーーーーーーーーーーーー*/


#main-contents {
	width: 730px;
	position: relative;
	float: left;
	background: url(../images/main-contents_bg.png) no-repeat left bottom;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

#main-contents-head {
	background: url(../images/main-contents-h2-bg.png) no-repeat;
	padding-top: 30px;
	height: 80px;
}

#main-contents h2 {
	font-size: 25px;
	font-weight: bold;
	color: #E12900;
	padding: 20px 10px 20px 30px;
	margin: 0px 10px 0px 6px;
	border-bottom: 1px solid #E12900;
	background: url(../images/main-contents-head_h2.png) no-repeat 0px center;
}

#main-contents h2 span {
	font-size: 13px;
	font-weight: normal;
	color: #666666;
	margin-left:13px;
}

#main-contents p { }




/*ーーーーーーーーーーー　#center-contents　ーーーーーーーーーーーーー*/


#center-contents {
	width: 980px;
	position: relative;
	float: left;
	background: url(../images/main-contents_bg.png) no-repeat left bottom;
	padding-bottom: 20px;
	padding-left:10px;
	padding-right:10px;
	margin-bottom: 20px;
}

#center-contents-head {
	background: url(../images/main-contents-h2-bg.png) no-repeat;
	padding-top: 30px;
	height: 80px;
}

#center-contents h2 {
	font-size: 25px;
	font-weight: bold;
	color: #E12900;
	padding: 20px 10px 20px 20px;
	margin: 0px 10px 0px 6px;
	border-bottom: 1px solid #E12900;
	background: url(../images/main-contents-head_h2.png) no-repeat 0px center;
}

#center-contents h2 span {
	font-size: 13px;
	font-weight: normal;
	color: #666666;
}

#main-contents p { }


/*ーーーーーーーーーーー　#doc-center-contents（資料室）　ーーーーーーーーーーーーー*/


#doc-center-contents {
	width: 1000px;
	position: relative;
	float: left;
	background: url(../images/document-contents_bottom_bg.png) no-repeat left bottom;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 20px;
}

#doc-center-contents-head {
	background: url(../images/document-contents-h2-bg.png) no-repeat;
	padding-top: 30px;
	height: 80px;
}

#doc-center-contents h2 {
	font-size: 25px;
	font-weight: bold;
	color: #E12900;
	padding: 20px 10px 20px 20px;
	margin: 0px 10px 0px 6px;
	border-bottom: 1px solid #E12900;
	background: url(../images/main-contents-head_h2.png) no-repeat 0px center;
}

#doc-center-contents h2 span {
	font-size: 14px;
	font-weight: normal;
	color: #666666;
	margin: 10px;
}

/*ーーーーーーーーーーー　　 .story（交流物語）　　ーーーーーーーーーーーーー*/
.story-box {
	width: 470px;
	position: relative;
	float: left;
	}
	
.sec-box-b .story-box h4{
	background: none;
	color: #999999;
	}
	
	
/*ーーーーーーーーーーー　　 サイトについて　　ーーーーーーーーーーーーー*/

	
.sec-box-b.site-info ul {
	width:650px;
	}
.sec-box-b.site-info ul li{
	}
	
	

/*ーーーーーーーーーーー　　 .history-navi（交流年表）　　ーーーーーーーーーーーーー*/

.history-navi {
	position: relative;
	margin: 0px auto;
	width: 670px;
	height: 64px;
	background: url(../../history/images/history-navi.png) no-repeat center bottom;
}

.history-navi ul {
	width: 670px;
	margin-left: auto;
	margin-right: auto;
}

.history-navi ul li {
	float: left;
	margin: 0px;
	padding: 0px;
	list-style: none;
	text-indent: -9999px;
}

.history-navi ul li a { display: block;

	width: 111px;
	height: 64px; }

.history-navi ul li.history01 a:hover { background: url(../../history/images/history-navi.png) no-repeat 2px 0px; }
.history-navi ul li.history02 a:hover { background: url(../../history/images/history-navi.png) no-repeat -109px 0px; }
.history-navi ul li.history03 a:hover { background: url(../../history/images/history-navi.png) no-repeat -220px 0px; }
.history-navi ul li.history04 a:hover { background: url(../../history/images/history-navi.png) no-repeat -331px 0px; }
.history-navi ul li.history05 a:hover { background: url(../../history/images/history-navi.png) no-repeat -442px 0px; }
.history-navi ul li.history06 a:hover { background: url(../../history/images/history-navi.png) no-repeat -553px 0px; }

.history-navi ul li.history01.focus a { background: url(../../history/images/history-navi.png) no-repeat 2px 0px;
	cursor: default; }
.history-navi ul li.history02.focus a { background: url(../../history/images/history-navi.png) no-repeat -109px 0px;
	cursor: default; }
.history-navi ul li.history03.focus a { background: url(../../history/images/history-navi.png) no-repeat -220px 0px;
	cursor: default; }
.history-navi ul li.history04.focus a { background: url(../../history/images/history-navi.png) no-repeat -331px 0px; 
	cursor: default;}
.history-navi ul li.history05.focus a { background: url(../../history/images/history-navi.png) no-repeat -442px 0px;
	cursor: default; }
.history-navi ul li.history06.focus a {
	background: url(../../history/images/history-navi.png) no-repeat -553px 0px;
	cursor: default;
}

.sec-box-b .history-table {
	border-collapse: collapse;
	border-spacing: 0px;
	width:670px;
	background:#F1F1F1;}
.sec-box-b .history-table th {
	width:30px;
	text-align:right;
	background:none;
	border:1px solid #FFF;}
.sec-box-b .history-table td {
	border:1px solid #FFF;}
.odd{background: #FAFAFA; }




/*ーーーーーーーーーーー　　 #pankz　　ーーーーーーーーーーーーー*/


#pankz {
	float: right;
	text-align: right;
	width: 800px;
	height: 20px;
	margin: 0px 8px 20px 5px;
	padding: 2px 2px 2px 12px;
	font-size: small;
	color: #999999;
	position: absolute;
	top: 20px;
	right: 22px;
}

#pankz p { margin-bottom: 12px; }

/*ーーーーーーーーーーー　　sec-box（セクション）共通スタイル　　ーーーーーーーーーーーーー*/	

.sec-box,
.sec-box-b,
.sec-box-c {
	clear: both;
	width: 670px;
	margin: auto;
	padding: 20px 30px 10px;
	background: url(../images/section-box_bg.png);
	
	overflow:hidden;
}
.sec-box-b {min-height:450px;
}

.sec-box-c {min-height:1025px;
}

.sec-box h3{
	font-size: 16px;
	margin-bottom: 20px;
	padding: 10px 10px 10px 20px;
	font-weight: bold;
	background: url(../images/h3-bg.png) no-repeat;
	border: 1px solid #CCC;
}

.sec-box-b h3,
.sec-box-c h3 {
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: bold;
	background: #F1F1F1 url(../images/doc_li_head.png) no-repeat 5px;
	padding: 10px 10px 10px 30px;	
}

.sec-box h4 ,
.sec-box-c h4 {
	font-size: 16px;
	margin-bottom: 10px;
	margin-right: 190px;
	font-weight: bold;
	background: url(../images/h4_bg.png) no-repeat 5px;
	border-bottom: 1px solid #000;
	padding-left: 25px;
}
.sec-box-b h4  {
	font-size: 16px;
	margin-bottom: 10px;
	font-weight: bold;
	background: url(../images/h4_bg.png) no-repeat 5px;
	padding-left: 25px;
}

.sec-box p {
	font-size: 14px;
	margin-bottom: 10px;
	margin-right: 190px;
	color: #4D4D4D;
}


.sec-box-b p,
.sec-box-c p {
	font-size: 14px;
	margin-bottom: 10px;
	color: #4D4D4D;
}


.sec-box ul,
.sec-box-b ul,
.sec-box-c ul {
	font-size: 14px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 190px;
	color: #4D4D4D;
}

.sec-box ul li,
.sec-box-b ul li,
.sec-box-c ul li { margin-bottom: 10px; }

.sec-box .sec-box-img,
.sec-box-b .sec-box-img,
.sec-box-c .sec-box-img {
	position: relative;
	float: right;
	width: 180px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.sec-box .sec-box-img img,
.sec-box-b .sec-box-img img,
.sec-box-c .sec-box-img img {
	position: relative;
	margin-bottom: 20px;
	border: 1px solid #999;
	padding: 1px;
	background: #FFFFFF;
}

.sec-box table,
.sec-box-b table,
.sec-box-c  table {
	width:500px;
}
.sec-box th,
.sec-box-b th,
.sec-box-c  th {
	background: #F1F1F1;
}
.sec-box td,
.sec-box-b td,
.sec-box-c  td {
}

.sec-box th.color-gl,
.sec-box-b th.color-gl,
.sec-box-c  th.color-gl,
.sec-box td.color-gl,
.sec-box-b td.color-gl,
.sec-box-c  td.color-gl {
	background: #F1F1F1;
}

.sec-box th.color-red,
.sec-box-b th.color-red,
.sec-box-c  th.color-red,
.sec-box td.color-red,
.sec-box-b td.color-red,
.sec-box-c  td.color-red {
	background: #FCEAE5;
}



/*ーーーーーーーーーーー　　doc-box（資料室）　　ーーーーーーーーーーーーー*/	

.doc-box,
.doc-box-top {
	position: relative;
	clear: both;
	margin: auto;
	padding: 20px 60px 10px;
	background: url(../images/document-contents-bg.png);
}

/*.doc-box h3 {
	font-size: 16px;
	margin-bottom: 20px;
	padding: 10px;
	font-weight: bold;
	background: url(../images/h3-bg.png) no-repeat;
	border: 1px solid #CCC;
}*/

.doc-box-top h3{
	font-size: 18px;
	margin-bottom: 0px;
	font-weight: bold;
	background: #fff url(../images/doc_li_head.png) no-repeat 5px;
	padding: 10px 10px 10px 30px;
	border-bottom:1px solid #666;
	color:#000;	}


.doc-box h3 {
	font-size: 18px;
	margin-bottom: 20px;
	font-weight: bold;
	background: #F1F1F1 url(../images/doc_li_head.png) no-repeat 5px;
	padding: 10px 10px 10px 30px;
	margin-right: 30px;
	margin-left: 30px;
}



.doc-box h4 {
	font-size: 16px;
	margin-bottom: 10px;
	margin-right: 190px;
	font-weight: bold;
	background: url(../images/h4_bg.png) no-repeat 5px;
	border-bottom: 1px solid #000;
	padding-left: 25px;
}
.doc-box-top p {
	font-size: 14px;
	margin-top:20px;
	margin-bottom: 10px;
	margin-right: 10px;
	color: #4D4D4D;
}

.doc-box p {
	font-size: 14px;
	margin-bottom: 10px;
	margin-right: 10px;
	color: #4D4D4D;
}




.doc-box ul {
	font-size: 14px;
	margin-bottom: 10px;
	margin-left: 20px;
	margin-right: 20px;
	padding-left:20px;
	background: url(../images/doc_ul_bg.png);
	color: #4D4D4D;
}

.doc-box ul li {
	height: 30px;
	padding-top: 10px;
	margin-bottom: 2px;
	font-size: 14px;
	background: url(../images/doc_li_head.png) no-repeat left center;
	list-style: none;
	padding-left: 25px;
	display: block;	
}

.detail {
	position: relative;
	margin-left: 30px;
	margin-right: 30px;
}
.doc-box .detail h4 {
	border: none;
	clear: both;
}

.doc-box .detail p {
	text-indent:1em;
}

.doc-box .detail ol,
.doc-box .detail ul {
	font-size: 14px;
	margin-left: 30px;
	padding:0px;
	background:#fff;
}

.doc-box .detail ul li {
	padding: 2px;
	margin-bottom: 2px;
	font-size: 13px;
	list-style: disc;
	display: list-item;
	line-height: 140%;
	margin-top: 0px;
	float: none;
	height: auto;
	background: none;
}

.doc-box .detail-img {
	float: left;
	width: 250px;
	margin-bottom: 10px;
	margin-left: 0px;
	margin-right: 20px;
	min-height: 240px;
}
.doc-box .detail-img p {
	margin:0px;
	padding:0px;
	text-indent:0px;
	font-size:12px;
	line-height:130%;
}
.doc-box .detail-img img {
	border: 1px solid #999;
	padding: 1px;
	background: #FFFFFF;
}

/* ーーーーーーーーーーーー
 資料室　詳細情報
 ーーーーーーーーーーーーーー  */
 


.doc-box th.color-gl,
.doc-box td.color-gl {
	background: #F1F1F1;
}

.doc-box th.color-red,
.doc-box td.color-red {
	background: #FCEAE5;
}

.doc-box .detail table {
	margin-bottom:10px;
}

.doc-box .detail table th {
	 font-weight:bold;
	 text-align:center;
	 border:1px solid #fff;
	 background: #F1F1F1;
}
.doc-box .detail table td {
	 text-align:left;
	 background:#F8F8F8;
	 border:1px solid #fff;
}


.page-navi {
	position: absolute;
	width: 110px;
	top: 32px;
	right: 112px;
	text-align: right;
}

.double{
	width:548px;
	margin-bottom:10px;
	clear:both;
}

.double img{
	float:left;
	border: 1px solid #999;
	padding: 1px;
	background: #FFFFFF;
	margin:0 20px 0 0;
	width:250px;
}

.double p{
	margin:0px;
	padding:0px;
	text-indent:0px;
	font-size:12px;
	clear:both;
	text-align:center;
}

.triple{
	width:822px;
	margin-bottom:10px;
	clear:both;
}

.triple img{
	float:left;
	border: 1px solid #999;
	padding: 1px;
	background: #FFFFFF;
	margin:0 20px 0 0;
	width:250px;
}

.triple p{
	margin:0px;
	padding:0px;
	text-indent:0px;
	font-size:12px;
	clear:both;
	text-align:center;
}

/*ーーーーーーーーーーー　　関連リンクの指定　　ーーーーーーーーーーーーー*/	
.sec-box.links-g h3{
	font-size:13px;
	color:#E12900;
	background: none;
	border-bottom: 10px solid #F1F1F1;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
}


.sec-box .link-box,
.sec-box-b .link-box,
.sec-box-c .link-box {
	position: relative;
	overflow:hidden;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #CCC;
}
.sec-box .link-box h3,
.sec-box-b .link-box h3,
.sec-box-c .link-box h3{
	font-size: 18px;
	margin-bottom: 0px;
	font-weight: bold;
	background: #fff url(../images/doc_li_head.png) no-repeat 5px;
	padding: 10px 10px 10px 30px;
	border:none;
	color:#000;	}

.sec-box .link-box h4,
.sec-box-b .link-box h4,
.sec-box-c .link-box h4{ border: none;
font-size:18px; }


.sec-box .link-box p,
.sec-box-b .link-box p,
.sec-box-c .link-box p,
.sec-box .link-box p.external-links-head,
.sec-box-b .link-box p.external-links-head,
.sec-box-c .link-box p.external-links-head { margin: 0px; }

.sec-box .link-box p.link-arrow,
.sec-box-b .link-box p.link-arrow,
.sec-box-c .link-box p.link-arrow { margin: 0px; }

.sec-box .link-box p.external-links-head,
.sec-box-b .link-box p.external-links-head,
.sec-box-c .link-box p.external-links-head,
.sec-box .link-box p.link-arrow,
.sec-box-b .link-box p.link-arrow,
.sec-box-c .link-box p.link-arrow {
	position: absolute;
	top: 0px;
	right: 0px;
}

*html .sec-box .link-box p.external-links-head,
*html .sec-box .link-box p.link-arrow {
	position: absolute;
	margin-right: 25px;
	top: 0px;
	right: 0px;
	border: none;
}

.sec-navi {
	position: relative;
	background: #F1F1F1;
	padding: 10px;
	margin-bottom:20px;
	margin-top:0px;
}
.sec-navi ul {
	margin:0px;
	padding:0px;
	overflow:hidden;
	
}
.sec-navi ul li {
	float: left;
	list-style: none;
	margin-right: 20px;
	margin-bottom:0px;
	padding-left: 15px;
	background: url(../images/sec-navi_head.png) no-repeat left center;	
}



.sec-navi p {
	margin: 0px;
	padding: 0px;
}

.sec-navi p.caption {
	position: absolute;
	right: 10px;
	bottom: 5px;
	font-size: 10px;
	color: #999;
}

/*ーーーーーーーーーーー　　プロジェクト　　ーーーーーーーーーーーーー*/	
table.project {
	width:400px;}
table.project th {
	width:60px;
	text-align:center;
	font-weight:bold;
}
table.project td { background: #F5F5F5; }
table.project td ol,
table.project td ul
{margin-left:20px;}
	
table.project p{
	font-size:12px; line-height:120%;
	margin:0px;
	padding-bottom:6px;}



/*ーーーーーーーーーーー　　ヘッダーのリンク関連の指定　　ーーーーーーーーーーーーー*/	

.site-use {
	background: url(../images/use.png) no-repeat left 0px;
	padding-left: 15px;
}

.site-map {
	background: url(../images/site_map.png) no-repeat left center;
	padding-left: 18px;
}

.link-head01 {
	background: url(../images/link_head01.png) no-repeat left center;
	padding-left: 15px;
}

/*ーーーーーーーーーーー　　右コンテンツのリンク関連の指定　　ーーーーーーーーーーーーー*/

.link-arrow,
.link-arrow02 {
	text-align:right;
	background: url(../images/link_arrow.png) no-repeat right;
	padding-right: 18px;
}



/*ーーーーーーーーーーー　　外部リンクの指定　　ーーーーーーーーーーーーー*/


.external-links-head {
	background: url(../images/external_link_head.png) no-repeat left center;
	padding-left: 15px;
}

/*ーーーーーーーーーーー　　top-contents-box　　ーーーーーーーーーーーーー*/	


.top-contents-box01 {
	float: left;
	height: 167px;
	padding: 0px 15px 15px 0px;
	border-bottom: 1px dotted #FF0000;
	border-right: 1px dotted #FF0000;
}

.top-contents-box02 {
	float: left;
	height: 167px;
	padding: 0px 0px 15px 15px;
	border-bottom: 1px dotted #FF0000;
}

.top-contents-box03 {
	float: left;
	height: 177px;
	padding: 15px 15px 0px 0px;
	border-right: 1px dotted #FF0000;
}

.top-contents-box04 {
	float: left;
	height: 177px;
	padding: 15px 0px 0px 15px;
}

.top-contents-box01 h3,
.top-contents-box02 h3,
.top-contents-box03 h3,
.top-contents-box04 h3 {
	margin-left: 10px;
	margin-bottom: 10px;
}

.top-contents-text-box {
	position: relative;
	width: 461px;
	padding: 7px;
	background: url(../images/top-contents-text_bg.png);
}

.top-contents-text-box img {
	float: right;
	padding: 1px;
	border: 1px solid #999;
}

.top-contents-text-area {
	float: left;
	padding: 10px;
	width: 262px;
	min-height: 112px;
	background: #FFF;
}

.top-contents-text-area h4 {
	margin-bottom: 10px;
}

.top-contents-text-area h4 img {
	float:none;
	border:none;
}

.top-contents-text-area p {
	clear:both;
	color: #666;
	line-height: 120%;
	font-size: 12px;
}

.text-area-navi-bg {
	padding-top: 17px;
	margin-top: 5px;
	border-top: 1px solid #999;
	background: url(../images/text_icon.png) no-repeat right bottom;
}

.text-area-navi a {
	font-size: 12px;
	line-height:100%;
	float: left;
	margin-right: 20px;
	list-style: none;
	padding-left: 20px;
	background: url(../images/link_arrow.png) no-repeat left center;
}

.text-area-navi a:link { color: #808080; }

.text-area-navi a:visited { color: #808080; }

.text-area-navi a:hover { color: #CC9933; }

.text-area-navi a:active { color: #808080; }




/*ーーーーーーーーーーー　　#footer　　ーーーーーーーーーーーーー*/	

#footer-bg {
	clear: both;
	position: relative;
	margin: 0px auto;
	background: url(../images/footer_line.png) repeat-x top center;
}

#footer {
	position: relative;
	width: 980px;
	height: 160px;
	padding: 20px 10px 10px;
	margin: 0px auto;
}

#footer-navi {
	position: relative;
	height: 50px;
	background: url(../images/footer_line_bg.png) repeat-x 0px 43px;
}

#footer-navi ul {
	position: absolute;
	width: 800px;
	top: 0px;
}

#footer-navi li {
	font-size: 14px;
	float: left;
	margin-right: 20px;
	list-style: none;
	padding-left: 20px;
	background: url(../images/link_arrow.png) no-repeat left center;
}
.footer-navi02 a:link,
#footer-navi a:link { color: #808080; }

.footer-navi02 a:visited,
#footer-navi a:visited { color: #808080; }

.footer-navi02 a:hover,
#footer-navi a:hover { color: #CC9933; }

.footer-navi02 a:active,
#footer-navi a:active { color: #808080; }

.footer-navi02 {
	position: absolute;
	width: 400px;
	top: 135px;
	right: 10px;
	text-align: right;
}

.footer-navi02 p {
	margin: 0px;
	font-size: 10px;
	color: #000;
}

address {
	font-size: small;
	color: #FFFFFF;
}

.footer-logo {
	position: absolute;
	top: 69px;
	width: 317px;
	height: 63px;
}

.footer-text {
	position: absolute;
	top: 80px;
	width: 460px;
	height: 50px;
	right: 0px;
}

.footer-text p {
	font-size: 10px;
	color: #999;
}

.copyright {
	position: absolute;
	top: 140px;
	width: 420px;
	height: 7px;
}


/*ーーーーーーーーーーーーー
search-map
ーーーーーーーーーーーーー*/


#search-map {
	position: relative;
	width: 1000px;
	margin: 10px auto auto;
	background: url(../images/areamap_title_bg.png) no-repeat center top;
}

.search-map-area {
	position: relative;
	width: 1000px;
	margin: 10px auto auto;
	background: url(../images/areamap_bg.png) repeat-y center top;
}

.search-map-area-left {
	width: 453px;
	float: left;
	margin-top: 15px;
	margin-left: 30px;
}

.search-map-area-right1 {
	float: left;
	margin-top: 30px;
	margin-left: 40px;
}

.search-map-area-right1 .dounan,
.search-map-area-right1 .douo,
.search-map-area-right1 .douhoku,
.search-map-area-right2 .ohotuku,
.search-map-area-right2 .kushiro,
.search-map-area-right2 .tokachi { margin-bottom: 30px; }

.search-map-area-right2 {
	float: right;
	margin-top: 30px;
	margin-right: 30px;
}

.search-map-area-right1 p,
.search-map-area-right2 p {
	font-size: 11px;
	color: #999;
}

.search-map-area-info {
	position: relative;
	width: 960px;
	margin: 0px auto auto;
	background: url(../images/areamap_info_bg.png) repeat-y center top;
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 20px;
}

.search-map-area-info .area-info-box {
	position: relative;
	clear: both;
}

.search-map-area-info .area-info-box h3 {
	position: absolute;
	width: 250px;
	height: 76px;
	left: 0px;
	top: 0px;
}

.search-map-area-info .area-info-box p {
	margin-left: 250px;
	margin-right: 20px;
	left: 0px;
	top: 0px;
}

.search-map-area-bottom {
	position: relative;
	width: 1000px;
	margin: 0px auto 20px;
	background: url(../images/areamap_bottom_bg.png) no-repeat center bottom;
}

.search-map-list-box {
	width: 236px;
	float: left;
	margin: auto 7px 20px;
}

.search-map-list-box a:link { color: #808080;/*
	text-decoration: none;*/ }

.search-map-list-box a:visited { color: #808080; }

.search-map-list-box a:hover { color: #CC9933; }

.search-map-list-box a:active { color: #808080; }

.search-map-list-box h4.south a {
	color: #16af68;
	font-weight: bold;
	font-size: 14px;
}

.search-map-list-box h4.south a:link { color: #16af68;/*
	text-decoration: none;*/ }

.search-map-list-box h4.south a:visited { color: #16af68; }

.search-map-list-box h4.south a:hover { color: #CC9933; }

.search-map-list-box h4.south a:active { color: #16af68; }

.search-map-list-box .central h4 a {
	color: #1eb8ee;
	font-weight: bold;
	font-size: 14px;
}

.search-map-list-box.central h4 a:link { color: #1eb8ee;/*
	text-decoration: none;*/ }

.search-map-list-box .central h4 a:visited { color: #1eb8ee; }

.search-map-list-box .central h4 a:hover { color: #CC9933; }

.search-map-list-box .central h4 a:active { color: #1eb8ee; }

.search-map-list-box h4.north a {
	color: #ffb633;
	font-weight: bold;
	font-size: 14px;
}

.search-map-list-box h4.north a:link { color: #ffb633;/*
	text-decoration: none;*/ }

.search-map-list-box h4.north a:visited { color: #ffb633; }

.search-map-list-box h4.north a:hover { color: #CC9933; }

.search-map-list-box h4.north a:active { color: #ffb633; }

.doc-search-map-list-box h4.tokachi01 a {
	color: #89c237;
	font-weight: bold;
	font-size: 14px;
	border: none;
}

.search-map-list-box h4.tokachi01 a:link { color: #89c237;/*
	text-decoration: none;*/ }

.search-map-list-box h4.tokachi01 a:visited { color: #89c237; }

.search-map-list-box h4.tokachi01 a:hover { color: #CC9933; }

.search-map-list-box h4.tokachi01 a:active { color: #89c237; }

.digital-text-logo2 {
	position: absolute;
	top: 360px;
	left: 740px;
	z-index: 1000;
}



/*ーーーーーーーーーーーーー
doc-search
ーーーーーーーーーーーーー*/

.doc-search {
	position: relative;
	width: 970px;
	height: 200px;
	margin: 10px auto auto;
	background: url(../images/document_search_bg.png) no-repeat center top;
	padding: 10px 15px 15px;
	}

	
.doc-search-box01,
.doc-search-box02,
.doc-search-box03,
.doc-search-box04 {
	padding: 4px;
	float: left;
	font-size: 12px;
	position: relative;
	height: 180px;
	margin: 0px;
}
	
.doc-search-box01 {
	width:314px;
	margin-left:2px;
	
	}
.doc-search-box02 {
	width:204px;
	margin-left:2px;
	}
.doc-search-box03 {
	width:205px;
	margin-left:2px;}
.doc-search-box04 {
	width:205px;}
.doc-search-box01 ul,
.doc-search-box02 ul,
.doc-search-box03 ul,
.doc-search-box04  ul { margin: 15px 10px 10px; }
	
.doc-search-box01 ul li {
	float:left;
	width:120px;
	margin-right:5px;
	padding-left:15px;
	line-height:250%;
	list-style:none;
	white-space:nowrap;
	background: url(../images/sec-navi_head.png) no-repeat left center;	}

.doc-search-box02 ul li,
.doc-search-box03 ul li,
.doc-search-box04  ul li {
	float:left;
	width:72px;
	margin-right:5px;
	padding-left:15px;
	line-height:250%;
	list-style:none;
	white-space:nowrap;
	background: url(../images/sec-navi_head.png) no-repeat left center;	}
	

.doc-search-box01 p,
.doc-search-box02 p,
.doc-search-box03 p,
.doc-search-box04  p{
	clear: both;
	height: 50px;
	position: absolute;
	bottom: -1px;
	font-size: 12px;
	line-height: 120%;
	margin-top: 10px;
	margin-left: 0px;
	color: #989898;
}



/*ーーーーーーーーーーーーー
キッズ 
ーーーーーーーーーーーーー*/

.kids-contents {
	position: relative;
	width: 924px;
	height: 553px;
	margin: 20px auto;
	padding: 34px 38px;
	background: url(../../kids/images/kids_bg.png) no-repeat;
	text-align: left;
}
#blackb {
	position: absolute;
	width: 686px;
	height: 517px;
	top: 68px;
	left: 74px;
	z-index:40;
	}

#panda-a{
	position: absolute;
	width: 200px;
	height: 240px;
	top: 345px;
	left: 40px;
	z-index:50;
	}
	
#panda-b{
	position: absolute;
	width: 200px;
	height: 310px;
	top: 274px;
	left: 704px;
	z-index:30;
	}
	#panda-ba{
	position: absolute;
	width: 150px;
	height: 200px;
	top: 326px;
	left: 733px;
	z-index: 30;
	}
	#panda-bb{
	position: absolute;
	width: 150px;
	height: 200px;
	top: 326px;
	left: 700px;
	z-index:30;
	}


#intro{
	position: absolute;
	width: 464px;
	height: 230px;
	top: 157px;
	left: 186px;
	z-index: 80;
	}
#start-btn{
	position: absolute;
	width: 138px;
	height: 48px;
	top: 346px;
	left: 350px;
	z-index: 90;
	}

#kids-kusa{
	position: absolute;
	width: 924px;
	height: 147px;
	top: 439px;
	left: 38px;
	z-index:100;
	}

#q-btn{
	position: absolute;
	width: 170px;
	height: 165px;
	top: 271px;
	left: 254px;
	z-index: 150;
	}
#q-btn ul {
	margin:0px;
	padding:0px;}	
	
#q-btn ul li{
	list-style:none;
	float:none;
	height:50px;
	margin:0px;
	padding:0px;
	}
#q-btn ul li a{
	width:170px;
	height:50px;
	padding-left:10px;
	padding:0px;
	display:block;
	}	
#q-btn ul li a:hover{ background: url(../../kids/images/kids_btn-o.png) no-repeat left top; 	}
	
#kids-next-btn {
	position: absolute;
	width: 138px;
	height: 48px;
	top: 378px;
	left: 346px;
	z-index: 160;
	}

#kids-back-btn {
	position: absolute;
	top: 49px;
	right: 79px;
	width: 94px;
	height: 96px;
}



/*ーーーーーーーーーーーーー
cms　information 
ーーーーーーーーーーーーー*/


#information {
	position: relative;
	margin-bottom: 20px;
}

#information ul,
#information ol { margin: 20px 20px 20px 40px; }

.info-list {
	position: absolute;
	font-size: medium;
	top: 10px;
	right: 5px;
}

.info-list a:link {
	color: #ccc;
	text-decoration: none;
}

.info-list a:visited { color: #ccc }

.info-list a:hover { color: #CC9933; }

.info-list a:active { color: #ccc }

#information dl {
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px solid #E9E9E9;
}

#information dt {
	width: 120px;
	padding-left: 5px;
	float: left;
}

#information dd {
	float: left;
	width: 470px;
}

/*ーーーーーーーーーーー　　/cms　　ーーーーーーーーーーーーー*/

/*ーーーーーーーーーーー　　cms list　　ーーーーーーーーーーーーー*/
/* CMS */

#list { margin-bottom: 40px; }

.top-dl {
	clear: both;
	margin-top: 5px;
	margin-bottom: 5px;
	width: 950px;
	padding-top: 5px;
	border-bottom: 1px solid #CCCCCC;
}

.top-dl dt {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 80px;
}

.top-dl dd {
	float: left;
	margin-top: 10px;
	margin-bottom: 10px;
	margin-left: 20px;
	text-align: left;
}

.imgbox { padding-bottom: 10px; }

.top-dl dd.width-text {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	text-align: left;
	width: 700px;
}

.new { color: #FF0000; }

/*ーーーーーーーーーーー　　/cms list　　ーーーーーーーーーーーーー*/





/*ーーーーーーーーーーー　　banner　　ーーーーーーーーーーーーー*/



.banner a:link {
	position: relative;
	width: 280px;
	height: 120px;
	margin-bottom: 20px;
	display: block;
	border: 1px solid #CCCCCC;
	background-color: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/* Firefox v3.5+ */
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+  and by Opera v10.5+ */
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	behavior: url("/PIE.htc");
}

.banner a:visited {
	position: relative;
	width: 280px;
	height: 120px;
	margin-bottom: 20px;
	display: block;
	border: 1px solid #CCCCCC;
	background-color: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/* Firefox v3.5+ */
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+  and by Opera v10.5+ */
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	behavior: url("/PIE.htc");
}

.banner a:hover {
	background-color: #FFFFCC;
	border: 1px solid #CCCCCC;
}

.banner a:active {
	position: relative;
	width: 280px;
	height: 120px;
	margin-bottom: 20px;
	display: block;
	border: 1px solid #CCCCCC;
	background-color: #fff;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/* Firefox v3.5+ */
	-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+  and by Opera v10.5+ */
	box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
	behavior: url("/PIE.htc");
}

/*ーーーーーーーーーーー　　other 共通項目　　ーーーーーーーーーーーーー*/	


.shadow {
	position: relative;
	/* Firefox v3.5+ */
	-moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
	/* Safari v3.0+ and by Chrome v0.2+ */
	-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
	/* Firefox v4.0+ , Safari v5.1+ , Chrome v10.0+  and by Opera v10.5+ */
	box-shadow: 0px 0px 10px rgba(0,0,0,0.6);
	behavior: url("/PIE.htc");
}

.radius {
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.float-left { float: left; }

.float-right { float: right; }

.margintop-s { margin-top: 10px; }

.clear { clear: both; }

.page-top {
	clear: both;
	text-align: right;
	border-bottom: 1px dashed #996666;
	top: 70px;
	margin-bottom: 40px;
	font-size: small;
}

.widht100 { width: 100px; }

.widht120 { width: 120px; }

.widht140 { width: 140px; }

.widht160 { width: 160px; }

.widht180 { width: 180px; }

.widht200 { width: 200px; }

/*アコーディオン*/

.ques,
.ques2,
.ques3,
.ques4,
.ques5,
.ques6 {
	cursor: pointer;
	padding: 0px;
}

#ans,
#ans2,
#ans3,
#ans4,
#ans5,
#ans6 {
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	display: none;
}

.peKb_slideBtns { border-right: 1px solid #5D6970 !important; ; }

.peKb_arrows { border-left: 1px solid #8E969B !important; }

/*ーーーーーーーーーーー　　#scrollbox　ーーーーーーーーーーーーー*/	

#scrollbox {
	position: absolute;
	padding: 0px;
	width: 21px;
	height: 86px;
	z-index: 10000;
	right: 0px;
}

.space {
	text-align: center;
	margin: 20px;
}

.photo-left {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	
	border: 1px solid #999;
	padding: 1px;
	background: #FFFFFF;}
	
.photo-right {
	float:right;
	margin-left:10px;
	margin-bottom:10px;
	
	border: 1px solid #999;
	padding: 1px;
	background: #FFFFFF;}
	
	.pdf {
		clear:both;
	background: url(../images/pdf_head01.png) no-repeat left 5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 40px;
}

.pdf a { color:#0066FF; }

.pdf-s a {
	background:url(../common/pdf_head02.png) no-repeat 2px;
	padding-left: 25px;
	border-bottom:none;
	padding-top: 5px;
	padding-bottom: 5px;
}