/* **************************************************************** */
/* *** -------------------------------------------------------- *** */
/* ***  * トップページ  index.html                              *** */
/* *** -------------------------------------------------------- *** */
/* **************************************************************** */

/* **************************************************************** */
/* *** Import CSS                                               *** */
/* **************************************************************** */

@import url("./global-style.css");  /* 初期設定と共通定義           */

#h-header h1 {
   float: left;
   padding: 0 0 0 20px;
}

#h-header #h-nav {
	float: right;
	display: block;
	text-align: right;
}

#h-header #h-nav li.login {
	padding: 10px 30px 0 0;
}

#h-header #h-nav li.sitemap {
	padding: 60px 30px 0 0;
}

#main-visual {
   width: 730px;
   padding: 0 0 10px 0;
   _padding: 0 0 10px 20px;
   margin: 0 5px;
   background-color: #ffffff;
}

/* **************************************************************** */
/* ***  ナビゲーション                                          *** */
/* **************************************************************** */
#nav {
   display: block;
   width: 764px;
   margin: 0 0 0 5px;
   padding: 5px 0 0 14px;
   background: url(../img/home/nav/nav-block.gif) repeat-x center left;
}

#nav li {
   float: left;
}

#nav a {
   display: block;
   width: 150px;
   height: 60px;
   background-repeat: no-repeat;
   margin: 0 0 3px; 
   _margin: 0 0 2px; 
   background-position: top left; cursor: hand;
}

#nav .area-guide { background-image: url(../img/home/nav/area-guide.gif); }
#nav .hot-guide  { background-image: url(../img/home/nav/hot-guide.gif); }  
#nav .bfs        { background-image: url(../img/home/nav/bfs.gif); }
#nav .topics     { background-image: url(../img/home/nav/topics.gif); }
#nav .contact    { background-image: url(../img/home/nav/contact.gif); }

#nav a:hover,
#nav a:active { background-position: bottom left; }

/* **************************************************************** */
/* *** メインコンテンツ                                         *** */
/* **************************************************************** */

.noscript {
   clear: both;
   display: block;
   width: 740px;
   margin: 10px 25px 15px;
	padding: 10px 0;
   font-size: 1.4em;
   font-weight: bold;
   letter-spacing: 1.0pt;
   color: #663333;
   text-align: center;
   background: #ffeeee;
   border-top: solid 1px #ff9999;
   border-bottom: solid 1px #ff9999;
}

/* ---------------------------------------------------------------- 再調査のコメント */
#comment {
   float: left;
   display: block;
   aling:center;
   width: 600px;
   margin: 0 80px;
   _margin: 0 45px;
   padding: 25px 0 15px 0;
}
#comment .c-box-top {
   display: block;
   height: 16px;
   width: 600px;
   background: url("../img/home/commentbox/bg_top.gif")  no-repeat left top;
}
#comment .c-box-bottom {
   display: block;
   height: 15px;
   width: 600px;
   background: url("../img/home/commentbox/bg_bottom.gif")  no-repeat left top;
}
#comment .c-box {
   display: block;
   width: 600px;
   padding: 10px 0;
   background: url("../img/home/commentbox/bg_middle.gif")  repeat-y left top;
}
#comment .c-box p {
   padding: 7px 30px 5px 38px;
   line-height: 1.6;
   letter-spacing: 1.4pt;
   _letter-spacing: 1.2pt;
   /* background: url("../img/home/commentbox/list01.gif")  no-repeat 38px 8px; */
}
#comment p.p2 {
   color: #660000;
   margin: 0 30px;
   padding: 7px 0px 10px 8px;
   font-size: 1.4em;
   font-weight: bold;
   background: none;
}
#comment .c-box h3 {
   width: 600px;
   margin: 0;
   padding: 25px 0 20px;
   text-align: center;
   font-size: 1.8em;
   color: #ff3333;
}
#comment .c-box h3 span {
   padding: 0 5px 2px;
   border-bottom: 3px solid #ff3333;
}
#comment p.p3 {
   color: #333333;
   padding: 7px 30px 5px 38px;
   font-size: 1.4em;
   background: none;
   letter-spacing: 0.8pt;
   _letter-spacing: 0.8pt;
}
#comment .c-box h4 {
   padding: 17px 30px 5px 32px;
   font-size: 1.4em;
   line-height: 1.6;
   letter-spacing: 1.4pt;
   _letter-spacing: 1.2pt;
   color: #000033;
   font-weight: normal;
   /* background: url("../img/home/commentbox/list01.gif")  no-repeat 38px 8px; */
}
#comment p.p4 {
   color: #333333;
   width: 600px;
   margin: 0;
   padding: 0 0 20px;
   text-align: center;
   font-size: 1.4em;
   background: none;
}


/* ---------------------------------------------------------------- エリア選択 */
#select {
   float: left;
   display: block;
   width: 380px;
   padding: 15px 0 20px 19px;
}

/* ---------------------------------------------------------------- エリア選択タブ */
#tab li {
   float: left;
	display: block;
	height: 30px;
	position: relative;
	left: 5px;
	overflow: hidden;
}

#tab li.tab-gifu  { z-index: 5; left:  20px; }
#tab li.tab-seino { z-index: 4; left:  10px; }
#tab li.tab-chuno { z-index: 3; left:   0px; }
#tab li.tab-tono  { z-index: 2; left: -10px; }
#tab li.tab-hida  { z-index: 1; left: -20px; }

/* ---------------------------------------------------------------- * エリア別選択ブロック */
#guide h3 { display: none; }

.guide-top {
   display: block;
   height: 15px;
   width: 360px;
}
.gifu-top  { background: url("../img/home/guide/frame/frame-gifu-top.gif")  no-repeat left top; }
.seino-top { background: url("../img/home/guide/frame/frame-seino-top.gif") no-repeat left top; }
.chuno-top { background: url("../img/home/guide/frame/frame-chuno-top.gif") no-repeat left top; }
.tono-top  { background: url("../img/home/guide/frame/frame-tono-top.gif")  no-repeat left top; }
.hida-top  { background: url("../img/home/guide/frame/frame-hida-top.gif")  no-repeat left top; }

/* ---------------------------------------------------------------- * * キーワード検索 */
.kword {
   display: block;
   width: 360px;
   padding: 0 0 0 20px;
}
.gifu-kword  { background: url("../img/home/guide/frame/frame-gifu-middle1.gif")  repeat-y left top; }
.seino-kword { background: url("../img/home/guide/frame/frame-seino-middle1.gif") repeat-y left top; }
.chuno-kword { background: url("../img/home/guide/frame/frame-chuno-middle1.gif") repeat-y left top; }
.tono-kword  { background: url("../img/home/guide/frame/frame-tono-middle1.gif")  repeat-y left top; }
.hida-kword  { background: url("../img/home/guide/frame/frame-hida-middle1.gif")  repeat-y left top; }

.kword h4 {
   float: left;
   padding: 0 5px 0 0;
}

.kword input.kw {
   float: left;
   width: 150px;
   margin: 2px 2px 0 0;
   padding: 2px;
   font-size: 1.1em;
	border: solid 1px #999999;
}

.kword input.sbtn {
   float: left;
   width: 45px;
   margin-left: 4px;
   background-color: #ffffff;
}

.kword p {
   float: left;
   padding: 1px 0 0 5px;
}

.guide-middle {
   display: block;
   height: 20px;
   width: 360px;
}
.gifu-middle  { background: url("../img/home/guide/frame/frame-gifu-middle2.gif")  no-repeat left top; }
.seino-middle { background: url("../img/home/guide/frame/frame-seino-middle2.gif") no-repeat left top; }
.chuno-middle { background: url("../img/home/guide/frame/frame-chuno-middle2.gif") no-repeat left top; }
.tono-middle  { background: url("../img/home/guide/frame/frame-tono-middle2.gif")  no-repeat left top; }
.hida-middle  { background: url("../img/home/guide/frame/frame-hida-middle2.gif")  no-repeat left top; }

/* ---------------------------------------------------------------- * * エリア選択リスト */
.category {
   display: block;
   width: 360px;
}
.gifu-list  { background: url("../img/home/guide/frame/frame-gifu-middle3.gif")  repeat-y left top; }
.seino-list { background: url("../img/home/guide/frame/frame-seino-middle3.gif") repeat-y left top; }
.chuno-list { background: url("../img/home/guide/frame/frame-chuno-middle3.gif") repeat-y left top; }
.tono-list  { background: url("../img/home/guide/frame/frame-tono-middle3.gif")  repeat-y left top; }
.hida-list  { background: url("../img/home/guide/frame/frame-hida-middle3.gif")  repeat-y left top; }

.list-inner{
   float: left;
   display: block;
   width: 360px;
   background: url("../img/home/guide/map.gif") no-repeat 42px 60px;
}
/* ---------------------------------------------------------------- * * * エリア別ガイド */
.area-block {
   float: left;
   display: block;
   width: 220px;
}

.area-block h4 {
   padding: 10px 0 5px 20px;
}

.area-block .line-1,
.area-block .line-2 {
   float: left;
   display: block;
   width: 95px;
   padding: 8px 0;
   _padding: 10px 0;
}

.area-block .line-1 { padding-left: 25px; }

/* ---------------------------------------------------------------- * * * ＨＯＴ特集 */
.hot-block {
   float: left;
   display: block;
   width: 120px;
   padding: 0 0 0 5px;
}

.hot-block h4 {
   padding: 10px 0 13px 10px;
   _padding: 10px 0 15px 10px;
}

.hot-block .dummy {
   display: block;
   height: 115px;
}

.hot-block ul { padding-left: 20px; }

/* ---------------------------------------------------------------- * * * 共通／リスト定義 */
#guide ul {
	display: block;
}

#guide li {
	padding: 0 0 0 5px;
	margin: 0 0 3px 0;
}

#guide li a {
   padding: 0 0 0 18px;
   line-height: 1.5;
   font-size: 1.2em;
   letter-spacing: 1.0pt;
   vertical-align: middle;
   color: #3333ff;
   text-decoration: none;
}

.gifu-list .area-block li a             { background: url("../img/marks/arrow-mark-gifu.gif") no-repeat left top; }
.seino-list .area-block li a            { background: url("../img/marks/arrow-mark-seino.gif") no-repeat left top; }
.chuno-list .area-block li a            { background: url("../img/marks/arrow-mark-chuno.gif") no-repeat left top; }
.tono-list .area-block li a             { background: url("../img/marks/arrow-mark-tono.gif") no-repeat left top; }
.hida-list .area-block li a             { background: url("../img/marks/arrow-mark-hida.gif") no-repeat left top; }
.area-block li a:hover,
.area-block li a:active     { background: url("../img/marks/arrow-mark-on.gif") no-repeat left top; }

.hot-block  li a        { background: url("../img/marks/hot-arrow-mark.gif") no-repeat left top; }
.hot-block  li a:hover,
.hot-block  li a:active { background: url("../img/marks/arrow-mark-on.gif") no-repeat left top; }

#guide li .none-list {
   color: #999999;
   background: url("../img/marks/arrow-mark-no.gif") no-repeat left top;
}

.guide-bottom {
   display: block;
   height: 15px;
   width: 360px;
}
.gifu-bottom  { background: url("../img/home/guide/frame/frame-gifu-bottom.gif")  no-repeat left top; }
.seino-bottom { background: url("../img/home/guide/frame/frame-seino-bottom.gif") no-repeat left top; }
.chuno-bottom { background: url("../img/home/guide/frame/frame-chuno-bottom.gif") no-repeat left top; }
.tono-bottom  { background: url("../img/home/guide/frame/frame-tono-bottom.gif")  no-repeat left top; }
.hida-bottom  { background: url("../img/home/guide/frame/frame-hida-bottom.gif")  no-repeat left top; }

#gifu { display: block; }
#seino,
#chuno,
#tono,
#hida { display: none; }

/* ---------------------------------------------------------------- インフォメーション */
#info {
   float: left;
	display: block;
	width: 362px;
   margin: 15px 0 0;
	padding: 30px 0 0;
	background: url("../img/home/info/townmapgifu.gif")  no-repeat 15px 10px;
}
#info .booklet-top {
   display: block;
   height: 15px;
   width: 362px;
   background: url("../img/home/info/frame-info-top.gif")  no-repeat left top;
}

#info .booklet {
   display: block;
   width: 362px;
   background: url("../img/home/info/frame-info-middle.gif")  repeat-y left top;
}
#info .booklet h3 {
   padding: 5px 0 10px 45px;
}
#info .booklet .cover {
   float: left;
   display: block;
   width: 150px;
   padding: 5px 10px 5px 20px;
}

#info .booklet p {
   padding: 0 15px 0 20px;
   _padding: 0 10px 0 20px;
   color: #333333;
   font-size: 1.0em;
   line-height: 1.6;
   letter-spacing: 0.6pt;
   _letter-spacing: 0.4pt;
}

#info .booklet-bottom {
   display: block;
   height: 15px;
   width: 362px;
   background: url("../img/home/info/frame-info-bottom.gif")  no-repeat left top;
}

/* ---------------------------------------------------------------- バナー */
#info .banner {
	display: block;
	padding: 15px 0 0 0;
}

#info .banner li {
	display: inline;
	padding: 0 0 0 20px;
}

.fp {
   clear: both;
   display: block;
   width: 670px;
   margin: 0 30px 15px;
	padding: 5px 0 2px 50px;
   background: #eeeeee;
   border-top: solid 1px #cccccc;
   border-bottom: solid 1px #cccccc;
}

.fp dt {
   float: left;
}
.fp dd {
   float: left;
   padding: 15px 0 0 20px;
   font-size: 1.1em;
   letter-spacing: 0.8pt;
}

#counter {
   clear: both;
   display: block;
   width: 100px;
   position: relative;

}

#counter img {
   position: absolute;
	top: 27px;
	left: 675px;

}

#sw, #log-frame {
   display: none;
}

/* **************************************************************** */
/* *** 印刷用設定                                               *** */
/* **************************************************************** */
@media print {
   #nav .area-guide { background-image: url(../img/home/nav/prn/area-guide.gif); }
   #nav .hot-guide  { background-image: url(../img/home/nav/prn/hot-guide.gif); }  
   #nav .bfs        { background-image: url(../img/home/nav/prn/bfs.gif); }
   #nav .topics     { background-image: url(../img/home/nav/prn/topics.gif); }
   #nav .contact    { background-image: url(../img/home/nav/prn/contact.gif); }
}