@charset "utf-8";
/* About this file ===============================
 * Style    : a Movable Type style
 * Since    : 2009-08-14
 * Modified : 2009-09-08
 * Editor   : Daisuke Ogido
================================================== */
/* Css Initialization
-------------------------------------------- */
body, div,
dl, dt, dd, ul, ol, li,
pre, form, input, textarea, p, th, td {
  margin: 0;
  padding: 0;
}
html {
  overflow-y: scroll;
}
h1, h2, h3, h4, h5, h6 {
  margin: 0;
  padding: 0;
  font-size: 105%;
  font-weight: normal;
}
p, li, dt, dl {
  line-height: 1.6;
}
p {
  margin: 0 0 1em 0;
}
li {
  list-style: none outside;
}
img {
  border: 0;
  vertical-align: bottom;
}
address {
  font-style: normal;
}
.clear {
  clear: both;
}
/* Body
-------------------------------------------- */
body {
  background-color: #f8f8f4;
  line-height: 150%;
  font-size: 80%;
  font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Osaka","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic","Sans-Serif";
  color: #333;
} * html body { /* for ie6 fix */
    font-family: "ＭＳ Ｐゴシック","MS PGothic","Sans-Serif";
    font-size: 10pt;
    text-align: center;
  }
/* Table ( for ie6 bug fix )
-------------------------------------------- */
* html table {
  font-size: 10pt;
}
/* A color
-------------------------------------------- */
a:link { color: #2C4F89; }
a:visited { color: #4B9FA2; }
a:hover { color: #6C4622; }
/* Wrapper
-------------------------------------------- */
#wrapper {
  margin: 0 auto;
  width: 900px;
  background: url(common_images/wrapper_background.jpg) repeat-y;
  padding: 0 20px;
} * html #wrapper { /* for ie6 fix */
    width: 940px;
    text-align: left;
  }
/* Header
-------------------------------------------- */
#header h1 {
  float: left;
  margin-bottom: 0;
  padding: 10px 10px 0px 5px;
}
#header p#logo {
  float: left;
  margin-bottom: 0;
  padding: 10px 10px 0px 5px;
}
#header p.desc {
  float: left;
  margin-bottom: 0;
  padding: 13px 10px 0;
}
#header ul {
  float: right;
  padding: 5px;
}
#header ul li {
  display: inline;
}
#header form {
  float: right;
  padding: 2px 10px;
}
#header form input#search {
  float: left;
  margin-top: 2px;
  margin-right: 5px;
  width: 128px;
  height: 23px;
  background: url(common_images/header_search_box.jpg) no-repeat left top;
  border: none;
  padding: 4px 5px 0px 5px;
} * html #header form input#searchBox { /* for ie6 fix */
    width: 138px;
  }
#header form input#submit {
  width: 79px;
  height: 25px;
}
#header form p{
  margin-bottom: 0;
}
/* Navigation
-------------------------------------------- */
ul#navigation {
  clear: both;
}
ul#navigation li {
  display: inline;
}
/* Contents
-------------------------------------------- */
#contents {
  clear: both;
}
#contents #contentInner {
  padding: 10px 20px 35px;
}
#contents #contentInner h2 {
  margin: 23px 5px 8px;
  height: 27px;
  background: url(common_images/h2.jpg) repeat-x left center;
  border-left: solid 1px #D9D9D9;
  border-right: solid 1px #D9D9D9;
  padding-left: 10px;
  line-height: 28px;
  font-weight: bold;
  color: #444;
}
#contents #contentInner h3 {
  margin: 15px 7px 5px 15px;
  border-left: solid 4px #7F7154;
  padding-left: 10px;
  font-weight: bold;
  font-size: 110%;
}
#contents #contentInner h4 {
  margin: 15px 17px 5px;
  border-bottom: solid 2px #7F7154;
  padding-left: 5px;
  font-weight: bold;
}
#contents #contentInner p {
  margin-bottom: 0.7em;
  padding-left: 2em;
  line-height: 1.5;
}
/* Footer
-------------------------------------------- */
#footer {
  clear: both;
  height: 75px;
  background: url(common_images/footer_background.jpg) no-repeat left top;
  padding: 37px 10px 0;
}
#footer ul {
  padding-bottom: 12px;
}
#footer ul li {
  display: inline;
}
#footer p#copyright {
  margin-bottom: 0;
  text-indent: 0.5em;
  font-size: 80%;
  color: #b2b2b2;
}
#footer p#pageTop {
  margin-bottom: 0;
  float: right;
}
/* Image
-------------------------------------------- */
img.center {
  display: block;
  margin: 0 auto;
} * html img.center { /* for ie6 bug fix */
    text-align: center;
  }
img.right {
  float: right;
  margin: 0 10px;
}
img.left {
  float: left;
  margin: 0 10px;
}
img.border {
  border: solid 1px #8BB5DF;
  padding: 1px;
}
/* Text
-------------------------------------------- */
p.left, td.left, th.left {
  text-align: left;
}
p.right, td.right, th.right {
  text-align: right;
}
p.center, td.center {
  text-align: center;
}
/* List
-------------------------------------------- */
ul.listStyle {
  margin: 7px 30px 20px 35px;
}
ul.listStyle li {
  list-style-type: circle;
}
ul.pageLink {
  margin: 0px 10px 5px;
}
ul.pageLink li {
  float: left;
  margin-right: 15px;
  background: url(http://www.crewz.co.jp/common_images/icon_pagelink.jpg) no-repeat left center;
  padding-left: 15px;
  font-weight: bold;
  letter-spacing: 0.1em;
}
/* Definition List
-------------------------------------------- */
#contents #contentInner dl.listStyle {
  margin: 20px 20px 40px;
}
#contents #contentInner dl.listStyle dt {
  float: left;
  width: 130px;
  clear: both;
  background-color: #555;
  border-top: solid 1px #999;
  padding: 3px 10px;
  font-weight: bold;
  color: #fff;
}
#contents #contentInner dl.listStyle dd {
  margin-left: 140px;
  border-top: solid 1px #999;
  padding: 3px 5px 5px;
} * html #contents #contentInner dl dd { /* for ie6 fix */
    height: 1px; /* IE6 横位置のずれを回避 */
  }
#contents #contentInner dl.listStyle dd ul {
  margin-left: 25px;
  margin-bottom: 0.7em;
  padding-left: 1em;
}
#contents #contentInner dl.listStyle dd ul li {
  list-style-type: circle;
}
/* Company
-------------------------------------------- */
#contents #contentInner #companyInfo {
  float: left;
  width: 500px;
}
#contents #contentInner #googleMap {
  margin: 10px 15px;
  float: right;
}
#contents #contentInner #googleMap p {
  margin: 0.5em 0 0;
  padding: 3px;
  font-size: 110%;
  font-weight: bold;
  color: #336699;
}
#contents #contentInner #googleMap div.adr {
  margin-bottom: 18px;
  width: 320px !important;
  height: 260px !important;
  border: solid 1px #555;
  padding: 1px;
}
/* Contents Blog
-------------------------------------------- */
#blogContents {
  float: left;
  width: 650px;
  padding: 10px 10px 10px 0;
}
#blogSideArea {
  float: right;
  width: 200px;
}
#blogSideArea h3 {
  margin: 0;
  border-left: solid 4px #7F7154;
  padding-left: 10px;
  font-weight: bold;
  font-size: 10pt;
}
#blogSideArea ul.blogList {
  margin: 5px 5px 20px 35px;
}
#blogSideArea ul.blogList li {
  list-style-type: circle;
  font-size: 8pt;
}
/* Contents TopPage
-------------------------------------------- */
#topInfo {
  float: left;
  margin: 8px;
  width: 654px;
}
#topInfo #topics {
  background-color: #F5F5F5;
  padding-bottom: 15px;
}
#topInfo div#topics dl {
  margin: 10px 20px 10px 30px;
}
#topInfo div#topics dl dt {
  float: left;
  width: 100px;
  background: url(http://www.crewz.co.jp/common_images/topics_icon.jpg) no-repeat left center;
  padding-left: 10px;
  clear: both;
}
#topInfo div#topics dl dd {
  margin-left: 110px;
}
#topInfo #published {
  margin-top: 8px;
  background-color: #EEEDE7;
  padding-bottom: 15px;
}
#topInfo div#published dl {
  margin: 10px 20px 10px 30px;
}
#topInfo div#published dl dt {
  float: left;
  width: 100px;
  background: url(http://www.crewz.co.jp/common_images/published_icon.jpg) no-repeat left center;
  padding-left: 10px;
  clear: both;
}
#topInfo div#published dl dd {
  margin-left: 110px;
}
/* --- Toppage Side Area */
#topSideArea {
  float: right;
  width: 220px;
}
#topSideArea img {
  margin: 8px 0;
}
#topSideArea p {
  line-height: 1.2;
  font-size: 90%;
}
#topSideArea p#location {
  margin: 1.5em 2px 1em;
  line-height: 1.4;
  font-size: 90%;
}
/* Topics
-------------------------------------------- */
dl.topics {
  margin: 5px 10px 5px 20px;
}
dl.topics dt {
  float: left;
  width: 100px;
  background: url(http://www.crewz.co.jp/common_images/topics_icon.jpg) no-repeat left 7px;
  padding-left: 15px;
  padding-bottom: 7px;
  clear: both;
}
dl.topics dd {
  margin-left: 115px;
  border-left: solid 1px #ccc;
  padding-left: 10px;
  padding-bottom: 7px;
}
/* Published Media Information
-------------------------------------------- */
dl.media {
  margin: 5px 10px 5px 20px;
}
dl.media dt {
  float: left;
  width: 100px;
  background: url(http://www.crewz.co.jp/common_images/published_icon.jpg) no-repeat left 7px;
  padding-left: 15px;
  padding-bottom: 7px;
  clear: both;
}
dl.media dd {
  margin-left: 115px;
  border-left: solid 1px #ccc;
  padding-left: 10px;
  padding-bottom: 7px;
}
/* Brand Introduction
-------------------------------------------- */
ul#brand {
  padding: 0 10px;
}
ul#brand li {
  float: left;
  margin: 5px;
  width: 385px;
  vertical-align: top;
}
ul#brand li div.inner {
  border: solid 1px #ccc;
  padding: 10px;
  min-height: 195px;
  height: auto !important;
  height: 217px;
}
ul#brand li h2 {
  margin: 0 0 8px !important;
  height: 27px;
}
ul#brand li h2 a {
  text-decoration: none;
}
ul#brand li img {
  float: left;
  padding: 0 10px 0 5px;
}
ul#brand li p.body {
  padding: 0 5px;
}
ul.brandList {
  margin: 10px 5px 10px 12px;
}
ul.brandList li {
  clear: both;
  margin-bottom: 3px;
  width: 150px;
  height: 60px;
  border: solid 2px #ccc;
  padding: 5px;
}
ul.brandList li img {
  float: left;
  padding-right: 5px;
}
ul.brandList li p {
  padding: 10px 0;
  font-size: 9pt;
}
/* Shop List
-------------------------------------------- */
#shopList img.shopPhoto {
  float: right;
  margin: 5px 20px 15px 10px;
  border: solid 1px #ccc;
  padding: 1px;
}
#shopList table.shopListPhoto {
  margin: 10px 10px 10px 30px;
  width: 420px;
  border-collapse: collapse;
}
#shopList table.shopListPhoto th {
  width: 80px;
  background-color: #C3BDAF;
  border: solid 1px #999;
  padding: 3px 5px;
}
#shopList table.shopListPhoto td {
  border: solid 1px #999;
  padding: 3px 5px;
}
#shopList table.shopListPhoto td p {
  margin: 0 0 0 0.5em !important;
  padding: 0 !important;
}
/* --- NoShopPhoto */
#shopList table.shopList {
  margin: 10px 10px 10px 30px;
  width: 800px;
  border-collapse: collapse;
}
#shopList table.shopList th {
  width: 80px;
  background-color: #C3BDAF;
  border: solid 1px #999;
  padding: 3px 5px;
}
#shopList table.shopList td {
  border: solid 1px #999;
  padding: 3px 5px;
}
#shopList table.shopList td p {
  margin: 0 0 0 0.5em !important;
  padding: 0 !important;
}
/* --- ShortSize */
#shopList table.shopListShort {
  margin: 10px 10px 10px 30px;
  width: 600px;
  border-collapse: collapse;
}
#shopList table.shopListShort th {
  width: 80px;
  background-color: #C3BDAF;
  border: solid 1px #999;
  padding: 3px 5px;
}
#shopList table.shopListShort td {
  border: solid 1px #999;
  padding: 3px 5px;
}
#shopList table.shopListShort td p {
  margin: 0 0 0 0.5em !important;
  padding: 0 !important;
}
/* Recruit Page
-------------------------------------------- */
/* --- Senior */
div.senior {
  margin: 15px 13px 25px;
  background-color: #ffffee;
  border: solid 1px #aaa;
  padding: 10px 15px;
}
p.senior {
  float: left;
  width: 180px;
}
p.senior img {
  border: solid 1px #ccc;
  padding: 1px;
}
table.senior {
  margin: 10px;
  width: 500px;
  border-collapse: collapse;
}
table.senior th {
  background-color: #7F7154;
  width: 120px;
  border: solid 1px #aaa;
  padding: 5px 10px;
  color: #fff;
}
table.senior td {
  background-color: #fff;
  border: solid 1px #aaa;
  padding: 5px 10px;
}
/* Collaborate Invited
-------------------------------------------- */
ul#collabo {
  margin: 10px;
}
ul#collabo li {
  margin-bottom: 10px;
  border: solid 1px #ccc;
  padding: 10px;
}
ul#collabo li img.collaboBunner {
  float: left;
  padding-right: 10px;
  vertical-align: bottom;
}
ul#collabo li div.desc {
  padding: 10px;
}
/* Contact Form
-------------------------------------------- */
form#mail_form label {
  font-weight: bold;
}
/* Clearfix
-------------------------------------------- */
.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}
.clearfix{
  display:inline-block;
  min-height:1%;  /* for IE 7*/
}
/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */
/* Print Mode Set Up
-------------------------------------------- */
@media print {
  * html body { /* for ie6 fix */
    zoom: 0.85;
  }
}