@charset "shift-jis";

* {
margin: 0;
padding: 0;
font-size:100%;
background:transparent;
} 


/* 文字の種類 */

/* 通常 */
p{
font-size : 0.9em ;
font-family : "MS ｺﾞｼｯｸ",Osaka ;
}

/* h1文字 */
h1 {
font-size : 0.8em ;
font-family : "MS ｺﾞｼｯｸ",Osaka ;
padding-left : 0.5em ;
}




/* リンク */

/* 基本リンク */
A:link { color: #0000ff;
         text-decoration:none } 
A:visited { color: #0000ff;
         text-decoration:none } 
A:hover { color: #FF0000;
         text-decoration:none } 
A:active { color: #FF0000;
         text-decoration:none } 


/* ヘッダメニューリンク */
A.menu:link {  color : #ffffff;
         text-decoration:none } 
A.menu:visited {  color: #ffffff;
         text-decoration:none } 
A.menu:hover { color: #FF4500;
         text-decoration:none } 
A.menu:active { color: #FF4500;
         text-decoration:none } 



/* レイアウト */


/* 画面全体 */
body {
margin : 0px ;
text-align : center ;
}


/* 画面ベース */
div#base {
width : 770px ;
margin-top : 10px ;
margin-right : auto ;
margin-left : auto ;
}


/* ヘッダ部分 */
div#header {
width : 770px ;
height : 60px ;
}

/* トップロゴマーク */
div.top-logo {
width : 234px ;
height : 60px ;
float : left ;
}

/* トップバナー */
div.top-banner {
width : 468px ;
height : 60px ;
float : right ;
}


/* ヘッダキャッチ(背景） */
div#top-bar {
width : 770px ;
height : 25px ;
margin-top : 5px ;
background-image : url(img/top-bar.gif) ;
}

/* ヘッダキャッチ（文字） */
div#catch {
float : left ;
width : 510px ;
height : 20px ;
margin-top : 5px ;
text-align : left ;
vertical-align : bottom ;
}

/* ヘッダお気に入り(背景）*/
div.favorite {
float : right ;
width : 240px ;
height : 20px ;
margin-top : 5px ;
text-align : right ;
vertical-align : bottom ;
}

/* ヘッダお気に入り（文字） */
span.favorite {
font-size : 0.7em ;
font-family : "MS ｺﾞｼｯｸ",Osaka ;
padding-right : 0.5em ;
}



/* メイン部分 */

div#main1 {
width : 770px ;
clear : both ;
}


/* メイン部分(左側）コンテンツ */
div#contents {
width : 510px ;
float :left ;
}


/* title-bar（画像） */
div.title-bar {
width : 510px ;
height : 25px ;
margin-top : 10px ;
text-align : left ;
background-image : url(img/search-bar.gif) ;
clear : both ;
}

/* title-bar（文字） */
p.title-bar {
font-size : 1.0em ;
font-family : "MS ｺﾞｼｯｸ",Osaka ;
font-weight : bold ;
color : #ffffff ;
padding-left : 1.0em ;
padding-top :  0.2em ;
letter-spacing : 5px ;
}


/* Fireworks + Flash MAP */
div#map {
width : 510px ;
clear : both ;
}

/* Fireworks area-menu */
div.area-menu {
width : 110px ;
height : 280px ;
text-align : left ;
float :left ;
}

/* Flash-map */
div.flash-map {
width : 400px ;
height : 280px ;
float : right ;
}


/* search（詳細検索全体） */
div.key-search{
width : 450px ;
margin : 15px auto 5px auto ;
padding : 7px 5px ;
font-size : 0.9em;
text-align : center;
background-color : #ffcccc;
clear : both ;
}

input.inspace {
background-color : #ffffff;
}

input.buttom{
color : #ffffff;
background-color : #00cc33;
}

div.search {
width : 505px ;
text-align : center;
clear : both ;
}

/* search-left（city&area） */
div.search-left-bar {
width : 330px ;
height : 20px ;
margin-top : 20px ;
float : left ;
}

/* city-search-bar（画像） */
div.city-search-bar {
width : 160px ;
height : 20px ;
border : 0 ;
float : left ;
}

/* area-search-bar（画像） */
div.area-search-bar {
width : 160px ;
height : 20px ;
border : 0 ;
float : right ;
}

/* name-search-bar（画像） */
div.name-search-bar {
width : 160px ;
height : 20px ;
border : 0 ;
margin-top : 20px ;
margin-right : 3px ;
float : right ;
}

/* search-left（city&area） */
div.search-left {
width : 330px ;
float : left ;
}

/* city-search（city検索部分） */
div.city-search {
width : 160px ;
padding : 10px 0 ;
float : left ;
background-image : url(img/city-search.gif) ;
background-repeat : repeat-y ;
border-bottom : 1px solid #99ccff ;
}

/* city-search（キーワード入力部分） */
input.city{
background-color : #ffffff ;
border : 1px solid #0000ff ;
margin-bottom : 5px ;
}


/* area-search（area検索部分） */
div.area-search {
width : 160px ;
padding : 10px 0 ;
float : right ;
background-image : url(img/area-search.gif) ;
background-repeat : repeat-y ;
border-bottom : 1px solid #ff9900 ;
}

/* area-search（キーワード入力部分） */
input.area{
background-color : #ffffff ;
border : 1px solid #ff9900 ;
margin-bottom : 5px ;
}

/* name-search（name検索部分） */
div.name-search {
width : 160px ;
padding : 10px 0 ;
margin-right : 3px ;
float : right ;
background-image : url(img/name-search.gif) ;
background-repeat : repeat-y ;
border-bottom : 1px solid #ff0099 ;
}

/* name-search（キーワード入力部分） */
input.name{
background-color : #ffffff ;
border : 1px solid #ff0000 ;
margin-bottom : 5px ;
}


/* notice（市町村合併、注釈マーク部分） */
div.notice {
width : 500px ;
margin-top : 5px ;
margin-bottom : 20px ;
clear : both ;
}


/* notice-left（注釈マーク部分） */
div.notice-left {
width : 20px ;
float : left ;
}

/* notice-left（注釈マーク部分文字） */
p.notice-left {
font-size : 0.8em ;
font-family : "MS ｺﾞｼｯｸ",Osaka ;
text-align : right ;
line-height : 150% ;
padding-right :  0.2em ;
}

/* notice-right（注釈内容） */
div.notice-right {
width : 480px ;
float : right ;
}

/* notice-right（注釈内容部分文字） */
p.notice-right {
font-size : 0.8em ;
font-family : "MS ｺﾞｼｯｸ",Osaka ;
text-align : left ;
line-height : 150% ;
}

/* お役立ちリンク等、下部 */

/* link-bar（画像） */
div.link-bar {
width : 510px ;
height : 25px ;
margin-top : 30px ;
text-align : left ;
background-image : url(img/link-bar.gif) ;
clear : both ;
}

/* link-bar（文字） */
p.link-bar {
font-size : 1.0em ;
font-family : "MS ｺﾞｼｯｸ",Osaka ;
font-weight : bold ;
color : #ffffff ;
padding-left : 1.0em ;
padding-top :  0.2em ;
letter-spacing : 5px ;
}


/* link-left（お役立ちリンク左部分） */
div.link-left {
width : 250px ;
margin-top : 10px ;
margin-bottom : 0px ;
line-height : 150% ;
float : left ;
}

/* link-right（お役立ちリンク右部分） */
div.link-right {
width : 250px ;
margin-top : 10px ;
margin-bottom : 0px ;
line-height : 150% ;
float : right ;
}

/* link（リンク部分） */
p.link {
font-size : 0.9em ;
font-family : "MS ｺﾞｼｯｸ",Osaka ;
text-align : left ;
color : #669999 ;
padding-left : 0.2em ;
line-height : 150% ;
}



/* サブコンテンツ */

div#side {
width : 249px ;
float : right ;
margin-top : 10px ;
margin-left : 10px ;
margin-bottom : 30px ;
margin-right : 0px ;
padding-top : 5px ;
border-top : 1px solid #5ea288 ;
border-right : 1px solid #5ea288 ;
border-bottom : 1px solid #5ea288 ;
background-image : url(img/side-bg.gif) ;
background-repeat : repeat-y ;
}


/* サイドバナー(大） */
div.side-banner1 {
width : 234px ;
height : 60px ;
margin-top : 5px ;
margin-right : 6px ;
margin-bottom : 5px ;
float : right ;
}

/* サイドバナー(小） */
div.side-banner2 {
width : 160px ;
height : 60px ;
text-align : center ;
margin : 5px auto ;
clear : both ;
}

/* googleadsense(TG) */
div#googlead-topright {
width : 220px ;
margin-top : 20px ;
margin-right : 10px ;
margin-bottom : 0px ;
float : right ;
}

/* cm-click(TG) */
div#cm-click {
width : 220px ;
margin-top : 20px ;
margin-right : 10px ;
margin-bottom : 0px ;
float : right ;
}



/* 下部メイン部分 */

div#main2 {
width : 770px ;
margin : 0px;
clear : both ;
}

/* 下部メイン(左側）コンテンツ */
div#bottom-contents {
width : 600px ;
text-align : left ;
float : left ;
}

/* jtb-gadget (下部左サイド) */
div#jtb-gadget {
width :300px;
margin-left : 0px;
margin-bottom : 0px;
padding-left : 0px ;
padding-bottom : 0px ;
text-align : left;
float : left ;
}

/* 下部中央 */
div#b-center{
width:300px;
text-align : center ;
float : right ;
}

/* yado-plaza */
div#yado-plaza {
width : 300px ;
margin-top : 10px ;
}

/* 近ツー　Eクーポン */
div#knt {
width : 300px ;
margin : 0px ;
}

/* J-trip */
div#J-trip {
width : 300px ;
height: 250px ;
}

img.DCJ{
width : 300px ;
border : 0px ;
}

/* jalan-search */
div#jalan-search {
width : 600px ;
clear : both ;
}

/* 下部右端 */
div#bottom-right{
width:170px;
text-align : right ;
float : right ;
}


/* 下部右端くりっく証券 */
div#bottom-right-bottom{
width:170px;
text-align : right ;
float : right ;
}



/* bottom-bar (下部フッタバー（画像) */
div#bottom-bar {
width : 770px ;
height : 5px;
clear: both ;
}


/* address (下部フッタバー) */
div#address {
width : 770px ;
font-size : 0.9em ;
font-family : "MS ｺﾞｼｯｸ",Osaka ;
line-height : 150% ;
}