@charset "utf-8";

body{
	background : transparent url(../../request/body_bg.png) repeat-x scroll left top; 
}

/****************************************************************************
ヘッダ
****************************************************************************/

#header{
  width:950px;
  height:130px;
  margin:0 auto;
}

#header h1{
  float:left;
  width:314px;
  height:64px;
  padding-top:43px;
}

#header #fight{
  float:left;
  width:120px;
  height:74px;
  padding-top:33px;
  padding-left:20px;
}

#header div{
  float:right;
  width:420px;
  height:61px;
  padding-top:35px;
}

/*Google search*/

#cse-search-box{
  float:left;
  width:240px;
  height:24px;
  border:1px solid #bfbfbf;
}

#search{
  float:left;
  display:inline;
  height:22px;
  width:170px;
  border:none;
  background-position:center 2px;
  margin-left:5px;
}

* html #cse-search-box{
  margin-left:0;
}

* html #search{
  margin-left:0;
  line-height:22px;
}


#searchbtn{
  float:right;
  width:60px;
  height:24px;
}

/*resizer*/

#resizer{
	float: right;
	width: 165px;
	height: 26px;
	background-color: transparent;
	background-image: url(../img/resizer_bg.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: right top;
	background-size: auto auto;
	background-origin: padding-box;
	background-clip: border-box;
}

#resizer dt,
#resizer dd{
  float:left;
  line-height:26px;
}

#resizer dd{
	padding-left:5px; 
}

#resizer dd a:hover img{
  filter:alpha(opacity=0);
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  -moz-opacity:0;
  -khtml-opacity: 0;
}

/*ヘッダナビ*/

#hnav{
  height:1.25em;
  clear:both;
  padding-top:30px;
  text-align:right;
  position:relative;
  width:490px;
  margin-left:-70px;
}

#hnav li{
  display:inline;
  padding-left:1.25em;
  line-height:1.25em;
}

#hnav li a{
	color:#4c4c4c; text-decoration:none; 
}
#hnav li a:hover{
	text-decoration:underline; 
}

/****************************************************************************
ナビ
****************************************************************************/

#nav{
  width:970px;
  margin:0 auto;
	padding-bottom:20px;
  background : transparent url(../../request/nav_bg.png) no-repeat scroll center top;
}

#globalnav{
	width: 950px;
	height: 50px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	background-color: transparent;
	background-image: url(../img/nav_globalnav_bg.png);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: left top;
	background-size: auto auto;
	background-origin: padding-box;
	background-clip: border-box;
}

#globalnav li{
	float:left; 
}

li.hover a img{
  filter:alpha(opacity=0);
  opacity: 0;
  -ms-filter: "alpha(opacity=0)";
  -moz-opacity:0;
  -khtml-opacity: 0;
}

/* Basic code - don't modify */
 
.droppy {
	display: block; margin: 0; padding: 0; position: relative; z-index:999999; 
}
.droppy li {
	display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; 
}
.droppy a {
	display: block; 
}
.droppy ul {
	display: none; position: absolute; left: 0; margin: 0; padding: 0; 
}
* html .droppy ul {
	line-height: 0; 
} /* IE6 "fix" */
  .droppy ul a {
	zoom: 1; 
} /* IE6/7 fix */
  .droppy ul li {
	float: none; 
}
  .droppy ul ul {
	top: 0; 
}
  
/* Everything else is theming */
.droppy ul {
  top: 50px;
  width:157px;
  background-color: #46acf9;
}

.droppy ul li a {
  width:137px;
  padding:10px;
  border-bottom:1px solid #a2c3e7;
  line-height:1.25em;
  font-weight:bold;
  color:#fff;
  text-decoration:none;
}
/* .droppy ul a { border-bottom: none; } - I also needed this for IE6/7 */
.droppy ul li a:hover{
	text-decoration:underline; 
}

#subnav{
  width:926px;
  margin:0 auto;
  background:#f39801;
  padding:12px 12px 6px 12px;
}

#subnav:after{
  content:"";
  display:block;
  clear:both;
}
*+html #subnav { zoom:1; }
* html #subnav {
	zoom:1; 
}

#subnav li{
  float:left;
  display:inline;
  height:1em;
  line-height:1em;
  margin-right:0.75em;
  padding-right:0.75em;
  border-right:1px solid #fff;
  margin-bottom:6px;
}

#subnav li a{
	color:#fff; text-decoration:none; 
}
#subnav li a:hover{
	text-decoration:underline; 
}

/****************************************************************************
コンテンツ
****************************************************************************/

#contents{
  width:950px;
  margin:0 auto;
}

#contents:after{
  content:"";
  display:block;
  clear:both;
}
*+html #contents { zoom:1; }
* html #contents {
	zoom:1; 
}

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

/*パンくず*/

#pathlist{
  width:700px;
  line-height:1.25em;
  padding-bottom:20px;
}

#pathlist:after{
  content:"";
  display:block;
  clear:both;
}
*+html #pathlist { zoom:1; }
* html #pathlist {
	zoom:1; 
}

#pathlist li{
  float:left;
  padding-right:0.75em;
}

#pathlist li a{
  padding-right:0.75em;
  line-height:1.25em;
}

#main{
  float:left;
  width:700px;
}

#main h1{
  height:55px;
  padding:145px 0 0 20px;
  color:#0075ce;
  font-size:32px;
  line-height:1em;
  background : transparent url(../../request/main_h1.jpg) no-repeat scroll left top;
}

/*2行になる場合*/
#main h1.line{
  height:85px;
  padding:115px 0 0 20px;
}

/*3行になる場合*/
#main h1.lines{
  height:110px;
  padding:90px 0 0 20px;
}

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

/*メインイメージ*/
#mainimg{
  position:relative;
  width:700px;
  height:300px;
  padding-bottom:20px;
}

#mainimg img{
  position:absolute;
  left:0;
  top:0;
	z-index:8;
	opacity:0;
}

#mainimg img.active{
	z-index:10;
	opacity:1.0;
}

#mainimg img.last-active{
	z-index:9;
}

/*ピックアップ*/
#pickupbox{
  background:#eaf6fd;
  padding:20px;
}

#pickupbox img{
  float:left;
}

#pickupbox #txtarea{
  float:right;
  width:390px;
}

#pickupbox .noimg#txtarea{
  float:none;
  width:auto;
}

#txtarea #date{
  height:20px;
  line-height:20px;
}

#txtarea h2{
  padding-bottom:10px;
  margin-bottom:10px;
  background : transparent url(../../request/line_dot.png) repeat-x scroll left bottom;
}

#newstxt{
	height:auto; 
}

#newstxt p{
	margin-right:10px; 
}

#newsbox,
#archivebox{
	padding-top:20px; 
}

#newsbox dl,
#archivebox dl{
	position:relative; 
}

#newsbox dt,
#archivebox dt{
  position:absolute;
  left:0;
  width:7em;
  padding-top:10px;
}

#newsbox dd,
#archivebox dd{
  padding:10px 0 10px 7em;
  background : transparent url(../../request/line_dot.png) repeat-x scroll left bottom;
}

#newsbox .arrowlink,
#archivebox .arrowlink{
  padding-top:10px;
  text-align:right;
}

/*新着情報・アーカイブ*/

.newslist{
	 
	position:relative;
  margin-top:-10px;
}

.newslist dt{
  position:absolute;
  left:0;
  width:7em;
  padding-top:10px;
}

.newslist dd{
  padding:10px 0 10px 7em;
  background : transparent url(../../request/line_dot.png) repeat-x scroll left bottom;
}

/*サイトマップ*/

.sitemaplist{
	width:48%; padding-top:15px; 
}
.leftarea{
	float:left; 
}
.rightarea{
	float:right;
}

.sitemaplist dt{
  padding:0.5em 0;
  background : transparent url(../../request/line_dot.png) repeat-x scroll left bottom;
}

.sitemaplist dd{
  padding:0.5em 0 0.5em 25px;
  background : transparent url(../../request/line_dot.png) repeat-x scroll left bottom;
}
.sitemaplist dd.sub{
	padding-left:50px;
}

.sitemaplist dt a{
  padding-left:25px;
  background : transparent url(../../request/arrow.png) no-repeat scroll left center;
}

/*Web相談窓口*/

#consultform{
  display:block;
  padding:0;
  margin:0;
}

#consultform label{
	cursor:pointer; 
}

#consultform input,
#consultform textarea{
  font-family:inherit;
  font-size:100%;
  font-style:inherit;
  font-weight:inherit;
  margin:0;
  padding:0.25em 0.5em;
  vertical-align:baseline;
  overflow:auto;
}

#consultform li input:hover,
#consultform li textarea:hover,
#consultform li input:focus,
#consultform li textarea:focus{
  border: 1px solid #0075CE;
}

#consultform input.cr{
  line-height:1em;
  height:1em;
  margin:auto 5px auto auto;
  padding:0;
  border:none;
  background:none;
  vertical-align:middle;
}

	/*safari*/
	html:not(:only-child:only-child) #consultform input[type=checkbox],
	html:not(:only-child:only-child) #consultform input[type=radio] {
    vertical-align:baseline;
	}
  
#consultform h4{
	padding-top:30px; 
}

#consultform dl{
  margin-left:20px;
}

#consultform dt{
  padding-bottom:0.25em;
  border-left:3px solid #ccc;
  padding-left:10px;
  height:1.25em;
  line-height:1.5em;
  margin-bottom:10px;
}

#consultform dd{
  margin-bottom:1.5em;
  padding-bottom:1em;
  padding-left:1.5em;
  border-bottom:1px dotted #ddd;
}

#consultform span,
#consultform p.err{
	color:#F60; 
}
#consultform p.err{
  width:90%;
  padding:5px 5px 5px 35px;
  background : #ff6600 url(../../request/err.png) no-repeat scroll 10px center;
  color:#fff;
  margin-top:0.5em;
}

label span{
	margin-left:0.25em; 
}

.exp{
	margin-bottom:0.25em; color:#999; 
}

.short{
	width:20%;
}
.middle{
	width:70%;
}
.long{
	width:95%; 
}
.textarea{
	height:15em; width:95%; 
}

#consultform .btnbox{
	text-align:center; 
}
#consultform .btnbox input{
	margin:0 20px; 
} 

/****************************************************************************
サイド
****************************************************************************/

#side{
  float:right;
  width:200px;
}

#side div{
  padding-bottom:10px;
  border-bottom:1px solid #0075ce;
  margin-bottom:40px;
}

#side div#banner{
  padding-bottom:0;
  border:none; 
}

#side h2{
	padding-bottom:20px; 
}

#side li,
#side div#weather p{
  display:block;
  width:200px;
  padding-bottom:10px;
  text-align:center;
}

#side div#snav{
  border-bottom:none;
  padding-bottom:0;
}

#snav dt{
  font-size:16px;
  line-height:18px;
  padding:15px 0;
  background:#0075ce;
  text-align:center;
  color:#fff;
}

#snav dd{
  border:1px solid #0075ce;
  border-top:none;
}

#snav dd a{
  display:block;
  padding:15px 10px 15px 35px;
  background : transparent url(../../request/arrow.png) no-repeat scroll 10px center;
  line-height:1.25em;
}
#snav dd a:hover,
#snav dd a.selected{
	background-color:#eaf6fd; 
}

/* お天気カメラ */
#side div#weather{
  padding-bottom:0;
  border:none;
  margin-bottom:20px;
}

/*QR*/
#side div#qr{
  padding-bottom:0;
  border:none;
  margin-bottom:30px;
  text-align:center;
}

#side div#qr p{
  padding:10px 15px 0 15px;
  line-height:1.5em;
}


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

#gotop{
  width:120px;
  height:25px;
  padding:0 40px 0 790px;
  margin:0 auto;
  padding-top:20px;
}

#fnav{
  width:100%;
  background:#0075ce;
  padding-bottom:12px;
  font-size:85%;
}

#fnav ul{
  width:950px;
  height:1em;
  margin:0 auto;
  padding-top:10px;
}

#fnav ul li{
  float:left;
  display:inline;
  height:1em;
  line-height:1.2em;
  margin-right:0.75em;
  padding-right:0.75em;
  border-right:1px solid #fff;
}

#fnav ul li a{
	color:#fff; text-decoration:none; 
}
#fnav ul li a:hover{
	text-decoration:underline; 
}

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

#footer{
  width:100%;
  padding-bottom:15px;
  border-bottom:1px solid #ccc;
}

#footer div{
  width:950px;
  margin:0 auto;
  padding-top:15px;
}

#footerhead{
  padding-bottom:15px;
  background : transparent url(../../request/line_dot.png) repeat-x scroll left bottom;
  font-size:85%;
  line-height:2em;
}

#footer table{
  width:auto;
  line-height:2em;
  font-size:85%;
}

#footer table td{
  width:auto;
  padding-left:1em;
}

#copyright{
  width:950px;
  padding-top:15px;
  padding-bottom:20px;
  margin:0 auto;
  text-align:right;
  font-size:11px;
  line-height:1em;
}

#fmail,
.fmail{
  vertical-align:middle;
}

/****************************************************************************
ホームページビルダー編集画面用
****************************************************************************/
#globalnav li ul,
#cse-search-box{
	display:none;
}