@charset "utf-8";

/* CSS Document */

/*
--------------------------------------------------------
Since: 2009-2-20
Last Update: 2009-4-17
Author: DEEP
Editor: DW8
-------------------------------------------------------- */


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

* {
margin: 0;
padding: 0;
}

body {
background: #fff;
font-size: 10px;
*font-size: 70%; /*for IE6,IE7*/
font-family: verdana, "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #333;
line-height: 1.5;
background-image: url(../img/bg_body.jpg);
background-repeat: repeat-x;
background-attachment: fixed;

}

img{
border: 0;
}

div.hidden {
font-size: 1%;
position: absolute;
top: -100px;
left: -100px;
width: 0;
height: 0;
overflow: hidden;
}

ul,li {
list-style:none;
}

a img { border:0; }

img { vertical-align: bottom; }

.clearfix:after {
  content: ".";
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

textarea { font-size: 100%; }

/*-----------------------------------------------
 __Base Link Color Setting
-----------------------------------------------*/

a:link {
color:#006633;
text-decoration: none;
}

a:visited {
color: #006633;
text-decoration: none;
}

a:hover {
color: #006633;
text-decoration: underline;
}

a:active {
color: #006633;
}


/*-----------------------------------------------
 __wrap
-----------------------------------------------*/

#wrap {
/*width:780px;
margin:0 auto;*/
width: auto;

}


/*-----------------------------------------------
 __header
-----------------------------------------------*/

#header {
background: url(../img/head_bk.gif) #fff repeat-x;
height: 90px;
min-width: 900px;
}

#header_area {
width: 720px;
margin: 0 auto;
position: relative;
}

#header_left {
position: absolute;
top: 10px;
left: 0px;
}

h1 {
font-size:1.0em;
color: #666666;
font-weight: normal;
line-height: 1.25em;
}

#header_left .logo {
padding: 5px 0 0 0;
}


#header_right {
position: absolute;
top: 12px;
right: 0px;
}


/*-----------------------------------------------
 __global_navi
-----------------------------------------------*/

.gnavi {
clear: both;
height: 50px;
background: url(../img/menu_bk.jpg) repeat-x;
}

.gnavi_area {
width: 720px;
margin: 0 auto;
}

.gnavi li {
display: inline;
font-size: 1pwx;/*for IE6*/
line-height: 1px;/*for IE6*/
}

div#head_fix  {  
width: 100%;  
padding: 0px;
margin:0;  
color: #FFF;  
position: fixed;  
top:0;  
left:0;
z-index:2;
}  

* html div#head_fix  {     
position: absolute;     
top: expression(eval(document.documentElement.scrollTop+0));  
}  



/*-----------------------------------------------
 __footer
-----------------------------------------------*/

#pagetop {
clear:both;
width:705px;
margin:0 auto;
padding:30px 0 0 0;
text-align:right;
height:35px;
font-size:1px;/*for IE6*/
line-height:1px;/*for IE6*/
}

#footer {
margin: 0;
padding: 0;
background: url(../img/foot_bk.gif) repeat-x;
min-width: 900px;
}

#footer .foot {
margin:0 auto;
padding: 16px 0px 0 10px;
zoom: 1;/*for IE 5.5-7*/
width: 720px;
height: 60px;
}

#footer .foot #copyright {
float: right;
margin:10px 5px 0 0;
}

#footer .foot ul {
float: right;
margin: 0;
padding: 0;
zoom: 1;/*for IE 5.5-7*/
}

#footer .foot ul li {
float: left;
margin-right: 8px;
line-height: 1px;/*for IE6*/
list-style:none;

}


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

.contents {
background: url(../img/contents_bk.jpg) repeat-x;
padding: 160px 0 0 0;
}

.contents_area {
width: 720px;
margin: 0px auto;
background: url(../img/contents_bk02.gif) repeat-y;
font-size: 1.2em;
}

.contents_area .left {
float: left;
width: 510px;
}

.contents_area .left h3 {
font-size:1.2em;
font-weight: bold;
color: #006600;
margin: 10px 0 10px 10px;
padding: 5px 5px 5px 5px;
border-bottom: 1px dotted #CCCCCC;
}

.contents_area .left .h3_2 {
font-size:1.2em;
font-weight: bold;
color: #006600;
margin: 20px 0 10px 10px;
padding: 5px 5px 5px 5px;
border-bottom: 1px dotted #CCCCCC;
}

.contents_area .right {
float: right;
width: 186px;
padding:0 0 0 0;
}

.contents_area .right p {
line-height: 1.75em;
color: #666666;
text-align: justify;
margin: 15px 0 0 0;
}





/* index.html
--------------------------------------------------------*/

/*-----------------------------------------------
 __メイン写真
-----------------------------------------------*/

#index_contents {
padding:140px 0 0 0;
z-index:1;
}

.main_01 {
background: url(../img/index_mainbk.jpg) repeat-x;
}

.main_02 {
background: url(../img/index_main.jpg) no-repeat;
height: 179px;
width: 756px;
margin: 0 auto;
position:relative;
}
#main_btn{
position:absolute;
right:0px;
bottom:0;}


/*-----------------------------------------------
 __メイン窓
-----------------------------------------------*/

#mains_bk {
background: url(../img/mado_bk.gif) repeat-x #EBECDE;
height: 216px;
}

#mains {
width: 730px;
margin: 0 auto;
padding: 20px 0px 0 0;

}

#mains li{
float: left;
list-style: none;
padding: 0 5px 0 0;
background-color: #EBECDE;
}

#mains_box01 {
background: url(../img/mado_01.jpg) no-repeat;
height: 178px;
width: 238px;
}

#mains_box01 #btn01 {
padding: 35px 0 0 10px;
}

#mains_box01 #btn02 {
padding: 5px 0px 0 10px;
}

#mains_box02 {
height: 178px;
width: 238px;
}

.pointer {
padding: 105px 0 0 25px;
font-size: 1.2em;
font-weight: bold;
}

.pointer_02 {
padding: 2px 0 0 10px;
font-size: 1.2em;
font-color: #666;
width: 210px;
text-align: justify;
}

#mains_box03 {
height: 178px;
width: 238px;
}


/*-----------------------------------------------
 __CMS
-----------------------------------------------*/

#cms {
width: 720px;
margin: 0 auto;
padding: 0px 0 0 0;
}

#cms h2 {
margin: 20px 0 10px 0 ;
}

.cms_01 {
font-weight: bold;
}

.cms_02 {
background-color: #E8E8E8;
text-align: justify;
}

.cms_03 {
margin: 10px 0 0px 0px;
}

/*-----------------------------------------------
 __町情報ブログ
-----------------------------------------------*/


.town_bg{
background: url(../img/town_bg.gif) no-repeat;
width:725px;
height:100px;
margin:20px auto 0 auto;
position:relative;
}

#town_btn{
position:absolute;
top:15px;
right:15px;
}

.town_rss{
width:300px;
position:absolute;
top:20px;
left:260px;
height:50px;
}
.town_ar{
background: url(../img/ar_02.gif) no-repeat;
padding:3px 0 0 15px;

}
/* ------------------------------------------------------------------------------------*/

/* privacy.html
--------------------------------------------------------*/

.pr_01 {
font-weight: bold;
margin: 15px 0 10px 0px;
}
.pr_02 {
line-height: 1.75em;
text-align: justify;
padding: 0px 0px 0px 20px;
}

.pr_03 {
line-height: 1.75em;
text-align: justify;
padding: 0px 0px 5px 20px;
}

.pr_04 {
margin: 15px 0 15px 0px;
padding: 0px 0px 0px 20px;
}

.pr_05 {
margin: 0px 0 15px 0px;
padding: 10px;
background-color: #FFFFCC;
}

.pr_06 {
padding: 0px 0px 0px 20px;
margin: 0px 0px 20px 0px;
}

.pr_07 {
margin: 0px 0px 10px 0px;
}

/* voice
--------------------------------------------------------*/

.voice_01 {
margin: 20px 0;
padding: 0px 0px 0px 15px;
min-height: 275px;
height: auto !important; /*for IE6*/ 
height: 275px; /*for IE6*/
}

.voice_02 {
	background: url(../../voice/img/pdf.gif) no-repeat left top;
	text-indent: 20px;
}

.voice_03 {
font-size:1.2em;
font-weight: bold;
color: #006600;
margin: 30px 0 10px 10px;
padding: 5px 5px 5px 5px;
border-bottom: 1px dotted #CCCCCC;
}

.voice_04 {
margin: 0px 0 25px 0px;
padding: 3px 0 0 285px;
}

/* company
--------------------------------------------------------*/

.company_01 {
margin: 2px 0 5px 0px;
}

.com_01{
background:url(../../company/img/number_01.gif) left top no-repeat;
padding:0px 0px 0px 20px;
margin:0 0 0 5px;
text-align:left;
width:185px;
}

.com_02{
background:url(../../company/img/number_02.gif) left top no-repeat;
padding:0px 0px 0px 20px;
margin:0 0 0 5px;
text-align:left;
width:185px;
}

.com_03{
background:url(../../company/img/number_03.gif) left top no-repeat;
padding:0px 0px 0px 20px;
margin:0 0 0 5px;
text-align:left;
width:185px;
}

.com_04{
background:url(../../company/img/number_04.gif) left top no-repeat;
padding:0px 0px 0px 20px;
margin:0 0 0 5px;
text-align:left;
width:185px;
}

.com_05{
background:url(../../company/img/number_05.gif) left top no-repeat;
padding:0px 0px 0px 20px;
margin:0 0 0 5px;
text-align:left;
width:185px;
}

.com_06{
background:url(../../company/img/number_06.gif) left top no-repeat;
padding:0px 0px 0px 20px;
margin:0 0 0 5px;
text-align:left;
width:185px;
}

.com_btn {
padding: 10px 15px 0 0;
text-align:right;
}

.com_btn2 {
padding: 5px 15px 10px 0;
text-align:right;
}


.note {
margin: 0px auto;
}

.note th {
font-weight: normal;
background-color: #F9F9F9;
text-align: left;
width: 115px;
padding-left: 30px;
}

.note td {
padding: 10px;
vertical-align: top;
background-color: #fff;
text-align: justify;
}

.note ol {
padding-left: 25px;
}

.note ol li{
list-style: decimal;
}

.note_02 {
margin: 0px auto;
}

.note_02 th {
font-weight: normal;
background-color: #E0F5EE;
text-align: left;
width: 50px;
padding: 3px 0px 3px 15px;
}

.note_02 td {
padding: 3px 5px 3px 5px;
vertical-align: top;
background-color: #ffffff;
text-align: justify;
color: #666666;
}

/*　地図印刷用CSS　*/

.mapArea {
margin: 10px auto 0;
width:500px;
font-size:1.2em;
line-height:1.35em
}

.map_title {
font-weight:bold;
margin:0 0 10px 0;
}

.map_btn {
text-align:center;
margin:10px 0;
}



/* sitemap
--------------------------------------------------------*/

.sitemap_area{
width:480px;
margin:30px 0 0 10px;
height:auto;
}

.sitemap_area li{
background:url(../img/ar_01.gif);
background-repeat:no-repeat;
padding:0 0 0 18px;
list-style:none;
}

.sitemap_area dt{
border-left:3px solid #36B87C;
border-bottom:1px dotted #CCC;
margin:30px auto 5px auto;
padding:0 0 2px 10px;
font-weight:bold;
color:#006633;
}



/*margin*/
.mt05{
margin:5px 0 0 0;
}

.mt10{
margin:10px 0 0 0;
}

.mt15{
margin:15px 0 0 0;
}

.mt20{
margin:20px 0 0 0;
}

.mt25{
margin:25px 0 0 0;
}

.mt30{
margin:25px 0 0 0;
}

.mt35{
margin:35px 0 0 0;
}