@charset "UTF-8";

div.img_rbox{

	float:right;

	margin-left:10px;

}

div.img_rbox img{

	margin-top:5px;

	padding:4px;

	border:1px solid #CCC;

	/*background:url(img/box_back01.gif) repeat-x top;*/

}

/* 大枠 */

#common_container {

/* 画面の幅を制御するにはこの値を変更

   ＜固定幅 630px+320px=950px＞

    width:950px;

   ＜伸縮幅、横マージン 5px＞

    margin:0 5px;

    width:100%;

*/

}



/* コンテンツ外枠 */

#common_main {

    padding:5px;

}



/* 基本タグ */

h2 {

    font-size:110%;

}

h3 {

    font-size:105%;

    margin-bottom:5px;

}

h4 {

    font-size:small;

}



ol {

    margin-left:30px;

}



/* 写真窓 */

.img_box {

    background: url(news/box_back01.gif) repeat-x;

    border:1px solid #b8c0c8;

    text-align:center;

    padding:5px;

}

#nnp .img_box {

    background: url(news/box_back01.gif) repeat-x;

}

#nsp .img_box {

    background: url(news/box_back02.gif) repeat-x;

}

.img_box img {

    margin:5px;

}

.img_box .caption {

    text-align:left;

    font-size:80%;

}







/*======================================

  ニューストップ

======================================*/



/* トピックタブ */

.topic_tab {

    list-style: none;

    margin: 5px 0 0 0;

    padding: 0 0 0 2px;



}

.topic_tab li {

    float: left;

    margin: 0 0 0 -1px;

    min-width: 84px; /* be nice to Opera */

}

.topic_tab a, .topic_tab a span {

    display: block;

    padding: 0 10px;

}

#nnp .topic_tab a, #nnp .topic_tab a span{

    background: url(img/tab_01.gif) no-repeat;

}

#nnp .topic_tab_dispatch a, #nnp .topic_tab_dispatch a span{

    background: url(img/tab_03.gif) no-repeat;

}

#nsp .topic_tab a, #nsp .topic_tab a span{

    background: url(img/tab_02.gif) no-repeat;

}



.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;

    text-align: center;

    text-decoration: none;

    white-space: nowrap; /* required in IE 6 */    

    outline: 0; /* prevent dotted border in Firefox */

}

.topic_tab .ui-tabs-selected a {

    position: relative;

    top: 1px;

    z-index: 2;

    margin-top: 0;

    color: #333333;

}

.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;

}

*>.topic_tab a span { /* hide from IE 6 */

    width: auto;

    height: auto;

}

.topic_tab .ui-tabs-selected a span {

    padding-bottom: 1px;

}

#nnp .topic_tab .ui-tabs-selected a, #nnp .topic_tab a:hover, #nnp .topic_tab a:focus, #nnp .topic_tab a:active,

#nsp .topic_tab .ui-tabs-selected a, #nsp .topic_tab a:hover, #nsp .topic_tab a:focus, #nsp .topic_tab a:active,

#nnp .topic_tab_dispatch .ui-tabs-selected a, #nnp .topic_tab_dispatch a:hover, #nnp .topic_tab_dispatch a:focus, #nnp .topic_tab_dispatch a:active

 {

    background-position: 100% -150px;

}

#nnp .topic_tab a, #nnp .topic_tab .ui-tabs-disabled a:hover, #nnp .topic_tab .ui-tabs-disabled a:focus, #nnp .topic_tab .ui-tabs-disabled a:active,

#nsp .topic_tab a, #nsp .topic_tab .ui-tabs-disabled a:hover, #nsp .topic_tab .ui-tabs-disabled a:focus, #nsp .topic_tab .ui-tabs-disabled a:active,

#nnp .topic_tab_dispatch a, #nnp .topic_tab_dispatch .ui-tabs-disabled a:hover, #nnp .topic_tab_dispatch .ui-tabs-disabled a:focus, #nnp .topic_tab_dispatch .ui-tabs-disabled a:active

 {

    background-position: 100% -100px;

}

#nnp .topic_tab .ui-tabs-selected a span, #nnp .topic_tab a:hover span, #nnp .topic_tab a:focus span, #nnp .topic_tab a:active span,

#nsp .topic_tab .ui-tabs-selected a span, #nsp .topic_tab a:hover span, #nsp .topic_tab a:focus span, #nsp .topic_tab a:active span,

#nnp .topic_tab_dispatch .ui-tabs-selected a span, #nnp .topic_tab_dispatch a:hover span, #nnp .topic_tab_dispatch a:focus span, #nnp .topic_tab_dispatch a:active span

 {

    background-position: 0 -50px;

}

#nnp .topic_tab a span, #nnp .topic_tab .ui-tabs-disabled a:hover span, #nnp .topic_tab .ui-tabs-disabled a:focus span, #nnp .topic_tab .ui-tabs-disabled a:active span,

#nsp .topic_tab a span, #nsp .topic_tab .ui-tabs-disabled a:hover span, #nsp .topic_tab .ui-tabs-disabled a:focus span, #nsp .topic_tab .ui-tabs-disabled a:active span,

#nnp .topic_tab_dispatch a span, #nnp .topic_tab_dispatch .ui-tabs-disabled a:hover span, #nnp .topic_tab_dispatch .ui-tabs-disabled a:focus span, #nnp .topic_tab_dispatch .ui-tabs-disabled a:active span

 {

    background-position: 0 0;

}

.topic_tab .ui-tabs-selected a:link, .topic_tab .ui-tabs-selected a:visited, .topic_tab .ui-tabs-disabled a:link, .topic_tab .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */

    cursor: text;

}

.topic_tab a:hover, .topic_tab a:focus, .topic_tab a:active,

.topic_tab .ui-tabs-unselect a:hover, .topic_tab .ui-tabs-unselect a:focus, .topic_tab .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */

    cursor: pointer;

}

.ui-tabs-panel {

    padding: 1em 8px;

}

.ui-tabs-hide {

    display: none;

}



/* Additional IE specific bug fixes... */

* html .topic_tab { /* auto clear, @ IE 6 & IE 7 Quirks Mode */

    display: inline-block;

}

*:first-child+html .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;

}



/* トピックボックス */

.topic_news, .topic_dispatch {

    border-width:1px;

    border-style:solid;

    padding:10px;

    clear:both;

    margin-bottom:3px;

}

#nnp .topic_news {

    border-color:#c7deff;

}

/* 特報枠 */

.topic_dispatch {

    border-color:#f7b3b3;

}

#nnp .topic_dispatch .img_box {

    border-color:#f7b3b3;

    background: url(img/b_back1_03.gif) repeat-x;

}



#nsp .topic_news {

    border-color:#dbc8ac;

}



.topic_news h2 {

    padding-left:18px;

    background: url(main/list-img01.gif) no-repeat;

}

.topic_news ul {

    margin-top:10px;

    padding-left:18px;

    list-style-image: url(main/list-img01.gif);

}

.topic_news ul li {

    padding-left:3px;

    padding-bottom:0.2em;

}

.topic_news a {

    color:#000000;

    text-decoration:none;

}

.topic_news a:hover {

    color:#ff5959;

    text-decoration:underline;

}

.topic_news li a:visited {

    color:#888888;

}

.topic_news .topic_news_list {

    width:410px;

    float:left;

}

.topic_news .img_box {

    width:140px;

}

.topic_news .img_box img {

    margin:5px auto;

}



/* トピックイメージ */

#topic_img {

    width:155px;

    height:150px;

    overflow:hidden;

}

.topic_img_box {

    width:155px;

    height:150px;

    overflow:hidden;

}







/* ピックアップ */

.entertainment {

    border:1px solid #b8c1c9;

    margin:5px 0;

}

.entertainment td {

    padding:3px 5px;

}

.entertainment a {

    color:#0000ff;

}

.entertainment ul {

}

.entertainment li a {

}

.entertainment .entertainment_header {

    position:relative;

    color:#003399;

    padding:5px;

}



#nnp .entertainment .entertainment_header {

    background: url(news/h_back01.gif) repeat-x;

    border-bottom:1px solid #b8c1c9;

}



.entertainment .entertainment_header h2 {

    background: url(news/h_list01.gif) no-repeat left center;

    padding:3px 0 0 25px;

}

.entertainment .entertainment_title {

    clear:both;

    position:relative;

    color:#003399;

    padding:5px 0 3px 10px;

    margin:2px 0 3px 0;

}

.entertainment .entertainment_title a {

    color:#003399;

    text-decoration:none;

}

#nnp .entertainment .entertainment_title {

    background: url(news/list_title_back01.gif) repeat-x left bottom;

    border:1px solid #b8c1c9;

}

.entertainment .entertainment_body {

    padding:0 5px;

}

/* 娯楽用ピックアップ */
.entertainment .pickup_body {

	padding:5px 5px 0 5px;

}

.entertainment .pickup_body p.news_item_more{

	margin-top:1em;

}

.entertainment .newkiji-photo{

	padding:4px;

	border:1px solid #ccc;

	background: url(news/box_back01.gif) repeat-x top;

}

.entertainment .pickuplink{

	clear:both;

	margin-top:1em;

}

.entertainment .pickuplink ul{

	clear:both;

	list-style:none;

}

.entertainment .pickuplink li{

	display:inline;

	margin-right:1em;

	line-height:1.2;

}

.entertainment .pickuplink li a{

	display: inline-block;

}


.entertainment ul.plist {

	margin:0;

	padding:0;

	list-style:none;

}

.entertainment ul.plist li {

	margin-bottom:5px;

	padding:0 0 0 18px;

	list-style:none;

	background:url(/common/css/img/list2_08.gif) no-repeat 0 0em;

}

.entertainment ul.plist a:link { color: #333; text-decoration: none;}

.entertainment ul.plist a:visited { color: #333; text-decoration: none;}

.entertainment ul.plist a:active { color: #333; text-decoration: none;}

.entertainment ul.plist a:hover { color: #ff5959; text-decoration: underline;}


.entertainment .pickup_body .news_index ul{
	margin:5px 0 10px 0;
	list-style:none;
}
.entertainment .pickup_body .news_index ul li{
	padding:3px 0 3px 18px;
	list-style:none;
	line-height:1.2;
	background:url(/common/css/img/list2_08.gif) no-repeat 0 0.2em;
}


/* ニュース一覧枠 */

.news_wrapper {

    /*margin:10px 0;*/
    margin: 5px 0;
}



/* ニュース インデックス */

div#news_list_main {

    width:420px;

    float:right;

}

td#news_list_main {

    vertical-align:top;

    width:420px;

}



/* ニュース一覧 */

.news_index {

}

.news_index ul {

    margin-left:20px;

    padding-left:18px;

    list-style-image: url(main/list-img01.gif);

}

.news_index ul li {

    padding-left:3px;

    padding-bottom:0.2em;

}

.news_index li a,

.entertainment_body .news_index li a:visited {

    color:#000000;

    text-decoration:none;

}

.news_index li a:hover {

    color:#ff5959;

    text-decoration:underline;

}

.news_index li a:visited,

.news_index #news_list_main li a:visited,

.news_item_foot .news_index li a:visited,

#news_list_main .news_index li a:visited,

#news_item_sub .news_index li a:visited {

    color:#888888;

}

#news_list_main .news_index .news_index_header li a:visited,

#news_list_main .news_index .news_index_header_meta li a:visited,

#news_list_main .news_index .news_index_title li a:visited {

    color:#003399;

}

.news_index h4 {

    margin-left:20px;

}

.news_index h4 a {

    color:#003399;

    text-decoration:none;

}



    /* ニュース一覧・タイトル */

.news_index_header {

    position:relative;

    color:#003399;

    padding:5px;

    margin:5px 0 0 0;

}

.news_index_header a {

    color:#003399;

    text-decoration:none;

}

#nnp .news_index_header {

    background: url(news/h_back01.gif) repeat-x;

    border:1px solid #b8c1c9;

}

#nsp .news_index_header {

    background: url(news/h_back02.gif) repeat-x #ffcc00;

    border:1px solid #ffcc00;

}



.news_index_header h2 {

    background: url(news/h_list01.gif) no-repeat left center;

    padding:3px 0 0 25px;

}

.news_index_header ul {

    position:absolute;

    left:230px;

    top:10px;

    padding:0 10px;

    list-style-image:none;

    list-style:none;

}

.news_index_header_meta {

    background-color:#f3f7fe;

    border-bottom:1px solid #e8effa;

    line-height:1.2em;

}

.news_index_header_meta ul {

    list-style:none;

}

.news_index_header_meta ul li {

    padding-bottom:0.2em;

    float:left;

    padding:1px 5px;

    border-right:1px solid #d0e1fc

}



    /* ニュース一覧・カテゴリヘッダー */

.news_index_title {

    clear:both;

    position:relative;

    color:#003399;

    padding:5px 0 3px 10px;

    margin:5px 0 3px 5px;

}

#nnp .news_index_title {

    background: url(news/list_title_back01.gif) repeat-x left bottom;

    border:1px solid #b8c1c9;

}

#nsp .news_index_title {

    border-top:1px solid #ff9900;

    background-color:#fff7d2;

}

.news_index_title a , .news_index_title li a {

    color:#003399;

    text-decoration:none;

}

.news_index_title h3 {

    font-size:105%;

    padding-top:3px;

}

.news_index_title ul {

    position:absolute;

    right:0;

    top:5px;

    padding:3px;

}

.news_index_title ul li {

    display:inline;

    margin-right:1em;

    padding:3px;

}



    /* ニュース一覧・ページ */

.news_index_page {

    text-align:center;

    margin:3px 0;

}

    /* ニュース一覧・追記 */

.news_index_more {

    clear:both;

    margin-left:25px;

}

        /* クリアー設定 */

.news_index_more:after { /* IE 以外 */

    display: block;

    clear: both;

    content: " ";

}

* html .news_index_more { /* auto clear, @ IE 6 & IE 7 Quirks Mode */

    display: inline-block;

}

*:first-child+html .news_index_more  { /* for IE 7 Standards Mode */

    display: inline-block;

}



.news_index_more ul {

    list-style:none;

}

.news_index_more ul li {

    float:left;

    margin-right:1em;

}

.news_index_more a {

    color:#0000ff;

}



        /* 追加リンク */

.news_index_more_addlink {

    margin-left:60px;

}



    /* ニュース一覧・下線 */

#nnp .news_index_bottom {

    border:1px solid #0430a4;

}

#nsp .news_index_bottom {

    border:1px solid #ffcc00;

}









/* ニュース サブコンテンツ */

div#news_list_sub {

    width:180px;

    float:left;

}

td#news_list_sub {

    width:180px;

    vertical-align:top;

}





/* ニュースサブコンテンツ一覧 */

#news_list_sub dt {

    font-weight:bold;

    margin-top:5px;

    padding:5px 10px;

    border-width:1px 1px 0 1px;

    border-style:solid;

    border-color:#bdc5cd;

}

#nnp #news_list_sub dt {

    background: url(news/list_title_back02.gif) repeat-x;

}

#nsp #news_list_sub dt {

    background-color:#fff7d2;

}



#news_list_sub dd {

    padding:5px;

    border-width:0 1px 1px 1px;

    border-style:solid;

    border-color:#bdc5cd;

}



#news_list_sub ul {

    padding-left:18px;

    list-style-image: url(main/list-img01.gif);

}

#news_list_sub ul li {

    padding-left:3px;

    padding-bottom:0.2em;

}

#news_list_sub li a {

    color:#000000;

    text-decoration:none;

}

#news_list_sub li a:hover {

    color:#ff5959;

    text-decoration:underline;

}





/* 写真一覧 */

.photobox img {

    margin:5px 25px;

}



/* リンク一覧 */

.link_list {

    margin:3px 10px;

}

.link_list ul li {

    list-style:none;

}

.link_list ul li {

    clear:both;

    border:1px solid #989898;

    height:30px;

    margin-bottom:3px;

}

.link_list ul li img {

    float:left;

}

.link_list ul li ul li {

    clear:none;

    float:left;

    border-width:0 1px 0 0;

    padding:0 20px;

    margin:15px 0 0 0;

    height:15px;

}

.link_list ul li ul li a {

    color:#0000ff;

}





/* カレンダー */

.cal_table {

    width: 160px;

    border:1px solid #bdc5cd;

    margin:0 auto 5px;

}

.cal_table td span {

    padding:5px;

}

#nnp .cal_table {

    background-color:#e8effa;

}

#nsp .cal_table {

    background-color:#fffae1;

}

.cal_title{

    font-weight:bold;

    border-width:1px 1px 0 1px;

    border-style:solid;

    border-color:#bdc5cd;

    margin:5px auto 0;

}

.cal_table th, .cal_table td {

    text-align:center;

}

.cal_weekday, .cal_weekday a {

    color:#515254;

}

.cal_holiday, .cal_holiday a {

    color:#d44144;

}

.cal_saturday, .cal_saturday a {

    color:#7195dc;

}

.cal_out {



}

.cal_today    {

    background-color:#aecbfa;

}

.cal_select { 

    background-color:#008000;

    color:#ffffff;

}

.cal_select a { 

    color:#ffffff;

}



/*======================================

  ニュース記事面

======================================*/



/* ニュース記事 */

#news_item {

    line-height:1.2em;

    padding:3px 5px;

}

/* ニュース記事タイトル */

.news_item_title {

    clear:both;

    color:#333333;

    margin:5px 0 0;

    padding:10px 20px 5px;

}

#nnp .news_item_title {

    background: url(news/item_title_top01.gif) repeat-x #e8eff9;

}

#nsp .news_item_title {

    background: url(news/item_title_top02.gif) repeat-x #ffeeac;

}

.news_item_title a {

    text-decoration:none;

    color:#333333;

}



/* ソーシャル連携ボタン */

#socialbtn { width:182px;margin:-2px 0 2px;float:right;}

#twbtn2{width:82px;float:left;}

#fbbtn{width:98px;float:left;}

#twbtn { width:82px;margin:-2px 0 3px;float:right;}



/* ニュース記事追加情報 */

.news_item_meta {

    background: url(news/line_dot.gif) repeat-x;

    text-align:right;

    padding:3px 20px;

}

#nnp .news_item_meta {

    background-color: #f0f5fb;

}

#nsp .news_item_meta {

    background-color: #fff5d0;

}

.news_item_meta a {

    color:#6262ff;

}

.meta_item {

    margin-left:1em;

}



/* ニュース記事本文 */

.news_item_body {

    background: url(news/line_dot.gif) repeat-x;

    padding:10px 5px;

    line-height:1.5em;

}

.news_item_body p {

    margin-bottom:0.6em;

}

.news_item_body .img_box {

    clear:both;

    margin:10px;

    line-height:1.2em;

}



/* ニュース記事追加 */

.news_item_more a {

    color: #00F;

    text-decoration: none;

}

.news_item_more a:hover {

    color: #00F;

    text-decoration: underline;

}



/* ニュース記事追加内容 */

.news_item_foot {

    background: url(news/line_dot.gif) repeat-x;

    clear:both;

    padding:3px 5px 8px;

}

.news_item_foot dl {

    margin-left:1em;

}

.news_item_foot dl dt {

    font-weight:bold;

}

.news_item_foot dl dt a {

    color:#6262ff;

}

.news_item_foot dl dd {

    margin-bottom:10px;

}

.news_item_foot ul.keywords, .news_item_foot ul.links {

    list-style-type:none;

}

.news_item_foot ul.keywords li, .news_item_foot ul.links li {

    display:inline;

    margin-left:1em;

}

.news_item_foot ul.links a,

.news_item_foot ul.links a:visited {

    color:#0000ff;

}



#nnp .news_item_foot {

    border-bottom:3px solid #3d66c3;

}

#nsp .news_item_foot {

    border-bottom:3px solid #ffdf5f;

}





/* ニュース付属コンテンツ */

#news_item_sub {

    margin:5px;

}

#news_item_sub h3{

    margin-bottom:3px;

}



/* Ｊリーグリンク */

.link_list2 {

    margin:3px 10px;

}

.link_list2 ul{

	margin:0;

	padding:0;

    list-style:none;

}

.link_list2 ul li {

    clear:both;

    height:33px;

    margin:0 0 3px 0;

    _margin:0;

	padding:0;

    border:1px solid #CCC;

    background: url(img/j_bg.gif) no-repeat;

}

.link_list2 ul li img {

	height:33px;

	margin:0;

	padding:0;

    float:left;

}

.link_list2 ul li ul li {

    clear:none;

    float:left;

    padding:0 20px;

    margin:16px 0 0 0;

    height:17px;

    font-size:13px;

    border-width:0 1px 0 0;

	background:none;

}

.link_list2 li.team {

	width:100px;

    padding:0;

	text-align:center;

	background:none;

}

.link_list2 li.team2 {

	width:150px;

    padding:0;

	text-align:center;

	background:none;

}

.link_list2 ul li ul li a {

    color:#0000ff;

}

.link_list2 li.team a {

    color:#000;

	text-decoration:none;

}

.link_list2 li.team2 a {

    color:#000;

	text-decoration:none;

}

/* 九州電力使用量 */
.clearfix:after{
    content:".";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
}
.clearfix{
    display:inline-block;
    min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

#electric_power   .graph { 
		margin: 5px 16px 0 0;

    }
#electric_power .electric_wrap {
	position: relative;
}
#electric_power .electric_bar {
	position: absolute;
	top: 6px;
	left: 5px;
}
#electric_power .electric_bar img {
	filter:alpha(opacity=60);
	-moz-opacity:0.60;
	opacity:0.60;
}

#electric_power .electric_left {
	float: left;
}
#electric_power .electric_box h3 {
	font-size: 13px;
	margin-bottom: 0;
}
#electric_power .electric_box span {
	font-size: 12px;
	font-weight: normal;
}
#electric_power .electric_ttl .electric_data {
	float: right;
	text-align: right;
	width: 9em;
	font-size: 13px;
}
#electric_power .electric_box {
	padding: 10px 20px;
}
#electric_power .electric_right {
	float: left;
	padding-top: 8px;
	display: inline;
}
#electric_power .electric_today {
	background-color: #FFCC00;
	border: 1px solid #CCC;
	width: 142px;
	/*padding: 6px 3px 2px;*/
	float: left;
	display: inline;
}
#electric_power .electric_todayIn {
	padding-top: 3px;
}
#electric_power .electric_today dl {
	float: left;
	width: 68px;
}
#electric_power .electric_today dl dt {
	background-color: #fff;
	font-size: 11px;
	/*font-weight: bold;*/
	color: #666;
	margin: 0 5px 0 4px;
	text-align: center;
	padding-top: 2px;
}
#electric_power .electric_today dl dd {
	font-weight: bold;
	font-size: 20px;
	text-align: center;
}
#electric_power .electric_today ul {
	float: right;
	width: 70px;
	border-left: 1px dotted #FF6600;
	/*margin-top: 2px;*/
	padding: 4px 0 0 0;
	*margin-top: -7px;
}
#electric_power .electric_today ul li {
	list-style: none;
	margin: 0 3px 2px;
	/*padding-top: 2px;*/
	padding-bottom: 1px;
	font-size: 10px;
	text-align: center;
}
#electric_power table {
	border: 1px solid #CCC;
	margin-left: 12px;
}
#electric_power .tablewrap {
	width: 155px;
	float: left;
}
#electric_power table tr th {
	font-size: 12px;
	font-weight: normal;
	padding: 2px 7px;
	background-color: #DBE7FF;
}
#electric_power table tr td {
	text-align: center;
	font-size: 12px;
	padding: 0 0 1px 0;
}
#electric_power .yosou {
	color: #00259D;
}
