/*hinethome.css*/

*{
margin:0px;
padding:0px;
border:none;
}
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.c-both{
clear:both;
}



/*レイアウト枠
------------------------------*/
body{
background:url(../gif/top/bg_body.jpg) repeat 0 0;
font-size:85%;
}

div#wrapper{
text-align:center;
width:100%;
}
div.header_meta{
background:#000;
color:#FFFFFF;
font-size:85%;
padding:5px 0px;
}
div.header_meta p{
width:860px;
margin:0px auto;
text-align:left;
}

/*header
------------------------------*/

div#header{
width:860px;
margin:0px auto;
padding:5px 0px;
text-align:left;
}
div.header_left{
float:left;
font-size:14px;
}
h1#logo{
margin:0px 10px 0px 0px;
border:none;
display:inline;
}
div.header_btn{
float:right;
}
div.header_btn img{
float:left;
}

/*フォントサイズチェンヂャー*/
ul#fontsize_chg{
list-style:none;
background:url(../gif/top/fntsize_bg.gif) no-repeat 0 0;
float:left;
height:30px;
width:170px;
margin-right:10px;
}
ul#fontsize_chg li{
float:left;
display:block;
}
ul#fontsize_chg img{
margin:4px 2px;
vertical-align:middle;
}
ul#fontsize_chg img.fnt_title{
margin:7px 2px 7px 6px;
}
ul#fontsize_chg a{
cursor:pointer;
}



/*header bar
------------------------------*/
div#header_bar{
	width:860px;
	margin:0px auto;
	background:url(../gif/top/bg_headerbar.gif) no-repeat 0 0;
	text-align:left;
	font-size:12px;
	height: 35px;
}


div#header_bar form,div#header_bar input{
margin:5px;
float:left;
}

/*日付等フォーム*/
form.show{
width:200px;
}
form.show input{
width:195px;
}
/**** hakodate SearchEngine****/
div.hakodateSE{
float:right;
margin-right:10px;
}
div.hakodateSE img{
float:left;
margin:6px 0px 5px 10px;
}

div#header_bar form{
float:left;
}
div#header_bar input.query{
border:1px solid #c1a991!important;
width:300px;
height:16px!important;
margin:2px 0 0 0;
paddng-right:0!important;
}
div#header_bar .btn_search{
float:left;
border:1px solid #c1a991;
border-left:none;
padding:0px 3px 0 0;
margin:2px 0 0 0!important;
background:#edffff;
}
/*container
------------------------------*/
div#container{
width:860px;
margin:10px auto;
text-align:left;
font-size:85%;
}
div#bnt_box{
text-align:center;
margin-bottom:10px;
}
/*leftcolumn
------------------------------*/
div#leftcolumn{
width:170px;
float:left;
}
/*HINETサービス案内*/

div#menubox{
margin:0 0 10px;
padding:5px 0 10px;
background:#fff;
border:1px solid #c1a991;
border-top:none;
text-align:center;
}
div#menubox img{
margin:10px auto 0px;
}

ul#menu_hinetsv,ul#menu_membersv{
list-style:none;
text-align:left;
}
ul#menu_hinetsv li,ul#menu_membersv li{
display:block;
margin:3px 5px;
padding:5px 3px 5px 13px;
border-bottom:2px dotted #c1a991;
}
ul#menu_hinetsv li{
background:url(../gif/top/list_menu_hinet.gif) no-repeat 0 0.6em;
}
ul#menu_membersv li{
background:url(../gif/top/list_menu_menber.gif) no-repeat 0 0.6em;
}
#msv_explanation{
	text-align:center;
	margin:0px 5px 0px;
	color:#663300;
	border: 1px solid #c1a991;
	background: #fdf6e6;
	border-top: none;
	padding:0px;
}
#msv_explanation p{
line-height:150%;
margin:0px 5px 10px;
text-align:left;
}
#msv_explanation #btn_login{
margin:5px auto;
}
.fnt_red{
color:#990000;
}

/*コンテンツメニュー*/
div.menubox_contents,div.menubox_contents_p,div.menubox_contents_m{
margin:0 0 10px;
padding:5px 0px 10px;
background:#fdf6e6;
border:1px solid #c1a991;
border-top:none;
}
ul.c_menu,ul.c_menu_guide{
list-style:none;
padding:0px;
margin:0px;
}
ul.c_menu li,ul.bbs_c_menu li{
display:block;
padding:3px 3px 3px 15px;
background:url(../gif/top/list.gif) no-repeat 8px 0.55em;
line-height:120%;
}
/*guide menu*/
ul.c_menu_guide li{
display:block;
margin:3px 4px;
padding:3px 3px 3px 18px;
}
ul.c_menu_guide li.wc{
background:url(../gif/top/list_guide_wc.gif) no-repeat 0px 0.2em;
}

ul.c_menu_guide li.hotel{
background:url(../gif/top/list_guide_hotel.gif) no-repeat 0px 0.2em;
}
ul.c_menu_guide li.sight{
background:url(../gif/top/list_guide_sight.gif) no-repeat 0px 0.2em;
}
ul.c_menu_guide li.spa{
background:url(../gif/top/list_guide_spa.gif) no-repeat 0px 0.2em;
}
ul.c_menu_guide li.festival{
background:url(../gif/top/list_guide_festival.gif) no-repeat 0px 0.15em;
}
ul.c_menu_guide li.camp{
background:url(../gif/top/list_guide_camp.gif) no-repeat 0px 0.3em;
}
ul.c_menu_guide li.bathing_place{
background:url(../gif/top/list_guide_bathing_place.gif) no-repeat 0px 0.2em;
}
ul.c_menu_guide li.ski{
background:url(../gif/top/list_guide_ski.gif) no-repeat 0px 0.2em;
}

ul.c_menu_guide li.hanadayori{
background:url(../gif/top/list_guide_hanadayori.gif) no-repeat 0px 0.2em;
}
ul.c_menu_guide li.g_list{
background:url(../gif/top/list_guide.gif) no-repeat 0px 0.15em;
}


/*モバイルコンテンツ*/
div.menubox_contents_m h3{
margin:10px 5px 0px;
color:#660033;
border-bottom:1px solid #660033;
font-size:105%;
font-weight:bold;
}
h4.way,h4.way_top{
color:#660033;
font-weight:bold;
font-size:100%;
margin:20px 5px 5px;
}

h4.way_top{
margin-top:10px;
}
div.menubox_contents_m p{
margin:0px 5px;
}
img.qr{
float:left;
margin:0px 5px 5px;
}
img.sendtomobile{
margin:5px 17px 0px 16px;
}
img.imgurl{
margin:5px;
}
/*掲示板メニュー内h3*/
h3.bbs_category{
margin:0px 5px 5px 5px;
padding:3px;
color:#660033;
font-weight:bold;
font-size:90%;
border-bottom:2px dotted #c1a991;
}
/*掲示板メニュー*/
ul.bbs_c_menu{
margin-bottom:15px;
list-style:none;
}
/*centercolumn
------------------------------*/
div#centercolumn{
width:480px;
margin:0px 20px;
float:left;
}

#whatsnews,#dosankoichiba,#stay_plan,#pr{
background:#fff url(../gif/top/bg_cneterblock.gif) no-repeat 0 bottom;
border:1px solid #c1a991;
margin-bottom:20px;
}
#dosankoichiba p,#stay_plan p,#pr p{
line-height:120%;
}
/*link設定*/
#dosankoichiba a,#stay_plan a,#pr a{
color:#FF6600;
}
#dosankoichiba a:hover,#stay_plan a:hover,#pr a:hover{
color:#0000ff;
}
#whatsnews,#dosankoichiba,#stay_plan,#pr
/*新着情報*/
#whatsnews{
position:relative;
}
#whatsnews ul{
list-style:none;
margin:5px;
}
#whatsnews li{
background:url(../gif/top/list_new.png) no-repeat 0 0.25em;
padding:5px 0px 5px 20px;
}
.rss_btn{
position:absolute;
right:10px;
top:10px;
}

/*どさんこ市場
------------------------------*/
#pr,#dosankoichiba,#stay_plan{
position:relative;
}
#pr img.bth_ddatails,#dosankoichiba img.bth_ddatails,#stay_plan img.bth_ddatails{
position:absolute;
top:18px;
right:5px;
}
div.item{
float:left;
display:inline;
width:146px;
margin:0px 6px 0px 7px;
}
div.item img{
margin:3px 3px 6px;
}
div.item p{
margin:5px;
}
p.item_name{
font-weight:bold;
color:#ff9900;
}


span.company_name,span.item_sname{
font-size:90%;
}

/*宿泊プラン
------------------------------*/
.stayplan_img{
margin:5px 10px 10px 10px;
float:left;
}

div#stay_plan p{
margin:5px;
}
p.ssitem_name{
font-weight:bold;
color:#660033;
}

span.scompany_name,span.sitem_name{
font-size:90%;
display:inline-block;
padding-bottom:2px;
}
p.detailed_link{
text-align:right;
clear:both;
margin-bottom:10px;
}
p.plan_detileslink{
padding-top:20px;
text-align:right;
}
/*企業紹介*/
div.site{
background:#fff;
border:1px solid #c1a991;
margin-bottom:10px;
padding-bottom:7px;
}
div.site ul{
list-style:none;
}
div.site li{
display:block;
width:150px;
float:left;
background:url(../gif/top/list.gif) no-repeat 2px 0.7em;
margin:3px 4px 0px 5px;
}
div.site a{
padding:5px 0px 0px 8px;
display:inline-block;
}
p.plan_details_link{
font-weight:blod;
}

/*rightcolumn------------------------------*/
div#rightcolumn{
width:170px;
float:left;
text-align:left;
}
/*人気コンテンツ*/
div.menubox_contents_p{
text-align:center;
padding:0px;
}
div.popular-content{
background:#ffffff;
border:1px solid #c1a991;
border-top:none;
text-align:center;
margin:0px 3px 10px;
padding:5px 0px 10px;
}

div.popular-content p{
padding:5px 0px;
}
div.popular-content a{
text-align:left;
margin:0px 5px;
display:block;
}

/*バナーリンク*/
#bn_link{
text-align:center;
}
#bn_link a{
margin-bottom:10px;
display:block;
line-height:120%;
}

/*フッター
------------------------------*/
div#footer{
width:100%;
min-height:140px;
text-align:center;
background:url(../gif/top/bg_footer.gif) repeat-x 0 0;
}
div.footer-content{
width:860px;
margin:0 auto;
padding:40px 0 10px;
text-align:left;
}
div.fimg{
float:left;
}
div.fimg img{
float:left;
margin-right:20px;
}
/*HINET-info*/
div.hinetinfo{
float:right;
}
div.hinetinfo ul{
list-style:none;
}
div.hinetinfo li{
display:inline;
padding:5px 3px;
}



/*フォント設定等
------------------------------*/

.fnt_bold{
font-weight:bold;
}

/*リンク等設定*/
a:hover{
color:#FF6600;
}
/*HakodateSearchEngine
------------------------------*/
#cse-search-results{
padding-right:10px!important;
background:#fff;
border-bottom:1px solid #336699;
}
div.back{
text-align:right;
margin:20px 0px;
}