@charset "UTF-8";
@import url(basic.css);
@import url(layout.css);
/*
 * header
 */
#headerLogo{
    position : absolute;
    top : 28px;
    left : 50px;
    padding : 0;
    margin : 0;
}

div#headerMainMenu{
    position : absolute;
    bottom : 0;
    left : 400px;
    margin : 0 auto;
}
#headerMainMenu ul{
    margin : 0;
    padding : 0;
    text-align : center;
}
#headerMainMenu li{
    display : inline;
    margin : 0;
    padding : 0;
}
#headerMainMenu li a{
    display : block;
    padding : 0 10px;
    margin : 0 3px;
    line-height : 25px;
    height : 25px;
    float : left;
    font-size : 0.8em;
    text-decoration : underline;
    color : black;
    background : #f5f5f5;
}
#headerMainMenu li a:hover{
    font-size : 0.8em;
    text-decoration : none;
}

div#header #subMenu{
    float : right;
}
div#header #subMenu ul{
    padding :0 4px;
    margin : 0;
}
div#header #subMenu ul li{
    display : inline;
    margin : 0 3px;
    padding : 0 5px;
    border-left : 1px solid silver;
}
/*
 * under header
 */ 
div#underHeaderAds{
    text-align : left;
    width : 470px;
    padding :  3px 0;
    margin : 0 auto;
}

/*
 * topContent
 */
div#topContents div#searchBox{
    margin : 10px auto;
    position : relative;
    padding : 5px 0;
}
div#topContents div#searchBox form{
    margin-left : 95px ;
}
div#topContents div#searchBox #searchText{
    padding : 3px;
    width : 275px;
}

div#topContents div#searchBox #submit{
    width : 50px;
    padding : 3px; 
    background : white;
    border : 1px solid silver;
}

div#searchBoxResult{
    margin : 10px auto;
    width : 525px;
    position : relative;
    padding : 5px 0;
}
div#searchBoxResult form{
    margin-left : 95px ;
}
div#searchBoxResult #searchText{
    padding : 3px;
    width : 275px;
}
div#searchBoxResult #submit{
    width : 50px;
    padding : 3px; 
    background : white;
    border : 1px solid silver;
}

div#searchRends{
    position : absolute;
    top : -30px;
    left : 25px;
}

div#topConRight div.rightBox{
    margin : 10px;
    font-size : 0.8em;
}
div#topConRight div.rightBox h2{
    font-size : 1em;
    margin : 1px;
    text-indent : 18px;
    line-height : 25px;
    background : url(../img/mark/star.png) center left no-repeat;
}
div#topConRight div.rightBox p{
    text-indent : 0.5em;
    margin : 0;
    padding : 5px;
}
div#topConRight ul{
    margin : 5px;
    padding : 0;
}
div#topConRight ul li{
    background : url(../img/mark/list_mark_gray.gif) no-repeat left 0.3em;
    padding-left : 20px;
    list-style : none;
    line-height : 16px;
}

/*
 * martial explanation
 */
div#ExpTxt{
    margin : 10px;
}
div#ExpTxt p{
    font-size : 0.9em;
}
/*
 * right&left
 */
div#rightColumn div.rightBox,div#leftColumn div.leftBox,
div#rightColumn div.nomalRightBox,div#leftColumn div.nomalLeftBox{
    width : 250px;
    margin : 5px auto;
    margin-bottom : 10px;
}
div#rightColumn div.rightBox,div#leftColumn div.leftBox{
    border : 1px solid silver;
}

div.rightBox div.sideInBox,div.leftBox div.sideInBox{
    margin : 2px;
    background : #F9EBDC;
    padding : 5px;
    line-height : 1.15em;
    letter-spacing : 0.05em;
    font-size : 0.8em;
}
div.sideInBoxAdsList{
    background : #F9EBDC;
    margin : 2px;
}
div#rightColumn h3,div#leftColumn h3{
    font-size : 1em;
    line-height : 1.4em;
    text-indent : 5px;
    margin : 3px auto;
    width : 250px;
}
div.sideInBox ul{
    margin : 5px 0;
    padding : 0;
}
div.sideInBox ul li{
    background : url(../img/mark/list_mark_gray.gif) no-repeat left 0.3em;
    padding-left : 20px;
    list-style : none;
    line-height : 1.5em;
}


/*
 * right
 */

/*
 * left
 */

/*
 * foot
 */
div#footer p{
    font-size : 0.9em;
    margin : 0;
    padding : 0;
    padding-top : 5px;
    line-height : 1.2em;
}
/*
 * table
 */ 
   div#topContents table.contentTable{
   }
div#footer table.contentTable{
    width : 500px;
    font-size : 0.8em;
}
   table.contentTable{
       width : 100%;
       text-align : left;
       margin: 8px auto;
       font-size : 0.8em;
   }
   table.contentTable .titleTh{
       
   }
   .titleTh h2{
       font-size : 1.1em;
   }
   .titleTh h2 a{
       color : black;
       text-decoration : none;
   }
   table.contentTable .tdContent{
        background : white;
        width : 80%
   }
   table.contentTable .smallTitle{
        font-weight : bold;
        width :20%;
   }
   
   table.areaTable{
       font-size : 0.8em;
   }
   table.areaTable td.cityTd{
       width : 125px;
   }
/*
 * area page
 */ 
div#areaPage h1{
   margin : 15px 0;
   font-size : 1.2em;
   text-indent : 5px;
   line-height : 1.4em;
}
div#areaPage h2,h2.title,div#ExpTxt h2{
   margin : 10px 0;
   font-size : 1em;
   text-indent : 20px;
   background : url(../img/mark/arrow_2_bottom_round.png) left 2px no-repeat;
   line-height : 1.4em;
   border-bottom : 1px dotted gray;
   clear : both;
}
div#areaPage h2 a{
    color : black;
    text-decoration : none;
}
div#areaPage h3{
   font-size : 0.8em;
   text-indent : 5px;
   line-height : 1.4em;
}

div#detailPage h1{
   margin : 20px 0;
   margin-bottom : 0;
   font-size : 1em;
   text-indent : 20px;
   background : url(../img/mark/arrow_2_bottom_round.png) left 2px no-repeat;
   line-height : 1.4em;
   border-bottom : 1px dotted gray;
}
div#detailPage h2#mapTitle{
   margin : 5px 0;
   font-size : 1em;
   text-indent : 20px;
   background : url(../img/mark/world2.png) left center no-repeat;
   line-height : 1.4em;
   border-bottom : 1px dotted gray;
}
div#detailPage p{
    font-size : 0.85em;
    line-height : 1.2em;
    margin : 5px;
    text-indent : 1em;
}

iframe#detailMapFrame{
    width: 385px;
    height:380px;
    border : 1px silver solid;
}
div#centerColumn ul.mainList{
    margin : 5px 0;
    margin-left : 15px;
    padding : 0;
    font-size : 0.9em;
    line-height : 1.2em;
    letter-spacing : 2px;
}
div#centerColumn ul.mainList li{
    background : url(../img/mark/list_mark_gray.gif) no-repeat left 0.2em;
    padding-left : 20px;
    list-style : none;
}

/*
 * 動画
 */
div.movieListBox div.thumbnailBox,div.movieListBoxLong div.thumbnailBox{
    font-size : 0.7em;
    line-height : 1.1em;
    margin : 2px auto;
    text-align : center;
    float : left;
    width : 109px;
    height : 125px;
    overflow : hidden;
    position : relative;
}
div.thumbnailBox img{
    padding : 1px;
    border : 1px solid silver;
    margin : 3px 0;
}

div#movieExp div#MovieAds{
    float : left;
    margin : 0;
    margin-left : 10px;
    width : 310px;
}

div#movieExp div#movieInfo .thumbnailBox{
    float : left;
    margin : 0 5px;
}

div#movieExp div#movieInfo{
    float : left;
    font-size : 0.8em;
    line-height : 1.5em;
    width : 310px;
    margin : 5px;
}
div#movieInfoBox{
    margin : 5px;
}
div#movieExp div#category_tag{
    clear : both;
    margin : 5px;
}



div.movieSearch{
    margin : 5px 0 ;
    padding : 5px;
}
div.movieSearch input,div.movieSearch select{
    padding : 2px;
}
div#player{
    margin : 10px;
    text-align:left;
}

/**
 *　検索結果
 */
div.resultMovieBox{
    clear : both;
    border-bottom : 1px silver dotted;
    margin : 5px;
    font-size : 0.9em;
    /*float用*/
    overflow: hidden;
   }
    /*  float用  */
    div.resultMovieBox:after {
        content: "";
        display: block;
        clear: both;
        height: 1px;
        overflow: hidden;
    }
div.resultMovieBox div.thumbnailBox{
    float : left;
    margin-right : 5px;
}
div.resultMovieBox div.thumbnailBox img{
    padding : 1px;
    border : 1px solid silver;
}
div.resultMovieBox div.thumbnailBox img:hover{
    padding : 0;
    border : 2px solid #d80c17;
}
div.resultMovieBox div.resultMovieContent{
    float : left;
    width : 500px;
}
div.resultMovieContent div.movieTitleBox{
    min-height : 80px;
}
div.resultMovieContent div.movieTitleBox span.movie_title{
    font-weight : bold;
    font-size : 90%;
    letter-spacing:0.05em;
}



div.resultMovieContent div.movieInfo{
    font-size : 0.8em;
    color : gray;
}


.small {
    font-size : 0.7em;
}

div.pagerArea{
    text-align : center;
}
div.pagerArea p{
    font-size : 0.85em;
    padding : 0;
    letter-spacing : 1px;
    margin : 3px;
}