@charset "utf-8";

div#frameFeatureArticles * {
  line-height: 1.4;
  margin: 0;
  padding: 0;
  font-family: "ＭＳ Ｐゴシック", Osaka, Verdana, Arial, sans-serif;
  font-size: 12px;
}

div#frameFeatureArticles {
  width: 668px;
  _width: 690px; /* for IE6 */
  padding: 0 11px 30px;
  background: #e1d6c1 url(../img/title.jpg) left top no-repeat;
  text-align: center;
}

div#frameFeatureArticles h1,
div#frameFeatureArticles h2,
div#frameFeatureArticles h3 {
  background-color: transparent;
  background-position: left top;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

/*----------------------------------------
		#HeaderArea
----------------------------------------*/

div#headerArea {
  height: 231px;
}

div#headerArea h1 {
  height: 174px;
  background: none;
}

div#headerArea p {
  color: #fff;
}

/*----------------------------------------
		#primaryContentsArea
----------------------------------------*/

div#primaryContentsArea {
  background: transparent url(../img/bg_box_body.gif) left top repeat-y;
}

div#primaryContentsArea h2 {
  height: 103px;
}

/*----------------------------------------
		#introduction
----------------------------------------*/

div#introduction {
  width: 580px;
  margin-left: 47px;
  text-align: left;
}

div#introduction div.image {
  float: left;
  width: 151px;
}

div#introduction div.description {
  float: right;
  width: 418px;
}

div#introduction div.description p {
  margin-top: 0.6em;
  font-size: 10px;
}

div#introduction div.description p.lead {
  height: 96px;
  margin-top: 0;
  background-color: transparent;
  background-position: left top;
  background-repeat: no-repeat;
  text-indent: -9999px;
}

/*----------------------------------------
		.section
----------------------------------------*/

div#primaryContentsArea div.section {
  width: 586px;
  margin: 2.2em auto 0;
  text-align: left;
}

div#primaryContentsArea div.section p {
  text-indent: 1em;
}

div#primaryContentsArea div.section h3 {
  height: 48px;
}

div#primaryContentsArea div.split div.description {
  float: left;
  width: 425px;
}

div#primaryContentsArea div.split div.image {
  float: right;
  width: 148px;
}

/*----------------------------------------
		#recommend
----------------------------------------*/

div#primaryContentsArea div#recommend {
  width: 638px;
  margin: 2.8em auto 0;
  background: #ece4d8 url(../img/bg_recommend_h_line.gif) center top repeat-y;
  text-align: left;
}

div#primaryContentsArea div#recommend h3 {
  height: 39px;
  background-image: url(../img/recommend_title.gif);
}

div#primaryContentsArea div#recommend a {
  outline: none;
}

div#primaryContentsArea div#recommend div.column {
  border-bottom: 2px solid #fff;
}

div#primaryContentsArea div#recommend div.detail {
  width: 288px;
  _width: 318px;
  padding: 15px 15px 7px;
}

div#primaryContentsArea div#recommend div#rec01,
div#primaryContentsArea div#recommend div#rec03,
div#primaryContentsArea div#recommend div#rec05 {
  float: left;
}

div#primaryContentsArea div#recommend div#rec02,
div#primaryContentsArea div#recommend div#rec04,
div#primaryContentsArea div#recommend div#rec06 {
  float: right;
}

div#primaryContentsArea div#recommend div.image {
  float: left;
  width: 100px;
}

div#primaryContentsArea div#recommend div.description {
  float: right;
  width: 177px;
}

div#primaryContentsArea div#recommend div.description dt {
  margin-bottom: 0.3em;
  color: #483113;
}

div#primaryContentsArea div#recommend div.description dd {
  line-height: 1.2;
  font-size: 10px;
}

div#primaryContentsArea div#recommend p {
  clear: both;
  padding-top: 1em;
  _padding-top: 0;
  font-size: 11px;
}

/*	.links
----------------------------------------*/

div#primaryContentsArea div#recommend ul.links {
  list-style-type: none;
  width: 282px;
  margin-top: 1.2em;
}

div#primaryContentsArea div#recommend ul.links li {
  width: 282px;
  margin-bottom: 8px;
}

div#primaryContentsArea div#recommend ul.links li img {
  display: block;
  float: left;
}

div#primaryContentsArea div#recommend ul.links li a {
  display: block;
  float: right;
  width: 179px;
  height: 22px;
  background-color: transparent;
  background-position: left top;
  background-repeat:no-repeat;
  text-indent: -9999px;
}

div#primaryContentsArea div#recommend ul.links li a:hover {
  background-position: 0 -22px;
}

div#primaryContentsArea div#recommend ul.links li.k a {
  background-image: url(../img/btn_k.gif);
}

div#primaryContentsArea div#recommend ul.links li.kd a {
  background-image: url(../img/btn_kd.gif);
}

div#primaryContentsArea div#recommend ul.links li.ks a {
  background-image: url(../img/btn_ks.gif);
}

div#primaryContentsArea div#recommend ul.links li.d a {
  background-image: url(../img/btn_d.gif);
}

div#primaryContentsArea div#recommend ul.links li.ds a {
  background-image: url(../img/btn_ds.gif);
}

div#primaryContentsArea div#recommend ul.links li.off {
  background: transparent url(../img/btn_off.gif) right top no-repeat;
}

/*----------------------------------------
		#author
----------------------------------------*/

div#author iframe {
  width: 668px;
  height: 410px; /*iframeの高さ調整*/
  background: transparent url(../img/bg_author_box_bottom.gif) left bottom no-repeat;
}

/*----------------------------------------
		#backnumber
----------------------------------------*/

div#backnumber {
  /*margin: 20px 0 30px;*/
  margin: 20px 0 10px;
  padding: 10px 13px;
  border: 2px solid #cb99a1;
  width: 660px;
  _width: 690px; /* for IE6 */
}

div#backnumber iframe {
  width: 660px;
/*  height: 7.0em; iframeの高さ調整*/
/*  _height: 8.2em;  for IE6 */
  height: 174px; /*iframeの高さ調整*/
}

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

.clearfix:after,
div#introduction:after,
div#primaryContentsArea div#recommend:after,
div#primaryContentsArea div#recommend ul.links li:after {
  content: "";
	display: block;
	clear: both;
}

*+html body .clearfix,
*+html body div#introduction,
*+html body div#primaryContentsArea div#recommend,
*+html body div#primaryContentsArea div#recommend ul.links li {
  height: 1%;
}

*html body .clearfix,
*html body div#frameFeatureArticles div#introduction,
*html body div#primaryContentsArea div#recommend,
*html body div#primaryContentsArea div#recommend ul.links li {
  height: 1%;
}