/* 共通項目−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */

img{
  margin-right: 15px;
}


em.orange{
  color: #f93;
  font-style: normal;
  font-weight: bold;
  text-decoration: none;
}


h2{
  font-size: 25px;
  color: #ccc;
  margin-top: 40px;
  text-align: center;
  font-style: italic;
  font-weight: normal;
}
/* font-size: 19px;、italic 無しでも悪くはない */


h3{
  background-color: #666;
  color: #ddd;
  text-indent: 15px;
  font-size: 17px;
  font-weight: normal;
  margin-top: 90px;
  margin-bottom: 0px;
  padding-top: 8px;
  padding-bottom: 3px;
  border-top: solid #999 1px;
  border-left: solid #999 1px;
  border-right: solid #999 1px;
}

h3.h3_top{
  margin-top: 50px;
}

h3 a{
  color: #ddd;
}


.border{
  border: solid #999 1px;
  margin-top: 0px;
  padding-top: 0px;
}

.border.bottom{
  margin-bottom: 70px;
}


.p1{
  margin-top: 40px;
}


.p2{
  margin-top: 25px;
}

p.p3{
  margin-top: 40px;
  margin-bottom: 8px;
}

p.tri{
  font-style: bold; 
  font-size: 17pt; 
  margin-left: 110px;
}


ul{
/* margin-leftとpadding-leftを0にしてtext-indentで左のマージンを決めること */
  margin-left: 0px;
  padding-left: 0px;
  text-indent: 10px;
}

ul li{
  margin-top: 10px;
}


.subtitle{
  text-align: center;
  margin-bottom: 50px;
}


/* about DT200WR −−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */

#about_dt200wr{
  margin-bottom: 40px;
}

#about_dt200wr p.about{
  margin-top: 35px;
  font-weight: normal;
  text-decoration: underline;
}

#about_dt200wr ul.map{
/* これを設定しないとIEとその他のブラウザでマージンに差が出る */
  margin-bottom: 0px;

  margin-left: 0px;
  padding-left: 0px;
  text-indent: 25px;
}

#about_dt200wr ul.map li{
  line-height: 36px;
  margin-top: 0px;
}

#about_dt200wr ul.map li a{
  color: #f93;
}

#about_dt200wr ul.map li span{
  color: #f93;
}


/* チャプター１・コンセプト−−−−−−−−−−−−−−−−−−−−−−−−−− */


/* チャプター２・モデル−−−−−−−−−−−−−−−−−−−−−−−−−−−− */


ul.model{
/* margin-leftとpadding-leftを0にしてtext-indentで左のマージンを決めること */
  margin-left: 0px;
  padding-left: 0px;
  text-indent: 10px;
  margin-top: 15px;
}

ul.model li{
  margin-top: 6px;
}

ul.model2{
  margin-left: 0px;
  padding-left: 0px;
  text-indent: 10px;
  margin-bottom: 0px;
  padding-bottom: 0px;
}

ul.model2 li{
  margin-top: 0px;
}

ul.favorite{
  margin-left: 0px;
  padding-left: 0px;
  text-indent: 20px;
}

ul.favorite li{
  background: transparent url(shining_star.gif) no-repeat 0px 1px;
  margin-top: 10px;
}


p.model2{
  margin-bottom: 0px;
  padding-bottom: 0px;
}


div.model_contents{
  width: 650px;
  padding-left: 20px;
  padding-bottom: 30px;
}


/* チャプター３・スペック−−−−−−−−−−−−−−−−−−−−−−−−−−− */

dl.spec{
/* mechanism.htmでも使用。margin-leftとpadding-leftを0にしてtext-indentで左のマージンを決める */
  margin-top: 40px;
  margin-left: 0px;
  padding-left: 0px;
}

dl.spec dt{
  margin-bottom: 5px;
}

dl.spec.mechanism dt{
  margin-bottom: 5px;
  margin-top: 40px;
}

dl.spec dd{
  margin-top: 2px;
  margin-left: 0px;
  padding-left: 0px;
  text-indent: 15px;
}

dl.spec dd a{
/* mechanism.htmで使用 */
  color: #f93;
}


div.spec_contents{
/* mechanism.htm、mechanism2.htmでも使用 */
  width: 650px;
  padding-top: 25px;
  padding-left: 20px;
  padding-bottom: 45px;
}


/* チャプター４・機構−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */

p.mechanism a{
  color: #f93;
}


/* 以下、concept.htm "concept"やtpcでも使用しています！ */

.height1{
  height: 240px;
}


.height2{
  height: 180px;
}


.height3{
  height: 208px;
}


.height4{
  height: 320px;
}


.height5{
  height: 360px;
}


.height6{
  height: 200px;
}


.float_left{
  float: left;
  margin-right: 15px;
  margin-bottom: 12px;
}


.float_right{
  margin-left: 15px;
  margin-right: 0px;
  float: right;
  margin-bottom: 12px;
}


/* チャプター５・あとがき−−−−−−−−−−−−−−−−−−−−−−−−−−− */


/* 「走行性能曲線図」−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */

ul.star{
  margin-top: 55px;
  margin-bottom: 50px;
  padding-left: 0px;
  margin-left: 0px;
}
/* ULセレクタのmargin-left,padding-leftプロパティを0にすると左揃う */


ul.star li{
  background: url(shining_star.gif) no-repeat 0px 1px;
  text-indent: 20px;
  margin-top: 20px;
}
/* background（左位置）−text-indent＝20pxを守れば移動自由！！ */


/* 「主要緒元」−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−−− */

p.main_specs{
/* background−text-indent＝20pxを守れば移動自由！！ */
  background: transparent url(shining_star.gif) no-repeat 110px 3px;
  text-indent: 130px;
  margin: 50px 0px 40px 0px;
}

