@charset "utf-8";
/* CSS Document */

/*-Tab--Basic-----------------------------*/
#tab1,#tab2,#tab3{
margin-top:10px;
display:block;
}
.ui_tab_nav{
margin:0px 1px;
width:508px;
}
/*--ui_tab_01set----------------------------------*/
#tab1 .ui_tab_nav li {
    width:127px;
    height:25px;
    float:left;
	  text-align:center;
    list-style: none;
    background-position:left center;
    background-repeat:no-repeat;   
    font-size:13px;
    color:#427300;
    background-image:url(/images/channeltab_a.jpg); 
}

#tab1 .ui_tab_nav li a{
    position:relative;
    display:block;
    top:2px;
    padding-top:1px;
    padding-bottom:5px;
    cursor:pointer;
    color:#427300;
    text-decoration:none;
    _top:5px;    
}
#tab1 .ui_tab_nav li a:hover{
color:#427300;
text-decoration:underline;
}
*:first-child+html #tab1 .ui_tab_nav li a{
padding-top:4px;
padding-bottom:3px;
}
/*--ui_tab_01clickset----------------------------------*/
#tab1 .ui_tab_nav .ui-tabs-selected {
font-size:15px;
color:#427300;
background-image:url(/images/channeltab_b.jpg);
}
#tab1 .ui_tab_nav .ui-tabs-selected a{
position:relative;
display:block;
top:2px;
padding-top:3px;
padding-bottom:5px;
cursor:pointer;
color:#427300;
text-decoration:none;
}
#tab1 .ui_tab_nav .ui-tabs-selected  a:hover{
color:#427300;
text-decoration:none;
}
*:first-child+html #tab1 .ui_tab_nav .ui-tabs-selected a{
padding-top:5px;
padding-bottom:3px;
}
/*--ui_tab_02set----------------------------------*/
#tab2 .ui_tab_nav li {
    width:127px;
    height:25px;
    float:left;
	text-align:center;
    list-style: none;
    background-position:left center;
    background-repeat:no-repeat;   
    font-size:13px;
    color:#993300;
    background-image:url(/images/channeltab_a02.jpg); 
}

#tab2 .ui_tab_nav li a{
    position:relative;
    display:block;
    top:2px;
    padding-top:1px;
    padding-bottom:5px;
    cursor:pointer;
    color:#993300;
    text-decoration:none;
    _top:5px;
}
#tab2 .ui_tab_nav li a:hover{
color:#993300;
text-decoration:underline;
}
*:first-child+html #tab2 .ui_tab_nav li a{
padding-top:4px;
padding-bottom:3px;
}
/*--ui_tab_02clickset----------------------------------*/
#tab2 .ui_tab_nav .ui-tabs-selected {
font-size:15px;
color:#993300;
background-image:url(/images/channeltab_b.jpg);
}
#tab2 .ui_tab_nav .ui-tabs-selected a{
position:relative;
display:block;
top:2px;
padding-top:3px;
padding-bottom:5px;
cursor:pointer;
color:#993300;
text-decoration:none;
}
#tab2 .ui_tab_nav .ui-tabs-selected  a:hover{
color:#993300;
text-decoration:none;
}
*:first-child+html #tab2 .ui_tab_nav .ui-tabs-selected a{
padding-top:5px;
padding-bottom:3px;
}
/*--ui_tab_03set----------------------------------*/
#tab3 .ui_tab_nav li {
    width:127px;
    height:25px;
    float:left;
	text-align:center;
    list-style: none;
    background-position:left center;
    background-repeat:no-repeat;   
    font-size:13px;
    color:#003E5B;
    background-image:url(/images/channeltab_a01.jpg);
}

#tab3 .ui_tab_nav li a{
    position:relative;
    display:block;
    top:2px;
    padding-top:1px;
    padding-bottom:5px;
    cursor:pointer;
    color:#003E5B;
    text-decoration:none;
    _top:5px;    
}
#tab3 .ui_tab_nav li a:hover{
color:#003E5B;
text-decoration:underline;
}
*:first-child+html #tab3 .ui_tab_nav li a{
padding-top:4px;
padding-bottom:3px;
}

/*--ui_tab_03clickset----------------------------------*/
#tab3 .ui_tab_nav .ui-tabs-selected {
font-size:15px;
color:#003E5B;
background-image:url(/images/channeltab_b.jpg);
}
#tab3 .ui_tab_nav .ui-tabs-selected a{
position:relative;
display:block;
top:2px;
padding-top:3px;
padding-bottom:5px;
cursor:pointer;
color:#003E5B;
text-decoration:none;
}
#tab3 .ui_tab_nav .ui-tabs-selected  a:hover{
color:#003E5B;
text-decoration:none;
}
*:first-child+html #tab2 .ui_tab_nav .ui-tabs-selected a{
padding-top:5px;
padding-bottom:3px;
}
/*-Tab01---Album-------------------------------------------------------------------*/
#tab1 .ui_tabcontainer01,#tab1 .ui_tabcontainer02,#tab1 .ui_tabcontainer03,#tab1 .ui_tabcontainer04{
clear:both;
width:506px;
margin:0px 1px;
border-bottom:1px solid #999999;
border-left:1px solid #999999;
border-right:1px solid #999999;
}

#tab1 .ui_tab_content{
padding-top:10px;
margin-left:10px;
margin-right:10px;
}
#tab1 .bigpic{
float:left;
margin-right:10px;
width:220px;
}
.bigpic img{
border:1px solid #999999;
}
#tab1 .piclist{
width:255px;
float:right;
}
.description{
padding-left:5px;
height:38px;
}
.description ul{
list-style:none;
}
.description li{
padding-left:17px;
color:#3399CC;
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
background-image:url(/images/liststyle.gif);
background-position:0 50%;
background-repeat:no-repeat;
}
.text_bold{
font-size:16px;
font-weight:bold;
}
.text_super{
font-size:10px;
vertical-align:super;
}
.word{
padding-left:20px;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
color:#666666;
}
.smallpiclist{
}
.smallpiclist img{
float:left;
width:55px;
height:55px;
margin: 3px;
border: 1px solid #999999;
}
#tab1 .more{
clear:both;
text-align:right;
padding: 0px 15px 5px;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
#tab1 .more a{
color:#999999;
text-decoration:none;
}
#tab1 .more a:hover{
color:#555555;
text-decoration:underline;
}
/*-Tab02--Articlebasic-------------------------------*/
#tab2 .ui_tabcontainer01,#tab2 .ui_tabcontainer02,#tab2 .ui_tabcontainer03,#tab2 .ui_tabcontainer04{
clear:both;
width:506px;
margin:0px 1px;
border-bottom:1px solid #999999;
border-left:1px solid #999999;
border-right:1px solid #999999;
}
#tab2 .ui_tab_content{
padding-top:15px;
margin-left:10px;
margin-right:15px;
}
#tab2 .bigpic{
display:inline;
float:right;
width:220px;
}
#tab2 .bigpic img{
border:1px solid #cccccc;
}
#tab2 .article{
width:250px;
float:left;
}
#tab2 .text{
width:auto;
}
#tab2 .text h3{
font-size:15px;
font-family:Arial, Helvetica, sans-serif;
font-weight:600;
line-height:1.3em;
}
#tab2 .text h3 a{
color:#996633;
text-decoration:none;
}
#tab2 .text h3 a:hover{
color:#727238;
text-decoration:none;
border-bottom:1px solid #727238;
}
#tab2 .text h6{
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:400;
}
#tab2 .text h6 a{
color:#999999;
text-decoration:none;
}
#tab2 .text h6 a:hover{
color:#666666;
text-decoration:underline;
}
#tab2 .text p{
color:#555555;
font-size:12px;
text-align:justify;
line-height:1.5em;
font-family:Arial, Helvetica, sans-serif;
padding-top:5px;
}
#tab2 .readmore{
text-align:right;
font-size:12px;
}
#tab2 .readmore a{
color:#555555;
text-decoration:none;
}
#tab2 .readmore a:hover{
color:#999999;
text-decoration:underline;
}
#tab2 .articlelist{
height:45px;
margin-top:4px;
}
#tab2 .articlelist ul{
list-style:none;
}
#tab2 .articlelist ul li{
font-size:13px;
font-family:Arial, Helvetica, sans-serif;
padding-top:2px;
padding-left:13px;
padding-bottom:2px;
background-image:url(/images/liststyle_articlelist.gif);
background-position:top left;
background-repeat:no-repeat;
}
#tab2 .articlelist a{
color:#808040;
text-decoration:none;
}
#tab2 .articlelist a:hover{
color:#999933;
text-decoration:underline;
}
#tab2 .more{
clear:both;
text-align:right;
padding: 0px 15px 10px;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
#tab2 .more a{
color:#999999;
text-decoration:none;
}
#tab2 .more a:hover{
color:#555555;
text-decoration:underline;
}
/*-tab03-Channelbasic-----------------------------------------------------------*/
#tab3 .ui_tabcontainer01,#tab3 .ui_tabcontainer02,#tab3 .ui_tabcontainer03,#tab3 .ui_tabcontainer04{
clear:both;
overflow:hidden;
width:506px;
margin:0px 1px;
padding-top:5px;
border-bottom:1px solid #999999;
border-left:1px solid #999999;
border-right:1px solid #999999;
}
#tab3 .ui_tab_content{
margin:5px;
}
#tab3 .more{
clear:both;
text-align:right;
padding: 0px 15px 5px;
font-size:12px;
font-weight:bold;
font-family:Arial, Helvetica, sans-serif;
}
#tab3 .more a{
color:#999999;
text-decoration:none;
}
#tab3 .more a:hover{
color:#555555;
text-decoration:underline;
}
/*-Tab0301---------------------------------*/
#tab3 .ui_tabcontainer01 .unit{
float:left;
width:233px;
margin:5px;
padding-top:5px;
padding-bottom:10px;
background-color:#E4F2D5;
border-left:3px solid #ADD77B;
}
#tab3 .ui_tabcontainer01 .title{}
#tab3 .ui_tabcontainer01 .title h3{
font-weight:400;
margin-bottom: 3px;
margin-left: 10px;
font-size:16px;
color:#666633;
}
#tab3 .ui_tabcontainer01 .title h3 a{
color:#666633;
text-decoration:none;
}
#tab3 .ui_tabcontainer01 .title h3 a:hover{
color:#333333;
text-decoration:none;
}
#tab3 .ui_tabcontainer01 .pic{
margin:0px 10px;
float:left;
}
#tab3 .ui_tabcontainer01 .pic img{
width:55px;
border:1px solid #cccccc;
}
#tab3 .ui_tabcontainer01 .text{
float:left;
color:#666666;
}
#tab3 .ui_tabcontainer01 .text ul{
list-style:none;
}
#tab3 .ui_tabcontainer01 .text ul li{
padding:1px 0px;
font-size:12px;
}
#tab3 .ui_tabcontainer01 .text a{
color:#666666;
text-decoration:none;
}
#tab3 .ui_tabcontainer01 .text a:hover{
color:#333333;
text-decoration:underline;
}
/*-Tab0302-----------------------*/
#tab3 .ui_tabcontainer02 .unit{
float:left;
width:235px;
margin:5px;
padding-top:5px;
padding-bottom:10px;
background-color:#E4F2D5;
border-right:3px solid #ADD77B;
border-bottom:3px solid #ADD77B;
}
#tab3 .ui_tabcontainer02 .title{
margin-left:10px;
margin-top:10px;
}
#tab3 .ui_tabcontainer02 .title h3{
font-weight:400;
line-height:normal;
font-size:16px;
color:#666633;
}
#tab3 .ui_tabcontainer02 .title h3 a{
color:#666633;
text-decoration:none;
}
#tab3 .ui_tabcontainer02 .title h3 a:hover{
color:#333333;
text-decoration:none;
}
#tab3 .ui_tabcontainer02 .nickname{
color:#333333;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
margin-left: 10px;
margin-bottom: 3px;
}
#tab3 .ui_tabcontainer02 .nickname a{
color:#666666;
text-decoration:none;
}
#tab3 .ui_tabcontainer02 .nickname a:hover{
color:#333333;
text-decoration:none;
}
#tab3 .ui_tabcontainer02 .pic{
margin:0px 10px;
width:55px;
float:left;
}
#tab3 .ui_tabcontainer02 .text{
width:140px;
text-align:justify;
float:left;
color:#666666;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
line-height:1.3em;
padding-right:10px;
}
/*-Tab0303-----------------------*/
#tab3 .ui_tabcontainer03 .unit{
float:left;
width:233px;
margin:5px;
padding-top:5px;
padding-bottom:10px;
background-color:#FEE07A;
border:1px dashed #999999;
}
#tab3 .ui_tabcontainer03 .title{
margin-left:10px;
margin-top:10px;
}
#tab3 .ui_tabcontainer03 .title h3{
font-weight:400;
line-height:normal;
font-size:16px;
}
#tab3 .ui_tabcontainer03 .title h3 a{
color:#CC6600;
text-decoration:none;
}
#tab3 .ui_tabcontainer03 .title h3 a:hover{
color:#333333;
text-decoration:none;
}
#tab3 .ui_tabcontainer03 .nickname{
color:#333333;
font-size:11px;
font-family:Arial, Helvetica, sans-serif;
text-align:left;
margin-left: 10px;
margin-bottom: 3px;
}
#tab3 .ui_tabcontainer03 .nickname a{
color:#999999;
text-decoration:none;
}
#tab3 .ui_tabcontainer03 .nickname a:hover{
color:#333333;
text-decoration:none;
}
#tab3 .ui_tabcontainer03 .pic{
margin:0px 10px;
width:55px;
height:55px;
float:left;
}
#tab3 .ui_tabcontainer03 .text{
width:140px;
text-align:justify;
float:left;
color:#666666;
font-size:12px;
font-family:Arial, Helvetica, sans-serif;
line-height:1.3em;
padding-right:10px;
}
/*-Tab04-----------------------*/
#tab3 .ui_tabcontainer04 .ui_tab_content{
padding: 5px;
}
#tab3 .ui_tabcontainer04 .table{
margin:10px 0px;
}
#tab3 .ui_tabcontainer04 .number{
text-align:right;
padding:5px 5px 2px;
border-bottom:1px solid #999999;
background-image:url(/images/liststyle_hotarticlelist.gif);
background-repeat:no-repeat;
background-position:80% center;
}
#tab3 .ui_tabcontainer04 .title{
padding:5px 5px 2px;
color:#596b32;
font-size:12px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px solid #999999;
}
#tab3 .ui_tabcontainer04 .title a{
color:#596b32;
text-decoration:none;
}
#tab3 .ui_tabcontainer04 .title a:hover{
color:#859b00;
text-decoration:none;
}
#tab3 .ui_tabcontainer04 .nickname{
padding:2px 5px;
color:#666666;
font-size:10px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
border-bottom:1px solid #999999;
}
#tab3 .ui_tabcontainer04 .nickname a{

color:#666666;
text-decoration:none;
}
#tab3 .ui_tabcontainer04 .nickname a:hover{
color:#333333;
text-decoration:none;
}
#tab3 .ui_tabcontainer04 .date{
padding:2px 5px;
color:#666666;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-align:right;
border-bottom:1px solid #999999;
}


/* JQUERY TAB CSS */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 0px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {

}
.ui-tabs-nav p, .ui-tabs-nav a span {

}
.ui-tabs-nav p {
    margin: 5px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    background-position: 100% 0;
    text-decoration: none;
    white-space: nowrap; /* @ IE 6 */
    outline: 0; /* @ Firefox, prevent dotted border after click */    
}
.ui-tabs-nav a:link, .ui-tabs-nav a:visited {
    color: #fff;
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    background-position: 100% -23px;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover, .ui-tabs-nav .ui-tabs-unselect a:focus, .ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited {
    color: #000;
}
.ui-tabs-panel {
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
/*.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}*/

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* auto clear @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}