@charset "utf-8";
/* ===================================================================
CSS information

 File Name  : commom.css

fonts
 10px = 77%     11px = 85%     12px = 93%     13px = 100%
 14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
 18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
 22px = 167%    23px = 174%    24px = 182%    25px = 189%
 26px = 197%
=================================================================== */

/* スクロールバーの有無によるズレ対策 */
html {
  overflow-y: scroll;
}

body {
  font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Verdana','ＭＳ Ｐゴシック',sans-serif;
  color: #333;
  line-height: 1.4;
}
input,select,option,textarea{
  font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Verdana','ＭＳ Ｐゴシック',sans-serif;
  color: #333;
}

#wrap{
  background: url("../images/common/bg.png") no-repeat center top;
}
#home #wrap{background: none;}

/*******************************************************
  リンク
********************************************************/
a {
  color: #039;
  text-decoration: underline;

  -webkit-transition: color 0.2s linear;
  -moz-transition: color 0.2s linear;
  -o-transition: color 0.2s linear;
  transition: color 0.2s linear;
}
a:link {
  color: #039;
}

a:visited {
  color: #039;
}

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

a:active {}

#searchArea a img,
#main a img{
  -webkit-transition: all 0.5s linear;
  -moz-transition: all 0.5s linear;
  -o-transition: all 0.5s linear;
  transition: all 0.5s linear;
}
#searchArea a img:hover,
#main a img:hover,
#searchArea a:focus img,
#main a:focus img{
  filter: alpha(opacity=50);
  opacity:0.50;
}

/*******************************************************
  ヘッダー部分
********************************************************/
#header{
  position: relative;
}
h1{
  position: absolute;
  left: 0;
  top: 0;
  z-index: 100;
}
body #header h1,
body #header h1 *{
  background: transparent !important;
}
/* TopPage */
#home #mainImg{
  padding-top: 50px;
}
#home #mainImg p{
  height: auto;
}
#home #mainImg img{
  position: static;
}
/* Others */
#mainImg{
  padding-top: 100px;
}
#mainImg p{
  height: 65px;
  overflow: hidden;
  position: relative;

  border-radius: 10px 10px 0 0;
}
#mainImg img{
  position: absolute;
  top: -260px;
}

/* upperNavi
--------------------*/
#upperNavi{
  position: absolute;
  right: 10px;
  top: 12px;
  line-height: 1;
  overflow: hidden;
  _zoom: 1;
}
#upperNavi img{vertical-align: top;}
#upperNavi li{
  margin-left: 16px;
  padding: 0 0 5px 25px;
  float: left;
  background: url("../images/common/list01.gif") no-repeat 3px 10px !important;
}
#upperNavi li.googleTranslate{
  background: none;
  padding: 5px 0 0;
}
#upperNavi li.googleTranslate img{padding: 0;}
#upperNavi li img{
  padding-top: 10px;
}
#fontchange,
#colorchange{
  float: left;
  overflow: hidden;
  _zoom: 1;
}
#fontchange dt,
#colorchange dt{
  margin-right: 10px;
  float: left;
}
#fontchange dd,
#colorchange dd{
  margin-left: 2px;
  float: left;
  cursor: pointer;
}
#fontchange dd img,
#colorchange dd img{
  padding-top: 0
}
#fontchange dd.active img{
  opacity:0;
  filter: alpha(opacity=0);
  _visibility: hidden;
}
#ch_l{background: url("../images/common/sizeL_on.gif") no-repeat left top !important;}
#ch_m{background: url("../images/common/sizeM_on.gif") no-repeat left top !important;}
#ch_s{background: url("../images/common/sizeS_on.gif") no-repeat left top !important;}

/*******************************************************
  グローバルナビゲーション
********************************************************/
#gNavi{
  background: url("../images/common/gNaviBg.png") no-repeat left top !important;
  _zoom: 1;
}
#gNavi:after{
  content: ".";
  visibility: hidden;
  clear: both;
  display: block;
  height: 0;
  line-height: 0;
  font-size: 0;
}
#gNavi *{background: transparent!important;}
#gNavi li{
  float: left;
}
#gNavi li a{
  display: block;
}

#life #gn02 a img,
#kosodate #gn03 a img,
#kenko #gn04 a img,
#tourist #gn05 a img,
#business #gn06 a img,
#chosei #gn07 a img{
  opacity:0;
  filter: alpha(opacity=0);
  _visibility: hidden;
}
/*******************************************************
  検索部
********************************************************/
#searchArea{
  margin: 0 auto;
  width: 940px;
  height: 52px;
  background: url("../images/common/searchBg.png") no-repeat left top;
}
#searchArea dl{
  padding-top: 13px;
  float: left;
}
#searchArea dl dt{
  padding: 7px 10px 0 80px;
  float: left;
}
#searchArea dl dd{
  margin-left: 8px;
  float: left;
}
#searchArea dl dd input{vertical-align: middle;}
#searchArea .txt{
  padding: 2px 4px;
  background: url("../images/common/searchTextBg.png") no-repeat left top;
}
#searchArea .txt input{
  width: 360px;
  /width: 355px;
  height: 26px;
  border: 0;
  background-color: transparent;
}
body.color-blue #searchArea .txt input,
body.color-yellow #searchArea .txt input,
body.color-black #searchArea .txt input{
  border: 1px solid;
}
#searchArea div{
  margin-top: 2px;
  padding: 3px 50px 0 15px;
  border-left: 1px solid #749bcd;
  float: right;
}


/*******************************************************
  パンくず
********************************************************/
#topicPath{
  padding: 0 0 10px 0.5em;
  line-height: 1.2;
}
#topicPath li{
  display: inline;
}
#topicPath li a
,#topicPath li.gt{
  padding-right: 15px;
  background: url("../images/common/gt.gif") no-repeat 98% center;
}
/*******************************************************
  コンテンツ部
********************************************************/
#contents{
  overflow: hidden;
  _zoom: 1;
}

#update{
  text-align: right;
}
/* 見出し
------------------------*/
#cateTitle{
  border: 1px solid #ccc;
}

.title{
  margin-bottom: 10px;
  padding: 15px 0 3px 20px;
  border: 1px solid #ddd;
  border-radius: 5px 5px 0 0;
  background: url("../images/common/titleBg01.gif") repeat-x left bottom;
  font-weight: bold;
  font-size: 123.1%;
}
#sougou .title{border-bottom: 3px solid #2e75be;}
#life .title{border-bottom: 3px solid #ebac33;}
#kosodate .title{border-bottom: 3px solid #ed89d7;}
#kenko .title{border-bottom: 3px solid #68d244;}
#tourist .title{border-bottom: 3px solid #4ea7e0;}
#business .title{border-bottom: 3px solid #787878;}
#chosei .title{border-bottom: 3px solid #b19306;}
h2.attention {border-bottom: 3px solid #cc0000!important;}

.sideContents{
  border-radius: 0 0 5px 5px;
  background: url("../images/common/sideNaviBg.gif") repeat-x left bottom;
}
.sideContents div,
.sideContents ul{
  border: 1px solid #ddd;
  border-radius: 0 0 5px 5px;
}

/* 新着情報
---------------------------*/
#information{
  margin-top: 10px;
  padding-bottom: 10px;
}
#information h3{
  padding: 8px 0 5px 20px;
  border: 1px solid #ddd;
  border-radius: 5px 5px 0 0;
  background: url("../images/common/titleBg01.gif") repeat-x left bottom;
}
#information dl{
  padding: 0 10px;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  line-height: 1.2;
}
#information dl dt{
  padding: 10px 0 3px 28px;
  float: left;
  background: url("../images/common/list02.gif") no-repeat 10px 0.78em;
}
#information dl dd{
  padding: 10px 0 3px 11.2em;
  border-bottom: 1px dashed #ccc;
}
#information p{
  margin: 5px 10px 0 0;
  text-align: right;
}
#information p a{
  padding-left: 15px;
  background: url("../images/common/list01s.gif") no-repeat left center;
}

/* 新着情報の日付
------------------------*/
#information span.year,
#information span.date{
  display: block;
  float: left;
  text-align:right;
}
#information span.year{ width: 3.8em;}
#information span.date{ width: 2.5em;}

/* Google Translate*/
html.translated-ltr #information dl dt{
  float: none;
}
html.translated-ltr #information dl dt span{
  width: auto;
  float: none;
  display: inline;
  text-align: left;
}
html.translated-ltr #information dl dd{
  padding: 0 0 5px 28px;
}
/* コンテンツナビ　各カテゴリーのトップで
---------------------------*/
#contentsNavi{
  margin-right: -2%;
  letter-spacing: -.40em;
}
#contentsNavi div{
  margin-top: 15px;
  margin-right: 2%;
  /margin-right: 1.5%;
  width: 31.3%;

  display: inline-block;
  /display: inline;
  /zoom: 1;
  vertical-align: top;
  letter-spacing: 1px;
}
#contentsNavi div h3{
  padding: 10px 0 5px 10px;
  border: 1px solid #ddd;
  border-radius: 5px 5px 0 0;
}
#contentsNavi div h3 a{
  font-weight: bold;
  font-size: 108%;
}
#contentsNavi div ul{
  padding: 5px 10px 10px;
  border: 1px solid #ddd;
  border-radius: 0 0 5px 5px;
  background: url("../images/common/sideNaviBg.gif") repeat-x left bottom;
}
#contentsNavi div ul li{
  margin-top: 0.4em;
  padding-left: 18px;
  line-height: 1.2;
  background: url("../images/common/list01s.gif") no-repeat left 0.2em;
}
/* #sougou #contentsNavi div h3{ */
/*  border-bottom: 3px solid #2e75be!important; */
/* } */

/*
  コンテンツ部　共通スタイル
********************************************************/
.section{
  margin: 2em 0 2em 1em;
}
.section h3 a,
.section h4 a,
.section h5 a,
.section h6 a{font-weight: bold;}
.section h3{
  padding: 0.5em 0.5em 0.2em 1em;
  font-size: 123.1%;
  font-weight: bold;
}
.section h4{
  padding: 0.4em 0.5em 0.3em 0.8em;
  border-top: 1px dotted #aaa;
  background: url("../images/common/shasen.gif") repeat-x left bottom;
  font-size: 123.1%;
  font-weight: bold;
}
.section h5{
  margin: 1.5em 0 0 0.5em;
  padding: 0.2em 0.5em 0.1em;
  font-weight: bold;
  font-size: 108%;
}
.section h6{
  margin: 1.5em 0 0 0.5em;
  padding: 0.1em 0.5em 0;
  border-bottom: 1px solid #ccc;
  border-left: 5px solid #999;
  font-weight: bold;
}
.section p
,p.txt{
  padding: 1em 0 0 1em;
}
.section li table{
  margin-bottom: 1.5em;
}

strong{}
/* photoL */
.photoL{
  margin-top: 1.5em;
  overflow: hidden;
  _zoom: 1;
}
.photoL img{
  padding: 1em 1em 0 0;
  float: left;
}
.photoL350{
	float: left;
	padding-top: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0;
	padding-left: 0;
	width: 350px;
}
.photoL p{}


/* photoR */
.photoR{
  margin-top: 1.5em;
  overflow: hidden;
  _zoom: 1;
}
.photoR img{
  padding: 1em 0 0 1em;
  float: right;
}
.photoR p{}

/* googleMap */

#map_canvas{
  margin: 20px 0;
  width: 100%;
  height: 300px;
}
body.color-blue #map_canvas *:not(.gmapText),
body.color-yellow #map_canvas *:not(.gmapText),
body.color-black #map_canvas *:not(.gmapText){
  background-color: transparent !important;
}


.monthly{
	margin-right: 0;
	margin-left: 1em;
	margin-top: 0ex;
	margin-bottom: 0em;
	border-left-width: 2em;
	border-left-style: solid;
	border-left-color: #F90;
}

.monthlyTitle{
	color: #FFF;
	float: left;
	height: auto;
	width: 1em;
	margin-top: 10px;
	margin-right: 0;
	margin-left: -20px;
	text-align: center;
	font-weight: bold;
}

/* rightSide
------------------------*/
#rightSide{}

/*- rightNaviImg -*/
.rightNaviImg{
  margin-bottom: 10px;
}
.rightNaviImg li{
  margin-top: 5px;
}
.rightNaviImg li img{vertical-align: bottom;}

/*- rightNaviList -*/
.rightNaviList{
  margin-bottom: 10px;
}
.rightNaviList h2{}
.rightNaviList ul{
  padding: 5px 0;
}
.rightNaviList ul li{
  padding: 0.2em 0 2px 30px;
  background: url("../images/common/list01.gif") no-repeat 8px 0.3em;
}

/* subNavi
------------------------*/
.subNavi{
  margin-bottom: 15px;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.subNavi h2{
  padding: 1em 0 0 10px;
  font-weight: bold;
  font-size: 108%;
}
.subNavi ul{
  padding: 5px 10px 10px;
  border-radius: 0 0 5px 5px;
  background: url("../images/common/graBg01.png") repeat-x left bottom;
}
.subNavi ul li{
  padding: 0.5em 0 0.2em 20px;
  border-bottom: 1px dotted #ccc;
  background: url("../images/common/list01s.gif") no-repeat 5px 0.9em;
}

/* cateNavi
------------------------*/
#cateNavi{
  border-radius: 5px;
}
#cateNavi h2{
  padding: 108px 0 2px 0;
  text-align: center;
}
#cateNavi h2 a{
  font-weight: bold;
}
#cateNavi ul{
  padding: 0 5px;
  overflow: hidden;
}
#cateNavi ul li{
  margin-top: -1px;
  padding: 0.8em 5px 5px 22px;
  border-top: 1px dashed #ccc;
  background: url("../images/common/list04.gif") no-repeat 7px 1.3em;
}

#sougou #cateNavi{border: 2px solid #2e75be;}
#life #cateNavi{border: 2px solid #ebac33;}
#kosodate #cateNavi{border: 2px solid #ed89d7;}
#kenko #cateNavi{border: 2px solid #68d244;}
#tourist #cateNavi{border: 2px solid #4ea7e0;}
#business #cateNavi{border: 2px solid #787878;}
#chosei #cateNavi{border: 2px solid #b19306;}

#sougou #cateNavi h2{}
#life #cateNavi h2{
  border-bottom: 1px solid #f1d8aa;
  background: #f6ecd9 url("../images/life/cateNaviImg.jpg") no-repeat left top;
}
#kosodate #cateNavi h2{
  border-bottom: 1px solid #f4d6ee;
  background: #f9e7f5 url("../images/kosodate/cateNaviImg.jpg") no-repeat left top;
}
#kenko #cateNavi h2{
  border-bottom: 1px solid #d0e5c9;
  background: #e4f7de url("../images/kenko/cateNaviImg.jpg") no-repeat left top;
}
#tourist #cateNavi h2{
  border-bottom: 1px solid #d5e4ed;
  background: #e5f3fb url("../images/tourist/cateNaviImg.jpg") no-repeat left top;
}
#business #cateNavi h2{
  border-bottom: 1px solid #ddd;
  background: #eee url("../images/business/cateNaviImg.jpg") no-repeat left top;
}
#chosei #cateNavi h2{
  border-bottom: 1px solid #e9e2c0;
  background: #f4efd6 url("../images/chosei/cateNaviImg.jpg") no-repeat left top;
}

/* shisetsuInq
------------------------*/
#shisetsuInq{
  clear: both;
	margin: 0 0 20px;
	padding: 12px;
	border-radius: 5px;
	background-color: #ebac33;
}
body.color-blue #shisetsuInq,
body.color-yellow #shisetsuInq,
body.color-black #shisetsuInq{
  border: 1px solid;
}

#shisetsuInq .body{
	padding: 10px;
	border-radius: 3px;
	background-color: #fff;
}
#shisetsuInq h3{
	padding: 5px 10px 2px;
	border-bottom: 2px dotted #d08f18;
	font-size: 138.5%;
}
#shisetsuInq dl{
	padding: 10px 10px 0;
	overflow: hidden;
	_zoom: 1;
}
#shisetsuInq dl dt{
	float: left;
	padding: 5px 0 0 1em;
}
#shisetsuInq dl dd{
	padding: 5px 0 3px 6em;
	border-bottom: 1px dashed #ccc;
}

/* pageInq
------------------------*/
#pageInq{
  clear: both;
  padding: 10px;
  border: 1px solid #bbb;
  border-radius: 5px;
  background: url("../images/common/graBg01.png") repeat-x left bottom;
}
#pageInq h3{
  padding: 0 10px 5px;
  background: url("../images/common/copyBg.gif") repeat-x left bottom;
}
#pageInq h3.attention{
  padding: 0 10px 5px;
  background: url("../images/common/copyBg_attention.gif") repeat-x left bottom!important;
}
#pageInq dl{
  padding: 10px 10px 0;
  overflow: hidden;
  _zoom: 1;
}
#pageInq dl dt{
  padding: 5px 0 3px 1em;
  float: left;
}
#pageInq dl dd{
  padding: 5px 0 3px 11em;
  border-bottom: 1px dashed #ccc;
}

/* getPdf
------------------------*/
#getPdf{
  clear: both;
  margin-bottom: 1.5em;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;

  overflow: hidden;
  _zoom: 1;
}
#getPdf div{
  padding-right: 1em;
  float: left;
  text-align: center;
}
#getPdf div a{text-decoration: none;}

/* pageTop
------------------------*/
.pageTop{
  clear: both;
  padding: 10px;
  text-align: right;
}
.pageTop a{
  padding-left: 16px;
  background: url("../images/common/listPageTop.gif") no-repeat left center;
}

/* getWmp
------------------------*/
#getWmp{
  clear: both;
  margin-bottom: 1.5em;
  padding: 10px;
  border: 1px solid #ccc;
  border-radius: 5px;

  overflow: hidden;
  _zoom: 1;
}
#getWmp div{
  padding-right: 1em;
  float: left;
  text-align: center;
}
#getWmp div a{text-decoration: none;}


/*******************************************************
  フッター部分
********************************************************/
#footer{
  padding: 10px 5px 3px;
  border: 1px solid #ddd;
  border-bottom: none;
  border-radius: 5px 5px 0 0;

  background: url("../images/common/footerBg.jpg") no-repeat right bottom;
}

#bottomNavi{
  padding: 5px;
  border-bottom: 1px solid #ddd;
  font-size: 93%;

  overflow: hidden;
  _zoom: 1;
}
#bottomNavi li{
  float: left;
  /border-right: 1px solid #ccc;
  /padding: 0 10px;
}
#bottomNavi li:after{
  padding: 0 10px;
  content: '|';
  color: #ccc;
}
#bottomNavi li:last-child:after{
  content: none;
}
#bottomNavi li a{}

#vcard{
  padding: 8px 5px 0;
}
#vcard address{
  font-style: normal;
  font-size: 93%;
}
#siteInq{
  padding: 5px;
  font-size: 93%;
}

#copyRight{
  margin-top: 5px;
  padding: 10px 5px 5px;
  background: url("../images/common/copyBg.gif") repeat;
  color: #fff;
  text-align: right;
  font-size: 77%;
}