@charset "UTF-8";

/* トップページ用構造
--------------------------- */

body#index #container {
background: url(common/image/bg.png) repeat-x 0 0;
margin : 0px auto 0px auto; padding: 0px; }

body#index #main{
width: 706px;
padding: 11px 0px 5px 0px;
margin: 0;
position: relative;
float: left; }

body#index #main #article {
margin : 0px 0px 20px 0px ;
padding: 0;
width: 450px;
float: right;
overflow: visible;}


/*  top画像スライド
------------------------ */

#top_img {
display: block;
position: relative;
width: 980px;
height: 368px;
padding: 0; margin: 10px 0 0 0;}

#top_img h2 {
position: absolute;
top:0; left: 0px;
width: 980px;
height: 368px;
z-index:10;}

#top_img #gallery {
width: 980px;
height: 368px;
padding: 1px;
margin: 0; }

#top_img #gallery img {
width: 980px;
height: 368px;
padding: 0; margin: 0; }


/* トップページバナースペース
--------------------------- */

div#article .banner { display:block; margin: 0px 0px 5px 0px;}
div#article .banner a { display:block; margin: 0px 0px 10px 0px;}

/* 戸狩を満喫
--------------------------- */

div#article .discover {
display:block;
background: #73330d url(image/discover.gif) no-repeat 0px 100%;
padding: 0 0 2px 0px; margin:0 0 20px 0;
width: 449px;
text-align: center;
font-size: 15px;
font-weight: bold;
color:#fff; }

div#article .discover h3 { padding: 0; margin: 0px 0px 10px 0px;}
div#article .discover a { padding: 0; margin: 0px -3px 8px 10px; float: left;}


/* 新着　tab Ajax
--------------------------- */

div#news .ui-state-active a:link,
div#news .ui-state-active a:visited { background-position: 0px 100%; color: #323232;}

.ui-tabs { position: relative; zoom: 1; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 0px; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } 
.ui-tabs .ui-tabs-panel { display: block; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }

div#news { padding: 0px 0px 20px 0px;}
div#news .tab { height: 26px; margin: 0; padding: 0; border-bottom: 8px solid #823502;}
div#news .tab li { display: inline; float: left; margin: 0px; padding: 0px;}

div#news .tab a {
display:block;
background-repeat: no-repeat;
background-position: 0px 0%;
height: 26px;
padding: 0; margin: 0px;
text-indent: -9999em;}

div#news .tab a:hover { background-position: 0px 100%;}

div#news .tab .tab1 a {background-image: url(image/tab1.jpg); width: 90px;}
div#news .tab .tab2 a {background-image: url(image/tab2.jpg); width: 90px;}
div#news .tab .tab3 a {background-image: url(image/tab3.jpg); width: 89px;}
div#news .tab .tab4 a {background-image: url(image/tab4.jpg); width: 89px;}
div#news .tab .tab5 a {background-image: url(image/tab5.jpg); width: 91px;}

div#news .list {
display:block;
border-bottom: 1px solid #c0c0c0;
border-left: 1px solid #c0c0c0;
border-right: 1px solid #c0c0c0;
background:#fff;
height: auto;
padding: 9px 13px 10px 13px;
margin: 0px;
text-align: right; }


/* --clearfix------------- */
div#news .list:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
div#news .list { min-height: 1px; }
* html div#news .list { height: 1px; }


div#news .list ul {
display:block;
overflow: hidden;
_zoom: 1;
list-style: none;
padding: 0px;
margin: 0px 0px 8px 0px; }

div#news .list ul li {
display:block;
list-style: none;
border-bottom: 1px dotted #898989;
padding: 8px 0px 8px 0px;
margin: -1px 0px 0px 0px;
text-align: left;
line-height:1.4em; }

/* --clearfix------------- */
div#news .list ul li:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
div#news .list ul li { min-height: 1px; }
* html div#news .list ul li { height: 1px; }

div#news .list ul li a{ color: #9d5e0d; text-decoration: underline;} 

div#news .list ul li small {
display: block;
background-image : url(image/i_picup.gif) ;
background-position : 1px 40%;
background-repeat : no-repeat;
font-weight: bold;
font-size: 12px;
color: #323232;
letter-spacing: -1px;
padding: 1px 0px 2px 55px; margin: 0px 0px 3px 0px;
text-decoration: none;} 

div#news #tab2 ul li small,
div#news .list ul li small.cat2 { background-image : url(image/i_stay.gif) ;} 

div#news #tab3 ul li small,
div#news .list ul li small.cat3 { background-image : url(image/i_see.gif) ;} 

div#news #tab4 ul li small,
div#news .list ul li small.cat4 { background-image : url(image/i_eat.gif) ;} 

div#news #tab5 ul li small,
div#news .list ul li small.cat5 { background-image : url(image/i_event.gif) ;} 


div#news .list ul li span {
display: block;
background: url(image/arrow01.gif)  no-repeat 0px 0.3em;
color: #9d5e0d;
padding: 0px 0px 0px 13px; margin: 0 px 0px 3px 0px;}

div#news .list ul li span a { text-decoration: underline;}
div#news .list ul li span a:hover { text-decoration: none;}

div#news .list a.golist,
div#news .list a.rss {
background-image : url(image/news_list.gif) ;
background-position : 16px 40%;
background-repeat : no-repeat;
padding: 2px 0px 2px 35px; margin: 0;
color: #333;}

div#news .list a.rss { background-image : url(image/rss_list.gif) ; background-position : 14px 40%;}



/* 戸狩について、おすすめサイト
--------------------------- */


div#article .column2 { width :459px; margin: 0 -3px 0 -7px; padding:0 ;}

div#article .column2 h3 { width :449px; margin: 0 0 12px 7px; padding:0 ;}

div#article .column2 a {
display: inline;
width :221px;
margin: 0 0 7px 7px; padding:0 ;
float: left;}