@charset "utf-8";

/* ------------------------------------------------------------ INITIAL SETTINGS */

body {
  font-family:Arial, "Lucida Grande", Verdana, sans-serif;
  font-size:85%;
  line-height:1.7;
  color:#666;
  background:#111 url(../img/bg.png) repeat-x 0 0;
}
a {
  color:#0e8deb;
  text-decoration:none;
}
a:hover,
a:active {
  color:#0e8deb;
  text-decoration:underline;
}



/* ------------------------------------------------------------ Clearfix */

#header:after,
#pagebody:after,
#contents:after,
#footer:after,
#pagetop:after,
#topicPath:after,
#pagenation:after,
.lay2CLeq:after,
.lay2CLa:after,
.lay2CLb:after,
.lay3CL:after,
.sectionBL:after,
.sectionS:after,
.sectionM:after,
.sectionL:after,
.sectionSep:after,
.hLW:after,
.hM:after,
.group:after {
  visibility:hidden;
  display:block;
  font-size:0;
  content:" ";
  clear:both;
  height:0;
}

/* [hack] ie6 */
* html #header,
* html #pagebody,
* html #contents,
* html #footer,
* html #pagetop,
* html #topicPath,
* html #pagenation,
* html .lay2CLeq,
* html .lay2CLa,
* html .lay2CLb,
* html .lay3CL,
* html .sectionBL,
* html .sectionS,
* html .sectionM,
* html .sectionL,
* html .sectionSep,
* html .hLW,
* html .hM,
* html .group {
  zoom:1;
}

/* [hack] ie7 */
*:first-child+html #header,
*:first-child+html #pagebody,
*:first-child+html #contents,
*:first-child+html #footer,
*:first-child+html #pagetop,
*:first-child+html #topicPath,
*:first-child+html #pagenation,
*:first-child+html .lay2CLeq,
*:first-child+html .lay2CLa,
*:first-child+html .lay2CLb,
*:first-child+html .lay3CL,
*:first-child+html .sectionBL,
*:first-child+html .sectionS,
*:first-child+html .sectionM,
*:first-child+html .sectionL,
*:first-child+html .sectionSep,
*:first-child+html .hLW,
*:first-child+html .hM,
*:first-child+html .group {
  zoom:1;
}



/* ------------------------------------------------------------ BASE STRUCTURE */

strong{
	font-weight:bold;
}

em{
	font-style:italic;
}


#wrapper {
  width:950px;
  margin:0 auto;
}

#header {
  position:relative;
  width:950px;
  height:70px;
}

#pagebody {
  width:950px;
}

#mcol {
  float:right;
  width:720px;
}

#mainv {
  margin:-2px -2px 0 -2px;
}

#contents {
  min-height:370px;
  height:auto !important;
  height:370px;
  margin:0 -2px;
  padding:26px 32px 30px 32px;
  background:url(../img/bg_sub_body.png) repeat-y 0 0;
}

#scol {
  float:left;
  width:200px;
}

#footer {
  position:relative;
  width:950px;
  height:80px;
  padding-top:10px;
}

/* [hack] ie6 */
* html #mainv {
  position:relative;
}
* html #contents {
  position:relative;
}



/* ------------------------------------------------------------ HEADER */

/* logo */
#header p.siteID {
  position:absolute;
  top:10px;
  left:0px;
}

/* navigation */
#header ul {
  position:absolute;
  top:20px;
  right:-14px;
}
#header ul li {
  float:left;
  padding:0 6px 0 8px;
  background:url(../img/h_nav_bg.gif) no-repeat left 0;
}
#header ul li:first-child {
  background:none;
}



/* ------------------------------------------------------------ FOOTER */

/* navigation */
#footer ul {
  float:left;
}
#footer ul li {
  float:left;
  padding:0 16px 0 15px;
  line-height:11px;
  background:url(../img/f_nav_bg.gif) no-repeat right 0;
}
#footer ul li:first-child {
  padding-left:0;
}
#footer ul li:last-child {
  background:none;
}
#footer ul li a:hover img {
  opacity:0.6;
  filter:alpha(opacity=60);
}

/* copyright */
#footer .copyright {
  float:right;
  line-height:12px;
}

/* [hack] ie6 */
* html #footer ul li a img,
* html #footer .copyright img {
  vertical-align:top;
}



/* ------------------------------------------------------------ SCOL */

/* lnav
------------------------------ */
#scol .lnav {
  width:204px;
  margin:0 -2px 13px -2px;
}
#scol .lnav h2 {
  margin-top:-2px;
}
#scol .lnav ul li a {
  display:block;
  padding:6px 22px 7px 22px;
  background:url(../img/scol_bg_body01.png) no-repeat 0 bottom;
}
#scol .lnav ul li a:hover {
  color:#666;
  background:url(../img/scol_bg_body02.png) no-repeat 0 bottom;
}
#scol .lnav ul li.end a {
  padding-bottom:8px;
  background:url(../img/scol_bg_foot01.png) no-repeat 0 bottom;
}
#scol .lnav ul li.end a:hover {
  background:url(../img/scol_bg_foot02.png) no-repeat 0 bottom;
}
#scol .lnav ul li.current a {
  color:#666;
  background:url(../img/scol_bg_body02.png) no-repeat 0 bottom;
}
#scol .lnav ul li.endCurrent a {
  color:#666;
  background:url(../img/scol_bg_foot02.png) no-repeat 0 bottom;
}

/* [hack] ie6 */
* html #scol .lnav {
  position:relative;
}
* html #scol .lnav h2 {
  position:relative;
}
* html #scol .lnav ul li {
  line-height:0;
}
* html #scol .lnav ul li a {
  position:relative;
  padding-top:8px;
  padding-bottom:9px;
  line-height:normal;
  zoom:1;
}


/* information
------------------------------ */
#scol .info {
  width:204px;
  margin:0 -2px 18px -2px;
  padding-bottom:7px;
  background:url(../img/scol_bg_foot03.png) no-repeat 0 bottom;
}
#scol .info h2 {
  position:relative;
  margin-top:-2px;
}
#scol .info div {
  background:url(../img/scol_bg_body03.png) repeat-y 0 0;
}
#scol .info div dl {
  width:180px;
  margin:0 auto;
  padding:6px 10px 7px 10px;
  font-size:100%;
  background:url(../img/line_dotted.gif) repeat-x 1px bottom;
}
#scol .info div dl:last-child {
  padding-bottom:2px;
  background:none;
}
#scol .info span a{
  font-size:85%;
}

#scol .info a:hover,
#scol .info a:active {
  color:#0e8deb;
  text-decoration:underline;
}

/* link - more */
#scol .info h2 span {
  position:absolute;
  top:8px;
  right:13px;
  padding-left:15px;
  background:url(../img/arrow_scol_info.gif) no-repeat 0 center;
}
#scol .info h2 span a {
  color:#fff;
}
#scol .info h2 span a:hover {
  text-decoration:underline;
}

/* [hack] ie6 */
* html #scol .info h2 {
  position:relative;
}
* html #scol .info h2 span {
  top:6px;
}
/* [hack] ie7 */
*:first-child+html #scol .info h2 span {
  top:6px;
}



/* ------------------------------------------------------------ SECTION & COLUMN LAYOUT */

/* ---------------------------------------- Section */

/* section BLOCK
------------------------------*/
#contents .sectionBL {
  margin-bottom:40px;
}
#contents .sectionBL:last-child {
  margin-bottom:0!important;
}
#contents .sectionBL p:last-child {
  margin-bottom:0!important;
}


/* section S
------------------------------*/
#contents .sectionS {
  margin-bottom:10px;
  line-height:1.5;
}
#contents .sectionS:last-child {
  margin-bottom:0!important;
}
#contents .sectionS p {
  margin-bottom:0.5em;
}
#contents .sectionS p:last-child {
  margin-bottom:0!important;
}


/* section M
------------------------------*/
#contents .sectionM {
  margin-bottom:20px;
  line-height:1.5;
}
#contents .sectionM:last-child {
  margin-bottom:0!important;
}
#contents .sectionM p {
  margin-bottom:0.5em;
}
#contents .sectionM p:last-child {
  margin-bottom:0!important;
}


/* section L
------------------------------*/
#contents .sectionL {
  margin-bottom:30px;
  line-height:1.5;
}
#contents .sectionL:last-child {
  margin-bottom:0!important;
}
#contents .sectionL p {
  margin-bottom:2.0em;
}
#contents .sectionL p:last-child {
  margin-bottom:0!important;
}
#contents .sectionL h3 {
  margin-top:3.0em;
  margin-bottom:0.5em;
  font-weight:bold;
}
#contents .sectionL h3:first-child {
  margin-top:0em;
}

/* section Dot Separate
------------------------------*/
#contents .sectionSep {
  padding-top:14px;
  background:url(../img/line_dotted.gif) repeat-x 0 top;
}
#contents .sectionSep div.sectionS {
  padding-bottom:5px;
  line-height:1.5;
  background:url(../img/line_dotted.gif) repeat-x 0 bottom;
}
#contents .sectionSep div.sectionS:last-child {
  margin-bottom:0!important;
}



/* ---------------------------------------- Column Layout */

/* lay2CL A
------------------------------ */
#contents .lay2CLa .lcol {
  float:left;
  width:430px;
}
#contents .lay2CLa .rcol {
  float:right;
  width:200px;
}


/* lay2CL B
------------------------------ */
#contents .lay2CLb .lcol {
  float:left;
  width:498px;
}

#contents .lay2CLb .rcol {
  float:right;
  width:132px;
}


/* lay2CLeq - Equal
------------------------------ */
#contents .lay2CLeq .lcol {
  float:left;
  width:315px;
}
#contents .lay2CLeq .rcol {
  float:right;
  width:315px;
}


/* lay3CL
------------------------------ */
#contents .lay3CL .c1 {
  float:left;
  width:200px;
  margin-right:30px;
}
#contents .lay3CL .c2 {
  float:left;
  width:200px;
  margin-right:30px;
}
#contents .lay3CL .c3 {
  float:left;
  width:200px;
}


/* ------------------------------------------------------------ HEADINGS & TEXT */

/* heading L
------------------------------ */
.hL {
  margin:0 0 13px 0;
  padding:0 0 5px 0;
  font-size:133.4%;
  font-weight:bold;
  background:url(../img/line_double.gif) repeat-x 0 bottom;
}


/* heading L with Widget
------------------------------ */
.hLW {
  position:relative;
  margin:0 0 38px 0;
  padding:0 0 5px 0;
  background:url(../img/line_double.gif) repeat-x 0 bottom;
}
.hLW {
  font-size:133.4%;
  font-weight:bold;
}
.hLW .widget {
  position:absolute;
  top:38px;
  left:100px;
  text-align:left;
}
.hLW .widget .twitter_widget_data{
  position:absolute;
  top:0;
  left:-100px;
}
.hLW .widget .fb_widget_data{
  position:absolute;
  top:1px;
  left:-90px;
}
.hLW .widget iframe{
}

/* heading M
------------------------------ */
/* hM */
.hM {
  margin:0 0 13px 0;
  padding:0 0 5px 0;
  background:url(../img/line_double.gif) repeat-x 0 bottom;
}

/* hM2 */
.hM2 {
  padding:0 0 3px 0;
}

/* Common */
.hM,
.hM2 {
  position:relative;
  font-weight:bold;
}
.hM span,
.hM2 span {
  position:absolute;
  top:0;
  right:0;
  padding-left:15px;
  font-size:85%;
  font-weight:normal;
  background:url(../img/arrow_gray_m.gif) no-repeat 0 center;
}

/* heading S
------------------------------ */
.hS {
  margin-bottom:7px;
  font-weight:bold;
}

/* heading XS
------------------------------ */
.hXS {
  margin-bottom:7px;
}
.hXS span {
  margin-left:1em;
}

/* Text
------------------------------ */
/* caption */
.cap {
  font-size:91.6%;
  margin-top:-2.2em;
}
.sectionM .cap {
  margin-top:-0.5em;
}



/* ------------------------------------------------------------ LINK */

/* topic path
------------------------------ */
#topicPath {
  margin:0 -2px;
  padding:7px 2px 0 32px;
  background:url(../img/bg_sub_body.png) repeat-y 0 0;
}
#topicPath ul li {
  float:left;
  margin-right:5px;
  padding-right:9px;
  font-size:83.4%;
  background:url(../img/arrow_topicpath.gif) no-repeat right center;
}
#topicPath ul li:last-child {
  background:none;
}
#topicPath ul li a:hover {
  text-decoration:underline;
}
#topicPath ul li:last-child a {
  color:#999;
}

/* [hack] ie6 */
* html #topicPath {
  position:relative;
  background:red url(../img/bg_sub_body.gif) repeat-y 0 0;
  zoom:1;
}


/* Link - Pagination
------------------------------ */
#pagenation {
  position:relative;
  margin-top:20px;
}
#pagenation ul {
  position:relative;
  left:50%;
  float:left;
}
#pagenation li {
  position:relative;
  left:-50%;
  float:left;
}
#pagenation li a {
  display:block;
  margin-right:4px;
  padding:3px 8px 3px 9px;
  background:#e1e2e3;
}

#pagenation li a:hover {
  color:#fff;
  background:#7DBDED;
  text-decoration:none;
}

#pagenation li.current a {
  color:#fff;
  font-weight:bold;
  background:#0e8deb;
}
#pagenation li:last-child a {
  margin-right:0;
}

.ff2 #pagenation ul {
  left:39.7%;
}


/* back to pagetop
------------------------------ */
#pagetop {
  height:25px;
  margin:0 -2px;
  padding:0 2px 2px 2px;
  background:url(../img/bg_sub_foot.png) no-repeat 0 bottom;
}
#pagetop p a {
  display:block;
  padding-right:15px;
  text-align:right;
}
#pagetop p a:hover img {
  opacity:0.6;
  filter:alpha(opacity=60);
}

/* [hack] ie6 */
* html #pagetop {
  position:relative;
  background:url(../img/bg_sub_foot.gif) no-repeat 0 bottom;
}



/* ------------------------------------------------------------ IMAGES */

/* Image Border
------------------------------ */
.imgL {
  padding:4px;
  border:1px solid #e0e1e2;
  background:#fff;
}
.imgM {
  padding:4px;
  border:1px solid #e0e1e2;
  background:#fff;
}
.imgS {
  padding:3px;
  border:1px solid #e0e1e2;
  background:#fff;
}
a:hover .imgL,
a:hover .imgM,
a:hover .imgS {
  opacity:0.6;
  filter:alpha(opacity=60);
}



/* ------------------------------------------------------------ TABLE */

/* Table - tbA
------------------------------ */
.tbA {
  width:100%;
  border-top:1px solid #bfc0c1;
}
.tbA th,
.tbA td {
  padding:6px 15px 7px 0;
  background:url(../img/line_dotted.gif) repeat-x 0 bottom;
  vertical-align:top;
}
.tbA th.date{
  width:90px;
}
.tbA th.cate{
  width:100px;
}
.tbA ul.dot li {
  margin-bottom:0;
}

.tbA tr:first-child th {
  padding:2px 10px 2px 0;
  font-size:83.4%;
  background:#e6e8e9 url(../img/line_dotted.gif) repeat-x 0 bottom;
}

.tbA col.date {
  width:105px;
  padding-right:2em;
  white-space:nowrap;
}
.tbA col.category {
  width:120px;
  padding-right:2em;
}
.tbA col.title {

}

/* Table - tbB
------------------------------ */
.tbB {
  width:100%;
  background:url(../img/line_double.gif) repeat-x 0 top;
}
.tbB th,
.tbB td {
  padding:6px 10px 7px 0;
  background:url(../img/line_dotted.gif) repeat-x 0 bottom;
  text-align:left;
}
.tbB th {
  width:80px;
  padding-right:1em;
  white-space:nowrap;
}


/* ------------------------------------------------------------ OTHERS */

/* Related Link
------------------------------ */
#relatedLink h3 {
  padding-bottom:5px;
  font-weight:bold;
  background:url(../img/line_double.gif) repeat-x 0 bottom;
}
#relatedLink li {
  padding:6px 0 7px 0;
  background:url(../img/line_dotted.gif) repeat-x 0 bottom;
}


/* Social Media
------------------------------ */
#socialMedia h3 {
  margin-bottom:6px;
  padding-bottom:5px;
  font-weight:bold;
  background:url(../img/line_double.gif) repeat-x 0 bottom;
}
#socialMedia li {
  float:left;
  margin-right:4px;
}


/* Fadein Images
------------------------------ */
.fadein {
  position:relative;
  height:126px;
}
.home .fadein {
  height:306px;
}
.fadein img {
  position:absolute;
}