@charset "utf-8";

/* サイト共通要素 */


/* ==================== タグの初期設定 ==================== */

BODY {
  background-color: #fff;
  color: #83807c;
}


/* 管理画面 WYSIWYG プレビュー用にBODYの背景をリセット */

BODY.cke_show_borders {
  background-image: none;
  border: none;
  margin: 5px;
  background: none;
}

H1, H2, H3, H4, H5, H6 {
  font-weight: bold;
}

H1 {
  font-weight: normal;
  font-size: 10px;
  color: #bdacaa;
  text-align: left;
}

H2, H3, H4, H5, H6 {
  font-size: medium;
}

P, TD, TH, LI, INPUT, TEXTAREA, BODY.cke_show_borders, DIV.entryBody, DIV.entryMore {
  font-size: small;
}

A, A:visited {
  color: #592f2a;
  text-decoration: underline;
}

A:hover {
  text-decoration: none;
}

DIV#contents DIV#social {
  line-height: 0;
}


/* ==================== サイト全体 レイアウト ==================== */


/* ========== 全体枠 ========== */

DIV#container {
  width: 100%;
  margin: 0px auto;
  padding: 0px;
}


/* ========== ヘッダー ========== */

DIV#header {}

DIV#header H1 {
  padding: 10px 0px 0px 0px;
  line-height: 1;
  width: 960px;
  margin: 0px auto;
}

DIV#header DIV#headerTitle {
  padding: 0px;
  height: 101px;
  width: 960px;
  margin: 0px auto;
}

DIV#header DIV#headerAreaSub {
  float: right;
  text-align: right;
}

DIV#header DIV#headerAddress {
  width: 560px;
}

DIV#header DIV#headerAddress .kodama {
  float: left;
  padding-top: 20px;
}

DIV#header DIV#headerAddress ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

DIV#header DIV#headerAddress #linkList {
  height: 11px;
}

DIV#header DIV#headerAddress #linkList li {
  display: inline;
  margin-left: 15px;
}

DIV#header DIV#headerAddress #linkList li img {
  vertical-align: top;
}

DIV#header DIV#headerAddress #schoolList li img {
  vertical-align: middle;
  margin: 10px 0 0 10px;
}

DIV#header DIV#headerAreaLogo {
  padding-top: 20px;
}


/* ========== メインメニュー + キャッチ画像 + セカンドエリア + コンテンツ 枠 ========== */

DIV#mainBg {
  /* グラデーション + 影 の背景を上部だけに表示
  background-image:url(../images/flame_gradation_bg.gif);
  background-position:center top;
  background-repeat:no-repeat; */
  min-height: 500px;
  width: 100%;
}

DIV#main {
  /* メインメニュー + キャッチ画像 + セカンドエリア + コンテンツ 枠 の共通の余白を設定 */
  padding: 0px;
  width: 960px;
  margin: 0px auto;
}

.topPage DIV#main {
  width: 100%;
}


/* ========== 2カラム, 3カラム 設定 ========== */


/* { 2カラム, secondArea 右 */

DIV#catchArea {
  float: left;
}

DIV#secondArea {
  float: right;
}

DIV#thirdArea {
  display: none;
}

DIV#contents {
  float: left;
}


/* 2カラム, secondArea 右 } */


/* { 2カラム secondArea 左
DIV#catchArea{
  float:right;
}
DIV#secondArea{
  float:left;
}
DIV#thirdArea{
  display:none;
}
DIV#contents{
  float:right;
}
 2カラム secondArea 左 } */


/* { 3カラム 画像 長, thirdArea 左, secondArea 右
DIV#catchArea{
}
DIV#secondArea{
  float:right;
}
DIV#thirdArea{
  float:left;
}
DIV#contents{
  float:left;
}
 3カラム 画像 長, thirdArea 左, secondArea 右 } */


/* { 3カラム 画像 短, thirdArea 左, secondArea 右
DIV#catchArea{
  float:left;
}
DIV#secondArea{
  float:right;
}
DIV#thirdArea{
  float:left;
}
DIV#contents{
  float:left;
}
 3カラム 画像 短, thirdArea 左, secondArea 右 } */


/* { 3カラム 画像 短, thirdArea 左, secondArea 右
DIV#catchArea{
  float:right;
}
DIV#secondArea{
  float:left;
}
DIV#thirdArea{
  float:right;
}
DIV#contents{
  float:left;
}
 3カラム 画像 短, thirdArea 左, secondArea 右 } */


/* { 3カラム 画像 長, thirdArea 左, secondArea 右
DIV#catchArea{
}
DIV#secondArea{
  float:left;
}
DIV#thirdArea{
  float:right;
}
DIV#contents{
  float:left;
}
 3カラム 画像 短, thirdArea 左, secondArea 右 } */


/* ========== メインメニュー ========== */


/* 背景画像は main_menu.css にて、MTのエントリーから読込 */

UL#mainMenu {
  margin: 0 auto;
  padding: 0px;
  list-style-type: none;
  width: 960px;
}

UL#mainMenu LI {
  display: inline;
}


/* ========== サイドメニュー（画像） ========== */

UL#sideMenu, UL#sideMenu LI {
  margin: 0 0 10px;
  padding: 0px;
  list-style-type: none;
  display: block;
}

UL#sideMenu {
  margin-bottom: 20px;
}

UL#sideMenu LI A P {
  text-decoration: underline;
}

UL#sideMenu LI A:hover P {
  text-decoration: none;
}


/* ========== キャッチ画像 ========== */

DIV#catchArea {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 530px;
}

DIV#catchAreaInner {
  position: absolute;
  left: 50%;
  margin-left: -680px;
  width: 1360px;
}


/* Firefox の特定のバージョンで jQuery fadeIn() fadeOut() が カクつく問題を修正 */

#catchArea img {
  box-shadow: #000 0 0 0;
}


/* ========== キャッチ画像・メインメニュー下 シャドウ ========== */

DIV#secondArea, DIV#thirdArea, DIV#contents {}


/* ========== セカンドエリア ========== */

DIV#secondArea {
  width: 230px;
  margin: 0px;
  padding: 20px 0px 10px 0px;
}

.topPage DIV#secondArea {
  display: none;
}


/* ========== サードエリア ========== */

DIV#thirdArea {}


/* ---------- サブメニュー ---------- */


/* ----- 背景画像 ----- */

DIV#secondArea DIV#subMenu, DIV#secondArea DIV#freeSpace, DIV#secondArea DIV#banner, DIV#secondArea DIV#qrcode, DIV#secondArea DIV#case {
  margin-bottom: 10px;
  background-image: url(../images/second_area_bg.gif);
  background-position: left bottom;
  background-repeat: no-repeat;
}


/* ----- タイトル ----- */

DIV#secondArea DIV#subMenu DIV.title, DIV#secondArea DIV#freeSpace DIV.title, DIV#secondArea DIV#banner DIV.title, DIV#secondArea DIV#qrcode DIV.title, DIV#secondArea DIV#case DIV.title, DIV#secondArea DIV#brogPartsTagCloud DIV.title_tag {
  background-position: left top;
  background-repeat: no-repeat;
  height: 32px;
}


/* ----- コンテンツの余白 ----- */

DIV#secondArea P, DIV#secondArea SELECT, DIV#secondArea DIV.entryBody, DIV#secondArea DIV#freeSpace H3 {
  margin: 5px 10px 5px 10px;
}


/* ---------- サブメニュー ---------- */

DIV#secondArea DIV#subMenu DIV.title {
  background-image: url(../images/second_area_title_menu.gif);
}


/* ---------- サブメニュー ---------- */

DIV#secondArea DIV#subMenu UL {
  width: 100%;
  /* IEの表示バグのため、widthを設定 */
  margin: 0px;
  padding: 0px;
}

DIV#secondArea DIV#subMenu LI {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  background-image: url(../images/second_area_hr.gif);
  background-position: center top;
  background-repeat: no-repeat;
  font-weight: bold;
}

DIV#secondArea DIV#subMenu LI A {
  display: block;
  margin: 0px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  color: #2B1D13;
}

DIV#secondArea DIV#subMenu LI A:hover {
  color: #AB9E8E;
}


/* ---------- フリースペース ---------- */

DIV#secondArea DIV#freeSpace {}

DIV#secondArea DIV#freeSpace DIV.title {
  background-image: url(../images/second_area_title_free.gif);
}

DIV#secondArea DIV#freeSpace DIV.entryBody {
  padding-bottom: 10px;
}


/* ---------- バナー ---------- */

DIV#secondArea DIV#banner {
  text-align: center;
}

DIV#secondArea DIV#banner DIV.title {
  background-image: url(../images/second_area_title_banner.gif);
}

DIV#secondArea DIV#banner IMG {
  margin: 5px auto 5px auto;
}

DIV#secondArea DIV#banner P {
  text-align: left;
}


/* ---------- QRコード ---------- */

DIV#secondArea DIV#qrcode {
  text-align: center;
}

DIV#secondArea DIV#qrcode DIV.title {
  background-image: url(../images/second_area_title_mobile.gif);
}

DIV#secondArea DIV#qrcode IMG {
  margin: 5px auto 5px auto;
}


/* ---------- 事例集 ---------- */

DIV#secondArea DIV#case DIV.title {
  background-image: url(../images/second_area_title_case.gif);
}

DIV#secondArea DIV#case UL {
  width: 100%;
  /* IEの表示バグのため、widthを設定 */
  margin: 0px;
  padding: 0px;
}

DIV#secondArea DIV#case LI {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  background-image: url(../images/second_area_hr.gif);
  background-position: center top;
  background-repeat: no-repeat;
  font-weight: bold;
}

DIV#secondArea DIV#case LI A {
  display: block;
  margin: 0px;
  padding: 5px 10px 5px 10px;
  text-decoration: none;
  color: #2B1D13;
}

DIV#secondArea DIV#case LI A:hover {
  color: #AB9E8E;
}


/* ---------- ブログパーツ・カスタムパーツ ---------- */

DIV#secondArea DIV#secondAreaBlogParts, DIV#secondArea DIV#secondAreaCustomParts, DIV#secondArea DIV#secondAreaDuplicate01Parts {}

DIV#secondArea DIV#brogPartsCategory H3, DIV#secondArea DIV#brogPartsCalendar H3, DIV#secondArea DIV#brogPartsTagCloud H3, DIV#secondArea DIV#brogPartsMonthlyArchiveDrop H3, DIV#secondArea DIV#brogPartsMonthlyArchive H3, DIV#secondArea DIV#brogPartsEntry H3, DIV#secondArea DIV#brogPartsComment H3, DIV#secondArea DIV#brogPartsAuthor H3, DIV#secondArea DIV#customPartsCategory H3, DIV#secondArea DIV#customPartsComment H3, DIV#secondArea DIV#duplicateEntryList H3, DIV#secondArea DIV#duplicateCategoryEntryList H3 {
  padding: 10px 5px 8px 10px;
  background: #f4f0ec;
  font-size: medium;
  color: #592f2a;
}


/* ---------- UL ---------- */

DIV#secondArea DIV#brogPartsCategory UL, DIV#secondArea DIV#brogPartsCalendar UL, DIV#secondArea DIV#brogPartsTagCloud UL, DIV#secondArea DIV#brogPartsMonthlyArchiveDrop UL, DIV#secondArea DIV#brogPartsMonthlyArchive UL, DIV#secondArea DIV#brogPartsEntry UL, DIV#secondArea DIV#brogPartsComment UL, DIV#secondArea DIV#brogPartsAuthor UL, DIV#secondArea DIV#customPartsCategory UL, DIV#secondArea DIV#customPartsComment UL, DIV#secondArea DIV#duplicateEntryList UL, DIV#secondArea DIV#duplicateCategoryEntryList UL {
  width: 100%;
  /* IEの表示バグのため、widthを設定 */
  margin: 0px;
  padding: 0px;
}

DIV#secondArea DIV#brogPartsCategory LI, DIV#secondArea DIV#brogPartsCalendar LI, DIV#secondArea DIV#brogPartsTagCloud LI, DIV#secondArea DIV#brogPartsMonthlyArchiveDrop LI, DIV#secondArea DIV#brogPartsMonthlyArchive LI, DIV#secondArea DIV#brogPartsEntry LI, DIV#secondArea DIV#brogPartsComment LI, DIV#secondArea DIV#brogPartsAuthor LI, DIV#secondArea DIV#customPartsCategory LI, DIV#secondArea DIV#customPartsComment LI, DIV#secondArea DIV#duplicateEntryList LI, DIV#secondArea DIV#duplicateCategoryEntryList LI {
  margin: 0px;
  padding: 10px;
  list-style-type: none;
  font-weight: bold;
  border-top: 1px solid #E6E2DE;
}

DIV#secondArea DIV#brogPartsCategory LI LI, DIV#secondArea DIV#brogPartsCalendar LI LI, DIV#secondArea DIV#brogPartsTagCloud LI LI, DIV#secondArea DIV#brogPartsMonthlyArchiveDrop LI LI, DIV#secondArea DIV#brogPartsMonthlyArchive LI LI, DIV#secondArea DIV#brogPartsEntry LI LI, DIV#secondArea DIV#brogPartsComment LI LI, DIV#secondArea DIV#brogPartsAuthor LI LI, DIV#secondArea DIV#customPartsCategory LI LI, DIV#secondArea DIV#customPartsComment LI LI, DIV#secondArea DIV#duplicateEntryList LI LI, DIV#secondArea DIV#duplicateCategoryEntryList LI LI {
  background-image: url(../images/li_bg.gif);
  background-position: 5px 12px;
  background-repeat: no-repeat;
  padding: 5px 0 0 1em;
  border: none;
}


/* ---------- 各パーツの設定 ---------- */

DIV#secondArea DIV#brogPartsCategory, DIV#secondArea DIV#brogPartsCalendar, DIV#secondArea DIV#brogPartsTagCloud, DIV#secondArea DIV#brogPartsMonthlyArchiveDrop, DIV#secondArea DIV#brogPartsMonthlyArchive, DIV#secondArea DIV#brogPartsEntry, DIV#secondArea DIV#brogPartsComment, DIV#secondArea DIV#brogPartsAuthor, DIV#secondArea DIV#customPartsCategory, DIV#secondArea DIV#customPartsComment, DIV#secondArea DIV#duplicateEntryList, DIV#secondArea DIV#duplicateCategoryEntryList {
  margin-bottom: 20px;
  border: 1px solid #E6E2DE;
}

DIV#secondArea #sideList, DIV#secondArea .sideBnr, DIV#secondArea #sideContact {
  margin: 0 0 25px;
}

DIV#secondArea #sideList, DIV#secondArea #sideContact {
  border-radius: 5px;
  background: #f4f0ec;
  padding: 20px 20px 5px;
}

DIV#secondArea #sideList h3, DIV#secondArea #sideContact h3 {
  padding: 0;
  background: none;
  margin-bottom: 15px;
}

DIV#secondArea #sideList ul, DIV#secondArea .sideBnr ul, DIV#secondArea #sideContact ul, DIV#secondArea #sideBtn {
  margin: 0;
  padding: 0;
  list-style: none;
}

DIV#secondArea #sideList li, DIV#secondArea .sideBnr li, DIV#secondArea #sideContact li {
  margin: 0 0 15px;
}

DIV#secondArea #sideBtn {
  overflow: hidden;
}

DIV#secondArea #sideBtn li {
  width: 110px;
  float: left;
  margin-right: 10px;
}

DIV#secondArea DIV#brogPartsCategory {}

DIV#secondArea DIV#brogPartsTagCloud {}

DIV#secondArea DIV#brogPartsTagCloud .rank-1 {
  font-size: 1.75em;
}

DIV#secondArea DIV#brogPartsTagCloud .rank-2 {
  font-size: 1.75em;
}

DIV#secondArea DIV#brogPartsTagCloud .rank-3 {
  font-size: 1.625em;
}

DIV#secondArea DIV#brogPartsTagCloud .rank-4 {
  font-size: 1.5em;
}

DIV#secondArea DIV#brogPartsTagCloud .rank-5 {
  font-size: 1.375em;
}

DIV#secondArea DIV#brogPartsTagCloud .rank-6 {
  font-size: 1.25em;
}

DIV#secondArea DIV#brogPartsTagCloud .rank-7 {
  font-size: 1.125em;
}

DIV#secondArea DIV#brogPartsTagCloud .rank-8 {
  font-size: 1em;
}

DIV#secondArea DIV#brogPartsTagCloud .rank-9 {
  font-size: 0.95em;
}

DIV#secondArea DIV#brogPartsTagCloud .rank-10 {
  font-size: 0.9em;
}

DIV#secondArea DIV#brogPartsMonthlyArchiveDrop {}

DIV#secondArea DIV#brogPartsMonthlyArchive {}

DIV#secondArea DIV#brogPartsEntry {}

DIV#secondArea DIV#brogPartsComment {}

DIV#secondArea DIV#brogPartsAuthor {}

DIV#secondArea DIV#customPartsCategory {}

DIV#secondArea DIV#customPartsComment {}

DIV#secondArea DIV#duplicateEntryList {}

DIV#secondArea DIV#duplicateCategoryEntryList {}


/* ========== コンテンツ ========== */

DIV#contents {
  width: 700px;
  padding: 20px 0px 10px 0px;
}

.topPage DIV#contents {
  width: 100%;
  padding: 40px 0px 10px 0px;
}

BODY.cke_show_borders,
/* 管理画面 WYSIWYG プレビュー用設定 */

DIV#contents {}


/* ========== フッター ========== */

DIV#footer {
  background: #f4f0ec;
  margin-top: 40px;
}


/* ---------- フッターメニュー ---------- */

DIV#footer P#footerMenu {
  margin: 0 auto;
  padding: 30px 0px 10px 0px;
  text-align: center;
  width: 960px;
  line-height: 2;
}

DIV#footer P#footerMenu a {}

DIV#footer P#footerMenu a:hover {
  opacity: 0.7;
}


/* ---------- フッター copyright エリア ---------- */

DIV#footer DIV#footerCopyrightArea {
  padding: 0;
  width: 960px;
  margin: 0px auto;
  text-align: center;
}


/* ---------- フッター copyright 付メニュー ---------- */

DIV#footer DIV#footerFree {}

DIV#footer P#footerSiteLink {
  float: right;
  width: 300px;
  text-align: right;
  margin-bottom: 10px;
}


/* ---------- copyright ---------- */

DIV#footer P#copyright {
  clear: both;
  padding: 10px 0 30px;
  color: #bdacaa;
}

BR.clear, DIV.clear {
  clear: both;
}

A:hover IMG.btnEffect {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}


/* ==================== サイト全体 装飾 ==================== */


/* ========== セカンドエリア ========== */


/* ---------- 見出し ---------- */

DIV#secondArea H2, DIV#secondArea H3, DIV#secondArea H4, DIV#secondArea H5, DIV#secondArea H6, DIV#secondArea TD, DIV#secondArea TH, DIV#secondArea LI, DIV#secondArea P {
  font-size: small;
}

DIV#secondArea TD, DIV#secondArea TH, DIV#secondArea LI, DIV#secondArea P {
  line-height: 150%;
}


/* ========== コンテンツ ========== */


/* ---------- 見出し ---------- */

BODY.cke_show_borders, BODY.cke_show_borders H2, BODY.cke_show_borders H3, BODY.cke_show_borders H4, BODY.cke_show_borders H5, BODY.cke_show_borders H6, BODY.cke_show_borders P, BODY.cke_show_borders TD, BODY.cke_show_borders TH, BODY.cke_show_borders LI, BODY.cke_show_borders DIV.entryBody, BODY.cke_show_borders DIV.entryMore, DIV#contents H2, DIV#contents H3, DIV#contents H4, DIV#contents H5, DIV#contents H6, DIV#contents P, DIV#contents TD, DIV#contents TH, DIV#contents LI, DIV#contents DIV.entryBody, DIV#contents DIV.entryMore {
  line-height: 150%;
}

BODY.cke_show_borders OL, BODY.cke_show_borders UL, BODY.cke_show_borders TABLE, DIV#contents P, DIV#contents OL, DIV#contents UL, DIV#contents TABLE {
  margin-bottom: 20px;
  width: 100%;
}

DIV#contents TABLE.galleryDetail P, DIV#contents TABLE.staffDetail P, DIV#contents DIV.entryBody P {
  margin-bottom: 20px;
}

BODY.cke_show_borders H1, BODY.cke_show_borders H2, BODY.cke_show_borders H3, BODY.cke_show_borders H4, BODY.cke_show_borders H5, BODY.cke_show_borders H6, DIV#contents H1, DIV#contents H2, DIV#contents H3, DIV#contents H4, DIV#contents H5, DIV#contents H6 {
  margin-bottom: 20px;
}

BODY.cke_show_borders H2, DIV#contents H2 {
  border-radius: 5px;
  background: #f4f0ec;
  padding: 18px 5px 16px 20px;
  color: #592f2a;
}

BODY.cke_show_borders A.rss H2, DIV#contents A.rss H2 {}

DIV#contents H2.h2NonDecolation {
  padding: 0px;
  background: none;
  border: none;
}

BODY.cke_show_borders A.rss, DIV#contents A.rss {
  text-decoration: none;
}

BODY.cke_show_borders A:hover.rss, DIV#contents A:hover.rss {
  text-decoration: none;
}

BODY.cke_show_borders H3, DIV#contents H3 {
  border-radius: 5px;
  background: #592f2a;
  padding: 10px 5px 8px 20px;
  color: #fff;
}

BODY.cke_show_borders H3 a, DIV#contents H3 a {
  color: #fff;
}

BODY.cke_show_borders H4, DIV#contents H4 {
  border-radius: 5px;
  border: 1px solid #592f2a;
  padding: 6px 5px 5px 20px;
  font-size: 14px;
  color: #592f2a;
}

BODY.cke_show_borders H5, DIV#contents H5 {
  border-radius: 5px;
  background: #F67A17;
  padding: 3px 5px 2px 20px;
  font-size: 14px;
  color: #fff;
}

BODY.cke_show_borders H5 a, DIV#contents H5 a {
  color: #fff;
}

BODY.cke_show_borders H6, DIV#contents H6 {
  font-size: 14px;
  margin-bottom: 10px;
}

BODY.cke_show_borders TH, BODY.cke_show_borders TD, DIV#contents TH, DIV#contents TD {
  border: 1px solid #E6E2DE;
  padding: 8px;
}

BODY.cke_show_borders TH, DIV#contents TH {
  background-color: #FBF9F5;
}

BODY.cke_show_borders H2.rss A, DIV#contents H2.rss A {
  display: block;
  text-decoration: none;
}

BODY.cke_show_borders P.pankuzu, DIV#contents P.pankuzu {
  margin-bottom: 15px;
  font-size: 11px;
}

BODY.cke_show_borders .fontXLarge, DIV#contents .fontXLarge {
  font-size: large;
}

BODY.cke_show_borders .fontLarge, DIV#contents .fontLarge {
  font-size: medium;
}

BODY.cke_show_borders .fontSmall, DIV#contents .fontSmall {
  font-size: x-small;
}

BODY.cke_show_borders .fontMedium, DIV#contents .fontMedium {
  font-size: small;
}

BODY.cke_show_borders .fontXSmall, DIV#contents .fontXSmall {
  font-size: xx-small;
}

BODY.cke_show_borders input.text, DIV#contents input.text {
  width: 300px;
}

DIV#contents INPUT.textShort {
  width: 50px;
}

DIV#contents INPUT {
  border: 1px solid #E6E2DE;
}

BODY.cke_show_borders TEXTAREA, DIV#contents TEXTAREA {
  width: 430px;
  height: 15em;
  border: 1px solid #E6E2DE;
}

BODY.cke_show_borders .caution, DIV#contents .caution {
  color: #EE0000;
}

BODY.cke_show_borders P.price, DIV#contents P.price {
  font-size: medium;
  text-align: right;
  font-weight: bold;
  color: #EE0000;
}

BODY.cke_show_borders DIV.hr01, DIV#contents DIV.hr01 {
  margin: 0px 0px 20px 0px;
  height: 1px;
  border-top: 1px solid #eee;
}

BODY.cke_show_borders DIV.comment DIV.hr01, DIV#contents DIV.comment DIV.hr01 {
  margin-top: -1em;
}

BODY.cke_show_borders P.nextPrevious, DIV#contents P.nextPrevious {
  text-align: center;
}

BODY.cke_show_borders P.linkBlock, DIV#contents P.linkBlock, BODY.cke_show_borders P.anchorTop, DIV#contents P.anchorTop {
  padding-top: 15px;
  border-top: 1px dotted #e9e1d9;
}

.topPage DIV#contents P.anchorTop {
  width: 960px;
  margin: 0 auto;
}

BODY.cke_show_borders P.entryMeta, DIV#contents P.entryMeta {}

BODY.cke_show_borders P.linkBlock, DIV#contents P.linkBlock, BODY.cke_show_borders P.anchorTop, DIV#contents P.anchorTop {
  text-align: right;
}

BODY.cke_show_borders TD.buttonArea, DIV#contents TD.buttonArea {
  border: none;
}

DIV#contents DIV.center {
  text-align: center;
}

DIV#contents DIV#social {
  margin-bottom: 10px;
}

DIV#header DIV#social {
  margin-top: 10px;
}

DIV#header DIV.socialBtn, DIV#contents DIV.socialBtn {
  float: right;
  margin-left: 5px;
}

DIV#contents A.otherEntries {
  text-decoration: none;
}

DIV#contents A.otherEntries P {
  padding: 10px;
  background-color: #F5F5F5;
  border: 1px solid #DDDDDD;
  text-align: center;
}

DIV#contents A.otherEntries P:hover {
  background-color: #FFCCCC;
}


/* ==================== トップページ ==================== */

DIV#contents DIV#categoryTop {}

DIV#contents DIV#categoryTop DIV.topNews {}

DIV#contents DIV#categoryTop DIV.topLatestBlog {}

DIV#contents DIV#categoryTop DIV#topContents {}

DIV#contents DIV#categoryTop DIV.topLatestBlogPhoto UL {
  margin: 0;
  padding: 0;
}

DIV#contents DIV#categoryTop DIV.topLatestBlogPhoto LI {
  float: left;
  margin: 0 10px 0 0;
  padding: 8px;
  width: 210px;
  background-color: #F5F5F5;
  list-style: none;
}

DIV#contents DIV#categoryTop DIV.topLatestBlogPhoto LI.last {
  margin-right: 0px;
}

DIV#contents DIV#categoryTop DIV.topLatestBlogPhoto DIV.topLatestBlogPhotoImage {
  height: 210px;
  background-repeat: no-repeat;
  background-position: center center;
}

DIV#contents DIV#categoryTop DIV.topLatestBlogPhoto DIV.topLatestBlogPhotoTitle {
  height: 3em;
  overflow: hidden;
}

DIV#contents DIV#categoryTop DIV.accessText {}

DIV#contents DIV#categoryTop TABLE.accessTable {
  width: 100%;
}

DIV#contents DIV#categoryTop DIV#googleMapsArea {
  margin-bottom: 10px;
  width: 100%;
  height: 450px;
}


/* ==================== 企業情報 ==================== */

DIV#contents DIV#categoryCompany {}

DIV#contents DIV#categoryCompany DIV.accessText {}

DIV#contents DIV#categoryCompany TABLE.accessTable {
  width: 100%;
}

DIV#contents DIV#categoryCompany DIV#googleMapsArea {
  margin-bottom: 10px;
  width: 100;
  height: 450px;
}


/* ==================== プライバシーポリシー ==================== */

DIV#contents DIV#categoryPrivacyPolicy {}


/* ==================== お問い合せ ==================== */

DIV#contents DIV#categoryInquiry {}

DIV#contents DIV#categoryInquiry TH {
  width: 8em;
}

DIV#contents DIV#categoryInquiry .formErrorBg {
  background-color: #FFDDDD;
}


/* ==================== カスタムページ ==================== */

DIV#contents DIV#categoryCustom {}


/* ==================== フリーページ ==================== */

DIV#contents DIV#categoryFree {}


/* ==================== デュプリケートページ ==================== */

DIV#contents DIV#categoryDuplicate {}


/* ==================== ブログページ ==================== */

DIV#contents DIV#categoryBlog {}


/* ==================== お買い物ページ ==================== */

DIV#contents DIV#categoryShop {}

DIV#contents DIV#categoryShop DIV.shopSubImg {
  margin-bottom: 15px;
}

DIV#contents DIV#categoryShop DIV.shopMainImg IMG {
  margin-bottom: 15px;
}

DIV#contents DIV#categoryShop DIV.shopSubImg IMG {
  margin: 3px;
}


/* ==================== 事例集ページ ==================== */

DIV#contents DIV#categoryCase {}


/* トップページ ・ デザインコンセプト */

DIV#contents DIV.caseDesignEntry {}

DIV#contents IMG.caseDesignEntryImg {
  float: left;
  margin-bottom: 10px;
}

DIV#contents DIV.caseDesignEntryText {
  float: right;
  width: 440px;
}

DIV#contents P.caseDesignEntryLink {
  text-align: right;
}


/* デザインコンセプト */

DIV#contents DIV#categoryCase DIV.caseDesignGallary {
  margin-bottom: 8px;
}

DIV#contents DIV#categoryCase DIV.caseDesignGallary IMG {
  margin: 0px 7px 7px 0px;
}



/* ==================== 事例集（施工前後）ページ ==================== */
 DIV#contents DIV#categoryCaseBA {
}
/* { パターン1 一覧ページ表示 */

DIV#contents DIV.caseBADesignEntry {}

DIV#contents IMG.caseBADesignEntryImg {
  float: left;
  margin-bottom: 10px;
}

DIV#contents DIV.caseBADesignEntryText {
  margin-left: 270px;
}

DIV#contents P.caseBADesignEntryLink {
  text-align: right;
}


/* パターン1 一覧ページ表示 } */


/* { パターン3 一覧ページ表示
DIV#contents DIV.caseBADesignEntry{}
DIV#contents IMG.caseBADesignEntryImg{
  float:left;
  margin-bottom:10px;
}
DIV#contents DIV.caseBADesignEntryText{
  margin-left:170px;
}
DIV#contents P.caseBADesignEntryLink{
  text-align:right;
}
 パターン3 一覧ページ表示 } */


/* { パターン1詳細表示・パターン2一覧ページ＆詳細表示 */

DIV#ctable_ba {
  background-color: #e9e9e9;
  margin-bottom: 20px;
}

DIV#ctable_ba TABLE {
  width: 100%;
  padding: 0px;
  margin: 0px;
}

DIV#ctable_ba TABLE TD {
  padding: 0px;
  border: none;
  text-align: center;
}

DIV#ctable_ba TABLE TD.photo {
  padding: 10px;
}

DIV#ctable_ba TABLE TD.text {
  padding: 0px 10px 10px 10px;
}

DIV#ctable_ba2 {
  width: 100%;
  background-color: #e9e9e9;
  text-align: center;
  padding: 10px;
  margin-bottom: 20px;
  font-size: small;
}

DIV#ctable_ba2 img {
  margin-bottom: 10px;
}


/* パターン1詳細表示・パターン2一覧ページ＆詳細表示 } */


/* { パターン3 詳細表示
DIV#contents DIV.caseMainPhoto{
  background-image:url(../images/gallery_mainbg.gif);
  background-position:top left;
  background-repeat:repeat;
  background-color:#e9e9e9;
  padding:9px;
  text-align:center;
  margin-bottom:30px;
}
DIV#contents DIV.caseMainPhoto IMG{
  border:1px solid #ffffff;
}
 パターン3 詳細表示 } */


/* 全パターン共通 */

DIV#contents DIV#categoryCaseBA {
  margin-bottom: 30px;
}

DIV#contents DIV#categoryCaseBA DIV.caseDesignGallary {
  margin-bottom: 8px;
}

DIV#contents DIV#categoryCaseBA DIV.caseDesignGallary DIV {
  padding: 0px 5px 5px 0px;
  float: left;
  width: 137px;
  height: 137px;
}

DIV#contents DIV#categoryCaseBA DIV.caseDesignGallary A {
  width: 135px;
  height: 135px;
  display: block;
  border: 1px solid #cccccc;
  background-color: #FFFFFF;
}

DIV#contents DIV#categoryCaseBA DIV.caseDesignGallary span {
  background-position: center center;
  background-repeat: no-repeat;
  cursor: pointer;
  display: block;
  height: 135px;
  width: 135px;
}


/* ==================== ギャラリー & スタッフ ページ ==================== */

DIV#contents DIV.galleryCatContainer, DIV#contents DIV.staffCatContainer {
  float: left;
  width: 232px;
}

DIV#contents P.galleryListContainer, DIV#contents P.staffListContainer {
  float: left;
  width: 232px;
}

DIV#contents P.galleryListContainer_light {
  float: left;
  width: 174px;
}

DIV#contents DIV.galleryCatContainer H3, DIV#contents DIV.staffCatContainer H3 {
  margin: 0px 5px 0px 5px;
}

DIV#contents P.galleryListContainer A, DIV#contents P.staffListContainer A {
  margin: 5px;
  padding: 6px;
  background-color: #F4F0EC;
  display: block;
  text-decoration: none;
  border-radius: 5px;
}

DIV#contents P.galleryListContainer_light A.galleryListImgContainer_lightA {
  margin: 5px;
  padding: 5px;
  background-color: #F4F0EC;
  display: block;
  text-decoration: none;
}

DIV#contents P.galleryListContainer A, DIV#contents P.galleryListContainer A:visited, DIV#contents P.galleryListContainer_light A.galleryListImgContainer_lightA, DIV#contents P.galleryListContainer_light A.galleryListImgContainer_lightA:visited, DIV#contents P.staffListContainer A, DIV#contents P.staffListContainer A:visited {
  text-decoration: none;
  color: #666666;
}

DIV#contents P.galleryListContainer A:hover, DIV#contents P.galleryListContainer_light A.galleryListImgContainer_lightA:hover, DIV#contents P.staffListContainer A:hover {
  opacity: 0.7;
  text-decoration: none;
  color: #333333;
}

DIV#contents P.galleryListContainer_light SPAN.galleryListContainer_lightSocialLink {
  display: block;
  text-align: center;
}

DIV#contents SPAN.galleryListImgContainer,
DIV#contents SPAN.staffListImgContainer {
  width: 210px;
  height: 210px;
  display: block;
  display:block;
  background-repeat: no-repeat;
  background-position: center center;
}
DIV#contents SPAN.galleryListImgContainer_light {
  width: 154px;
  height: 100px;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;
}
DIV#contents SPAN.galleryListh4Container {
  border-left: 3px solid #CCCCCC;
  display: block;
  font-size: small;
  font-weight: bold;
  line-height: 150%;
  margin: 5px;
  padding: 4px 10px 4px 7px;
}
DIV#contents SPAN.galleryListh4Container_text {
  display: block;
  font-size: x-small;
  line-height: 150%;
  margin: 5px;
  padding: 4px 10px 4px 10px;
}
DIV#contents SPAN.galleryListTitleContainer,
DIV#contents SPAN.staffListTitleContainer {
  text-align: center;
  overflow: hidden;
  display: block;
  height: 3em;
  font-size: 12px;
}
DIV#contents DIV.galleryCatContainer SPAN.galleryListTitleContainer,
DIV#contents DIV.staffCatContainer SPAN.staffListTitleContainer {
  height: 6em;
}
DIV#contents DIV#galleryImageAndText,
DIV#contents DIV#staffImageAndText {
  margin-bottom: 15px;
}
DIV#contents DIV.galleryThumb {
}
DIV#contents DIV.galleryThumb A {
  width: 47px;
  height: 47px;
  float:left;
  display: block;
  margin: 2px;
  background-repeat: no-repeat;
  background-position: center center;
}
DIV#contents DIV#galleryImage {
  float: left;
  width: 415px;
}
DIV#contents DIV#pianoImage .galleryListImgContainer_lightA{
  margin:5px 8px 5px 0;
  padding:0px;
  background-color:#F4F0EC;
  display:block;
  width:132px;
  float:left;
}
DIV#contents DIV#pianoImage .galleryListImgContainer_light{
  width:132px;
  display:block;
  background-repeat:none;
  background-position:center center;
  height:100px;
}
DIV#contents DIV#staffImage {
  float: left;
  width: 284px;
}
DIV#contents DIV#galleryMainImage,
DIV#contents DIV#galleryMainImageFade,
DIV#contents DIV#staffMainImage {
  margin-bottom: 10px;
}
 DIV#contents DIV#galleryMainImage {
 display:none;
}
DIV#contents DIV#pianoMainImage {
  display: block;
  text-align: center;
  margin-bottom: 20px;
}

DIV#contents DIV#pianoText {
  width: 100%;
}

DIV#contents DIV#pianoEntry {
  font-size: small;
  margin-bottom: 20px;
}

DIV#contents DIV#galleryText {
  float: right;
  width: 270px;
}

DIV#contents DIV#staffText {
  float: right;
  width: 386px;
}

DIV#contents TABLE.galleryDetail, DIV#contents TABLE.staffDetail {
  width: 100%;
}

DIV#contents TABLE.galleryDetail TH, DIV#contents TABLE.galleryDetail TD, DIV#contents TABLE.staffDetail TH, DIV#contents TABLE.staffDetail TD {}

DIV#contents TABLE.galleryDetail TH, DIV#contents TABLE.staffDetail TH, DIV#contents TABLE.galleryDetail SPAN.galleryTabletitle, DIV#contents TABLE.staffDetail SPAN.staffTabletitle {
  font-weight: bold;
}

DIV#contents TABLE.galleryDetail TD, DIV#contents TABLE.staffDetail TD {}

DIV#contents DEL.galleryTypeDel {
  text-decoration: none;
  color: #CCCCCC;
}


/* ==================== フォトギャラリー ページ ==================== */


/* ===== サイドカラムを使用しない場合 ===== */


/* コンテンツの最大幅 */

BODY.photoDetail DIV#contents {
  width: 960px;
}

BODY.photoDetail DIV#contents H2 {
  background-image: url(../images/h2_bg_nocolumn.gif);
}

BODY.photoDetail DIV#contents H3 {
  background-image: url(../images/h3_bg_nocolumn.gif);
}

BODY.photoDetail DIV#contents DIV#gallery DIV#controls {
  font-size: small;
}


/* メイン画像表示枠の幅 */

BODY.photoDetail DIV#contents DIV.content, BODY.photoDetail DIV#contents DIV.loader, BODY.photoDetail DIV#contents DIV.slideshow a.advance-link, BODY.photoDetail DIV#contents SPAN.image-caption {
  width: 450px;
}


/* メイン画像表示枠の高さ */

BODY.photoDetail DIV#contents DIV.slideshow-container, BODY.photoDetail DIV#contents DIV.loader, BODY.photoDetail DIV#contents DIV.slideshow a.advance-link {
  height: 450px;
}

BODY.photoDetail DIV#contents DIV.slideshow a.advance-link {
  line-height: 450px;
}


/* サムネイルサイズ */

BODY.photoDetail DIV#contents a.thumb {
  width: 87px;
  height: 87px;
}

BODY.photoDetail DIV#contents ul.thumbs li a.thumb {
  border: 1px solid #CCCCCC;
}

BODY.photoDetail DIV#contents ul.thumbs li.selected a.thumb {
  border: 1px solid #999999;
}


/* ==================== クーポン ページ ==================== */

.coupon_waku {
  border: 1px solid #666666;
  background-color: #e8e8e8;
  width: 100%;
  margin: 0 auto 10px auto;
}

.coupon_menu {
  width: 40%;
  float: left;
}

div#contents H3.coupon_title {
  font-weight: bold;
  color: red;
  text-align: left;
  letter-spacing: 1px;
  line-height: 110%;
  padding: 15px;
  background: none;
}

.coupon_detail {
  float: right;
  background-color: white;
  width: 60%;
  text-align: left;
  font-size: 12px;
  padding-bottom: 10px;
}

.coupon_detail DL {
  display: block;
  margin: 10px;
}

.coupon_detail DT, .coupon_detail DD {
  display: block;
}

.coupon_detail DT {
  float: left;
  width: 27%;
}

.coupon_detail DD {
  float: right;
  width: 73%;
}

.coupon_input {
  background-color: white;
  border-top: 1px solid #eeeeee;
  padding: 10px;
}

div#contents TABLE.coupon_inp_tbl {
  width: 100%;
  border-collapse: collapse;
  background-color: white;
}

div#contents TABLE.coupon_inp_tbl TD, div#contents TABLE.coupon_inp_tbl TH {
  border: none;
  border-bottom: 1px solid black;
}


/* ==================== フリー2 ページ ==================== */

.free2_imgR {
  float: right;
  width: 240px;
  margin-left: 10px;
  margin-bottom: 10px;
}

.free2_imgL {
  float: left;
  width: 240px;
  margin-right: 10px;
  margin-bottom: 10px;
}

.free2_txt_s {
  width: 305px;
  display: inline-block;
  *display: inline;
  *zoom: 1;
}

.free2_txt {}

.free2_sub_img {
  background-color: #efefef;
  text-align: center;
  padding: 10px;
  margin-bottom: 10px;
}

.free2_sub_img img {
  border: 2px solid #eeeeee;
  margin: 0 2px;
  height: 60px;
}

img {
  -ms-interpolation-mode: bicubic;
}


/* ==================== Q&A ==================== */

DIV#contents DIV.qa H3 {
  padding-left: 40px;
  background-image: url(/qa/images/q_bg.png);
  background-repeat: no-repeat;
  background-position: 6px 5px;
}

DIV#contents DIV.qa DIV.entryBody {
  margin: 0px;
  padding: 6px 0px 15px 40px;
  background-image: url(/qa/images/a_bg.png);
  background-repeat: no-repeat;
  background-position: 6px top;
}

DIV#contents DIV.qa DIV.qaLast {
  border: none;
}

DIV#contents DIV.qaSub {
  margin-left: 15px;
}


/* ==================== お客様の声 ==================== */

DIV#contents DIV.imgAndTextImg {
  float: left;
  width: 250px;
  padding: 10px;
  background-color: #f4f0ec;
  text-align: center;
  font-size: 12px;
  border-radius: 5px;
}

DIV#contents DIV.imgAndTextImg IMG {
  margin-bottom: 5px;
}

DIV#contents DIV.imgAndTextText {
  float: right;
  width: 415px;
}


/* ==================== facebook/twitter ==================== */

DIV#tabSwitchContents {
  margin: 0px;
  padding: 5px;
  min-height: 300px;
  background-color: #F5F5F5;
}

SPAN.tabSwitchOn, SPAN.tabSwitchOff {
  display: block;
  float: left;
  margin: 0px 5px 0px 0px;
  padding: 10px 10px 10px 10px;
  width: 80px;
  height: 14px;
  background-image: url(../images/social_tab.png);
  background-repeat: no-repeat;
  background-position: top-left;
  font-size: 13px;
  font-weight: bold;
}

SPAN.tabSwitchOn {
  cursor: auto;
  color: #FFFFFF;
}

SPAN.tabSwitchOff {
  cursor: pointer;
  text-decoration: underline;
  color: #99EEEE;
}


/* ==================== スマートフォンへのリンク ==================== */

DIV.linkToSmartPhone P {
  margin: 0px;
  padding: 10px;
  background-color: #3399ff;
  text-align: center;
  font-weight: bold;
  font-size: x-large;
  color: #FFFFFF;
}


/* ==================== Safari 5.1 以降で lightbox の next ボタンの不具合を修正 ==================== */

#lightbox IMG {
  vertical-align: middle;
}


/*===================================================================
    clearfix
===================================================================*/

.cf:before, .cf:after {
  content: "";
  display: table;
}

.cf:after {
  clear: both;
}


/*IE6,7対策 （haslayout対策）*/

.cf {
  *zoom: 1;
}


/*===================================================================
    grid
===================================================================*/

.col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg-2-4, .col-lg-1-5 {
  float: left;
  position: relative;
  min-height: 1px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -o-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.col-lg-12 {
  width: 100%;
}

.col-lg-11 {
  width: 91.66666667%;
}

.col-lg-10 {
  width: 83.33333333%;
}

.col-lg-9 {
  width: 75%;
}

.col-lg-8 {
  width: 66.66666667%;
}

.col-lg-7 {
  width: 58.33333333%;
}

.col-lg-6 {
  width: 50%;
}

.col-lg-5 {
  width: 41.66666667%;
}

.col-lg-4 {
  width: 33.33333333%;
}

.col-lg-3 {
  width: 25%;
}

.col-lg-2 {
  width: 16.66666667%;
}

.col-lg-1 {
  width: 8.33333333%;
}


/*5カラム*/

.col-lg-2-4 {
  width: 20%;
}


/*8カラム*/

.col-lg-1-5 {
  width: 12.5%;
}

.col-lg-pull-11 {
  right: 91.66666667%;
}

.col-lg-pull-10 {
  right: 83.33333333%;
}

.col-lg-pull-9 {
  right: 75%;
}

.col-lg-pull-8 {
  right: 66.66666667%;
}

.col-lg-pull-7 {
  right: 58.33333333%;
}

.col-lg-pull-6 {
  right: 50%;
}

.col-lg-pull-5 {
  right: 41.66666667%;
}

.col-lg-pull-4 {
  right: 33.33333333%;
}

.col-lg-pull-3 {
  right: 25%;
}

.col-lg-pull-2 {
  right: 16.66666667%;
}

.col-lg-pull-1 {
  right: 8.33333333%;
}

.col-lg-pull-0 {
  right: auto;
}


/*5カラム*/

.col-lg-pull-2-4 {
  right: 20%;
}


/*8カラム*/

.col-lg-1-5 {
  right: 12.5%;
}

.col-lg-push-12 {
  left: 100%;
}

.col-lg-push-11 {
  left: 91.66666667%;
}

.col-lg-push-10 {
  left: 83.33333333%;
}

.col-lg-push-9 {
  left: 75%;
}

.col-lg-push-8 {
  left: 66.66666667%;
}

.col-lg-push-7 {
  left: 58.33333333%;
}

.col-lg-push-6 {
  left: 50%;
}

.col-lg-push-5 {
  left: 41.66666667%;
}

.col-lg-push-4 {
  left: 33.33333333%;
}

.col-lg-push-3 {
  left: 25%;
}

.col-lg-push-2 {
  left: 16.66666667%;
}

.col-lg-push-1 {
  left: 8.33333333%;
}

.col-lg-push-0 {
  left: auto;
}


/*5カラム*/

.col-lg-push-2-4 {
  left: 20%;
}


/*8カラム*/

.col-lg-push-1-5 {
  left: 12.5%;
}

.col-lg-offset-12 {
  margin-left: 100%;
}

.col-lg-offset-11 {
  margin-left: 91.66666667%;
}

.col-lg-offset-10 {
  margin-left: 83.33333333%;
}

.col-lg-offset-9 {
  margin-left: 75%;
}

.col-lg-offset-8 {
  margin-left: 66.66666667%;
}

.col-lg-offset-7 {
  margin-left: 58.33333333%;
}

.col-lg-offset-6 {
  margin-left: 50%;
}

.col-lg-offset-5 {
  margin-left: 41.66666667%;
}

.col-lg-offset-4 {
  margin-left: 33.33333333%;
}

.col-lg-offset-3 {
  margin-left: 25%;
}

.col-lg-offset-2 {
  margin-left: 16.66666667%;
}

.col-lg-offset-1 {
  margin-left: 8.33333333%;
}

.col-lg-offset-0 {
  margin-left: 0;
}


/*5カラム*/

.col-lg-offset-2-4 {
  margin-left: 20%;
}


/*8カラム*/

.col-lg-offset-1-5 {
  margin-left: 12.5%;
}


/*===================================================================
    gutter
===================================================================*/

.row-0 {
  margin-left: 0px;
  margin-right: 0px;
}

.row-0>div {
  padding-right: 0px;
  padding-left: 0px;
}

.row-10 {
  margin-left: -5px;
  margin-right: -5px;
}

.row-10>div {
  padding-right: 5px;
  padding-left: 5px;
}

.row-20 {
  margin-left: -10px;
  margin-right: -10px;
}

.row-20>div {
  padding-right: 10px;
  padding-left: 10px;
}

.row-30 {
  margin-left: -15px;
  margin-right: -15px;
}

.row-30>div {
  padding-right: 15px;
  padding-left: 15px;
}

.row-40 {
  margin-left: -20px;
  margin-right: -20px;
}

.row-40>div {
  padding-right: 20px;
  padding-left: 20px;
}


/* ------ margin ------ */

.mtA {
  margin: 0 auto !important;
}

.mt0 {
  margin-top: 0 !important;
}

.mt3 {
  margin-top: 3px !important;
}

.mt5 {
  margin-top: 5px !important;
}

.mt8 {
  margin-top: 8px !important;
}

.mt10 {
  margin-top: 10px !important;
}

.mt13 {
  margin-top: 13px !important;
}

.mt15 {
  margin-top: 15px !important;
}

.mt18 {
  margin-top: 18px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.mt25 {
  margin-top: 25px !important;
}

.mt30 {
  margin-top: 30px !important;
}

.mt35 {
  margin-top: 35px !important;
}

.mt40 {
  margin-top: 40px !important;
}

.mt45 {
  margin-top: 45px !important;
}

.mt50 {
  margin-top: 50px !important;
}

.mt55 {
  margin-top: 55px !important;
}

.mt60 {
  margin-top: 60px !important;
}

.mt65 {
  margin-top: 65px !important;
}

.mt70 {
  margin-top: 70px !important;
}

.mt75 {
  margin-top: 75px !important;
}

.mt80 {
  margin-top: 80px !important;
}

.mt85 {
  margin-top: 85px !important;
}

.mt90 {
  margin-top: 90px !important;
}

.mt95 {
  margin-top: 95px !important;
}

.mt100 {
  margin-top: 100px !important;
}

.mr0 {
  margin-right: 0 !important;
}

.mr5 {
  margin-right: 5px !important;
}

.mr10 {
  margin-right: 10px !important;
}

.mr13 {
  margin-right: 13px !important;
}

.mr15 {
  margin-right: 15px !important;
}

.mr20 {
  margin-right: 20px !important;
}

.mr25 {
  margin-right: 25px !important;
}

.mr30 {
  margin-right: 30px !important;
}

.mr35 {
  margin-right: 35px !important;
}

.mr40 {
  margin-right: 40px !important;
}

.mr45 {
  margin-right: 45px !important;
}

.mr50 {
  margin-right: 50px !important;
}

.mr55 {
  margin-right: 55px !important;
}

.mr60 {
  margin-right: 60px !important;
}

.mb0 {
  margin-bottom: 0 !important;
}

.mb3 {
  margin-bottom: 3px !important;
}

.mb5 {
  margin-bottom: 5px !important;
}

.mb8 {
  margin-bottom: 8px !important;
}

.mb10 {
  margin-bottom: 10px !important;
}

.mb13 {
  margin-bottom: 13px !important;
}

.mb15 {
  margin-bottom: 15px !important;
}

.mb18 {
  margin-bottom: 18px !important;
}

.mb20 {
  margin-bottom: 20px !important;
}

.mb25 {
  margin-bottom: 25px !important;
}

.mb30 {
  margin-bottom: 30px !important;
}

.mb35 {
  margin-bottom: 35px !important;
}

.mb40 {
  margin-bottom: 40px !important;
}

.mb45 {
  margin-bottom: 45px !important;
}

.mb50 {
  margin-bottom: 50px !important;
}

.mb55 {
  margin-bottom: 55px !important;
}

.mb60 {
  margin-bottom: 60px !important;
}

.mb65 {
  margin-bottom: 65px !important;
}

.mb70 {
  margin-bottom: 70px !important;
}

.mb75 {
  margin-bottom: 75px !important;
}

.mb80 {
  margin-bottom: 80px !important;
}

.mb85 {
  margin-bottom: 85px !important;
}

.mb90 {
  margin-bottom: 90px !important;
}

.mb95 {
  margin-bottom: 95px !important;
}

.mb100 {
  margin-bottom: 100px !important;
}

.ml0 {
  margin-left: 0 !important;
}

.ml5 {
  margin-left: 5px !important;
}

.ml10 {
  margin-left: 10px !important;
}

.ml15 {
  margin-left: 15px !important;
}

.ml20 {
  margin-left: 20px !important;
}

.ml25 {
  margin-left: 25px !important;
}

.ml30 {
  margin-left: 30px !important;
}

.ml35 {
  margin-left: 35px !important;
}

.ml40 {
  margin-left: 40px !important;
}

.ml45 {
  margin-left: 45px !important;
}

.ml50 {
  margin-left: 50px !important;
}

.ml55 {
  margin-left: 55px !important;
}

.ml60 {
  margin-left: 60px !important;
}


/* ------ padding ------ */

.pt0 {
  padding-top: 0 !important;
}

.pt3 {
  padding-top: 3px !important;
}

.pt5 {
  padding-top: 5px !important;
}

.pt8 {
  padding-top: 8px !important;
}

.pt10 {
  padding-top: 10px !important;
}

.pt13 {
  padding-top: 13px !important;
}

.pt15 {
  padding-top: 15px !important;
}

.pt18 {
  padding-top: 18px !important;
}

.pt20 {
  padding-top: 20px !important;
}

.pt25 {
  padding-top: 25px !important;
}

.pt30 {
  padding-top: 30px !important;
}

.pt35 {
  padding-top: 35px !important;
}

.pt40 {
  padding-top: 40px !important;
}

.pt45 {
  padding-top: 45px !important;
}

.pt50 {
  padding-top: 50px !important;
}

.pt55 {
  padding-top: 55px !important;
}

.pt60 {
  padding-top: 60px !important;
}

.pt65 {
  padding-top: 65px !important;
}

.pt70 {
  padding-top: 70px !important;
}

.pt75 {
  padding-top: 75px !important;
}

.pt80 {
  padding-top: 80px !important;
}

.pt85 {
  padding-top: 85px !important;
}

.pt90 {
  padding-top: 90px !important;
}

.pt95 {
  padding-top: 95px !important;
}

.pt100 {
  padding-top: 100px !important;
}

.pr0 {
  padding-right: 0 !important;
}

.pr5 {
  padding-right: 5px !important;
}

.pr10 {
  padding-right: 10px !important;
}

.pr15 {
  padding-right: 15px !important;
}

.pr20 {
  padding-right: 20px !important;
}

.pr25 {
  padding-right: 25px !important;
}

.pr30 {
  padding-right: 30px !important;
}

.pr40 {
  padding-right: 40px !important;
}

.pr45 {
  padding-right: 45px !important;
}

.pr50 {
  padding-right: 50px !important;
}

.pr55 {
  padding-right: 55px !important;
}

.pr60 {
  padding-right: 60px !important;
}

.pb0 {
  padding-bottom: 0 !important;
}

.pb3 {
  padding-bottom: 3px !important;
}

.pb5 {
  padding-bottom: 5px !important;
}

.pb8 {
  padding-bottom: 8px !important;
}

.pb10 {
  padding-bottom: 10px !important;
}

.pb13 {
  padding-bottom: 13px !important;
}

.pb15 {
  padding-bottom: 15px !important;
}

.pb18 {
  padding-bottom: 18px !important;
}

.pb20 {
  padding-bottom: 20px !important;
}

.pb25 {
  padding-bottom: 25px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pb35 {
  padding-bottom: 35px !important;
}

.pb40 {
  padding-bottom: 40px !important;
}

.pb45 {
  padding-bottom: 45px !important;
}

.pb50 {
  padding-bottom: 50px !important;
}

.pb55 {
  padding-bottom: 55px !important;
}

.pb60 {
  padding-bottom: 60px !important;
}

.pb65 {
  padding-bottom: 65px !important;
}

.pb70 {
  padding-bottom: 70px !important;
}

.pb75 {
  padding-bottom: 75px !important;
}

.pb80 {
  padding-bottom: 80px !important;
}

.pb85 {
  padding-bottom: 85px !important;
}

.pb90 {
  padding-bottom: 90px !important;
}

.pb95 {
  padding-bottom: 95px !important;
}

.pb100 {
  padding-bottom: 100px !important;
}

.pl0 {
  padding-left: 0 !important;
}

.pl5 {
  padding-left: 5px !important;
}

.pl10 {
  padding-left: 10px !important;
}

.pl15 {
  padding-left: 15px !important;
}

.pl20 {
  padding-left: 20px !important;
}

.pl25 {
  padding-left: 25px !important;
}

.pl30 {
  padding-left: 30px !important;
}

.pl35 {
  padding-left: 35px !important;
}

.pl40 {
  padding-left: 40px !important;
}

.pl45 {
  padding-left: 45px !important;
}

.pl50 {
  padding-left: 50px !important;
}

.pl55 {
  padding-left: 55px !important;
}

.pl60 {
  padding-left: 60px !important;
}


/* ==================== 追加 ==================== */

.fL {
  float: left !important;
}

.fR {
  float: right !important;
}

.bgBeige {
  background: #f4f0ec;
  text-align: center;
  padding: 20px;
  font-size: 14px;
}

.img100 img {
  width: 100%;
}

.textCenter {
  text-align: center;
}

.mr0 {
  margin-right: 0 !important;
}

.clear {
  clear: both;
}

.largeTxt {
  font-size: 16px;
  font-weight: bold;
}

.smallTxt, .smallTxt th, .smallTxt td {
  font-size: 11px;
}

.rightTxt {
  text-align: right;
  font-size: 12px;
}

.boldTxt {
  font-weight: bold;
}

.centerTxt {
  text-align: center;
}

.orangeTxt {
  color: #F67A17;
}

.cssBtn {
  text-align: center;
  margin-bottom: 40px !important;
}

.bgBrown {
  background: #592F2A !important;
}

.cssBtn a {
  border-radius: 5px;
  padding: 15px;
  display: inline-block;
  background: #F67A17;
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  margin: 0 auto;
  text-decoration: none;
}

.cssBtnPiano a {
  font-size: 20px;
  padding: 15px 30px;
}

.cssBtn a:hover {
  opacity: 0.7;
}

DIV#contents .bgBlue, DIV#contents .bgGreen, DIV#contents .bgOrange {
  padding: 20px;
  width: 660px;
  border-radius: 5px;
}

DIV#contents .bgBlue {
  background: #E3EFF5;
}

DIV#contents .bgGreen {
  background: #E4F3F1;
}

DIV#contents .bgOrange {
  background: #ffe5cc;
}

DIV#contents .photoLeft, DIV#contents .photoLeftSmall, DIV#contents .photoThree, DIV#contents .photoFive, DIV#contents .photoSix {
  overflow: hidden;
}

DIV#contents .photoLeft, DIV#contents .photoLeftSmall {
  margin-bottom: 20px;
}

DIV#contents .photoLeft .left, DIV#contents .photoLeftSmall .left {
  width: 300px;
  float: left;
  text-align: center;
  font-size: 12px;
}

DIV#contents .photoLeft .left img, DIV#contents .photoLeftSmall .left img {
  width: 100%;
  height: auto;
}

DIV#contents .photoLeft .noResize {
  margin-right: 20px;
  float: left;
}

DIV#contents .photoLeftSmall .left {
  width: 200px;
}

DIV#contents .photoLeft .left span, DIV#contents .photoLeftSmall .left span {
  display: block;
  margin-bottom: 40px;
}

DIV#contents .photoLeft .left img {
  margin-bottom: 10px;
}

DIV#contents .photoLeftSmall .left img {
  margin-bottom: 10px;
}

DIV#contents .photoLeft .right {
  width: 380px;
  float: right;
}

DIV#contents .photoLeftSmall .right {
  width: 480px;
  float: right;
}

DIV#contents .photoThree, DIV#contents .photoFive, DIV#contents .photoSix {
  margin: 0;
  padding: 0;
  list-style: none;
}

DIV#contents .photoThree li, DIV#contents .photoFive li, DIV#contents .photoSix li {
  float: left;
  margin: 0 20px 20px 0;
  width: 220px;
  text-align: center;
  line-height: 1.3;
}

DIV#contents .photoFive li {
  margin: 0 25px 25px 0;
  width: 120px;
  min-height: 138px;
}

DIV#contents .photoSix li {
  margin: 0 2px 0 0;
  width: 115px;
}

DIV#contents .photoSix li img {
  max-height: 115px;
  width: 100%;
  height: auto;
}

DIV#contents .photoSix li a:hover {
  opacity: 0.7;
}

DIV#contents .photoThree li img, DIV#contents .photoFive li img, DIV#contents .photoSix li img {
  margin-bottom: 10px;
}

DIV#contents .photoThree li span {
  font-size: 12px;
}

DIV#contents .photoFive li span, DIV#contents .photoSix li span {
  font-size: 11px;
}

DIV#contents .photoSix {
  clear: both;
}

DIV#contents .lineBottom {
  border-bottom: 1px dotted #e9e1d9;
  padding-bottom: 20px;
  margin-bottom: 20px;
}

DIV#contents .centerTable td {
  text-align: center;
}


/* ピアノ販売 */

DIV#contents .soldOut {
  background: #EE0000;
  padding: 2px;
  text-align: center;
  width: 94px;
  border-radius: 5px;
  color: #fff;
  font-weight: bold;
}

DIV#contents .pianoBox .anchorList {
  padding-left: 20px;
}

DIV#contents .pianoBox .anchorList li {
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 10px;
}

DIV#contents .pianoBox .photoLeft {
  border-bottom: 1px dotted #e9e1d9;
  padding-bottom: 10px;
}

DIV#contents .pianoBox .photoLeft .left .photoSix li {
  margin: 0;
  width: 100px;
}

DIV#contents .pianoBox .photoLeft .right h5, DIV#contents .pianoBox .photoLeft .right dl, DIV#contents .pianoBox .photoLeft .right p {
  margin-bottom: 10px;
}

DIV#contents .pianoBox .photoLeft .right h5 {
  padding-left: 10px;
}

DIV#contents .pianoBox .photoLeft .right dl {
  padding: 10px;
  border-bottom: 1px solid #e9e1d9;
  overflow: hidden;
}

DIV#contents .pianoBox .photoLeft .right dt {
  float: left;
}

DIV#contents .pianoBox .photoLeft .right dd {
  text-align: right;
  font-size: 16px;
  font-weight: bold;
}

DIV#contents .pianoBox .photoLeft .right table {
  margin-bottom: 10px;
}

DIV#contents .pianoBox .photoLeft .right th, DIV#contents .pianoBox .photoLeft .right td {
  padding: 5px;
  font-size: 12px;
}

DIV#contents .pianoBox .photoLeft .right th {
  text-align: center;
}

DIV#contents .pianoBox .bgGreen, DIV#contents .pianoBox .bgBlue, DIV#contents .pianoBox .bgOrange {
  text-align: center;
  padding: 0;
  width: 100%;
}

DIV#contents .pianoBox .bgGreen a, DIV#contents .pianoBox .bgBlue a, DIV#contents .pianoBox .bgOrange a {
  display: block;
  text-decoration: none;
  font-size: 14px;
  font-weight: bold;
  padding: 10px;
}

DIV#contents .pianoBox .bgGreen a:hover, DIV#contents .pianoBox .bgBlue a:hover, DIV#contents .pianoBox .bgOrange a:hover {
  opacity: 0.7;
}

DIV#contents .lineUpBox img {
  margin-bottom: 20px;
}

DIV#contents .lineUpBox .sizeList {
  background: #F4F0EC;
  padding: 10px 20px;
  width: 660px;
}

DIV#contents .lineUpBox .sizeList li {
  list-style: square;
  display: inline-block;
  margin-right: 20px;
}


/* 教育理念 */

DIV#contents #philosophyBox {
  /* border-radius: 5px;
  background: #f4f0ec;
  padding: 20px 20px 5px; */

  width: 660px;
    margin: 0 auto;
    padding: 20px 20px 5px;
    background-image: url(../images/bg-music-school-middle.gif);
    background-repeat: repeat-y;
    background-position: center top;
    border-radius: 5px;
}

DIV#contents #philosophyBox .box {
  overflow: hidden;
  margin-bottom: 20px;
}

DIV#contents #philosophyBox .box img {
  float: right;
  margin: 0 0 20px 0px;
}

DIV#contents #philosophyBox .box ul {
  width: 330px;
  padding: 0 0 0 20px;
  float: left;
}

DIV#contents #philosophyBox .box li {
  margin-bottom: 10px;
}

.bold {
  font-weight: bold;
  font-size: 16px;
}

.fcOrange {
  color: #f67a17;
}


/* 山陽こだま楽器の特徴 */

DIV#contents #featureBox {
  /* border-radius: 5px;
  background: #f4f0ec;
  padding: 20px 20px 5px; */
  border-radius: 5px;
  width: 660px;
    margin: 0 auto;
    padding: 20px 20px 5px;
    background-image: url(../images/bg-music-school-middle.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

DIV#contents #featureBox .box {
  overflow: hidden;
  margin-bottom: 20px;
}

DIV#contents #featureBox h3 {
  background: none;
  border-radius: 0;
  padding: 0;
}

DIV#contents #featureBox .box img {
  float: right;
  margin: 0 0 20px 20px;
}

DIV#contents #featureBox .left img {
  float: left;
  margin: 0 20px 20px;
}

DIV#contents .feature_btn .col-lg-3 h3 {
  text-align: center;
  padding: 10px 5px 8px 10px;
}

DIV#contents .entryBody #lesson h3{
  background: none;
  padding: 0;
}

DIV#contents #musicSchool

DIV#contents #lesson .box {
  overflow: hidden;
  margin-bottom: 20px;
}

DIV#contents #lesson {
  /* border-radius: 5px;
    background: #f4f0ec;
    padding: 20px 20px 5px; */

    border-radius: 5px;
    width: 660px;
    margin: 0 auto;
    padding: 20px 20px 5px;
    background-image: url(../images/bg-music-school-middle.gif);
    background-repeat: repeat-y;
    background-position: center top;
}

DIV#contents #lesson .left img {
  float: left;
  margin: 0 20px 20px;
}

DIV#contents .feature_list {
  margin: 0 auto;
  width: 560px;
}

 DIV#contents .feature_list .kodama {
  float: left;
  padding-top: 20px;
}

DIV#contents DIV.feature_list ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

DIV#contents .feature_list li img {
  vertical-align: middle;
  margin: 10px 0 0 10px;
}

DIV#contents #lesson h2 {
  text-align: center;
  font-size: 26px;

}

DIV#contents #lesson .lesson_text {
  text-align: center;
  font-size: 17px;
  color: #592f2a;
  font-weight: bold;
}



/* 音楽教室 */

DIV#contents .courseTable {
  margin-bottom: 5px;
}

DIV#contents .courseTable th, DIV#contents .courseTable td {
  text-align: center;
  font-size: 12px;
}


/* レッスンルームレンタル */

DIV#contents .roomRentalTable th, DIV#contents .roomRentalTable td {
  text-align: center;
}

DIV#contents .roomRentalTable td {
  font-size: 12px;
  vertical-align: top;
}


/* 楽器レンタル */

DIV#contents .anchorTable .instrumentName {
  width: 20%;
}

DIV#contents .anchorTable th, DIV#contents .anchorTable td {
  padding: 10px 5px;
}

DIV#contents #rentalList th, DIV#contents #rentalList td {
  padding: 5px;
  font-size: 12px;
}

DIV#contents #rentalList th {
  width: 6em;
}


/* 調律・修理 */

DIV#contents .qaList {
  margin-bottom: 20px;
}

DIV#contents .qaList dt {
  font-weight: bold;
  color: #592F2A;
  margin-bottom: 2px;
}

DIV#contents .qaList dd {
  color: #E87113;
}


/* 会社概要 */

DIV#contents .googleMap {
  position: relative;
  padding-bottom: 64%;
  height: 0;
  overflow: hidden;
  margin-bottom: 20px;
}

DIV#contents .googleMap iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}


/* top */

DIV#contents #topBlog, DIV#contents #topFeature .box, DIV#contents #pianoSales, DIV#contents #topBnr, DIV#contents #topOther {
  width: 960px;
  margin: 0 auto;
}

DIV#contents #topBlog h2, DIV#contents #topFeature .box h2, DIV#contents #topMusicSchool h2, DIV#contents #musicSchool h2, DIV#contents #topMusicSchool li h3, DIV#contents #topMusicSchool .box h4, DIV#contents #pianoSales h2, DIV#contents #pianoSales h3, DIV#contents #topOther h2, DIV#contents #topOther li h3 {
  border-radius: 0;
  padding: 0;
  background: none;
}

DIV#contents #topMusicSchool ul, DIV#contents #musicSchool ul, DIV#contents #topMusicSchool .box ul, DIV#contents #musicSchool .box ul, DIV#contents #pianoSales ul, DIV#contents #topBnr, DIV#contents #topOther ul {
  margin: 0;
  padding: 0;
  list-style: none;
  overflow: hidden;
}

DIV#contents #topBlog {
  margin: 0 auto 30px;
  overflow: hidden;
}

DIV#contents #topBlog .left {
  width: 460px;
  float: left;
}

DIV#contents #topBlog .right {
  width: 460px;
  float: right;
}

DIV#contents #topBlog h2 {
  margin-bottom: 10px;
  text-align: center;
}

BODY.cke_show_borders UL.date, DIV#contents UL.date {
  margin: 0;
  padding: 20px 0 10px;
  border-top: 1px solid #e9e1d9;
}

BODY.cke_show_borders UL.date LI, DIV#contents UL.date LI {
  margin: 0 0 10px;
  list-style-type: none;
}

BODY.cke_show_borders UL.date LI span, DIV#contents UL.date LI span {
  border-radius: 3px;
  width: 80px;
  line-height: 1.5;
  text-align: center;
  display: inline-block;
  color: #fff;
  font-size: 11px;
  margin-left: 5px;
}

DIV#contents UL.date LI span.event, DIV#contents UL.date LI span.staff {
  background: #f67a17;
}

DIV#contents UL.date LI span.notification {
  background: #1e9989;
}

DIV#contents UL.date LI span.cat373 {
  background: #3E82A1;
}

DIV#contents UL.date LI span.cat377 {
  background: #B3424A;
}

DIV#contents UL.date LI span.sale, DIV#contents UL.date LI span.instructor {
  background: #ec1212;
}

DIV#contents UL.date LI span.other {
  background: #3e82a1;
}

DIV#contents UL.date LI span.trainingguide {
  background: #0d7727;
}

DIV#contents UL.date LI span.closed {
  background: #9370db;
}

DIV#contents UL.date LI a {
  margin-left: 5px;
}

DIV#contents #topFeature {
  width: 100%;
  background: #f4f0ec;
  margin-bottom: 30px;
}

DIV#contents #topFeature .box {
  background-image: url(../images/top-bg-feature.jpg);
  background-repeat: no-repeat;
  background-position: right top;
  padding: 60px 0 15px;
}

DIV#contents #topFeature .box h2 {
  margin-bottom: 30px;
}

DIV#contents #topFeature .box p {
  line-height: 2;
}

DIV#contents #topFeature .box .btn {
  margin-left: 235px;
  width: 130px;
}

DIV#contents #topMusicSchool {
  width: 920px;
  margin: 0 auto 30px;
  padding: 0 20px;
  background-image: url(../images/top-bg-music-school-middle.gif);
  background-repeat: repeat-y;
  background-position: center top;
}

DIV#contents #musicSchool {
  width: 660px;
  margin: 0 auto;
  padding: 0 20px;
  background-image: url(../images/bg-music-school-middle.gif);
  background-repeat: repeat-y;
  background-position: center top;
}

DIV#contents #topMusicSchool h2, DIV#contents #musicSchool h2 {
  padding: 47px 0 0;
  text-align: center;
  background-image: url(../images/top-bg-music-school-top.gif);
  background-repeat: no-repeat;
  background-position: center top;
  margin-bottom: 9px;
}

DIV#contents #topMusicSchool .subTitle, DIV#contents #musicSchool .subTitle {
  text-align: center;
  margin: 0;
}

DIV#contents #topMusicSchool li {
  width: 460px;
  float: left;
}

DIV#contents #topMusicSchool li.clear {
  clear: both;
}

DIV#contents #topMusicSchool li h3, DIV#contents #musicSchool li h3 {
  text-align: center;
  margin: 0;
}

DIV#contents #musicSchool li {
  margin-bottom: 30px;
}

DIV#contents #musicSchool li h3 {
  background: none;
}

DIV#contents #musicSchool li h3 IMG {
  width: 50%;
  float: left;
}

DIV#contents #topMusicSchool .box {
  width: 320px;
  margin: 0 auto 20px;
}

DIV#contents #musicSchool .box {
  width: 320px;
  margin: 0 auto;
  float: right;
}

DIV#contents #topMusicSchool .access {
  overflow: hidden;
  color: #9b827f;
  margin: 0 auto 5px;
}

DIV#contents #musicSchool .access {
  overflow: hidden;
  color: #9b827f;
  margin: 0 auto 5px;
}

DIV#contents #topMusicSchool .access span {
  font-weight: bold;
}

DIV#contents #topMusicSchool .access img, DIV#contents #musicSchool .access img {
  float: right;
}

DIV#contents #musicSchool .box UL.menuList {
  margin-bottom: 10px;
}

DIV#contents #topMusicSchool .box h4, DIV#contents #musicSchool .box h4 {
  border: none;
  margin-bottom: 10px;
}

DIV#contents #musicSchool .box h4 {
  padding-left: 0;
}

DIV#contents #topMusicSchool .box li, DIV#contents #musicSchool .box li {
  width: 96px;
  font-weight: bold;
  float: left;
  margin: 0 10px 10px 0;
  font-size: 11px;
}

DIV#contents #topMusicSchool .box .noLink li, DIV#contents #musicSchool .box .noLink li {
  padding: 6px 0 5px 5px;
  text-decoration: none;
  color: #9b827f;
  font-size: 11px;
  background: #fff;
  border-radius: 5px;
}

DIV#contents #topMusicSchool .box .noLink li.large, DIV#contents #musicSchool .box .noLink li.large {
  width: 121px;
}

DIV#contents #topMusicSchool .box .noLink li.small, DIV#contents #musicSchool .box .noLink li.small {
  width: 81px;
}

DIV#contents #topMusicSchool .box li.large, DIV#contents #musicSchool .box li.large {
  width: 126px;
}

DIV#contents #topMusicSchool .box li.small, DIV#contents #musicSchool .box li.small {
  width: 86px;
}

DIV#contents #topMusicSchool .box li a, DIV#contents #musicSchool .box li a {
  padding: 6px 0 5px 5px;
  display: block;
  text-decoration: none;
  color: #9b827f;
  font-size: 11px;
  background: #fff;
  border-radius: 5px;
}

DIV#contents #topMusicSchool .box li a:hover, DIV#contents #musicSchool .box li a:hover {
  color: #fff;
  background: #592f2a;
}

DIV#contents #topMusicSchool .access {
  width: 320px;
}

DIV#contents #topMusicSchool .box .access {
  width: 100%;
}

DIV#contents #topMusicSchool .btnOther {
  padding: 30px 20px 40px;
  width: 880px;
  background-image: url(../images/top-bg-music-school-bottom.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  text-align: right;
}

DIV#contents #musicSchool .btnOther {
  padding: 30px 20px 40px;
  width: 620px;
  background-image: url(../images/top-bg-music-school-bottom.gif);
  background-repeat: no-repeat;
  background-position: center bottom;
  text-align: center;
}

DIV#contents #pianoSales h2 {
  text-align: center;
  margin-bottom: 9px;
}

DIV#contents #pianoSales .subTitle {
  text-align: center;
  margin-bottom: 0;
}

DIV#contents #pianoSales ul {
  margin: -26px 0 8px;
}

DIV#contents #pianoSales li {
  width: 210px;
  float: left;
  margin: 0 40px 30px 0;
}

DIV#contents #pianoSales li.large {
  width: 460px;
}

DIV#contents #pianoSales li.clear {
  clear: both;
}

DIV#contents #pianoSales h3 {
  margin-bottom: 14px;
}

DIV#contents #pianoSales .large .box {
  overflow: hidden;
}

DIV#contents #pianoSales .box p {
  color: #9b827f;
  margin-bottom: 10px;
  font-size: 12px;
}

DIV#contents #pianoSales .large .box p {
  width: 460px;
}

DIV#contents #pianoSales .box .more {
  display: block;
  width: 130px;
  margin: 0 auto;
}

DIV#contents #pianoSales .large .box a {}

DIV#contents #topBnr {
  padding: 30px 0 10px;
  border-top: 1px dotted #c9b3a1;
  border-bottom: 1px dotted #c9b3a1;
}

DIV#contents #topBnr {
  width: 960px;
  margin: 0 auto 37px;
}

DIV#contents #topBnr li {
  width: 232px;
  float: right;
  margin-bottom: 20px;
}

DIV#contents #topBnr li.large {
  width: 708px;
  float: left;
}

DIV#contents #topOther h2 {
  text-align: center;
  margin-bottom: 9px;
}

DIV#contents #topOther .subTitle {
  text-align: center;
}

DIV#contents #topOther li {
  width: 210px;
  float: left;
  margin-right: 40px;
}

DIV#contents #topOther li h3 {
  margin-bottom: 15px;
}

DIV#contents #topOther li p {
  color: #9b827f;
  margin-bottom: 15px;
}

DIV#contents #topOther li .btnList li {
  width: 100px;
  float: left;
  margin-right: 10px;
}

DIV#contents #topOther li .btn {
  text-align: center;
}


/* ピアノ販売詳細ページ */

.table01 th {
  width: 20%;
}

.accessory {
  text-align: center;
}

.accessory .col-lg-2 img {
  height: 70px;
  width: auto;
  margin-bottom: 3px;
}

.accessory .col-lg-2 div {
  border: solid 1px #E6E2DE;
  overflow: hidden;
  padding: 5px 0;
  font-size: 11px;
  margin-bottom: 10px;
}


/* 店休日 */

DIV#sideCalendar {
  background-color: #fff;
  border: 1px solid #592F2A;
  margin: 2px;
}

DIV#sideCalendar H2 {
  background-color: #592F2A;
  color: #fff;
  font-size: 15px;
  padding: 5px;
  text-align: center;
}

DIV#sideCalendar P.title {
  font-weight: bold;
  text-align: center;
  background-color: #F67A17;
  padding: 5px 0;
  color: #fff;
  font-size: 17px;
}

DIV#sideCalendar TABLE {
  margin-left: 2.5%;
  width: 95%;
}

DIV#sideCalendar TABLE TH {
  font-weight: bold;
}

DIV#sideCalendar TABLE TD {
  width: 90%;
}

DIV#sideCalendar TABLE TH, DIV#secondArea DIV#sideCalendar TABLE TD {
  border: 1px solid #cec6b3;
  padding: 5px;
  text-align: center;
}

DIV#sideCalendar TABLE TD span {
  color: red;
}

.br-sp {
  display: none;
}

.reserve_bnr2 {
  width: 379px;
}

.ta_c {
  text-align: center;
}

.ta_l {
  text-align: left;
}

.ta_r {
  text-align: right;
}

.pc {
  display: block;
}

.sp {
  display: none;
}