@charset "utf-8";

/*Contents
------------------------------------

Site Name : 
Coder : 
Version : 

1 : clearfix
2 : header
3 : content
4 : footer

last updated : 11/02/28

----------------------------------*/

/*clearfix style
----------------------------------*/

/* Modern browsers like Firefox, Safari, Opera */
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
  font-size: 0.1em;
}
/* IE 7 and MacIE*/
.clearfix {
  display: inline-block;
  min-height: 1%;
}
/* Hides from IE-mac */
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
  clear: both;
}


/*----------------------------------*/
.mainBg {
  background: url(../images/main_back.jpg) center top no-repeat;
}


/*header style
----------------------------------*/



/*content style
----------------------------------*/
.tabBox {
  width: 653px;
  height: 34px;
  margin-right: 5px;
  border-bottom: solid 1px #8b8b8b;
}
ul.tabs {
  height: 34px;
  list-style: none;
  float: right;
}
ul.tabs li {
  float: left;
}
ul.tabs li a {
  margin: 0 0 0 5px;
  padding: 2px 30px 0 30px;
  line-height: 31px;
  background: url(../images/bookmenu_back.gif) left top repeat-x #f6f6f6;
  border: solid 1px #8b8b8b;
  border-bottom: solid 1px #333333;
  font-size: 124%;
  font-weight: bold;
  color: #FFFFFF !important;
  text-decoration: none !important;
  text-align: center;
  display: block;
}
ul.tabs li.active a,
ul.tabs li.active a:hover {
  background-image: none;
  background: #f6f6f6;
  border-top: solid 1px #8b8b8b;
  border-right: solid 1px #8b8b8b;
  border-bottom: solid 1px #f6f6f6;
  border-left: solid 1px #8b8b8b;
  color: #333333 !important;
  text-decoration: none;
}
.tab_content {
  padding: 26px 0 26px 0;
}
.tab_content div {
  width: 158px;
  margin: 0 2px 0 3px;
  float: left;
}
.tab_content div dt,
.tab_content div dd {
  font-size: 77%;
  color: #006699;
}
.tab_content div dd strong {
  font-size: 116%;
  color: #333333;
}
.tab_content div dd {
  padding: 10px;
  background: #FFFFFF;
  border-right: solid 1px #e7e7e7;
  border-bottom: solid 1px #e7e7e7;
  border-left: solid 1px #e7e7e7;
}
.tab_content div dd.bottom {
  padding: 0;
}
.tab_content div dd.bottom a {
  padding: 10px;
  background: url(../images/icon_i.gif) 130px center no-repeat;
  text-decoration: none;
  color: #006699;
  display: block;
}

.more {
  margin-bottom: 0;
}
.more a {
  width: 100px;
  height: 25px;
  background: url(../images/more.gif) left top no-repeat;
  display: block;
}
.more a span {
  display: none;
}


.ad {
  margin: 8px 0;
}


.section,
.sectionList {
  margin: 8px;
  padding: 15px;
  border: solid 1px #c4c4c4;
  background: #FFFFFF;
}
.section h2,
.sectionList h2 {
  padding-bottom: 5px;
  border-bottom: dotted 1px #CCC;
  clear: both;
}
.section h3,
.sectionList h3 {
  clear: both;
}
.section h3,
.section p,
.sectionList h3,
.sectionList p {
  margin: 15px 0 0 0;
}
.section ul ul,
.section ol ul,
.section ol ol,
.section ul ol,
.sectionList ul ul,
.sectionList ol ul,
.sectionList ol ol,
.sectionList  ul ol {
  margin: 0 0 0 2em;
}
.section ul,
.sectionList ul {
  margin: 15px 0 0 2em;
}
.section ol,
.sectionList ol {
  margin: 15px 0 0 2em;
}
.section blockquote,
.sectionList blockquote {
  margin-top: 15px;
  padding-left: 10px;
  background: #EEEEEE;
  border-left: solid 3px #999;
}
.section table.designTable,
.sectionList table.designTable {
  margin-top: 15px;
  border-top: solid 1px #999;
  border-right: solid 1px #999;
}
.section table.designTable th,
.section table.designTable td,
.sectionList table.designTable th,
.sectionList table.designTable td {
  padding: 5px;
  border-bottom: solid 1px #999;
  border-left: solid 1px #999;
}
.section table.designTable th,
.sectionList table.designTable th {
  background: #EEEEEE;
}



.imgLeft {
  padding: 0 15px 15px 0;
  float: left;
}
.imgRight {
  padding: 0 0 15px 15px;
  float: right;
}
.imgLeft img,
.imgRight img,
.img {
  padding: 2px;
  border: solid 1px #CCC;
}


.sectionList {
  position: relative;
}
.sectionList h2 {
  padding-right: 100px;
}
.time {
  position: absolute;
  top: 4px;
  right: 15px;
}
.leadMore {
  text-align: right;
  clear: both;
}
.leadMore a,
.entrySelect .next a {
  padding-right: 15px;
  background: url(../images/icon_next.gif) right center no-repeat;
}


.entrySelect {
  margin: 8px;
  padding: 15px;
  border: solid 1px #c4c4c4;
  background: #FFFFFF;
}
.entrySelect .back {
  float: left;
}
.entrySelect .back a {
  padding-left: 15px;
  background: url(../images/icon_back.gif) left center no-repeat;
}
.entrySelect .next {
  text-align: right;
}


.RightMenu {
  list-style: none;
}
.RightMenu li a {
  padding-left: 18px;
  background: url(../images/icon_square.gif) left center no-repeat;
}



/*footer style
----------------------------------*/