@charset "UTF-8";
/*  =============================

			 Top
			
=============================  */
/*  ---------------------------
			Layout
---------------------------  */
#top #sub_navi{
    position:absolute;
    top:0;
    right:20px;
    color:#FFF;
    font-size:11px;
    background:none;
    width:auto;
}

#top #sub_navi h1{
    float:left;
    padding:5px 20px 0 0;
    font-size:12px;
}

#header .navi p#head_logo{
    position:absolute;
    top:-130px;
    left:0;
    padding:0;
}


#top #header .navi h2{
    position:absolute;
    top:-130px;
    left:0;
    padding:0;
}

#top #wrapper{
    width:980px;
    margin:0 auto;
    padding:30px 0 20px 0;
    background:none;
}

#top #side{
    position:fixed;
    top:0;
    left:0;
    z-index:100;
}

/*  ---------------------------
			key
---------------------------  */
#top #key{
    height:505px;
    position:relative;
    background:#000;
}

#top #key #movie{
    width:100%;
    height:500px;
    overflow:hidden;
    position:relative;
}

#top #key #movie_area{
    width:100%;
    height:100%;
    position:absolute;
}

#top #key #movie_area p{
    color:#FFF;
    text-align:center;
    padding-top:80px;
}

#videoplayer{
    width:100%;
    height:500px;
    position:absolute;
    top:0;
    left:0;
}

#top #key .movie_filter{
    width:100%;
    height:500px;
    position:absolute;
    top:0;
    left:0;
    display:none;
    background:#000;
}

#top #key .link_filter a{
    width:100%;
    height:500px;
    position:absolute;
    top:0;
    left:0;
    background:#000;
    cursor:pointer;
    filter: alpha(opacity=0);
    -moz-opacity:0;
    opacity:0;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
}

#top #key .link_filter a:hover{
    filter: alpha(opacity=30);
    -moz-opacity:0.3;
    opacity:0.3;
}

#top #key .link_filter_ipad{
    width:100%;
    height:500px;
    position:absolute;
    top:0;
    left:0;
    cursor:pointer;
}

#top #key .txt_area{
    position:absolute;
    bottom:20px;
    right:-200px;
    color:#fff;
    font-size:14px;
    background-color: rgba(255, 255, 255, 0.3);
    border-bottom-left-radius: 20px;
    border-top-left-radius: 20px;
    -webkit-bottom-left-radius: 20px;
    -webkit-top-left-radius: 20px;
    -moz-border-bottom-left-radius: 20px;
    -moz-border-top-left-radius: 20px;
    padding-left:10px;
    cursor:pointer;
}

#top #key .txt_area p{
    padding:8px 10px 8px 25px;
    width:auto;
    background:url(/images/top/key/link_arrow.png) no-repeat left;
    line-height:20px;
}

#top #key .txt_area span{
    font-size:12px;
}

#top #key ul.circle{
    position:absolute;
    bottom:15px;
    text-align:center;
    left:50%;
}

#top #key ul.circle li{
    float:left;
    width:10px;
    height:10px;
    background:#FFF;
    margin-right:15px;
    border-radius: 5px;        /* CSS3草案 */
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
    -moz-border-radius: 5px;   /* Firefox用 */
    cursor:pointer;
}

#top #key ul.circle li.current{
    background:#D91200;
}

#top #key .arrow_l{
    position:absolute;
    top:240px;
    left:30px;
}

#top #key .arrow_r{
    position:absolute;
    top:240px;
    right:30px;
}

#top #key .timer{
    position:absolute;
    top:500px;
    left:0;
    width:100%;
    height:5px;
    background:#000;
}

#top #key .meter{
    position:absolute;
    top:500px;
    left:0;
    width:0;
    height:5px;
    background:url(/images/top/key/time_bar.png) repeat;
}

#top #key .search{
    position:absolute;
    top:230px;
    left:50%;
    margin-left:-390px;
}

#top #key .search .house_count{
    width:800px;
    text-align:center;
    position:absolute;
    top:-48px;
    left:0;
    line-height:48px;
    color:#FFF;
    font-size:16px;
}

#top #key .search .house_count span{
    font-size:30px;
    margin:0 5px 0 5px;
}

#top #key .search .input_area_bg{
    float:left;
    width:400px;
    height:48px;
    background:url(/images/top/key/seach_bg.png) repeat;
    border:1px #FFF solid;
}

#top #key .search .input_area{
    position:absolute;
    top:0;
    left:0;
    width:375px;
    height:48px;
    line-height:48px;
    color:#FFF;
    font-size:18px;
    padding-left:15px;
    padding-right:10px;
    border:none;
    background:none;
}

#top #key .search .input_def{
    position:absolute;
    top:0;
    left:0;
    height:48px;
    line-height:48px;
    color:#FFF;
    font-size:16px;
    padding-left:10px;
}

#top #key .search .input_def span{
    font-size:30px;
    margin:0 5px 0 5px;
}

#top #key .search .select_area{
    width:273px;
    height:48px;
    line-height:48px;
    border:1px #FFF solid;
    border-left:none;
    border-right:none;
    color:#FFF;
    font-size:16px;
    padding-left:10px;
    cursor:pointer;
}

#top .customSelect {
    background:url(/images/top/key/select_def.png) repeat;
}

#top #key .search .select_area option{
    padding:10px;
    color:#FFF;
}

#top #key .search .form_btn{
    background:url(/images/top/key/search_btn.jpg) no-repeat;
    width:102px;
    height:50px;
    border:0;
    float:right;
    cursor:pointer;
    font-size:18px;
}

#top #key .search .form_btn:hover{
    background:url(/images/top/key/search_btn_on.jpg) no-repeat;
}
/*  ---------------------------
			holiday
---------------------------  */
#top #holiday{
    width:940px;
    height:20px;
    background:#FFF;
    display:table;
    vertical-align:middle;
    padding:20px;
    margin-bottom:30px;
    line-height: 1.7em;
}

#top #holiday h3{
    width:auto;
    margin-bottom: 10px;
}

/*  ---------------------------
			Topics
---------------------------  */
#top #topics{
    width:940px;
    height:20px;
    background:#FFF;
    display:table;
    vertical-align:middle;
    padding:20px;
    margin-bottom:30px;
}

#top #topics h3{
    width:auto;
    padding-right:15px;
    border-right:1px #CCC solid;
    float:left;
    letter-spacing:2px;
    height:115px;
}

#top #topics ul.topics_box{
    float:right;
    width:835px;
}

#top #topics ul.topics_box li{
    padding-top:10px;
    padding-bottom:10px;
    border-bottom:1px dotted #CCC;
    clear:both;
}

#top #topics ul.topics_box li:first-child{
    padding-top:0;
}

#top #topics ul.topics_box li:last-child{
    border-bottom:hidden;
    padding-bottom:0px;
}

#top #topics ul.topics_box .icon{
    padding:2px 5px 2px 5px;
    font-size:10px;
    color:#FFF;
    margin-right:10px;
    float:left;
    width:100px;
    text-align:center;
}

#top #topics ul.topics_box .id_1{
    background:#FF5200;
}

#top #topics ul.topics_box .id_2{
    background:#004284;
}

#top #topics ul.topics_box .id_3{
    background:#006F70;
}

#top #topics ul.topics_box ul.topics_area{
    float:left;
}

#top #topics ul.topics_box ul.topics_area li{
    display:none;
    clear:none;
    padding:3px 0 0 0;
    border-bottom:hidden;
}

#top #topics ul.topics_box ul.topics_area li:first-child{
    display:block;
}

#top #topics ul.topics_box ul.topics_navi{
    float:right;
}

#top #topics ul.topics_box ul.topics_navi li{
    float:left;
    color:#F00;
    margin:0 0 0 10px;
    letter-spacing:2px;
    clear:none;
    padding:0;
    border-bottom:hidden;
}

#top #topics ul.topics_box ul.topics_navi li a img{
    margin-bottom:-4px;
    margin-right: -13px;
    width: 80%;
}


/*  ---------------------------
			about
---------------------------  */
#top #about_area{
    padding-bottom:30px;
}

#top #about{
    width:310px;
    float:left;
    background:#FFF;
    margin-right:25px;
}

#top #about:last-child{
    margin-right:0;
}

#top #about h3{
    font-size:16px;
    color:#FFF;
    text-align:center;
    padding:10px;
    font-weight:normal;
    letter-spacing:1px;
}

#top #about h4{
    text-align:center;
    font-weight:normal;
}

#top #about .about_inner{
    width:270px;
    margin:0 auto;
    padding:10px 0 10px 0;
    min-height:310px;
}

#top #about .about_inner p{
    padding-top:10px;
    font-size:14px;
    line-height:18px;
}

#top #about .about_inner p a{
    background:url(/images/top/link_arrow.gif) no-repeat left;
    padding-left:25px;
}

/*  ---------------------------
			banner
---------------------------  */
#top #banner_area{
    padding-bottom:30px;
}

#top #banner_vertical{
    width:980px;
}

#top #banner_vertical a{
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
    text-decoration: none;
}

#top #banner_vertical a:hover{
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
    text-decoration:none;
}

#top #banner_vertical .real{
    background:url(/images/top/bn/real_bg.jpg) no-repeat;
    width:980px;
    height:120px;
    text-align:center;
    color:#fff;
}

#top #banner_vertical .real .ttl{
    font-size:32px;
    line-height:28px;
    padding:33px 0 10px 0;
    width:auto;
}

#top #banner_vertical .real .ttl img{
    margin:0 7px 2px 0;
}

#top #banner_vertical .real .read{
    font-size:12px;
    font-weight:bold;
}


#top #banner{
    width:475px;
    position:relative;
    background:#FFF;
    float:left;
    margin-right:30px;
}

#top #banner:last-child{
    margin-right:0;
}

#top #banner .pic_1{
    position: absolute;
    top: -23px;
    left: 0;
}

#top #banner .pic_2{
    position: absolute;
    top: -20px;
    left: 0;
}

#top #banner .banner_inner_1{
    padding:10px 10px 10px 170px;
    font-size:12px;
}

#top #banner .banner_inner_2{
    padding:10px 10px 10px 190px;
    font-size:12px;
}

#top #banner h3{
    font-size:16px;
    float:left;
    padding-top:5px;
    color:#EE2500;
    font-weight:bold;
}

#top #banner a.link{
    background: url(/images/top/bn/link_arrow_s.png) no-repeat 7px 3px #EE2500;
    color:#FFF;
    float:right;
    padding:3px 10px 3px 20px;
}

#top #banner a.link:hover{
    text-decoration:none;
    background: url(/images/top/bn/link_arrow_s.png) no-repeat 7px 3px #FF0000;
}

#top #banner p{
    clear:both;
    padding-top:10px;
    line-height:18px;
}



/*  ---------------------------
			HOUSING
---------------------------  */
#top #house{
    padding-bottom:30px;
}

#top #house h3{
    background:#EE2500;
    padding:10px 10px 10px 20px;
    color:#FFF;
    letter-spacing:1px;
}

#top #house h3 .sub{
    font-size:12px;
}

#top #house .house_inner{
    padding:20px 0 20px 0;
    background:#FFF;
}

#top #house .house_inner .cullum{
    padding:0 30px 0 30px;
    float:left;
    width:268px;
}

#top #house .house_inner .cullum:first-child{
    border-right:1px solid #CCC;
}


#top #house .house_inner .cullum:last-child{
    padding:0 0 0 30px;
    border-left:1px solid #CCC;
}

#top #house .house_inner .cullum h4{
    font-size:16px;
    color:#EE2500;
    float:left;
    font-weight:bold;
    padding-bottom:15px;
}

#top #house .house_inner .cullum h4 .sub{
    font-size:12px;
    font-weight:normal;
    margin-left:5px;
}

#top #house .house_inner .cullum a.link{
    float:right;
    background:url(/images/top/link_arrow.gif) no-repeat left;
    padding:0 0 0 25px;
}

#top #house .house_inner .cullum .box{
    padding:0 0 20px 0;
    clear:both;
    cursor:pointer;
}

#top #house .house_inner .cullum .box .key{
    position:relative;
    width:100%;
    padding-bottom:5px;
}

#top #house .house_inner .cullum .box .key .img{
    width:100%;
}

#top #house .house_inner .cullum .box .key .icon{
    position:absolute;
    top:0;
    right:0;
    padding:3px 10px 3px 10px;
    font-size:12px;
    font-weight:bold;
    color:#FFF;
    letter-spacing:1px;
}

#top #house .house_inner .cullum .box .key .cam{
    position:absolute;
    bottom:20px;
    left:-15px;
    color:#FFF;
    background:url(/images/top/house/cam_1_middle.png) repeat-x bottom;
    font-size:14px;
    height:36px;
    line-height:45px;
    padding:0px 10px 5px 9px;
}

#top #house .house_inner .cullum .box .key .cam img.cam_l{
    position:absolute;
    top:-5px;
    left:0;
}

#top #house .house_inner .cullum .box .key .cam img.cam_r{
    position:absolute;
    top:5px;
    right:-10px;
}


#top #house .house_inner .cullum .box p{
    font-size:12px;
    padding-bottom:5px;
    line-height:18px;
}

#top #house .house_inner .cullum .box p.name{
    font-size:16px;
}

#top #house .house_inner .cullum a.all{
    background:#EEEEEE;
    font-size:12px;
    padding:5px 0 7px 0;
    width:100%;
    display:block;
    text-align:center;
    border:1px solid #EEE;
}

#top #house .house_inner .cullum a.all img{
    margin-bottom:-4px;
    margin-right:2px;
}

#top #house .house_inner .cullum a.all:hover{
    background:#FFF;
    border:1px solid #EEE;
    text-decoration:none;
}


/*  ---------------------------
			SHIBUYA
---------------------------  */
#top #shibuya{
    padding-bottom:30px;
}

#top #shibuya p{
    word-break: break-all;
}

#top #shibuya .shibuya_inner{
    padding:20px;
    background:#FFF;
}

#top #shibuya .shibuya_inner .logo{
    float:left;
    margin-right:20px;
    padding-top:5px;
}

#top #shibuya .shibuya_inner .info{
    float:left;
}

#top #shibuya .shibuya_inner .info a{
    display:block;
    padding-left:25px;
    font-size:18px;
    background:url(/images/top/link_arrow.gif) no-repeat;
}

#top #shibuya .shibuya_inner .info p{
    display:block;
    font-size:12px;
    line-height:16px;
    margin:5px 0 0 0;
    width:200px;
}

#top #shibuya .shibuya_inner .tel_area{
    border:1px solid #CCC;
    padding:10px 10px 10px 15px;
    float:right;
    width:510px;
    display:table;
}

#top #shibuya .shibuya_inner .tel_area p{
    display:table-cell;
    vertical-align:middle;
    padding-right:10px;
}

#top #shibuya .shibuya_inner .tel_area p.title{
    width:85px;
}

#top #shibuya .shibuya_inner .tel_area p.tel{
    font-size:30px;
    color:#EE2500;
    line-height:35px;
}

#top #shibuya .shibuya_inner .tel_area p.tel img{
    padding-right:5px;
    margin-bottom:-5px;
}

#top #shibuya .shibuya_inner .tel_area p.time{
    font-size:20px;
}


/*  ---------------------------
			COLUMN
---------------------------  */
#top #column{
    padding-bottom:30px;
}

#top #column h3{
    background:#EE2500;
    padding:10px 10px 10px 20px;
    color:#FFF;
    letter-spacing:1px;
}

#top #column h3 a{
    float:right;
    background:url(/images/top/link_arrow_red.png) no-repeat left;
    padding:0 5px 0 25px;
    font-size:12px;
    color:#FFF;
}

#top #column h3 .sub{
    font-size:12px;
}

#top #column .column_inner{
    background:#FFF;
    padding:30px;
}

#top #column .column_inner ul li{
    float:left;
    margin-right:24px;
    margin-bottom: 25px;
    position:relative;
}

#top #column .column_inner ul li .new{
    position:absolute;
    top:-10px;
    left:10px;
    background:#EE2500;
    padding:3px 10px 3px 10px;
    font-style:italic;
    color:#FFF;
    font-size:12px;
    z-index:1;
}

#top #column .column_inner ul li .new img.bottom{
    position:absolute;
    bottom:-9px;
    left:5px;
}

#top #column .column_inner ul li:nth-child(3n){
    margin-right:0;
}
#top #column .column_inner ul li:nth-child(n+3){
    margin-bottom:0;
}


#top #column .column_inner ul li a img{
    filter: alpha(opacity=100);
    -moz-opacity:1;
    opacity:1;
}

#top #column .column_inner ul li a:hover img{
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
}

#top #column .column_inner ul li a.txt{
    display:block;
    margin-top:8px;
    background:url(/images/top/link_arrow.gif) no-repeat left;
    padding-left:25px;
}


/*  ---------------------------
			BLOG
---------------------------  */
#top #blog{
    padding-bottom:10px;
}

#top #blog h3{
    background:#EE2500;
    padding:10px 10px 10px 20px;
    color:#FFF;
    letter-spacing:1px;
}

#top #blog h3 a{
    float:right;
    background:url(/images/top/link_arrow_red.png) no-repeat left;
    padding:0 5px 0 25px;
    font-size:12px;
    color:#FFF;
}

#top #blog h3 .sub{
    font-size:12px;
}

#top #blog .blog_inner{
    background:#FFF;
    padding:30px 0 30px 0;
}

#top #blog .blog_inner .cullum{
    width:270px;
    padding:0 28px 0 28px;
    border-right:1px solid #CCC;
    float:left;
}

#top #blog .blog_inner .cullum:last-child{
    padding:0 0 0 28px;
    border-right:none;
}

#top #blog .blog_inner .cullum h4{
    padding-bottom:15px;
    text-align:center;
}

#top #blog .blog_inner .cullum h4 img{
    padding-bottom:5px;
}

#top #blog .blog_inner .cullum a.box{
    background:url(/images/top/blog/bg.gif) repeat;
    padding:10px;
    font-size:12px;
    display:block;
    margin-bottom:10px;
    border:1px solid #FFF;
}

#top #blog .blog_inner .cullum a.box:hover{
    background:FFF;
    background-image:none;
    border:1px solid #EEE;
    text-decoration:none;
}

#top #blog .blog_inner .cullum a.box .img{
    float:left;
    margin:0 10px 0 0;
    position:relative;
}

#top #blog .blog_inner .cullum a.box .img .update{
    background:url(/images/top/blog/icon_bg_01.png) no-repeat;
}

#top #blog .blog_inner .cullum a.box p{
    font-style:italic;
    height: 20px;
    overflow: hidden;
}

#top #blog .blog_inner .cullum a.box p.title{
    font-weight:bold;
    font-size:14px;
}

#top #blog .blog_inner .cullum a.all{
    background:#EEEEEE;
    font-size:12px;
    padding:5px 0 7px 0;
    width:100%;
    display:block;
    text-align:center;
    border:1px solid #EEE;
}

#top #blog .blog_inner .cullum a.all img{
    margin-bottom:-4px;
    margin-right:2px;
}

#top #blog .blog_inner .cullum a.all:hover{
    background:#FFF;
    border:1px solid #EEE;
    text-decoration:none;
}



/*  ---------------------------
			special
---------------------------  */

#top #house .house_inner .special_box{
    width: 940px;
    margin: auto;
    padding-bottom: 10px;
    margin-bottom: 10px;
    /*border-bottom: 1px solid #EEE;*/
}

#top #house .house_inner .special_box:last-child{
    border-bottom: none;
}


#top #house .house_inner .special_box .banner img{
    width: 100%;
    /*background: #000;*/
    margin: auto;
}

#top #house .house_inner .special_box .banner img:hover{
    filter: alpha(opacity=70);
    -moz-opacity:0.7;
    opacity:0.7;
}


#top #house .house_inner .special_box h4{
    font-size:16px;
    color:#EE2500;
    float:left;
    font-weight:bold;
    padding-bottom:15px;
}

#top #house .house_inner .special_box h4 .sub{
    font-size:12px;
    font-weight:normal;
    margin-left:5px;
}
#top #house .house_inner .special_box .catch{
    font-size: 12px;
}

#top #house .house_inner .special_box .catch span{
    color:#EE2500;
    font-weight: bold;
}


#top #house .house_inner a.specialall{
    background:#EEEEEE;
    font-size:12px;
    padding:5px 0 7px 0;
    width:270px;
    display:block;
    text-align:center;
    float: right;
    border:1px solid #EEE;
    margin: 0 20px 0 0;
}

#top #house .house_inner a.specialall img{
    margin-bottom:-4px;
    margin-right:2px;
}

#top #house .house_inner a.specialall:hover{
    background:#FFF;
    border:1px solid #EEE;
    text-decoration:none;
}



/*
#top #special_area{
	background: #fff;
}

#top #special_area h3{
	background: #000;
	color: #fff;
	text-align: center;
	padding: 15px 0;
	font-size: 18px;
}

#top #special_area h3 span{
	color: #fff;
	padding: 0 0 0 7px;
	font-size: 12px;
}

#top #special_area div{
	width: 940px;
	margin: 20px auto;
}

#top #special_area div p img{
	width: 100%;
}

#top #banner_area .banner_image{
	margin-bottom: 30px;
}

#top #banner_area .banner_image p:hover{
	filter: alpha(opacity=70);
  	-moz-opacity:0.7;
  	opacity:0.7;
}
*/