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

Copyright (C) Sony Marketing (Japan) Inc.
------------------------------------------------------------

    0. Import External CSS
    1. Common Style
        1-1. Layout
    2. Search Block

    3. Hot Recommend & Map Flash
    4. Main Column: Others
        4-1. Features
        4-2. SWF Official Map
    5. Sidebar
        5-1. Banner Block
        5-2. Chizu-shiru

    99. Clearfix

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

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

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

/*  1-1. Layout
   ------------------------------------------------- */
div#container {
    background: url(/common/images/home/bg_page_parts_01.png) repeat-x 50% 108px;
}

div#content {
    width: 945px;
    padding-right: 0;
    padding-left: 15px;
    background: none;
}

div#content div.sub { width: 234px; }

div#blockLogin01 {
    height: 133px;
    background: url(/common/images/home/bg_header_login_01.png) no-repeat 0 0;
}

/* ------------------------------------------------------------
    2. Search Block
   ------------------------------------------------------------ */
div.blockHomeSearch { position: relative; }

ul.navHomeContentSearch {
    width: 691px;
    height: 35px;
    margin: 0;
}

ul.navHomeContentSearch li {
    position: absolute;
    top: 7px;
    float: left;
    margin-right: 0;
}

ul.cnav01 {
    background: url(/common/images/home/bg_search_box_01_top.png) no-repeat 0 0;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/home/bg_search_box_01_top.png');
}

ul.navHomeContentSearch li.navItem01 { left: 47px; }
ul.navHomeContentSearch li.navItem02 { left: 257px; }
ul.navHomeContentSearch li.navItem03 { left: 469px; }

div.blockHomeSearch ul.cnav02 {
    background: url(/common/images/home/bg_search_box_02_top.png) no-repeat 0 0;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/home/bg_search_box_02_top.png');
}

div.blockHomeSearch ul.cnav02 li.navItem01 { left: 4px; }
div.blockHomeSearch ul.cnav02 li.navItem02 { left: 263px; }
div.blockHomeSearch ul.cnav02 li.navItem03 { left: 469px; }

ul.cnav05 {
	background: url(/common/images/bg_search2_box_01_top_01.png) no-repeat 0 0;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/bg_search2_box_01_top_01.png');
}

ul.navHomeContentSearch li.navItem05 { top: 10px; left: 22px; margin:0px; }
ul.navHomeContentSearch li.navItem06 { top: 10px; left: 196px; margin:0px; }
ul.navHomeContentSearch li.navItem07 { top: 10px; left: 370px; margin:0px; }
ul.navHomeContentSearch li.navItem08 { top: 10px; left: 540px; margin:0px; }

/*  1-2. Search Box
   ------------------------------------------------- */
/* --- Common Style --- */
div.formSearch {
    width: 691px;
    margin-bottom: 10px;
    padding-top: 7px;
    padding-bottom: 8px;
    background: url(/common/images/home/bg_search_box_btm.png) no-repeat 0 100%;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/home/bg_search_box_btm.png');
}

div.formSearch dl.inputSearchWord {
    position: relative;
    float: left;
    display: inline; /* For IE */
    width: 557px;
    height: 23px;
    margin: 0 10px;
    padding: 4px 10px;
    background: url(/common/images/bg_input_search_word_01.png) no-repeat 0 0;
}

div.formSearch dl.inputSearchWord dt,
div.formSearch dl.inputSearchWord dd {
    float: left;
    display: inline; /* For IE */
    margin-right: 10px;
}

/* --- Place --- */
div.formSearch dl.inputSearchWord dd.place {
    padding-right: 12px;
    background: url(/common/images/bg_input_search_word_divider_01.png) no-repeat 100% 0
}

div.formSearch dl.inputSearchWord dd.place input {
    width: 174px;
}

/* --- Keyword --- */
div.formSearch dl.inputSearchWord dd.keyword {
    margin-right: 0;
}

div.formSearch dl.inputSearchWord dd.keyword input {
    width: 228px;
}

div#blockSearchMap div.formSearch dl.inputSearchWord dd.keyword input {
    width: 480px;
}

/* search button */
div.formSearch ul.utility {
    position: relative;
    float: left;
    line-height: 1;
}

/* ------------------------------------------------------------
    3. Hot Recommend & Map Flash
   ------------------------------------------------------------ */
div#wrapRecomMap {
    margin-bottom: 15px;
}

/* --- Hot Recommend --- */
div#blockRecomFeature {
    float: left;
    width: 212px;
    margin-right: 10px;
}

div#blockRecomFeature dl.content {
    width: 185px;
    padding: 10px 13px 0 14px;
    background: url(/common/images/home/bg_recom_feature_01_mdl.png) repeat-y 0 0;
}

div#blockRecomFeature dl.content dt {
    margin-bottom: 8px;
}

div#blockRecomFeature dl.content dt a {
    display: block;
    padding-left: 10px;
    background: url(/common/images/line_03.png) no-repeat 0 1px;
    font-size: 93h%;
    line-height: 1.3;
}

div#blockRecomFeature dl.content dd.thumb {
    margin-bottom: 7px;
}

div#blockRecomFeature dl.content dd.text {
    margin-bottom: -3px;
    font-size: 77%;
}

div#blockRecomFeature div.boxBtm {
    height: 35px;
    background: url(/common/images/home/bg_recom_feature_01_btm.png) no-repeat 0 0;
}

/* --- Map Flash --- */
div#swfMap {
    float: right;
    width: 447px;
    padding: 9px 10px;
    background: url(/common/images/home/bg_flash_map_01.png) no-repeat 0 0;
}

div#swfMap div.content {}

/* ------------------------------------------------------------
    4. Main Column: Others 
   ------------------------------------------------------------ */

/*  4-1. Features
   ------------------------------------------------- */
div#blockFeature {
    width: 690px;
    margin-bottom: 15px;
}

div#blockFeature div.boxTop {
    height: 10px;
    overflow: hidden;
    background: url(/common/images/home/bg_blk_01_top.png) no-repeat 0 0;
}

div#blockFeature div.boxBtm {
    height: 10px;
    overflow: hidden;
    background: url(/common/images/home/bg_blk_01_btm.png) no-repeat 0 0;
}

div#blockFeature div.content {
    background: url(/common/images/home/bg_blk_01_mdl.png) repeat-y 0 0;
}

div#blockFeature div.content table {
    width: 656px;
    margin: 0 auto;
}

div#blockFeature div.content table td.thumb {
    width: 60px;
    padding: 2px 0;
}

div#blockFeature div.content table td.text {
    width: 227px;
    padding: 2px 17px;
}

div#blockFeature div.content table td.text a {
    display: block;
    padding-left: 10px;
    background: url(/common/images/line_03.png) no-repeat 0 1px;    
    font-size: 93%;
    line-height: 1.3;
}

/*  4-2. SWF Official Map
   ------------------------------------------------- */
div#swfOfficialMaps {
    margin-bottom: 20px;
}

/* ------------------------------------------------------------
    5. Sidebar
   ------------------------------------------------------------ */

/*  5-1. Banner Block
   ------------------------------------------------- */

/* --- Banner Block 01 --- */
div#blockBnr01 {
    width: 234px;
    margin-bottom: 30px;
}
div#blockBnr01 div.boxTop {
    height: 6px;
    overflow: hidden;
    padding: 0 10px 0 9px;
    background: url(/common/images/home/bg_blk_02_top.png) no-repeat 0 0;
}

div#blockBnr01 div.boxBtm {
    height: 6px;
    overflow: hidden;
    padding: 0 10px 0 9px;
    background: url(/common/images/home/bg_blk_02_btm.png) no-repeat 0 0;
}

div#blockBnr01 ul {
    padding: 0 10px 0 9px;
    background: url(/common/images/home/bg_blk_02_mdl.png) repeat-y 0 0;
}

div#blockBnr01 ul li { padding: 5px 0; }

/* --- Banner Block 02 --- */
div#blockBnr02 {}

div#blockBnr02 ul {
    width: 215px;
    margin: 0 auto;
}

div#blockBnr02 ul li { margin-bottom: 10px; }

/*  5-2. Chizu-shiru
   ------------------------------------------------- */
div#blockChizuShiru { margin-bottom: 20px; }

div#blockChizuShiru div.boxBtm {
    height: 10px;
    overflow: hidden;
    background: url(/common/images/home/bg_blk_chizushiru_01_btm.png) no-repeat 0 0;
}

div#blockChizuShiru div.content {
    padding: 3px 10px 0 13px;
    background: url(/common/images/home/bg_blk_chizushiru_01_mdl.png) repeat-y 0 0;
    font-size: 85%;
}

div#blockChizuShiru div.content ul.listItemThumb li {
    padding: 5px 0;
}

div#blockChizuShiru div.content ul.listItemThumb li div.img {
    float: left;
    width: 60px;
    height: 60px;
    border: 1px solid #b7b380;
}

div#blockChizuShiru div.content ul.listItemThumb li h3,
div#blockChizuShiru div.content ul.listItemThumb li p.text {
    float: right;
    width: 138px;
    line-height: 1.2;
}

div#blockChizuShiru div.content ul.listItemThumb li h3 {
    margin-top: 2px;
    margin-bottom: 8px;
}

/* ------------------------------------------------------------
    . 99. Clearfix
   ------------------------------------------------------------ */
.clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.clearfix { display: inline-block; }

/* exclude MacIE5 \*/
* html .clearfix { height: 1%; }

.clearfix { display: block; }
/* end: exclude MacIE5 */



/* connecty add */
.toptitlebar {
	position:absolute;
	left:-8px;
	background-repeat:no-repeat;
	background-position:left top;
}

div#swfMap {
    float:left;
}

#recomMapSide {
    float:right;
}
div#container{
    background:transparent url(/common/images/home/bg.jpg) repeat-x scroll 50% 108px;
}
div#topSide {
    width:214px;
    height:608px;
    padding:11px 10px;
    background:transparent url(/common/images/home/bg_side.png) no-repeat top center;
    _background: none;
    _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/common/images/home/bg_side.png');
}