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


/* -----------------------------------------------------------------------
-----------------------トピックスのデザイン設定------------------------ */

/* -------------------メインコンテンツの設定ここから------------------- */

#main-content h2 {
background: url(http://mrt-jp.com/topics/images/topics-h2.gif) no-repeat left top;
height: 30px;
margin: 0px 0px 14px;}

#main-content h3 {
background: url(http://mrt-jp.com/topics/images/topics-h3.gif) no-repeat left top;
height: 23px;
margin: 0px 10px 5px;
padding: 7px 0px 0px 25px;
font-size: 1.2em;}

/* お知らせ記事ここから------ */

/* 一覧 */
.topics-infolist-tips {
margin: 0px 10px 8px;
border: 1px solid #E5E5E5;
background: #F9FDFD;
padding: 15px 25px;
width: 548px;}

.topics-infolist-tips h4 {
border-left: 5px solid #9DDEDE;
padding: 0px 0px 0px 10px;
margin: 0px 0px 15px;}

.topics-infolist-tips p {
padding: 0px 0px 10px 15px;}

.topics-infolist-tips p img {
float: right;}

.topics-infolist-tips img {
padding: 0px 0px 10px 10px;}

p.topics-infolist-day {
text-align: right;
clear: both;
padding: 0px;}

/* 詳細 */
#topics-infodetail {
margin: 0px 10px 8px;
border: 1px solid #E5E5E5;
background: #F9FDFD;
padding: 20px 25px;}

#topics-infodetail h4 {
border-left: 5px solid #9DDEDE;
padding: 0px 0px 0px 10px;
margin: 0px 0px 20px;
font-size: 1.2em;}

#topics-infodetail p {
padding: 0px 0px 20px 15px;}

p.topics-infodetail-day {
text-align: right;
clear: both;}

/* 補足情報 */
#topics-supplementation {
background: #F9FDFD;
border: 1px solid #7BC4E1;
margin: 0px 10px;}

#topics-supplementation h4 {
font-weight: normal;
height: 20px;
background: url(http://mrt-jp.com/topics/images/topics-supplementation-h4.gif) no-repeat left top;
padding: 4px 0px 0px 20px;}

#topics-supplementation ul {
padding: 25px 35px;
height: 80px;
width: 528px;}

#topics-supplementation li {
float: left;
width: 88px;
text-align: center;}

/* お知らせ記事ここまで------ */


/* 書籍記事ここから---------- */

/* 一覧 */
.topics-booklist-tips {
margin: 0px 10px 8px;
border: 1px solid #E5E5E5;
background: #F9FDFD;
padding: 15px 25px 5px;}

.topics-booklist-tips h4 {
border-left: 5px solid #9DDEDE;
padding: 0px 0px 0px 10px;
margin: 0px 0px 15px;}

.topics-booklist-imagearea {
float: left;
text-align: center;
width: 146px;}

.topics-booklist-imagearea p {
padding: 0px 0px 10px;}

.topics-booklist-textarea {
float: right;
width: 400px;}

.topics-booklist-textarea p {
padding: 0px 0px 10px;}

p.topics-booklist-info  {
color: #003399;
border: 1px solid #E5E5E5;
padding: 8px;
margin: 0px 0px 15px;
background: #F3FBFB;}

/* 詳細 */
#topics-bookdetail {
margin: 0px 10px 8px;
border: 1px solid #E5E5E5;
background: #F9FDFD;
padding: 20px 25px;}

#topics-bookdetail h4 {
border-left: 5px solid #9DDEDE;
padding: 0px 0px 0px 10px;
margin: 0px 0px 20px;
font-size: 1.2em;}

#topics-bookdetail-imagearea {
float: left;
width: 166px;
text-align: center;}

#topics-bookdetail-imagearea dl {
text-align: left;
padding: 5px 0px 5px 18px;}

#topics-bookdetail-textarea {
float: right;
width: 380px;}

#topics-bookdetail-textarea p {
padding: 0px 0px 20px;}

#topics-bookdetail-mokuji {
clear: both;
padding: 15px 0px 15px 15px;}

#topics-bookdetail-mokuji h5 {
padding: 0px 0px 10px;}

#topics-bookdetail-mokuji li {
padding: 0px 0px 0px 13px;
background: url(http://mrt-jp.com/topics/images/topics-bookdetail-mokuji.gif) no-repeat left 5px;
margin: 0px 0px 10px;}

/* amazonで詳しく見る */
ul.topicsbook-amazon li {
background: url(http://mrt-jp.com/topics/images/topics-book-amazon.jpg) no-repeat left top;
height: 27px;
width: 126px;
padding: 5px 0px 0px;
margin: 0px auto 10px;
text-align: center;
font-size: 0.95em;}

/* 書籍記事ここまで---------- */

/* メディア掲載情報ここから-- */

#topics-mediadetail {
margin: 0px 10px 8px;
border: 1px solid #E5E5E5;
background: #F9FDFD;
padding: 20px 25px;}

#topics-mediadetail h4 {
border-left: 5px solid #9DDEDE;
padding: 0px 0px 0px 10px;
margin: 0px 0px 20px;
font-size: 1.2em;}

#topics-mediadetail h5 {
font-size: 1.2em;
color: #006600;
padding: 0px 0px 20px;}

#topics-mediadetail p {
padding: 0px 0px 20px 15px;}

.topics-mediaparagraph {
background: url(http://mrt-jp.com/topics/images/topics-content-line.gif) repeat-x left top;
margin: 10px 0px 0px 10px;
padding: 25px 5px 0px;}
.topics-mediaparagraph dl {
clear: both;
}

.topics-mediaparagraph dt {
float: left;
}
.topics-mediaparagraph dd {
padding: 10px 0px 0px;
}
.topics-mediaparagraph img {
padding: 0px 10px 20px 0px;
}



/* 書籍記事ここまで-- */

/* -------------------メインコンテンツの設定ここまで------------------- */


/* --------------------サブコンテンツの設定ここから-------------------- */

#topics-subcontent {
background: #ECF2F8;
border: 1px solid #7AC4E1;
margin: 0px 0px 16px;}

#topics-subcontent h2 {
font-weight: normal;
padding: 4px 0px 0px 12px;
height: 20px;
background: url(http://mrt-jp.com/topics/images/topics-subcontent-h2.gif) no-repeat left top;
color: #006699;}

#topics-subcontent li {
float: right;}

#topics-subcontent img {
padding: 0px 8px 0px 5px;}

#topics-subcontent dl {
padding: 13px 13px 0px;}

#topics-subcontent dt {
padding: 0px 0px 0px 5px;
border-left: 3px solid #006699;}

#topics-subcontent dt a {
color: #006699;}

#topics-subcontent dt a:hover {
color: #0099CC;}

#topics-subcontent dd {
padding: 3px 0px 13px 5px;}

/* 関連する情報 */
#topics-relatedpage {
margin: 0px 5px 5px;
border: 1px solid #7AC4E1;
background: #DEE9F3;}

#topics-relatedpage h3 {
font-weight: normal;
padding: 4px 8px 0px;
border-bottom: 1px solid #7AC4E1;
background: url(http://mrt-jp.com/topics/images/topics-relatedpage-h3.gif) no-repeat left top;
height: 19px;}

#topics-relatedpage dl {
margin: 0px;
padding: 8px 8px 0px;}

#topics-relatedpage dt {
border-left-style: none;
margin: 0px;
padding: 0px;}

#topics-relatedpage dd {
margin: 0px;
padding: 0px 0px 8px;}

/* --------------------サブコンテンツの設定ここまで-------------------- */