@charset "utf-8";

/*********************************************
  hokkaido_myhome_center
  /style.css
*********************************************/

@import "/common/css/base.css";
@import "/common/css/shadowbox.css";


/*==================================
  Main Layout
==================================*/
div#contents {padding-top:20px;}



/*--ajax_visual_area--*/
div#visual {height:330px; width:680px; background:url(./images/back_visual.gif); text-align:center; margin-bottom:20px;}
.anythingSlider {width:670px; height:265px; position:relative; margin:0 auto;}
.anythingSlider .wrapper {text-align:center; width:670px; height:265px; margin-top:5px; overflow:auto; position:absolute; top:0; left:0; _margin-left:5px;}
div#main .anythingSlider .wrapper h2 {display:none;}

.thumbNav {margin:0 auto; text-align:center; position:relative; top:275px; left:0; z-index:100;}
.thumbNav li {display:inline; list-style:none;}

.anythingSlider .wrapper ul {width:32700px; list-style:none; position:absolute; top:0; left:0; margin:0;}
.anythingSlider .wrapper ul li {display:block; float:left; padding:0; height:265px; width:670px; margin:0;}
.start-stop	{display:none;}
.anythingSlider .arrow {display:none;}

.thumbNav ul {list-style:none; padding-left:0px; width:675px; _margin-left:5px;}
.thumbNav ul li {width:130px; height:50px; float:left; margin-right:5px; _float:none; padding:0; font-size:0; line-height:0;}
.thumbNav .link_1 a 		{display:inline-block; background:url(./images/visual001.jpg) no-repeat bottom; height:50px; width:130px; text-align:center; font-size:0px;}
.thumbNav .link_1 a:hover	{background: url(./images/visual001_ov.jpg) no-repeat bottom;}
.thumbNav .link_1 a.cur		{background: url(./images/visual001_ov.jpg) no-repeat bottom;}
.thumbNav .link_2 a 		{display:inline-block; background:url(./images/visual002.jpg) no-repeat bottom; height:50px; width:130px; text-align:center; font-size:0px;}
.thumbNav .link_2 a:hover	{background: url(./images/visual002_ov.jpg) no-repeat bottom;}
.thumbNav .link_2 a.cur		{background: url(./images/visual002_ov.jpg) no-repeat bottom;}
.thumbNav .link_3 a 		{display:inline-block; background:url(./images/visual001.jpg) no-repeat bottom; height:50px; width:130px; text-align:center; font-size:0px;}
.thumbNav .link_3 a:hover	{background: url(./images/visual001_ov.jpg) no-repeat bottom;}
.thumbNav .link_3 a.cur		{background: url(./images/visual001_ov.jpg) no-repeat bottom;}
.thumbNav .link_4 a 		{display:inline-block; background:url(./images/visual002.jpg) no-repeat bottom; height:50px; width:130px; text-align:center; font-size:0px;}
.thumbNav .link_4 a:hover	{background: url(./images/visual002_ov.jpg) no-repeat bottom;}
.thumbNav .link_4 a.cur		{background: url(./images/visual002_ov.jpg) no-repeat bottom;}
.thumbNav .link_5 a 		{display:inline-block; background:url(./images/visual001.jpg) no-repeat bottom; height:50px; width:130px; text-align:center; font-size:0px;}
.thumbNav .link_5 a:hover	{background: url(./images/visual001_ov.jpg) no-repeat bottom;}
.thumbNav .link_5 a.cur		{background: url(./images/visual001_ov.jpg) no-repeat bottom;}
.thumbNav ul li.link_5 {margin:0;}

/*--clear_btn_link--*/
div.btnarea-link {width:670px; height:265px;}
div.btnarea-link a.link {display:block; width:670px; padding-top:265px; text-align:center; outline-width:0; position:relative; top:-265px; background: url(/common/images/alfa.gif) no-repeat top; color:#fff; text-decoration:none;}
div.btnarea-link a.link02 {display:block; width:670px; padding-top:265px; text-align:center; outline-width:0; position:relative; top:-265px; background: url(/common/images/alfa.gif) no-repeat top; color:#fff; text-decoration:none; cursor:default;}

/*--main--*/
h2 {font-size:0; line-height:0; position:relative; z-index:1;}
div#main p#search-model {width:120px; height:19px; overflow:hidden; position:relative; z-index:2; margin:-28px 0 0 544px; background:url(./images/btn_modelhouse_ov.gif); font-size:0; line-height:0;}
div#main p#search-model a {display:block;}
div#main p#search-model a:hover {background-color:transparent;}
div#main p#search-model a:hover img {visibility:hidden;}
div#main div#pickup-list {padding:20px 0 10px;}
div#main div#pickup-list ul {list-style:none; padding:0 0 10px 1px;}
div#main div#pickup-list ul li {width:162px; float:left; margin-right:10px;}
div#main div#pickup-list ul li.none {margin:0;}
div#main div#pickup-list ul li a {display:block; text-decoration:none; border:3px solid #ebe9e7; padding:9px;}
div#main div#pickup-list ul li a:hover {border:3px solid #fbd6a6;}
div#main div#pickup-list ul li a span.pick-sap {display:block; text-align:center; background:url(./images/pickup_sap.gif) top center no-repeat; padding:22px 0 5px;}
div#main div#pickup-list ul li a span.pick-sap-p {display:block; text-align:center; background:url(./images/pickup_sap_p.gif) top center no-repeat; padding:22px 0 5px;}
div#main div#pickup-list ul li a span.pick-sap-s {display:block; text-align:center; background:url(./images/pickup_sap_s.gif) top center no-repeat; padding:22px 0 5px;}
div#main div#pickup-list ul li a span.pick-sap-n {display:block; text-align:center; background:url(./images/pickup_sap_n.gif) top center no-repeat; padding:22px 0 5px;}
div#main div#pickup-list ul li a span.pick-asa {display:block; text-align:center; background:url(./images/pickup_asa.gif) top center no-repeat; padding:22px 0 5px;}
div#main div#pickup-list ul li a span.pick-obi {display:block; text-align:center; background:url(./images/pickup_obi.gif) top center no-repeat; padding:22px 0 5px;}
div#main div#pickup-list ul li a span.pick-hak {display:block; text-align:center; background:url(./images/pickup_hak.gif) top center no-repeat; padding:22px 0 5px;}
div#main div#pickup-list ul li a span.underline {text-decoration:underline;}
div#main div#pickup-list ul li a:hover span.underline {text-decoration:none;}
div#main div#pickup-list ul li a span.name {font-size:10px; color:#333;}

div#main p#btn-area {width:76px; height:19px; overflow:hidden; position:relative; z-index:2; margin:-29px 0 0 587px; background:url(./images/btn_area_ov.gif); font-size:0; line-height:0;}
div#main p#btn-area a {display:block;}
div#main p#btn-area a:hover {background-color:transparent;}
div#main p#btn-area a:hover img {visibility:hidden;}
div#main div#area-box {padding:20px 0 10px;}
div#main div#area-box ul {list-style:none; margin:0 0 10px 1px; padding-bottom:15px; background:url(./images/back_area01.gif) bottom left no-repeat;}
div#main div#area-box ul.none {background:url(./images/back_area02.gif) bottom left no-repeat;}
div#main div#area-box ul li {width:162px; float:left; margin-right:10px; border-top:3px solid #ebe9e7;}
div#main div#area-box ul li.none {margin:0;}
div#main div#area-box ul li p#hokkaido {text-align:center;}
div#main div#area-box ul li dl {padding:7px 11px 1px;}
div#main div#area-box ul li dt {margin:0 0 7px 1px; width:138px; height:24px; overflow:hidden; font-size:0; line-height:0;}
div#main div#area-box ul li dt a {display:block;}
div#main div#area-box ul li dt a:hover {background-color:transparent;}
div#main div#area-box ul li dt a:hover img {visibility:hidden;}
div#main div#area-box ul li dt.area-sap {background:url(./images/area_sap_ov.png);}
div#main div#area-box ul li dt.area-sap-p {background:url(./images/area_sap_p_ov.png);}
div#main div#area-box ul li dt.area-sap-s {background:url(./images/area_sap_s_ov.png);}
div#main div#area-box ul li dt.area-sap-n {background:url(./images/area_sap_n_ov.png);}
div#main div#area-box ul li dt.area-asa {background:url(./images/area_asa_ov.png);}
div#main div#area-box ul li dt.area-obi {background:url(./images/area_obi_ov.png);}
div#main div#area-box ul li dt.area-hak {background:url(./images/area_hak_ov.png);}
div#main div#area-box ul li dd p.date {text-align:right; padding:2px; background:url(./images/icon_new_entry.gif) left no-repeat;}
div#main div#area-box ul li dd p.entry-title {height:3.2em; overflow:hidden; margin-bottom:5px;}
div#main div#area-box ul li dd p.d-name span {background:#d3cec8;}

div#main div#photo-box {background:#fdedd9; padding:10px 0 7px 15px;}
div#main div#photo-box ol li {list-style:none; width:100px; float:left; margin-right:10px;}
div#main div#photo-box ol li.none {margin:0;}
div#main div#photo-box ol li dt {padding-bottom:2px; text-align:center;}
div#main div#photo-box ol li dd p {width:100px; height:100px; overflow:hidden; margin-bottom:3px; background:#fff;}
div#main div#photo-box ol li dd p.typeA img {margin-top:13px;}
div#main div#photo-box ol li dd p.other-photo {width:91px; height:18px; margin:0 0 0 2px; background:url(./images/btn_other_ov.gif);}
div#main div#photo-box ol li dd p.other-photo a {display:block;}
div#main div#photo-box ol li dd p.other-photo a:hover {background-color:transparent;}
div#main div#photo-box ol li dd p.other-photo a:hover img {visibility:hidden;}

/*--side--*/
div#new-model {background:#f3f2f0; padding:12px 12px 5px; margin-bottom:10px;}
div#new-model ol {list-style:none; padding-bottom:1px;}
div#new-model ol li {padding-bottom:12px;}
div#new-model ol li dt {width:100px; float:left; background:#fff; padding:12px 0;}
div#new-model ol li dt img {width:100px;}
div#new-model ol li dd {width:108px; float:right;}
div#new-model ol li dd p img {margin:2px 0 3px;}
div#new-model ol li dd p span.name {font-size:10px;}

p#btn-info {width:64px; height:17px; overflow:hidden; position:relative; z-index:2; margin:-20px 0 3px 173px; background:url(./images/btn_info_ov.gif); font-size:0; line-height:0;}
p#btn-info a {display:block;}
p#btn-info a:hover {background-color:transparent;}
p#btn-info a:hover img {visibility:hidden;}
div#info-box {background:#f3f2f0; padding:10px 10px 5px 12px; margin-bottom:20px;}
div#info-box ol {list-style:none; padding-bottom:1px;}
div#info-box ol li {padding-bottom:10px;}
div#info-box ol li dt {line-height:1.25; padding-bottom:5px;}
div#info-box ol li dt img {margin-right:2px;}
div#info-box ol li dd div {width:60px; height:60px; float:left; background:#fff;}
div#info-box ol li dd div p.centering {width:60px; height:60px; text-align:center; vertical-align:middle; display:table-cell;}
div#info-box ol li dd p.link-text {width:150px; float:right;}
ul#side-bnr-aera {list-style:none; padding-bottom:1px;}
ul#side-bnr-aera li {padding-bottom:10px;}
ul#side-bnr-aera li a img {border:1px solid #cb0409;}
ul#side-bnr-aera li a:hover img {border:1px solid #fbd6a6;}