@charset "UTF-8";
/*////////////////////////////////////////////////////////////
PetaMap - extender.css

Copyright (C) Sony Style Japan. All rights reserved.
------------------------------------------------------------

    0. Import External CSS
    1. Common Style
    2. Extender Top Page
        2-1. Intro
        2-2. Place Engine
    3. Map List Page Style
        3-1. Intro
    4. Place Engine Page Style
        4-1. Content Nav
        4-2. Intro
    5. News Style

////////////////////////////////////////////////////////////*/

/* ------------------------------------------------------------
    0. Import External CSS
   ------------------------------------------------------------ */
@import "common.css";

/* ------------------------------------------------------------
    1. Common Style
   ------------------------------------------------------------ */

/* ------------------------------------------------------------
    2. Extender Top Page
   ------------------------------------------------------------ */

/*  2-1. Intro
   ------------------------------------------------- */
div#blockExtenderReleaseIntro .inner {
    width: auto;
    padding: 14px 22px 8px;
}

div#blockExtenderReleaseIntro p.lead {
    width: 550px;
    margin: 3px 0 15px;
    font-size: 93%;
}

div#blockExtenderReleaseIntro ul.utility {
    margin-left: -10px;
}

div#blockExtenderReleaseIntro ul.utility li {
    float: left;
    height: 35px;
    padding: 0 11px 0 10px;
    background: url(/Common/Images/bg_util_extender_01.png) no-repeat 100% 0;
}

div#blockExtenderReleaseIntro .img {
    position: absolute;
    top: -3px;
    right: 40px;
}

/*  2-2. Place Engine
   ------------------------------------------------- */
div#PlaceEngineContent { margin: 0 30px 30px; }

div#PlaceEngineContent .lead {
    float: left;
    width: 610px;
}

div#PlaceEngineContent .lead ul { margin: 10px 0 20px; }

div#PlaceEngineContent .logo {
    float: right;
    width: 250px;
    text-align: center;
}

/* ------------------------------------------------------------
    3. Map List Page Style
   ------------------------------------------------------------ */

/*  3-1. Intro
   ------------------------------------------------- */
div#blockOfficialMapIntro .inner {
    width: auto;
    padding: 14px 35px 8px 22px;
}

div#blockOfficialMapIntro .content {
	float: left;
	width: 450px;
}

div#blockOfficialMapIntro p.lead {
    margin: 3px 0 15px;
    font-size: 93%;
}

div#blockOfficialMapIntro ul.utility {
	margin-left: -10px;
}
*html div#blockOfficialMapIntro ul.utility { margin-left: 0px;}

div#blockOfficialMapIntro ul.utility li {
    float: left;
    height: 35px;
    padding: 0 0 0 8px;
    background: url(/Common/Images/bg_util_extender_01.png) no-repeat 100% 0;
}
*html div#blockOfficialMapIntro ul.utility li { padding: 0 5px 0 0; }

/* --- Campaign Info --- */
div#blockOfficialMapIntro .campaignInfo {
    position: relative;
    top: -18px;
    z-index: 100;
    float: right;
    width: 313px;
}

div#blockOfficialMapIntro .campaignInfo ul {
    padding: 5px 8px 8px;
    background: #3bafdf url(/Common/Images/bg_map_list_campaign_01.png) no-repeat 0 100%;
    color: #ffffff;
    font-size: 77%;
}

div#blockOfficialMapIntro .campaignInfo ul li {
    padding-left: 1em;
    text-indent: -1em;
}

div#blockOfficialMapIntro img.mapImg {
	position:absolute;
	top:17px;
	left:-58px;
}

div.mapSearch {
	position:relative;
	width:890px;
	margin:0px auto 20px;
	background:url(../../Common/Images/Maplist/search_bg_bottom.png) bottom no-repeat;
	clear: both;
}

div.mapSearch .wrap{
	padding:10px;
	background:url(../../Common/Images/Maplist/search_bg_top.png) no-repeat top;
}

div.mapSearch h4{
	height:25px;
	padding:5px 0px 0px 30px;
	font-size:14px;
	font-weight:bold;
}

div.mapSearch h4.keyword{
	background:url(../../Common/Images/Maplist/search_icon_keyword.png) no-repeat;
}

div.mapSearch h4.genre{
	background:url(../../Common/Images/Maplist/search_icon_genre.png) no-repeat;
}

div.mapSearch .maplistImg{
	clear:both;
	text-align:center;
	padding:10px 0px;
}

div.mapSearch ul.naviGenre{
	display:block;
	width:840px;
	margin:0px auto;
}

div.mapSearch ul.naviGenre li{
	display:block;
	margin:0px 10px 0px 0px;
	float:left;
}

div.mapSearch dl.inputSearchWord {
	display: block;
	width:550px;
	margin: 0px 0px 10px 20px;
	position:relative;
}

div.mapSearch dl.inputSearchWord .keyword{
	display: block;
	float:left;
	margin:0px 10px 0px 0px;
}

div.mapSearch dl.inputSearchWord .search{
	display: block;
	width:380px;
	height:40px;
	margin: 0px 0px 0px 60px;
}

div.mapSearch dl.inputSearchWord .word{
	display: block;
	position:absolute;
	top:;
	top: 21px;
}

div.mapSearch .searchMore{
	display:block;
	position:relative;
	width:840px;
	margin:0px auto;
	height: 28px;
}

div.mapSearch .searchMore .searchTxt{
	position:absolute;
	top:10px;
	left:0px;
}

div.mapSearch .searchMore .searchMorebtn{
	position:absolute;
	top:0px;
	left:500px;
}

div.mapCategory {
	width:890px;
	margin:0px auto 20px;
	clear: both;
}

div.mapCategory h4 {
	margin:5px 0 10px 0px;
	padding: 0 0 5px 5px;
	border-bottom:#dbd6ca 1px solid
}

div.mapCategory .mapSpot{
	width:210px;
	float: left;
	margin: 0px 0px 15px 10px;
	height: 95px;
	border-bottom: 1px dotted #ccc;
}

div.mapCategory .mapSpot img.thumbR{
	border-left:5px #ff0000 solid;
	padding:0px 0px 0px 5px;
	margin: 0px 0px 5px 0px;
}

div.mapCategory .mapSpot img.thumbB{
	border-left:5px #0066ff solid;
	padding:0px 0px 0px 5px;
	margin: 0px 0px 5px 0px;
}

div.mapCategory .mapSpot p {
	width:75px;
	margin:0px 0px 0px 0px;
	display: block;
	float:left;
}

div.mapCategory .mapSpot dl {
	width:130px;
	margin:0px 0px 0px 80px !important;
	margin:0px 0px 0px 40px;
	display: block;
	line-height:1.25em;
}

div.mapCategory .mapSpot dl dt {
	margin-bottom:5px;
}

div.mapCategory .mapSpot dl dt a {
	font-weight:bold;
}

div.mapCategory .mapSpot dl dt a span{
	display: block;
	padding: 0px 0px 0px 10px;
	background:url(../Images/Maplist/icon_spot_arrow.png) no-repeat 0px 5px;
}

div.mapCategory .mapSpot dl dd{
	font-size:font-size:10px;
	_font-size:10px;
}

*+html div.mapCategory .mapSpot dl dd{
	font-size:9px;
}

* html div.mapCategory .mapSpot dl dd{
  font-family: 'ＭＳ Ｐゴシック', sans-serif ;
}

*:first-child+html div.mapCategory .mapSpot dl dd{
  font-family: 'メイリオ', sans-serif ;
}


/* ------------------------------------------------------------
    4. Place Engine Page Style
   ------------------------------------------------------------ */

/*  4-1. Content Nav
   ------------------------------------------------- */
div.blockPlaceEngine {
    position: relative;
    height: 70px;
    background: url(/Common/Images/spr_tab_02.png) no-repeat 0 0;
}

div#blockPlaceEngine {}
div#blockPlaceEngineUpload { background-position: -1000px 0; }

ul.navContent {}

/*  4-2. Intro
   ------------------------------------------------- */
div#blockPlaceEngineIntro .inner {
    width: auto;
    padding: 14px 24px 24px;
}

div#blockPlaceEngineIntro .btnGoSite {
    position: absolute;
    top: 24px;
    right: 24px;
}

div#blockPlaceEngineIntro .function {
    padding-top: 12px;
}

div#blockPlaceEngineIntro .function h3,
div#blockPlaceEngineIntro .function ol,
div#blockPlaceEngineIntro .function ol li {
    float: left;
}

/* ------------------------------------------------------------
    5. News Style
   ------------------------------------------------------------ */
div#blockExtenderNews {
	width: 890px;
	margin: 0px auto 20px auto;
	position: relative;
	text-align:center;
}