@charset "UTF-8";
/*---------------------------------------------------------
 STWのこだわりCSSファイル
---------------------------------------------------------*/

body#stw_concept {
background-color: #fff;
background-image: none;
font-family:"ＭＳ Ｐゴシック", Osaka, sans-serif;
}

body#stw_concept #page_title {
  width: 820px;
  text-align: left;
  margin: 0 auto;
  }

div#concept {
  width: 770px;
  text-align: left;
  margin: 0 auto;
}

/* 中見出し */
body#stw_concept #page_title h2 {
padding:8px 10px;
color:#FFF; 
background:#50BD07 url(http://image.stworld.jp/img/common/ag_t_back.png);
}

/* コンセプト */
p#started {
  padding: 15px 0 0 0;
  color: #45a306;
  font-weight: bold;
  font-size: 16px;
}

p#concept_promise {
  padding: 15px 0 0 0;
  font-weight: bold;
}

p#concept_step {
  padding: 5px 0 20px 0;
}

/* コンセプトの小見出し */
div#ti_three_concept {
  font-weight: bold;
  padding: 5px 5px 5px 0; 
  margin: 0;
  background:url(http://image.stworld.jp/img/common/line01.gif) bottom repeat-x;
  }
div#ti_three_concept h4 {
  background:url(../images/concept/ti_3concepts.gif) bottom no-repeat;
  width: 220px;
  height: 21px;
  text-indent: -9999px;
  margin: 0;
  padding: 0;
}
div#ti_five_concept {
  font-weight: bold;
  padding: 5px 5px 5px 0; 
  margin: 0;
  background:url(http://image.stworld.jp/img/common/line01.gif) bottom repeat-x;
  }
div#ti_five_concept h4 {
  background:url(../images/concept/ti_5concepts.gif) bottom no-repeat;
  width: 193px;
  height: 21px;
  text-indent: -9999px;
  margin: 0;
  padding: 0;
}

/* ３つのコンセプト */
div#three_concept {
  float: left;
  width: 340px;
  padding: 0;
}
div#three_concept dl {
margin: 0;
padding: 10px 0 15px 0;
}

div#three_concept dt {
  padding: 0 0 0 5px;
  color: #01a0fc;
  line-height: 2;
  font-weight: bold;
}

div#three_concept dd {
  padding: 3px 0 15px 5px;
  margin: 0;
}

/* ５つのコンセプト */
div#five_policy {
  float: right;
  width: 400px;
}
div#five_policy dl {
margin: 0;
padding: 10px 0 20px 0;
}
div#five_policy dt {
color: #01a0fc;
font-weight: bold;
font-size: 14px;
}
div#five_policy dt img {
vertical-align: middle;
margin-right: 4px;
}
div#five_policy dd {
  padding: 5px 0 15px 0;
  margin: 0;
}

p.btn { 
  clear: both;
  text-align: center;
  }