/* Tab 
-------------------------------------*/

/*
 * jQuery UI screen structure and presentation
 * This CSS file was generated by ThemeRoller, a Filament Group Project for jQuery UI
 * Author: Scott Jehl, scott@filamentgroup.com, http://www.filamentgroup.com
 * Visit ThemeRoller.com
*/

/*
 * Note: If your ThemeRoller settings have a font size set in ems, your components will scale according to their parent element's font size.
 * As a rule of thumb, set your body's font size to 62.5% to make 1em = 10px.
 * body {font-size: 62.5%;}
*/

/*UI tabs*/

div#ui-tab {
	margin: 0;
	background: #FFF;
}

ul.ui-tabs-nav {
	margin: 0;
	height: 52px;
	padding: 0;
	line-height: 1;
	background-color: #ffe8c2;
	list-style: none;
}

ul.ui-tabs-nav li {
	margin:  0;
	padding: 0;
	line-height: 1;
	dislpay: inline;
	float: left;
	text-indent: -9999px;
	overflow: hidden;
}

ul.ui-tabs-nav li a {
	display: block;
	/* for IE6 */
	position: relative;
}

ul.ui-tabs-nav li.nav_topics a { width:165px; height: 52px; background:url(../../img/top/news/tab-nav.gif) no-repeat 0 0;}
ul.ui-tabs-nav li.nav_takamatsu a {width: 111px; height:52px; background:url(../../img/top/news/tab-nav.gif) no-repeat -165px 0;}
ul.ui-tabs-nav li.nav_sakaide a {width: 111px; height:52px; background:url(../../img/top/news/tab-nav.gif) no-repeat -276px 0;}
ul.ui-tabs-nav li.nav_marugame a {width: 111px; height:52px; background:url(../../img/top/news/tab-nav.gif) no-repeat -387px 0;}
ul.ui-tabs-nav li.nav_backnumber a {width: 134px; height:52px; background:url(../../img/top/news/backnumber.gif) no-repeat 0 0;}

/*アクティブなタブ*/
ul.ui-tabs-nav li.nav_topics a:hover,
ul.ui-tabs-nav li.ui-state-active a.n-t { background-position: 0 -52px;}

ul.ui-tabs-nav li.nav_takamatsu a:hover,
ul.ui-tabs-nav li.ui-state-active a.n-tkmt { background-position: -165px -52px;}

ul.ui-tabs-nav li.nav_sakaide a:hover,
ul.ui-tabs-nav li.ui-state-active a.n-skid { background-position: -276px -52px;}

ul.ui-tabs-nav li.nav_marugame a:hover,
ul.ui-tabs-nav li.ui-state-active a.n-mrgm { background-position: -387px -52px;}

div.ui-tabs-panel {
	display: block;
	height: 270px;
	overflow: auto;
	font-size: 93%;
	/*
	padding: 10px 0px 10px 0px;
	*/
	width: 100%; /* IE width指定 */
}

div.ui-tabs-panel span{
	font-size:85%;
}



/*li.ui-tabs-selected a {
	background-position: 0 -39px;
}*/

div.ui-tabs-hide {
	display: none !important;
}

.newsListContent {
	margin: 5px 0 0 20px;
	list-style: none;
}

.newsListContent li{
	padding: 15px 0;
	border-bottom: dotted 1px #dcdcdc;
}

.newsListContent li span{
	font-weight: bold;
	margin-right: 15px;
}


/*----------------------------------*/
/* widht; px - px - px = px 
/*----------------------------------*/

/* dtの左右どちらかにpaddingを入れるとズレ */

dl.recent_post {
	clear: both;
    width: 100%;
	height: 200px;
	/*overflow-y: scroll; IEのみ */
	overflow: auto;
	margin: 0;
	padding: 10px 0 0 0;
	border-bottom: 1px solid #dddddd;
	font-size: 93%;
}

dl.recent_post dt {
	margin: 0;
	margin-right: -7em;
	padding: 0.6em 0;
	border-top: 1px solid #dddddd;
	float: left;
	clear: both;
	display: inline;
	width: 7em;
	text-indent: 5px;
}

dl.recent_post dd {
	margin: 0;
	margin-left: 7em;
	padding: 0.6em 10px 0.6em 5px;
	border-top: 1px solid #dddddd;
	/* _height: 1%; */ /* IE 3px ズレ*/
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: left 6px;
}


#globalNavi {
	z-index: 1000;
}

#globalNavi ul ,
#globalNavi li ,
#globalNavi ul ul {
	position: relative;
}
/*
#globalNavi {
	margin: 0 auto;
	padding: 0;
	width: 592px;
	background: url(../../images/common/navi/globalnavi-bg.gif) no-repeat;
}

body.index #globalNavi ul {
	margin: 0 auto;
	padding: 0;
	width: 851px;
	height: 69px;
	list-style: none;
}

#globalNavi ul {
	margin: 0 12px 15px 12px;
	margin: 0 auto 15px;
	padding: 0;
	width: 592px;
	height: 71px;
	list-style: none;
}

#globalNavi li {
	margin: 0;
	float: left;
}

#globalNavi li a {
	width: 106px;
	height: 55px;
	line-height: 1;
	display: block;
	text-indent: -9999px;
}

.nav_concept a { background:url(../../images/common/navi/globalnavi.gif) no-repeat 0 0; }
.nav_chapel a  { background:url(../../images/common/navi/globalnavi.gif) no-repeat -106px 0; }
.nav_cuisine a { background:url(../../images/common/navi/globalnavi.gif) no-repeat -212px 0; }
.nav_cn a      { background:url(../../images/common/navi/globalnavi.gif) no-repeat -318px 0; }
.nav_wp a	   { background:url(../../images/common/navi/globalnavi.gif) no-repeat -424px 0; }
.nav_bf a  	   { background:url(../../images/common/navi/globalnavi.gif) no-repeat -530px 0; }
.nav_fg a	   { background:url(../../images/common/navi/globalnavi.gif) no-repeat -636px 0; }

.current {
    opacity: .75; /* Standard: FF gt 1.5, Opera, Safari */
/*    filter: alpha(opacity=75); /* IE lt 8 */
/*    -ms-filter: "alpha(opacity=75)"; /* IE 8 */
/*    -khtml-opacity: .75; /* Safari 1.x */
/*    -moz-opacity: .75; /* FF lt 1.5, Netscape */
/*}*/

#globalNavi li.nav_dp a	{	
    width: 109px;
	background: 
	    url(../../images/common/navi/globalnavi.gif)
		no-repeat -742px 0;
}

/*-----------------------------------------------
	2階層目
-------------------------------------------------*/

a.has-subnav {}
a.hover {}


/* 2階層目以降の左 border none */
#globalNavi ul li li a {}

/* 2階層目 */
#globalNavi ul li.nav_dp ul { width: 87px; }

#globalNavi li.nav_dp li a {
    width: auto;
	height: auto;
	display: block;
	background-image: none;
	background-color: #f1e7d4;
	text-indent: 0;
	color: #724d00;
	font-size: 12px;
	padding: 10px 8px 10px 10px;
	border-top: 1px dotted #724d00;
}

#globalNavi ul ul { display: none; position: absolute; top: 30px; left: 0px; }
* html #globalNavi ul ul { line-height: 0; }

#globalNavi ul ul li {
	display: inline; /* IE */
	float: none;
}

/* 2階層目以降の Link color */
#globalNavi ul li.hover li a {
	color: #724d00;
	text-decoration: none;
}
#globalNavi ul li.hover li a:link ,
#globalNavi ul li.hover li a:visited {
	color: #724d00;
}

#globalNavi ul li.hover li a:hover {
	color: #ffffff;
	text-decoration: none;
}

#globalNavi ul ul a.hover {
	background-color: #815e16;
}

/* 3階層目 */
/* #globalNavi ul ul ul { top: 0; left: 190px; }*/

/*#globalNavi ul ul a { border-bottom: none; }*/ /* - I also needed this for IE6/7 */