/* /////////////////////////////////////////// */
/* 共通スタイルシート
/* /////////////////////////////////////////// */

* {
	font-size:100%;
	line-height:1.6;
	margin:0px;
	padding:0px;
	list-style:none;
}
body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック','MS PGothic',sans-serif;
	font-size:12px;
	text-align:center;
	color:#333333;
	background-color:#FFFFFF;
	background-image: url(../images/header_bg.jpg);
	background-repeat: repeat-x;
	padding-top: 20px;
}
img {
	border:none;
	vertical-align:top;
}

/* /////////////////////////////////////////// */
/* 構造
/* /////////////////////////////////////////// */

.wrapper {
	width: 820px;
	margin: 0px auto 0px auto;
	text-align:center;
	clear:both;
	background-image: url(../images/base_body.jpg);
	background-repeat: repeat-y;
}
#body_img {
	width: 820px;
	background-color:#FFFFFF;
}
#header {
	background-image: url(../images/base_body.jpg);
	background-repeat: repeat-y;
}
#header h2{
	float:left;
	margin: 0px 0px 0px 15px;
}
#header_left {
	float:left;
	width: 300px;
}
#header_right {
	float:right;
	width: 280px;
	text-align:right;
}
#header p{
	float:left;
	padding: 20px 10px 0px 0px;
}

/* /////////////////////////////////////////// */
/* トップページ　写真画像部分
/* /////////////////////////////////////////// */

#top_img{
	width: 820px;
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/base_body.jpg);
	background-repeat: repeat-y;
	text-align:center;
}
#top_img p {
	background-image: url(../images/bg_dot.jpg);
	padding: 5px;
	margin: 0px auto 0px auto;
	width: 780px;
}

/* /////////////////////////////////////////// */
/* トップページ　画像スライドショー用
/* /////////////////////////////////////////// */

#slide {
	overflow: hidden;
	margin: 0px auto 0px auto;
	position: relative;
	padding: 0px 0px 0px 0px;
	background-image: url(../images/base_body.jpg);
	background-repeat: repeat-y;
	width: 820px;
	height: 300px;
}

#slide img {
	border: 0;
	background-image: url(../images/bg_dot.jpg);
	padding: 5px;
	margin: 0px auto 0px 15px;
	width: 780px;
	height: 290px;
	text-align: center;
}


/* /////////////////////////////////////////// */
/* グローバルナビ
/* /////////////////////////////////////////// */

table.global_nav {
	width: 790px;
	margin: 0px auto;
	font-size:11px;
}
table.global_nav th {
	background: url(../images/gnav_linebg.jpg);
	width: 2px;
	text-align: left;
	vertical-align: top;
}
table.global_nav td a {
	background-image: url(../images/gnav_bg.jpg);
	background-repeat: repeat-x;
	background-color:#99CC00;
	text-align: left;
	vertical-align: top;
	padding: 15px 10px 10px 10px;
	display:block;
}
table.global_nav td a:hover {
	background-image: url(../images/gnav_bgon.jpg);
	background-repeat: repeat-x;
	background-color:#336600;
}
/* /////////////////////////////////////////// */
/* ローカルナビ
/* /////////////////////////////////////////// */

#local_nav {
	clear:both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-image: url(../images/footer_bg.gif);
}
#local_nav li {
	float:left;
	padding: 7px 5px 3px 7px;
	background-image: url(../images/lnav_line.gif);
	background-repeat: no-repeat;
	background-position: right center;
}
/* /////////////////////////////////////////// */
/* サイドメニュー
/* /////////////////////////////////////////// */

.nav_box { 
width: 240px;
background-image: url(../images/01_box_bg.jpg);
background-repeat: repeat-y;
background-position: left top; 
}
.nav_box a:hover {   
position:relative;   
top:1px;   
left:1px;   
}  
.nav_bg { 
padding: 5px;
margin: 5px 10px 0px 10px;
border: 1px solid #CCCCCC; 
}
.nav_box li { 
background-image: url(../images/01_04_list.gif);
background-repeat: no-repeat;
background-position: 0px 8px;
padding-top: 2px;
padding-left: 15px;
padding-bottom: 2px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC; 
}
.nav_box li.li_last { 
border:none; 
} 

/* /////////////////////////////////////////// */
/* パンクズ
/* /////////////////////////////////////////// */

#pankuzu {
	color:#333333;
	padding: 5px 10px 5px 7px;
	text-align:left;
	margin-bottom: 20px;
	font-size:10px;
}

/* /////////////////////////////////////////// */
/* メイン
/* /////////////////////////////////////////// */

#main {
	clear:both;
	padding: 0px 15px 15px 15px;
	text-align:left;
}
.contents{
	width:760px;
	margin: 0px auto 0px  auto;
}

/* /////////////////////////////////////////// */
/* サービスリスト
/* /////////////////////////////////////////// */

#main dl.serviceList {
	margin: 0 0 20px;
}
#main dl.serviceList dt {
	position: relative;
	width: 400px;
	margin-bottom: 5px;
	padding-top: 15px;
	padding-left: 80px;
	font-size: 1.2em;
	font-weight: bold;
	border-top: 1px dotted #ACACAC;
}
#main dl.serviceList dt a:link {        
    text-decoration:none;
}
#main dl.serviceList dt a:visited {    
    text-decoration:none; 
}
#main dl.serviceList dt.firstChild,
#main dl.serviceList dt:first-child {
	border-top: 0;
	padding-top: 0;
}
#main dl.serviceList dt a {
	padding-left: 15px;
	background: url(../images/arrow002.gif) no-repeat left center;
}
#main dl.serviceList dt img {
	position: absolute;
	top: 15px;
	left: 0;
	padding: 2px;
	border: 1px solid #EEE;
}
#main dl.serviceList dt.firstChild img,
#main dl.serviceList dt:first-child img {
	top: 0;
}
#main dl.serviceList dd {
	margin-bottom: 15px;
	padding-left: 80px;
	height: 50px;
}
#main dl.serviceList > dd {
	min-height: 50px;
    height: auto !important;   
    height: 50px; 
}
/* /////////////////////////////////////////// */
/* 更新履歴用
/* /////////////////////////////////////////// */

dl.listnew dt {
  clear: left;
  float: left;
  margin: 0 0 0.8em;
  width: 7.5em;
  border-left: solid 8px #CCC;
  padding-left: 5px;
  color: #000;
}

dl.listnew dd {
  margin-bottom: 0.8em;
  margin-left: 7.5em;
}

/* /////////////////////////////////////////// */
/* リスト用
/* /////////////////////////////////////////// */

dl.list511 dt {
  margin-top: 1em;
  width: 10em;
  border-bottom: dotted 1px #363;
  padding-left: 5px;
  font-size: 119%;
  font-weight: bold;
  color: #363;
}

dl.list511 dd {
  margin-left: 0;
}

dl.list511 dd ul {
  margin: 0.7em 0;
}

dl.list511 dd ul li {
  margin-left: 50px;
	padding: 5px 7px 3px 12px;
	background-image: url(../images/small_list01.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}

div.div100-hpi {
  margin: 1em 0 0;
  width: 480px;
  overflow: hidden; /* clear float */
}

div.div100-hpi h3 {
  margin: 1em 0;
  padding: 3px 10px;
  border-bottom: solid 3px #363;
  font-size: 119%;
  color: #363;
}

div.div100-hpi p {
  margin: 1em 0 1em 20px;
}

div.div100-hpi img.figure {
  float: right; /* 画像を左寄せにする場合は left */
  display: inline; /* for IE6,7 */
  margin: 0 0 1em 20px;
}

div.div020-hpl {
  margin: 1em 0;
  border: solid 1px #006600;
  width: 500px;
}

div.div020-hpl h3 {
  margin: 0 0 1em 0;
  background: #346500;
  padding: 5px 15px;
  color: #FFF;
}

div.div020-hpl p {
  margin: 0.5em 15px 0.5em 30px;
}

div.div020-hpl ol {
  margin-left: 0;
  margin-bottom: 20px;
  padding-left: 0;
}

div.div020-hpl ol li {
  margin-left: 60px;
  list-style: square;
}

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

#footer {
	display:block;
	clear:both;
	background-image: url(../images/base_body.jpg);
	background-repeat: repeat-y;
	padding: 5px 15px 0px 15px;
}
#footer_bg {
	background-image: url(../images/bg03-5.gif);
	width: 770px;
	padding: 10px;
}
#footer ul {
    width: 70%;    
    margin: 0 auto;  
    text-align: left;
}
#footer li {
	font-size:11px;
	float:left;
	padding: 5px 7px 3px 12px;
	background-image: url(../images/small_list01.gif);
	background-repeat: no-repeat;
	background-position: 5px 8px;
}
#footer a:hover {
    text-decoration: none;
	color: #006600;
	background-image: url(../images/dot.gif);
	background-repeat: repeat-x;
	background-position: left;
	padding-bottom: 14px;
}
#pagetop {
	padding: 10px 10px 10px 0px;
}

/* /////////////////////////////////////////// */
/* トップページ
/* /////////////////////////////////////////// */

#table_top {
	width:100%;
	margin: 0px auto 0px auto;
}
#table_left {
	float:left;
	width:500px;
	margin: 15px 0px 0px 10px;
}
.table_bg{
	background-image: url(../images/bg_dot.jpg);
	padding: 5px;
	width:490px;
}
.top_table_bg{
	background-image: url(../images/bg_dot.jpg);
	padding: 5px;
	width:490px;
}
.top_table_bg th{
	width:110px;
}
.top_table_bg td{
	width:380px;
}
#top_continue_img {
	text-align:right;
}
#table_right {
	float:right;
	width:240px;
	margin: 15px 10px 0px 0px;
}
.midashi {
	text-align:left;
	font-size:14px;
	font-weight:bold;
	color: #F1F1F1;
	background-image: url(../images/top_info_title02.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 3px;
	padding-left: 23px;
}
#table_right p {
	margin: 0px 0px 10px  0px;
}

/* /////////////////////////////////////////// */
/* サイトマップ用
/* /////////////////////////////////////////// */

ul.list430 li {
  margin: 0.5em 0 0.5em 60px;
  list-style: url(../images/01_05_list.gif);
}

ul.list430 li.file {
  list-style: url(../images/01_03_list.png);
}

ul.list430 li ul {
  margin: 0;
  padding: 0;
}

ul.list430 li ul li {
  list-style: url(../images/01_06_list.gif);
}

/* /////////////////////////////////////////// */
/* 飾り枠用
/* /////////////////////////////////////////// */

.box10{
  width: 238px;/*全体の幅*/
  font-size: 12px;/*文字サイズ*/
  border: solid 1px #999999;
}
.box10 dt{/*タイトル部分の設定*/
  position: absolute;
  width: 150px;/*タイトルの幅*/
  font-weight: bold;/*太字*/
  margin: -12px 20px 0 20px;
  padding: 6px 0 4px 1em;
  border: solid 1px #5A9E5A;/*枠の色*/
  background: #FFFFFF;/*枠内の背景色*/
}
.box10 dd{/*内容部分*/
  margin: 0;
  padding: 1em 0 8px 0;
  border: solid 1px #A6DCA4;/*枠の色*/
}
.box10 dd p{/*段落*/
  padding: 0.7em;/*テキスト部分の余白*/
  margin: 0;
}

/* /////////////////////////////////////////// */
/* アコーディオン用
/* /////////////////////////////////////////// */

#accordion {
	width:459px;
	margin:10px auto
}
.accordion {
	width:459px;
	font-size:12px;
	color:#033
}
.accordion dt {
	width:439px; 
	border:2px solid #9ac1c9;
	padding:8px;
	font-weight:bold;
	margin-top:5px;
	cursor:pointer;
	background:url(../images/header.gif)
}
.accordion dt:hover {
	background:url(../images/header_over.gif)
}
.accordion dd {
	overflow:hidden;
	color:#CC0000;
	background:#fff
}
.accordion span {
	display:block;
	font-size:14px;
	width:425px;
	border:2px solid #9ac1c9;
	border-top:none;
	padding:15px
}

#accordion2 {
	width:259px;
	margin:50px auto;
	border:1px solid #333;
	border-top:none
}
.accordion2 {
	width:259px;
	font-size:12px;
	color:#333
}
.accordion2 dt {
	width:247px;
	padding:4px 6px;
	font-weight:bold;
	cursor:pointer;
	background-color:#666;
	background-image:url(../images/arrow_down.gif);
	background-position:right center;
	background-repeat:no-repeat;
	color:#fff;
	border-top:1px solid #333
}
.accordion2 dt:hover {
	background-color:#555
}
.accordion2 .open {
	background-color:#444;
	background-image:url(../images/arrow_up.gif)
}
.accordion2 dd {
	overflow:hidden;
	background:#fff
}
.accordion2 span {
	display:block;
	width:229px;
	border-top:none;
	padding:15px
}

/* /////////////////////////////////////////// */
/* CSSハック
/* /////////////////////////////////////////// */

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

/*\*/
* html #body_gnav {
    height: 1em;
}

#body_gnav {
    display: block;
}
/**/
.clear {
	display:block;
	height:1px;
	font-size:1px;
	clear:both;
}

/* /////////////////////////////////////////// */