/*
 * =============================================================================
 *                           COMMON STYLE CSS FILE
 * =============================================================================
 *
 * =============================================================================
 *                                 FILE HISTORY
 * -----------------------------------------------------------------------------
 * > 2007.12.10
 *   CREATE - a-frok (Open-Clothes Inc. < URL:http://www.open-clothes.org/ >)
 *
 *
 * =============================================================================
 *                                  COLOR SCHEME
 * -----------------------------------------------------------------------------
 *       BACKGROUND.body             =   WHITE      #ffffff
 *       BACKGROUND.footer           =   PINK       #ff6666
 *       TEXT.basic                  =   GRAY       #666666
 *       BORDER.container            =   ????       #c2c2c2
 *       BORDER.footer               =   ????       #??????
 *       TEXT.emphatic               =   ????       #??????
 *       Color-Something             =   ????       #??????
 * -----------------------------------------------------------------------------
 *
 */


* {
  margin:0;
  padding:0;
  line-height:1.7;
}

a {
  outline:none;
}

body {
  font-size:medium;
}

a#homelink {
  display:block;
  float:right;
  width:247px;
  height:72px;
  background:transparent url(./src/btn-homelink.gif) no-repeat 0 0;
  text-indent:-999em;
}

a#homelink:hover {
  background-position:0 -75px;
}

.wrapper {
  width:800px;
  clear:right;
}

.contents {
  float:right;
  text-align:left;
  width:560px;
  padding-bottom:50px;
}

.sidebar {
  position:relative;
  width:190px;
  top:-72px;
  background:transparent url(./src/bg-menu.gif) no-repeat 0 0;
  margin-bottom:20px;
  float:right;
}

div#bottomLinks {
  margin-top:-7em;
  margin-left:250px;
  clear:both;
  width:550px;
}

div#bottomLinks a#historyBack {
  margin-left:0;
}


body h1 {
  background:transparent no-repeat 0 0;
  text-indent:-999em;
  height:38px;
  overflow:hidden;
  margin-bottom:30px;
}

/*
 * ----------------------------
 *            TOP
 * ----------------------------
 */

td span.top {
  line-height:1;
}

div#newsarea {
  width:500px;
  margin:auto;
  padding:30px 0 50px;
  clear:left;
}

div#newsarea:after {
  content:'';
  display:block;
  visibility:hidden;
  clear:both;
}

div.newshop,
div.newsrelease {
  width:230px;
  text-align:left;
}

div.newshop     { float:left;  }
div.newsrelease { float:right; }

div.newshop h3,
div.newsrelease h3 {
  height:18px;
  margin-bottom:5px;
  text-indent:-999em;
  overflow:hidden;
}

div.newshop h3 {
  width:68px;
  background:transparent url(./src/title-top-newshop.gif) no-repeat 0 0;
}

div.newsrelease h3 {
  width:135px;
  background:transparent url(./src/title-top-newsrelease.gif) no-repeat 0 0;
}

div.newshop ul,
div.newsrelease ul {
  background:transparent url(./src/border-top-newshop.gif) repeat-x 0 0;
  padding-top:5px;
}

div.newshop ul li,
div.newsrelease ul li {
  padding-left:20px;
  list-style-type:none;
  background-repeat:no-repeat;
  background-position:0 7px;
}

div.newshop ul li     { background:url(./src/marker-top-newshop.gif) no-repeat 0 7px;     }
div.newsrelease ul li { background:url(./src/marker-top-newsrelease.gif) no-repeat 0 3px; }

/*
 * ----------------------------
 *            CLUB
 * ----------------------------
 */

body#club h1 {
  background-image:url(./src/h1-club.gif);
  width:221px;
}

body#club h2 {
  border-bottom:double 3px #666;
  background:transparent url(./src/h2-club.gif) no-repeat 0 6px;
  padding:1px 1px 0 22px;
  font-size:0.84em;
  line-height:0.6;
  font-weight:normal;
}

body#club h2 span {
  visibility:hidden;
  width:6em;
  height:0px;
}

body#club ul.nav {
  background:transparent url(./src/arrow-off.gif) no-repeat 0 7px;
  padding-left:20px;
  display:block;
  margin-bottom:20px;
  list-style:none;
  height:1.4em;
}

body#club ul.nav li {
  padding-right:5px;
  font-size:0.84em;
  float:left;
}

body#club ul.nav li a {
}

body#club ul.nav:after {
  clear:left;
  content:".";
  height:1px;
  visibility:hidden;
  display:block;
}

body#club div.area h3 {
  background:transparent url(./src/arrow-off.gif) no-repeat 0 0;
  padding-left:1.3em;
  font-size:0.84em;
  font-weight:normal;
  line-height:1;
  clear:left;
}

body#club div.area table {
  margin:0.4em auto 2.5em;
  width:100%;
  border-collapse:collapse;
}

body#club div.area table thead tr th {
  font-weight:normal;
  font-size:0.84em;
  border:solid 1px #666;
  text-align:left;
  padding-left:3px;
  background-color:#eee;
}

body#club div.area table thead tr th.name    { width:20%; }
body#club div.area table thead tr th.address { width:60%; }
body#club div.area table thead tr th.tel     { width:20%; }

body#club div.area table tbody tr td {
  font-weight:normal;
  font-size:0.84em;
  border-color:#666;
  border:solid 1px #666;
  padding-left:3px;
  background-color:#ffe;
}

body#club div.area table tbody tr.odd td {
  background-color:#fff;
}

/*
 * ----------------------------
 *         CLUB - MAP
 * ----------------------------
 */

body#clubmap {
  padding:10px;
}

body#clubmap div#map h1 {
  color:#F63;
  font-size:medium;
  text-indent:0;
  margin-bottom:10px;
  width:210px;
}

body#clubmap div#map {
  width:500px;
  height:500px;
}

body#clubmap div#map p.address,
body#clubmap div#map p.tel {
  font-size:0.9em;
  width:210px;
}

body#clubmap p.btn {
  text-align:center;
  margin-top:5px;
}

body#clubmap p.btn input {
}

body#clubmap p#printAddress {
  display:none;
}

#mtgt_undefined {
  display:none;
}

div img.gmnoprint {
  display:none;
}

/*
 * ----------------------------
 *           STAFF
 * ----------------------------
 */

body#staff h1 {
  background-image:url(./src/h1-staff.gif);
  width:145px;
}

body#staff div.entry {
  margin:20px auto;
  clear:left;
}

body#staff div.entry h2 {
  border-bottom:double 3px #666;
  background:transparent url(./src/h2-staff-entry.gif) no-repeat 0 0;
  padding:1px 1px 4px 13px;
  font-size:1em;
  line-height:0.7;
}

body#staff div.entry span.date {
  font-size:0.8em;
  display:block;
  text-align:right;
}

body#staff div.entry div.entrybody {
  margin-bottom:50px;
}

body#staff div.entry div.entrybody a img {
  border:none;
}

body#staff div.entry div.entrybody ul {
  margin-left:30px;
}

body#staff div.entry div.entrybody ol {
  margin-left:35px;
}


/*
 * ----------------------------
 *            PRO
 * ----------------------------
 */

body.pro h1 {
  margin-top:10px;
  background-image:url(./src/title-pro.gif);
  width:570px;
  height:160px;
  overflow:hidden;
}

body.pro ul.menu {
  list-style:none;
  margin:10px;
  height:45px;
}

body.pro ul.menu li {
  float:left;
  height:25px;
}

body.pro ul.menu li.list1 { width:83px; }
body.pro ul.menu li.list2 { width:119px; }
body.pro ul.menu li.list3 { width:105px; }
body.pro ul.menu li.list4 { width:133px; }

body.pro ul.menu li a {
  background-image: url(./src/menu-pro.gif);
  background-repeat: no-repeat;
  display: block;
  height: 25px;
  overflow: hidden;
  text-indent: -999em;
}

body.pro ul.menu li.list1 a { background-position:0 0;      }
body.pro ul.menu li.list2 a { background-position:-83px 0;  }
body.pro ul.menu li.list3 a { background-position:-202px 0; }
body.pro ul.menu li.list4 a { background-position:-307px 0; }
body.pro ul.menu li.list1 a:hover { background-position:0 -25px;      }
body.pro ul.menu li.list2 a:hover { background-position:-83px -25px;  }
body.pro ul.menu li.list3 a:hover { background-position:-202px -25px; }
body.pro ul.menu li.list4 a:hover { background-position:-307px -25px; }

body.pro ul.menu:after {
  content:".";
  height:1px;
  visibility:hidden;
  clear:left;
}

body.pro .sidebar {
  top:0;
}

/*
 * ----------------------------
 *          PRO-TOP
 * ----------------------------
 */

body#pro-top h2 {
  font-size:0.9em;
  font-weight:normal;
  line-height:1;
  height:30px;
}

body#pro-top div.contents {
}

body#pro-top ul.aboutyou {
  list-style:none;
}

body#pro-top ul.aboutyou li {
  background-image:url(./src/text-aboutyou.gif);
  background-repeat:no-repeat;
  height:75px;
  text-indent:-999em;
}

body#pro-top ul.aboutyou li.list1 { background-position:0 0;      }
body#pro-top ul.aboutyou li.list2 { background-position:0 -75px;  }
body#pro-top ul.aboutyou li.list3 { background-position:0 -150px; }
body#pro-top ul.aboutyou li.list4 { background-position:0 -225px; }

body#pro-top strong.bold {
  background-image:url(./src/text-bold-pro.gif);
  background-repeat:no-repeat;
  text-indent:-999em;
  display:block;
}

body#pro-top strong.n1 { height:39px; background-position:0 0;      }
body#pro-top strong.n2 { height:88px; background-position:0 -39px;  }
body#pro-top strong.n3 { height:39px; background-position:0 -127px; }
body#pro-top strong.n4 { height:64px; background-position:0 -166px; }
body#pro-top strong.n5 { height:40px; background-position:0 -230px; }
body#pro-top strong.n6 { height:40px; background-position:0 -270px; }

body#pro-top ul.teachpoint {
  margin:20px 50px 20px 70px;
}

body#pro-top ul.teachpoint:after {
  content:".";
  visibility:hidden;
  clear:left;
  height:1px;
}

body#pro-top ul.teachpoint li {
  width:220px;
  float:left;
}

body#pro-top div.box {
  clear:left;
  background:#ff9;
  border:solid 1px #f93;
  color:#f33;
  margin:10px 30px;
  padding:5px;
  text-align:center;
  letter-spacing:2px;
  font-weight:bold;
  font-size:1.2em;
}

body#pro-top ol {
  margin:5px 0 5px 2em;
}

body#pro-top div.orien1 {
  background:transparent url(./src/bg-yellow-pro.gif) no-repeat 0 0;
  margin:10px 46px;
  padding:10px 5px;
}

body#pro-top div.orien1 strong {
  margin-left:10px;
}

body#pro-top div.orien1 ul {
  list-style:none;
  height:95px;
}

body#pro-top div.orien1 ul li {
  text-indent:-1.2em;
  line-height:1.15;
  padding:0 0 5px 1.5em;
  font-size:0.9em;
}

body#pro-top div.orien1 ul li span {
  background:#ffc35c;
}

body#pro-top div.orien1 a.btn,
body#pro-top div.catch a {
  display:block;
  background:transparent url(./src/btn-orien1-pro.gif) no-repeat 0 0;
  margin:10px auto;
  width:444px;
  height:60px;
  text-indent:-999em;
}

body#pro-top div.orien1 a.btn:hover,
body#pro-top div.catch a:hover {
  background-position:0 -60px;
}

body#pro-top div.result {
  background:transparent url(./src/bg-green-pro.gif) no-repeat 0 0;
  margin:10px 30px;
  padding:8px 30px;
}

body#pro-top div.result ul {
  list-style:none;
}

body#pro-top div.result ul li {
  background:url(./src/marker-green.gif) no-repeat center left;
  padding-left:20px;
}

body#pro-top h3.course {
  background-image:url(./src/title-course-pro.gif);
  background-repeat:no-repeat;
  width:190px;
  height:24px;
  text-indent:-999em;
  overflow:hidden;
  margin-top:15px;
}

body#pro-top h3.course.n1 { background-position:0 0;      }
body#pro-top h3.course.n2 { background-position:0 -24px;  }
body#pro-top h3.course.n3 { background-position:0 -48px;  }
body#pro-top h3.course.n4 { background-position:0 -72px;  }
body#pro-top h3.course.n5 { background-position:0 -96px;  }
body#pro-top h3.course.n6 { background-position:0 -120px; }

body#pro-map dl {
  margin-bottom:20px;
}

body#pro-top dl dt,
body#pro-map dl dt {
  font-weight:bold;
  font-size:1.05em;
}

body#pro-top dl dd,
body#pro-map dl dd {
  margin-left:0.3em;
  padding-left:1em;
  background:transparent url(./src/dot_p.gif) no-repeat 0 9px;
}

body#pro-top dl dd dl dd,
body#pro-map dl dd dl dd {
  padding-left:0;
  background:none;
}

body#pro-top div.catch h3 {
  background:transparent url(./src/text-catch-orien-pro.gif) no-repeat 0 0;
  text-indent:-999em;
  width:500px;
  height:200px;
  overflow:hidden;
}

body#pro-top div.curriculum1 div.list {
  border:dashed 2px #f93;
  padding:5px 10px;
  width:400px;
}

body#pro-top div.more-cur {
  text-align:right;
}

body#pro-top div.more-cur img {
  margin:0 auto 0 0;
}

body#pro-top div.catch a {
  background-image:url(./src/btn-orien1-pro2.gif);
}

body#pro-top div.next-step {
  margin:20px 0;
}

body#pro-top div.next-step p span {
  display:block;
  background:transparent url(./src/text-nextstep-pro.gif) no-repeat 0 0;
  width:470px;
  height:20px;
  overflow:hidden;
  text-indent:-999em;
}

body#pro-top div.next-step ul {
  border:dashed 1px #666;
  margin:10px 0;
  padding:10px 20px;
  list-style:none;
}

body#pro-top div.next-step ul li {
  margin:5px;
  padding-left:0.9em;
  background:transparent url(./src/dot_p.gif) no-repeat 0 9px;
}

body#pro-top div.history {
  margin-top:30px;
}

body#pro-top h4 {
  margin-bottom:12px;
}

/*
 * ----------------------------
 *           PRO-MAP
 * ----------------------------
 */

body#pro-map div.contents h2 {
  background:url(./src/title-map.gif) no-repeat 0 0;
  overflow:hidden;
  border-bottom:double 3px #666;
  height:16px;
  text-indent:-999em;
}

body#pro-map div.contents h3 {
  border-bottom:solid 2px #ccc;
  font-size:0.9em;
  margin:20px 0 10px;
}

body#pro-map div.contents table {
  margin:0 0 20px 0;
  width:100%;
}

body#pro-map div.contents table caption {
  margin:0;
}

body#pro-map div.contents table thead td.classname {
  width:18%;
}

body#pro-map div.contents table tbody tr.odd td {
  background:#ffe;
}

/*
 * ----------------------------
 *       PRO-ORIENTATION
 * ----------------------------
 */

body#pro-orientation div.contents h2 {
  background:url(./src/title-orientation.gif) no-repeat 0 0;
  overflow:hidden;
  border-bottom:double 3px #666;
  height:16px;
  text-indent:-999em;
}

body#pro-orientation div.contents table {
  margin:0 0 20px 0;
}

body#pro-orientation div.contents table caption {
  margin:0;
}

body#pro-orientation div.contents div.address dl {
}

body#pro-orientation div.contents div.address dl dt {
  float:left;
  width:40px;
}

body#pro-orientation div.contents ul.maps {
  list-style:none;
}

body#pro-orientation div.contents ul.maps:after {
  content:".";
  height:1px;
  visibility:hidden;
}

body#pro-orientation div.contents ul.maps li {
  /*
  width:180px;
  */
  float:left;
  overflow:hidden;
  text-align:center;
  padding:3px;
}

body#pro-orientation div.contents ul.maps li a {
  width:177px;
  height:230px;
  overflow:hidden;
  text-align:center;
  display:block;
  text-decoration:none;
  padding:5px 0;
  background:#fff;
  border-radius:7px;
  -moz-border-radius:7px;
  -webkit-border-radius:7px;
  box-shadow:0 0 3px rgba(0,0,0,.1);
  -moz-box-shadow:0 0 3px rgba(0,0,0,.1);
  -webkit-box-shadow:0 0 3px rgba(0,0,0,.1);
  border:solid 1px #eee;
}

body#pro-orientation div.contents ul.maps li a:hover {
  box-shadow:0 0 3px rgba(255,0,0,.2);
  -moz-box-shadow:0 0 3px rgba(255,0,0,.2);
  -webkit-box-shadow:0 0 3px rgba(255,0,0,.2);
  background:#ffe;
  border-color:#fee;
}

body#pro-orientation div.contents ul.maps li a img {
  padding:5px;
  width:140px;
  border:none;
  background:#fff;
}

body#pro-orientation div.contents ul.maps li div.info {
  text-align: left;
}

body#pro-orientation div.contents ul.maps li a span.info {
  display:block;
  color:#999;
}

body#pro-orientation div.contents ul.maps li a:hover span.info {
  color:#777;
}

body#pro-orientation div.contents ul.maps li a span.info span.name {
  border-bottom:solid 2px #fff;
}

body#pro-orientation div.contents ul.maps li a:hover span.info span.name {
  border-bottom-color:#fcc;
}

body#pro-orientation div.contents ul.maps li a span.info span.address {
  display:block;
  text-align:left;
  padding:5px 10px;
  line-height:1.1;
  font-size:0.8em;
}

body#pro-orientation div.contents p.note {
  clear:left;
  margin:0;
}

body#pro-orientation div.contents div.koyanagi {
  margin:20px 0;
}

/*
 * ----------------------------
 *          PRO-DETAIL
 * ----------------------------
 */

body#pro-detail {
  font-size:medium;
}

body#pro-detail h2 {
  font-size:small;
  line-height:1.1;
  padding:3px 8px;
  border-left:solid 3px #6fc;
  width:130px;
  float:left;
}

body#pro-detail div.ks {
  float:right;
}

body#pro-detail div.bar {
  clear:both;
  padding-top:10px;
  border-bottom:double 3px #666;
}

body#pro-detail div.bar h1 {
  text-indent:0;
  font-size:medium;
  height:25px;
  margin-bottom:0;
  border-left:solid 5px #6fc;
  padding-left:5px;
}

body#pro-detail input {
  float:right;
  position:relative;
  top:-30px;
  left:-10px;
}

body#pro-detail img.map {
  display:block;
  clear:right;
  margin:10px auto;
}

body#pro-detail dl {
  margin:0 10px;
}

body#pro-detail dl dd {
  padding-left:1em;
}

body#pro-detail div.btn-close {
  height:30px;
  padding-right:20px;
}

body#pro-detail div.btn-close:after {
  content:".";
  visibility:hidden;
  height:1px;
  clear:both;
}

body#pro-detail div.btn-close a {
  float:right;
  display:block;
  background:transparent url(./src/btn-close.gif) no-repeat 0 0;
  overflow:hidden;
  width:55px;
  height:15px;
  text-indent:-999em;
}



.alert {
  color:#f33;
  padding:30px 20px;
  display:block;
}


/*  追加css  */
#pro-orientation table.ks-default caption{
	font-size:14px;
}
#pro-orientation table.ks-default td{
	text-align:center;
}