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

/* =====================================================================
*    0. Bace Color
*    ---
*         (hi!) Yellow          #FFFF00
*         (hi!) Sky Blue        #00A6BF
*         (hi!) Sky Blue 60%    #66CAD9
*         (hi!) Sky Blue 15%    #D7F1F5
*         (hi!) Pink            #FF3366
*    ---
*    2. Contents Column
*    2.1. menu tab navigation
*    2.2. menu page headder
* =================================================================== */

/* =====================================================================
*
*    2. Contents Column
*
* =================================================================== */

/* =====================================================================
*    2.1. menu tab navigation
* =================================================================== */

.news .contentsColumn { background: url(../images/mainimg-news.jpg) 19px 0 no-repeat;}
.news .contentsColumn h2 { height: 91px;}
ul.ctrl-sort { padding: 0 0 40px 344px;}
ul.ctrl-sort li { height: 27px; float: left;}
ul.ctrl-sort li a { height: 27px; display: block;}
.sort_fet { width: 82px;}
.sort_gal { width: 80px;}
.sort_eve { width: 64px;}
.sort_tpc { width: 61px;}
.sort_all { width: 69px;}
.sort_fet a { width: 82px; background: url(../images/bg-ctrl-sort.gif) 0 0 no-repeat;}
.sort_gal a { width: 80px; background: url(../images/bg-ctrl-sort.gif) -82px 0 no-repeat;}
.sort_eve a { width: 64px; background: url(../images/bg-ctrl-sort.gif) -162px 0 no-repeat;}
.sort_tpc a { width: 61px; background: url(../images/bg-ctrl-sort.gif) -225px 0 no-repeat;}
.sort_all a { width: 69px; background: url(../images/bg-ctrl-sort.gif) -286px 0 no-repeat;}
.sort_fet a:hover { background-position: 0 -30px;}
.sort_gal a:hover { background-position: -82px -30px;}
.sort_eve a:hover { background-position: -162px -30px;}
.sort_tpc a:hover { background-position: -225px -30px;}
.sort_all a:hover { background-position: -286px -30px;}
.feature .sort_fet a { background-position: 0 -30px;}
.gallery .sort_gal a { background-position: -82px -30px;}
.event   .sort_eve a { background-position: -162px -30px;}
.topics  .sort_tpc a { background-position: -225px -30px;}
.NEWS    .sort_all a { background-position: -286px -30px;}

.news-list    { padding: 30px 0 0 190px; width: 510px;}
.news-list dl { width: 100px; float: left;}
.news-list dt { font-style: italic; text-decoration: underline; color: #666666;}
.news-list dd { width: 61px; height: 90px;}
.news-list dd.feature { background: url(../images/icon-feature.png) 0 30px no-repeat; }
.news-list dd.gallery { background: url(../images/icon-gallery.png) 0 30px no-repeat; }
.news-list dd.event   { background: url(../images/icon-event.png) 0 30px no-repeat; }
.news-list dd.topics  { background: url(../images/icon-topics.png) 0 30px no-repeat; }
	* html .news-list dd { width: 61px; height: 60px; margin-top: 30px;}
.news-list p  { width: 410px; float: right;}
.news-list p a img { padding-bottom: 6px;}
.news-list p a:hover { text-decoration: none;}
	* html .news-list p a:hover { text-decoration: underline;}

/* =====================================================================
*    2.2. menu page headder
* =================================================================== */

.news .detail .contentsColumn { background: url(../images/mainimg-news-detail.jpg) 19px 0 no-repeat;}
.news .detail h1 { width: 460px; padding: 30px 0 10px 240px;}
.news .detail p.entry-date { width: 460px; height: 80px; padding-left: 240px;}
/**/
div.entry-body { width: 460px; padding-left: 240px;}
div.entry-body img { border: 1px solid #D8D8D8; padding: 4px;}
div.entry-more { width: 460px; padding: 25px 0 0 240px;}
div.entry-more img { border: 1px solid #D8D8D8; padding: 4px;}
div.entry-body a,
div.entry-more a { background: #FFFF00; color: #000000;}