@charset "utf-8";

/* ------------------------------------------------------------
   
  Tokyo Midtown DESIGN TOUCH 2011
  filename: style.css
  created:  20110818
  
------------------------------------------------------------ */

/* ------------------------------------------------------------ layout */
div#designTouch .layout1  { float: left; width:  78px; }
div#designTouch .layout2  { float: left; width: 156px; }
div#designTouch .layout3  { float: left; width: 234px; }
div#designTouch .layout4  { float: left; width: 312px; }
div#designTouch .layout5  { float: left; width: 390px; }
div#designTouch .layout6  { float: left; width: 468px; }
div#designTouch .layout7  { float: left; width: 546px; }
div#designTouch .layout8  { float: left; width: 624px; }
div#designTouch .layout9  { float: left; width: 702px; }
div#designTouch .layout10 { float: left; width: 780px; }
div#designTouch .layout11 { float: left; width: 858px; }
div#designTouch .layout12 { float: left; width: 936px; }
div#designTouch .clear { clear: both; }
div#designTouch .layoutHalf  { float: left; width:  50%; }

/* container */
div#designTouch { padding: 12px; }

/* float */
div#designTouch .floatLeft  { float: left; }
div#designTouch .floatRight { float: right; }

/* ------------------------------------------------------------ Block */
div#designTouch .block {
  clear: both;
  margin-bottom: 40px;
}

div#designTouch .borderBlock {
  margin: 0 12px 20px;
  padding: 7px 12px;
  border: 1px solid #CCC;
}
div#designTouch .borderBlock h5 {
  margin-left: 0;
}


/* ------------------------------------------------------------ Margin/Padding */
div#designTouch .marginBottomNone { margin-bottom: 0 !important; }


/* ------------------------------------------------------------ Heading */
/* h1 */
div#designTouch h1 {
  margin: 0 12px 20px;
  padding: 0;
  background: #FFF;
  color: #333333;
  font-weight: bold;
}

/* h2 */
div#designTouch h2 {
  margin: 0 12px 15px;
  padding: 0;
  border: none;
  background: #FFF;
  color: #333333;
  font-weight: bold;
}

/* h3 */
div#designTouch h3 {
  margin: 0 12px 12px;
  padding: 0;
  border: none;
  background: #FFF;
  color: #333333;
  font-weight: bold;
}

/* h4 */
div#mainContents h4 {
  padding: 0 0 3px;
  border-bottom: none;
  color: #333333;
  font-weight: bold;
  font-size: 120%;
}

/* h5 */
div#designTouch h5 {
  padding: 0 12px 0;
  border-left: none;
  color: #333333;
  font-weight: bold;
  font-size: 120%;
}


/* ------------------------------------------------------------ Text */
/* p */
div#designTouch p {
  margin: 0 12px 20px;
}

/* notes */
div#designTouch .notes { font-size: 83%; }

/* color */
div#designTouch .colorGreen  { color: #32B600; }
div#designTouch .colorOrange { color: #FFA400; }
div#designTouch .colorPink   { color: #FFA4B6; }
div#designTouch .colorRed    { color: #FF3F3F; }
div#designTouch .colorBlue   { color: #0082FF; }


/* ------------------------------------------------------------ Link */



/* ------------------------------------------------------------ List */
/* dl */
div#designTouch dl.dataList {
  overflow: hidden;
  margin: 0 12px 20px;
}
div#designTouch dl.dataList dt {
  float: left;
  width: 7em;
  padding-left: 0.5em;
}
div#designTouch dl.dataList dd {
  margin-bottom: 5px;
  padding-left: 8em;
  padding-bottom: 5px;
  border-bottom: 1px solid #DDD;
}
div#designTouch dl.dataList.noBorder {
  margin-bottom: 0;
}
div#designTouch dl.dataList.noBorder dt {
  padding-left: 0;
  font-weight: normal;
}
div#designTouch dl.dataList.noBorder dd {
  border: none;
  margin-bottom: 0;
}

div#designTouch dl.profileList {
  overflow: hidden;
  margin: 0 12px 20px;
}
div#designTouch dl.profileList dt {
  clear: left;
  float: left;
  width: 80px;
}
div#designTouch dl.profileList dd {
  margin-bottom: 15px;
  padding-left: 8em;
}

/* ul */
div#designTouch ul.horizontalList {
  width: 100%;
  overflow: hidden;
  margin: 0;
}
div#designTouch ul.horizontalList li {
  float: left;
  margin-bottom: 15px;
  padding: 0 12px;
}
/* ul */
div#designTouch ul.anchorLinks {
  overflow: hidden;
  margin: 0 20px 20px;
}
div#designTouch ul.anchorLinks li {
  float: left;
  margin-right: 10px;
  padding: 0 12px;
}


/* ------------------------------------------------------------ Image */
/* image */
div#designTouch img { margin-bottom: 3px; }


/* ------------------------------------------------------------ ID */
/* news */
div#designTouch #newsBlock {
}
div#designTouch #newsBlock h2 {
  margin-bottom: 10px;
}
div#designTouch #newsBlock dl dd {
  margin-bottom: 10px;
  padding-bottom: 10px;
}
div#designTouch #newsBlock dl dd a {
  text-decoration: none;
}

/* home */
div#designTouch.home a {
  text-decoration: none;
}

div#designTouch #headerBlock {
  height: 290px;
}
div#designTouch #headerBlock .layout6 {
  position: relative;
  height: 270px;
}
div#designTouch #headerBlock #english {
  position: absolute;
  top: -22px;
  right: 12px;
  background-color: #000;
}
div#designTouch #headerBlock #concept {
  position: absolute;
  top: 45px;
  left: 15px;
  margin: 0;
  width: 100%;
  line-height: 2em;
}
div#designTouch #headerBlock ul.links {
  position: absolute;
  bottom: 15px;
  left: 15px;
  margin: 0;
  width: 100%;
}
div#designTouch #headerBlock ul.links li {
  float: left;
  margin-right: 15px;
  padding-left: 10px;
  line-height: 1em;
  background: url(../images/2011/icon-list-green.gif) no-repeat left;
}

/* header */
div#designTouch #headerNav {
  text-align: right;
  clear: both;
}
div#designTouch #headerNav li {
  display: inline;
  margin-right: 10px;
  padding-right: 10px;
  padding-left: 0;
  background-image: none;
  border-right: 1px solid #666;
}
div#designTouch #headerNav li.last {
  margin-right: 0;
  padding-right: 0;
  border-right: none;
}

div#designTouch #headerLinks {
  float: right;
  margin: 0 5px 25px;
}
div#designTouch #headerLinks li {
  float: left;
  margin-right: 15px;
  padding-left: 10px;
  line-height: 1em;
  background: url(../images/2011/icon-list-green.gif) no-repeat left;
}

div#designTouch #headerLinks li a {
  text-decoration: none;
}

/* EOF */