@charset "UTF-8";
/*
* news.css
*/
/* ==========================================================
	clearfixまとめ
========================================================== */
.topic, .topic .topic-inner, #topic06 .topic-detail {
  *zoom: 1;
}
.topic:after, .topic .topic-inner:after, #topic06 .topic-detail:after {
  content: "";
  display: block;
  clear: both;
}

/* ==========================================================
  h2
========================================================== */
.news h2 {
  margin-left: 126px;
}

/* topic
========================================================== */
#topic-container {
  margin-top: 74px;
}

.topic {
  position: relative;
  width: 896px;
  margin: 0 auto 20px;
  padding-top: 24px;
  background: url(../images/news/topic_top.png) no-repeat;
}

.topic .topic-inner {
  padding: 0 55px 20px;
  background: url(../images/news/topic_repeat.png) repeat-y;
}

.topic h1 {
  position: relative;
  left: -90px;
  width: 858px;
  height: 76px;
  padding: 28px 54px 0 56px;
  background: url(../images/news/topic_title.png) no-repeat;
  font-size: 167%;
}

.topic h1 em {
  font-size: 90%;
  display: block;
  float: left;
  width: 90px;
  padding-top: 3px;
  color: #fff;
  text-align: center;
}

.topic h1 p {
  display: block;
  float: right;
  width: 750px;
}

.topic h1 p.small {
  font-size: 90%;
}

.topic .read {
  margin-bottom: 20px;
  color: #3686f0;
  font-weight: bold;
  font-size: 160%;
  text-shadow: -2px -2px 1px white, 2px -2px 1px white, 2px 2px 1px white, -2px 2px 1px white;
  text-align: center;
}

.topic .image {
  border: 1px solid #fff;
}

.topic .topic-detail {
  float: left;
  padding: 10px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #fff;
  font-size: 124%;
}

.topic .topic-detail p {
	padding: 15px 10px;
}

.topic dl {
  padding: 5px;
  border-bottom: 1px dotted;
}

.topic dt {
  float: left;
  clear: left;
  margin: 0 10px 4px 0;
  padding: 6px 0 3px 40px;
  font-weight: bold;
  background: url(../images/news/icon_star.png) no-repeat;
}

div.icon-star {
  margin: 0 10px 10px 0;
  font-weight: bold;
  padding: 6px 0 12px 40px;
  background: url(../images/news/icon_star.png) no-repeat;
  border-bottom: 1px dotted;
}

.icon-star2 {
  clear: left;
  width: 399px;
  height: 40px;
  margin: 0 10px 4px 0;
  padding: 4px 0 0 40px;
  border-bottom: 1px dotted;
  background: url(../images/news/icon_star.png) no-repeat;
  font-weight: bold;
}

.topic dd {
  padding: 10px 0 16px 0;
  font-weight: bold;
}

.topic_bottom {
  height: 20px;
  background: url(../images/news/topic_bottom.png) no-repeat;
}

/* ニュース詳細更新
========================================================== */
/* topic01 */
#topic01 div.image {
  float: left;
  margin-right: 25px;
}

#topic01 .topic-detail {
  width: 439px;
}

#topic01 dt {
  width: 300px;
}

/* topic02 */
#topic02 div.image {
  margin-bottom: 25px;
}

#topic02 dt {
  width: 230px;
  font-weight: bold;
}

#topic02 dd {
  padding-left: 280px;
  font-weight: bold;
}

/* topic04 */
#topic04 div.image {
  margin-bottom: 25px;
}

#topic04 dt {
  width: 230px;
  font-weight: bold;
}

.topic04 dd {
  padding-left: 280px;
  font-weight: bold;
}

/* topic05 */
#topic05 div.image {
  margin-bottom: 25px;
}

#topic05 .topic-detail {
  width: 766px;
}

#topic05 dt {
  width: 200px;
  font-weight: bold;
}

#topic05 dd {
  padding-left: 280px;
  font-weight: bold;
}

/* topic06 */
#topic07 div.image {
  float: left;
  margin-right: 25px;
}

#topic07 .topic-detail {
  width: 766px;
}

#topic07 dt {
  width: 70px;
}

#topic07 dd {
  padding-left: 120px;
}

/* topic05 */
#topic06 div.image {
  float: left;
  margin-right: 25px;
}

#topic06 .topic-detail {
  width: 766px;
}

#topic06 dt {
  width: 70px;
}

#topic06 dd {
  padding-left: 120px;
}


/* topic07 */
#topic08 div.image {
  margin-bottom: 25px;
}

#topic08 .topic-detail {
  width: 766px;
}

#topic08 dt {
  width: 766px;
  font-weight: bold;
}

#topic08 dd {
  padding-left: 280px;
  font-weight: bold;
}
/* topic18 */
#topic18 div.image {
  float: left;
  margin-right: 25px;
}

#topic18 .topic-detail {
  width: 439px;
}

#topic18 dt {
  width: 300px;
}

/* topic26 */
#topic26 div.image {
  float: left;
  margin-right: 25px;
}

#topic26 .topic-detail {
  width: 439px;
}

#topic26 dt {
  width: 300px;
}
/* topic27 */
#topic27 ul.topic-27 {
  width:750px;
}
#topic27 ul.topic-27 li{
  float:left;
  width:107px;
}
#topic27 ul.topic-27 dl{
  width:100px;
  padding:0 10px 0 0;
  margin:0;
  border:0;
}

#topic27 ul.topic-27 dt{
  background-image:none;
  padding:0;
  font-size:11px;
  width:100px;
}
#topic27 .topic-27 dd{
  padding:5px 0;
}
/* topic29 */
#topic29 div.image {
  float: left;
  margin-right: 25px;
}

#topic29 .topic-detail {
  width: 439px;
}

#topic29 dt {
  width: 300px;
}

/* topic33 */
#topic33 div.image {
  float: left;
  margin-right: 25px;
}

#topic33 .topic-detail {
  width: 439px;
}

#topic33 dt {
  width: 300px;
}

/* topic39 */
#topic39 div.image {
  float: left;
  margin-right: 25px;
}

#topic39 .topic-detail {
  width: 439px;
}

#topic39 dt {
  width: 300px;
}
/* topic40 */
#topic40 div.image {
  float: left;
  margin-right: 25px;
}

#topic40 .topic-detail {
  width: 439px;
}

#topic40 dt {
  width: 300px;
}
/* topic43 */
#topic43 ul.topic-43 {
  width:750px;
}
#topic43 ul.topic-43 li{
  float:left;
  width:107px;
}
#topic43 ul.topic-43 dl{
  width:100px;
  padding:0 10px 0 0;
  margin:0;
  border:0;
}

#topic43 ul.topic-43 dt{
  background-image:none;
  padding:0;
  font-size:11px;
  width:100px;
}
#topic43 .topic-43 dd{
  padding:5px 0;
}
/* topic46 */
#topic46 ul.topic-46 {
  width:750px;
}
#topic46 ul.topic-46 li{
  float:left;
  width:107px;
}
#topic46 ul.topic-46 dl{
  width:100px;
  padding:0 10px 0 0;
  margin:0;
  border:0;
}

#topic46 ul.topic-46 dt{
  background-image:none;
  padding:0;
  font-size:11px;
  width:100px;
}
#topic46 .topic-46 dd{
  padding:5px 0;
}
/* topic47 */
#topic47 .topic_47{
	float:left;
	font-size:12px;
	width:373px;
	height:610px;
	margin:5px;
}
#topic47 .topic_47 ul{
	padding:0 10px;
	font-size:11px;
}
#topic47 .pinkbox{
	background-color:#FFE5FF;
}
#topic47 .yellowbox{
	background-color:#FFFFA3;
}
#topic47 .bluebox{
	background-color:#B2E5FF;
}
#topic47 .redbox{
	background-color:#FF8C8C;
}
/* ==========================================================
	NEWS汎用の文字スタイル
========================================================== */
/* 文字を太くする
---------------------------------------------------------- */
.font-bold {
  font-weight: bold;
}

/* 文字の色まとめ
---------------------------------------------------------- */
.pink {
  color: #FF00FF;
}

.blue {
  color: #0000FF;
}
.red {
  color: #FF0000;
}
.yellow {
  color: #FF9900;
}

.purple {
  color: #990099;
}