/* map_common.css */

/*

・初期設定
・ヘッダーの設定
・フッターの設定
・メニューの設定
・大枠のレイアウトの設定
・フォントの設定

*/

/* ------ 初期設定 ------ */

*{ margin:0; padding:0;}
h1,h2,h3{ margin:0; padding:0;}
html{overflow-y: hidden;}
* html body{overflow-y: hidden;}

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



/* --- フォントの設定 --- */

body{
font-family: "ＭＳ ゴシック",sans-serif; 
}

h2
{font-size:20px;}

#bg-Input p , #bg-Input-up p , #bg-Right01 p , #no p , #bg-Right03 , #text-List01
{font-size:12px; line-height:15px;}

#bg-Input , #bg-Input-up , #copy p#Copyright
{font-size:10px;}

h1 , #wrap-Head ul , #copy p#btn-Hope , #all-Number , #ttl-Favorite span , #Page
{font-size:14px; line-height:17px;}

#all-Number span
{ font-size:26px; font-weight:bold;}

#Page , #no p a , #ttl-Favorite span , #bg-Right03 ul li , #txt-Favorite span
{font-weight:bold;}

#no p span a
{font-weight:normal;}

#btn-Page01 , btn-Page02
{ color:#acacac;}

#page-Number , #page-Number a
{color:#078e02;}

#copy p#Copyright{
font-family:sans-serif;
float:sans-serif;
}



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

body#map{
background:transparent url(../img/bg_head.gif) repeat-x scroll 0% 0%;
padding:5px 10px 0 10px;
}

.clear{ clear:both;}


/* ================== レイアウト設定 ================== */

/* -- メインレイアウト -- */
.wrap {
min-width:900px;
position: relative;
width:100%;
}
* html .wrap {
border-left: 900px solid #ffffff;
}

/* - ヘッダーレイアウト - */
#wrap-Head{
height:20px;
background-color:#f2ffc6;
}
* html #wrap-Head{
margin-left:-900px;
position: relative;
}

/* - フッターレイアウト - */
#wrap-Foot{
height:65px;
background-color:#f5f5f5;
border-top:#cdcdcd 1px solid;
padding-top:5px;
}
* html #wrap-Foot{
height:70px;
margin-left:-900px;
position: relative;
}

*+html:first-child div#wrap-Foot{
margin-top:-15px;
}


/* --- ロゴレイアウト --- */
#wrap-Logo{
height:62px;
padding-top:11px;
background-color:#ffffff;
}
* html #wrap-Logo{
margin-left:-900px;
height:73px;
position: relative;
}


/* --- 中央レイアウト --- */
.wrap_middle{
padding:9px 0 5px 0;
background:url(../img/bg_main.gif) repeat-x;
background-color:#f5f5f5;
}

* html .wrap_middle{
position: relative;
margin-left:-900px;
background-color:#f5f5f5;
}

/* ---- 左レイアウト ---- */
.wrap-left{
background:url(../img/bg_btn.jpg) repeat-x;
height:42px;
}

/* -- マップレイアウト -- */
.wrap-leftmap{
border-left:#cbcbcb 1px solid;
border-bottom:#cbcbcb 1px solid;
border-right:#cbcbcb 1px solid;
background-color: #F2F2E6;
}



/* --- 真中レイアウト --- */
.wrap-center{
position:absolute;
top:102px;right:271px;
width:10px;
background-color:#f5f5f5;
background:url(../img/bg_main02.gif) repeat-x;
}

* html .wrap-center{
top:9px;
}

/* ---- 右レイアウト ---- */
#wrap-right{
position:absolute;
top:102px;right:0px;
width:271px;
overflow:auto;
background-color:#f5f5f5;

background:url(../img/bg_main02.gif) repeat-x;
}

* html #wrap-right{
top:9px;
}

/* ==================================================== */

/* ================== メインメニュー ================== */

.wrap-left ul li{
float:left;
list-style:none;
height:42px;
}

.wrap-left ul li a{
width:100%;
height:100%;
display:block;
font-size:2px;
text-indent:-9999px;
}

li#btn-Top{
background: url(../img/btn_top.gif) no-repeat;
width:102px;
}

li#btn-Citysearch{
background: url(../img/btn_city_search.gif) no-repeat;
width:140px;
}

li#btn-Addresssearch{
background: url(../img/btn_address_search.gif) no-repeat;
width:124px;
}

li#btn-Maplink{
background: url(../img/btn_map_link.gif) no-repeat;
width:91px;
}

li#btn-Print{
background: url(../img/btn_print.gif) no-repeat;
width:68px;
}

li#btn-Favorite{
background: url(../img/btn_favorite.gif) no-repeat;
width:94px;
}

/* ==================================================== */

h1{
font-weight:normal;
}

h2{
background:url(../img/logo.gif) no-repeat;
color:#5f5f5f;
width:125px;
height:27px;
padding:25px 0 0 135px;
}

* html h2{
width:260px;
height:52px;
}

#wrap-Head ul li{
list-style:none;
float:right;
margin:0 2px;
}

#bg-Input{
background:url(../img/bg_input.gif) no-repeat;
height:57px;
width:345px;
padding:7px 0 0 7px;
position:absolute;
top:24px;right:285px;
}


#bg-Input-up{
background:url(../img/bg_input.gif) no-repeat;
height:57px;
width:345px;
padding:7px 0 0 7px;
position:absolute;
top:24px;right:0px;
}


* html #bg-Input{
width:352px;
height:64px;
margin-top:-20px;
}

#input-Text{
width:240px;
font-size:12px;
margin:0; padding:0;
}

.input-Radio{
margin:3px 3px 0 0;
#margin:0;
vertical-align:middle;
}

#btn_Search{
position: absolute;
top:47px; right:288px;
}

ul#bnr-Foot{
list-style:none;
}

ul#bnr-Foot li{
float:left;
width:170px;
height:55px;
margin-right:20px;
}

#copy{
float:right;
}

#copy p#btn-Hope{
width:267px;
height:21px;
text-align:center;
margin-right:2px;
padding-top:5px;
background-color:#f2ffc6;
border:1px solid #a3bb39;
}

* html #copy p#btn-Hope{
height:27px;
width:269px;
}

#copy p#Copyright{
margin:5px 3px 0 0;
text-align:right;
}



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

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */