@charset "UTF-8";
/* ----------------------------------------------------------------
　トピックタブ
---------------------------------------------------------------- */
#contents #topic {
    margin: 5px 0 0 0;
    padding: 0;
}
#contents .topic_tab {
    list-style: none;
    margin: 0;
    padding: 0 0 0 2px;
}
#contents .topic_tab li {
    float: left;
    margin: 0 0 0 -1px;
    min-width: 84px; /* be nice to Opera */
}
#contents .topic_tab a, #contents .topic_tab a span {
    display: block;
    padding: 0 10px;
}
#contents .topic_tab a,
#contents .topic_tab a span{
    background: url(img/tab_06.gif) no-repeat;
}
#contents .topic_tab_dispatch a,
#contents .topic_tab_dispatch a span{
    background: url(img/tab_06.gif) no-repeat;
}
#contents .topic_tab a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #333333;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
#contents .topic_tab a:hover {
    text-decoration: none;
}
#contents .topic_tab .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #333333;
}
#contents .topic_tab a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
* > #contents .topic_tab a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
#contents .topic_tab .ui-tabs-selected a span {
    padding-bottom: 1px;
}
#contents .topic_tab .ui-tabs-selected a,
#contents .topic_tab a:hover,
#contents .topic_tab a:focus,
#contents .topic_tab a:active,
#contents .topic_tab_dispatch .ui-tabs-selected a,
#contents .topic_tab_dispatch a:hover,
#contents .topic_tab_dispatch a:focus,
#contents .topic_tab_dispatch a:active {
    background-position: 100% -150px;
}
#contents .topic_tab a,
#contents .topic_tab .ui-tabs-disabled a:hover,
#contents .topic_tab .ui-tabs-disabled a:focus,
#contents .topic_tab .ui-tabs-disabled a:active,
#contents .topic_tab_dispatch a,
#contents .topic_tab_dispatch .ui-tabs-disabled a:hover,
#contents .topic_tab_dispatch .ui-tabs-disabled a:focus,
#contents .topic_tab_dispatch .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
#contents .topic_tab .ui-tabs-selected a span,
#contents .topic_tab a:hover span,
#contents .topic_tab a:focus span,
#contents .topic_tab a:active span,
#contents .topic_tab_dispatch .ui-tabs-selected a span,
#contents .topic_tab_dispatch a:hover span,
#contents .topic_tab_dispatch a:focus span,
#contents .topic_tab_dispatch a:active span {
    background-position: 0 -50px;
}
#contents .topic_tab a span,
#contents .topic_tab .ui-tabs-disabled a:hover span,
#contents .topic_tab .ui-tabs-disabled a:focus span,
#contents .topic_tab .ui-tabs-disabled a:active span,
#contents .topic_tab_dispatch a span,
#contents .topic_tab_dispatch .ui-tabs-disabled a:hover span,
#contents .topic_tab_dispatch .ui-tabs-disabled a:focus span,
#contents .topic_tab_dispatch .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
#contents .topic_tab .ui-tabs-selected a:link,
#contents .topic_tab .ui-tabs-selected a:visited,
#contents .topic_tab .ui-tabs-disabled a:link,
#contents .topic_tab .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
#contents .topic_tab a:hover,
#contents .topic_tab a:focus,
#contents .topic_tab a:active,
#contents .topic_tab .ui-tabs-unselect a:hover,
#contents .topic_tab .ui-tabs-unselect a:focus,
#contents .topic_tab .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
#contents .ui-tabs-panel {
    padding: 1em 8px;
}
#contents .ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(http://www.nishinippon.co.jp/common/css/loading.gif) no-repeat 0 50%;
}
#contents .ui-tabs-hide {
    display: none;
}
/* Additional IE specific bug fixes... */
* html #contents .topic_tab { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html #contents .topic_tab  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}
/* トピックボックス */
#contents .topic_news,
#contents .topic_dispatch {
    border-width:1px;
    border-style:solid;
    padding:10px;
    clear:both;
}
#contents .topic_news {
    border-color:#9CDD79;
}
#contents .topic_dispatch {
    border-color:#BDE5A7;
}
#contents .topic_news h4{
	clear:both;
	margin:0;
	padding:2px 5px;
	line-height:1.2;
	background:url(img/h4_bg.gif) repeat-y left;
	/*background: #060;*/
	border:1px solid #9CDD79;
	clear:both;
}
#contents .topic_news ul{
    margin:0 0 10px 0;
	list-style:none;
}
#contents .topic_news ul li{
	padding:2px 0 2px 20px;
	list-style:none;
	background:url(img/list2.gif) no-repeat top left;
}
#contents .topic_news ul li a { color:#000000; text-decoration:none;}
#contents .topic_news ul li a:hover { color:#ff5959; text-decoration:underline;}

#contents .topic_news h4 a { color:#000000; text-decoration:none;}
#contents .topic_news h4 a:hover { color:#000000; text-decoration:underline;}

#contents .topic_news a { color:#060; text-decoration:none;}
#contents .topic_news a:hover { color:#060; text-decoration:underline;}

#contents .topic_news .topic_news_list {
    width:410px;
    float:left;
}
#contents .topic_news .busan_img {
    float:right;
    margin:5px 0 0 10px;
}
#contents .topic_news .img_box {
    float:right;
    margin-left:30px;
    width:140px;
}
#contents .topic_news .img_box img {
    margin:5px auto;
}

/* ニュース記事 ------------------------------------------------ */
/* ニュース記事タイトル */
#contents .topic_news h5 {
	margin:0 0 5px 0;
	padding:2px 0 2px 20px;
	font-size: 14px;
	line-height: 1.3;
	background:url(img/list1.gif) no-repeat 0px 4px;
}
#contents .topic_news h5 a {
	color: #000;
}
/* ニュース記事本文 */
#contents .topic_news span.data {
	padding:2px 0;
	color: #060;
	font-size:12px;
	font-family:Arial, "ＭＳ ゴシック", "Osaka", sans-serif, Times, serif, Times New Roman;
	font-weight:normal;
}
#contents .topic_news p.data {
	padding:2px 0;
	color: #060;
}
#contents .topic_news .text p{
	font-size: 90%;
	line-height: 1.4;
}
#contents .topic_news p.read {
	margin:5px 0 0 0;
}
#contents .topic_news p.read a { color:#060; text-decoration:none;}
#contents .topic_news p.read a:hover { color:#060; text-decoration:underline;}

#contents .topic_news .pic {
	float: right;
	/*width: 100px;*/
	height:100px;
	padding:2px 0.5em;
	font-size: 90%;
}
#contents .topic_news .pic img {
	/*width: 100px;*/
	height:100px;
	padding:2px;
	border: 1px solid #CCC;
}

#contents p.news_item_bottom{
	clear:both;
	margin:0;
}
#contents .news_item_bottom a,
#contents .news_item_bottom a:link,
#contents .news_item_bottom a:visited,
#contents .news_item_bottom a:active { color: #060; text-decoration: none;}
#contents .news_item_bottom a:hover { color: #060; text-decoration: underline;}

/*----------------------------------------------------------------------
　パンくず
----------------------------------------------------------------------*/
div.bread-crumbs {
	margin: 5px 0 1px 0;
	padding-left:5px;
}
div.bread-crumbs a:link { color: #000; text-decoration: none;}
div.bread-crumbs a:visited { color: #000; text-decoration: none;}
div.bread-crumbs a:hover { color: #00f; text-decoration: underline;}
div.bread-crumbs a:active { color: #00f; text-decoration: underline;}

/* ----------------------------------------------------------------
　ニュース一覧
---------------------------------------------------------------- */
.news_index {
}
.news_index ul {
    margin-left:20px;
    padding-left:18px;
    list-style-image: url(img/list2.gif);
}
.news_index ul li {
    padding-left:3px;
    padding-bottom:0.2em;
}
.news_index li a {
    color:#000000;
    text-decoration:none;
}
.news_index li a:hover {
    color:#ff5959;
    text-decoration:underline;
}
.news_index h4 {
    margin-left:20px;
}
.news_index h4 a {
    color:#003399;
    text-decoration:none;
}


/* ----------------------------------------------------------------
　ブログパーツ
---------------------------------------------------------------- */
#contents .parts_box{
	margin:0;
	padding:10px;
	/*background-color: #F2FEC9;*/
	height:245px;
	overflow:hidden;
	border:1px solid #ccc;
	background:url(img/p_bg.gif);
}
#contents .parts_box .parts_img{
	float:left;
	width:170px;
	height:245px;
}
#contents .parts_box .parts_text{
	float:left;
	width:435px;
	margin-bottom:15px;
}
#contents .parts_box .parts_text h3.s_ttl{
	color: #006600;
	font-size:110%;
	border-left:3px solid #666600;
	border-bottom:1px solid #666600;
	display:inline;
	padding:0 5px 2px 5px;
}
#contents .parts_box .parts_text p{
	margin-top:10px;
	line-height:1.5;
}
#contents span.new{
	color:#FF3300;
}
#contents span.weight{
	font-size:1.2em;
	color:#FF3300;
}

#contents .parts_box .parts_text p.read {
	margin:10px 0;
}

#contents .parts_box .parts_text p.read a {
	display: block;
	width: 9em;
	height: 2em;
	color: #fff;
	font-size: 12px;
	line-height: 2;
	text-align: center;
	background-color: #060;
}
#contents .parts_box .parts_text p.read a:hover {
	background-color: #696;
	text-decoration: none;
}

/*---新聞旅行ＰＲ枠---*/
#contents .nnpryoko{
	margin: 10px 10px 10px 10px;
	width: 600px;
	border:1px solid #888;
	position:relative;
}

#contents .nnpryoko h4{
	color: #000;
	background-color: #EEE;
	padding: 3px 0 3px 5px;
	margin-bottom:5px;
}

#contents .nnpryoko_main{
	float:right;
	width:480px;
}

#contents .nnpryoko_main p{
	font-size: 12px;
	line-height: 16px;
}

#contents .nnpryoko_pic{
	float:left;
	width:100px;
	margin: 0 5px 5px 5px;
}

#contents .nnpryoko_logo{
	position:absolute;
	bottom:4px;
}