@charset "utf-8";

/* サイト共通要素 */


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

BODY {
    background: url(../images/bg_body.gif) left top repeat;
    color: #333333;
}


/* 管理画面 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: x-small;
    color: #fff;
}

H2,
H3,
H4,
H5,
H6 {
    font-size: medium;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

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

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

A:hover {
    text-decoration: none;
}


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


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

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


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

DIV#header {
    width: 100%;
    background: #fff;
    position: absolute;
    top: 500px;
    z-index: 10;
    height: 190px;
    padding: 30px 0 0 0;
    overflow: hidden;
}
body.no_catch DIV#header {
    top: 0;
}

BODY.topPage DIV#header {
    top: 700px;
}


/* { ★ヘッダーの上部固定表示,[背景画像、width、height、 z-indexはヘッダーのデザインによる)]
DIV#header {
      background:url(../images/header_bg.png) repeat left top;
      height: 80px;
      width: 100%;
      margin: 0px auto;
      position: fixed;
}
DIV.linkToSmartPhone{
      height: 60px;
}
 ★ヘッダーの上部固定表示 } */

DIV#header H1 {
    padding: 3px 0px 0px 0px;
    height: 15px;
    width: 960px;
    margin: 0px auto;
    display: none;
}

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

DIV#header DIV#headerAreaSub {}

DIV#header DIV#headerAddress {
    font-size: 10pt;
}

DIV#header DIV#headerWiget {}

DIV#header DIV#googleSearch {
    margin: 15px 0px 5px 0px;
    padding: 5px 5px 0px 0px;
    width: 290px;
    background-image: url(../images/header_gsearch_bg.gif);
    background-position: left top;
    background-repeat: no-repeat;
}

DIV#header DIV#googleSearch FORM {
    padding: 0px 5px 5px 0px;
    background-image: url(../images/header_gsearch_footer_bg.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
}

DIV#header DIV#googleSearch INPUT.text {
    width: 120px;
}

DIV#header DIV#googleSearch INPUT.submit {
    width: 45px;
}

DIV#header DIV#googleSearch INPUT {}

DIV#header DIV#headerAreaLogo {
    display: none;
}

DIV#header #inner {
    width: 960px;
    overflow: hidden;
}

DIV#header #inner #header_logo_area {
    float: left;
}

DIV#header #inner #menu_area {
    float: right;
}

DIV#header #inner #menu_area ul {
    padding: 0;
    margin: 0;
}

DIV#header #inner #menu_area ul li {
    list-style: none;
    float: left;
    margin-left: 30px;
}


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

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

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

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


/* { ★ワンカラム,[widthはコンテンツ幅、padding-topはキャッチ画像とヘッダーの高さによって変動、.twoCarmはブログページなどがツーカラムの際に適用] */

DIV#contents {
    width: 960px;
}

body.topPage DIV#contents {
    padding-top: 220px;
}

body.twoCarm DIV#contents {
    width: 700px;
    padding: 20px 0px 20px 0px;
    float: left;
}

DIV#secondArea {
    display: none;
}

DIV#contents .wrap_inner {
    width: 960px;
    margin: 0 auto;
    overflow: hidden;
}


/* ★ワンカラム } */


/* { ★TOPワンカラム下層ツーカラム,[padding-topはキャッチ画像とヘッダーの高さによって変動]
body.topPage DIV#contents {
	width: 960px;
	padding-top:550px;
}
body.topPage DIV#secondArea {
	display:none;
}
★TOPワンカラム下層ツーカラム } */


/* { ★TOP横幅超過コンテンツ */

body.topPage DIV#mainBg {
    width: 100%;
}

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

body.topPage DIV#contents {
    width: 100%;
}

DIV#contents {
    width: 960px;
}

body.topPage DIV#secondArea {
    display: none;
}


/* ★TOP横幅超過コンテンツ } */


/* ========== 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,
UL#mainMenu LI {
    margin: 0px;
    padding: 0px;
    list-style-type: none;
    display: inline;
}


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

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

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

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

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


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

DIV#catchArea {
    margin-top: 0px;
}


/* { ★キャッチ超過,[キャッチ画像のtop、height、width、margin-left(キャッチ画像のwidthの半分)はデザインによる] */

body.topPage DIV#mainBg {
    overflow: hidden;
    position: relative;
    padding-top: 700px;
}

DIV#mainBg {
    overflow: hidden;
    position: relative;
    padding-top: 500px;
}
body.no_catch DIV#mainBg {
    padding-top: 0;
}
body.topPage DIV#catchArea {
    left: 50%;
    position: absolute;
    top: 0;
    width: 1600px;
    margin-left: -800px;
    height: 700px;
}

DIV#catchArea {
    left: 50%;
    position: absolute;
    top: 0;
    width: 1600px;
    margin-left: -800px;
    height: 500px;
}

body.topPage DIV#catchArea .inner {
    position: absolute;
    z-index: 20;
    width: 960px;
    top: 480px;
    left: 50%;
    margin-left: -480px;
}

body.topPage DIV#catchArea .inner img {
    width: 180px;
}


/*★キャッチ超過 } */


/* 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;
}


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

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: 5px;
    background-image: url(../images/second_area_title.gif);
    background-position: left top;
    background-repeat: no-repeat;
    font-size: medium;
    color: #000000;
}


/* ---------- 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: 5px 10px 5px 10px;
    background-image: url(../images/second_area_hr.gif);
    background-position: center top;
    background-repeat: no-repeat;
    list-style-type: none;
    font-weight: bold;
}

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-left: 1em;
}


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

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: 15px;
    background-image: url(../images/second_area_bg.gif);
    background-position: left bottom;
    background-repeat: no-repeat;
}

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: 960px;
    padding: 240px 0px 10px 0px;
}

BODY.cke_show_borders,

/* 管理画面 WYSIWYG プレビュー用設定 */

DIV#contents {}


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

DIV#footer {
    background: url(../images/footer_bg.jpg) center top no-repeat #000;
    height: 520px;
    overflow: hidden;
    position: relative;
    padding: 10px 0 30px;
    margin-top: 80px;
}


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

DIV#footer #footermenu_box {
    position: absolute;
    width: 960px;
    margin: auto;
    left: -100%;
    right: -100%;
}

DIV#footer P#footerMenu {
    color: #fff;
    font-size: 12px;
    position: absolute;
    left: 250px;
    top: 60px;
    line-height: 230%;
}

DIV#footer P#footerMenu a,
DIV#footer P#footerMenu a:visited {
    color: #fff;
    text-decoration: none;
    font-size: 12px;
}

DIV#footer P#footerMenu a:hover {
    text-decoration: underline;
}


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

DIV#footer DIV#footerCopyrightArea {
    padding: 0;
    width: 960px;
    margin: 0px auto;
}


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

DIV#footer DIV#footerFree {}

DIV#footer P#footerSiteLink {}

DIV#footer DIV#footerFree h1 {
    margin-bottom: 40px;
}

DIV#footer DIV#footerFree #footer_txt_area {
    color: #fff;
    width: 250px;
    margin-bottom: 30px;
}

DIV#footer DIV#footerFree #footer_txt_area img {
    margin-bottom: 15px;
}
DIV#footer DIV#footerFree #footer_txt_area a img:hover{
    opacity: 0.8;
}

DIV#footer DIV#footerFree #address {
    overflow: hidden;
    margin-bottom: 10px;
}

DIV#footer DIV#footerFree #address img {
    float: left;
    margin-right: 5px;
    margin-bottom: 0;
}

DIV#footer DIV#footerFree #address .txt_mincho {
    float: left;
    line-height: 130%;
    font-size: 12px;
    margin-bottom: 0;
}

DIV#footer DIV#footerFree #footer_txt_area p {
    margin-bottom: 20px;
    font-size: 14px;
}


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

DIV#footer P#copyright {
    clear: both;
    color: #fff;
    text-align: center;
}

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: 170%;
}

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: 15px;
}

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

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: 10px;
}

BODY.cke_show_borders H2,
DIV#contents H2 {
    font-size: 30px;
    color: #000000;
    padding: 5px;
    text-align: center;
    margin: 50px 0 40px;
}

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-bottom: 2px solid #000;
    padding: 5px 20px;
    color: #000;
    font-size: 24px;
}

BODY.cke_show_borders H4,
DIV#contents H4 {
    padding: 10px 30px;
    color: #000;
    font-size: 20px;
}

BODY.topPage BODY.cke_show_borders H2,
BODY.topPage DIV#contents H2,
BODY.topPage BODY.cke_show_borders H3,
BODY.topPage DIV#contents H3,
BODY.topPage BODY.cke_show_borders H4,
BODY.topPage DIV#contents H4 {
    padding: 0;
    margin: 0;
    border: none;
    background: none;
    font-size: small;
    line-height: 100%;
}

BODY.cke_show_borders UL.date,
DIV#contents UL.date {
    margin-top: 0px;
    margin-right: 0px;
    margin-left: 0px;
    padding: 0px;
}

BODY.cke_show_borders UL.date LI,
DIV#contents UL.date LI {
    margin: 0px;
    list-style-type: none;
    padding: 0;
    font-size: 14px;
    color: #999999;
}

DIV#contents UL.date LI p a {
    color: #999999;
}

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

BODY.cke_show_borders TH,
DIV#contents TH {
    background-color: #3F4A38;
    color: #fff;
}

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 {
    font-size: xx-small;
    padding: 5px;
    background: #fff;
}

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;
}

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

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 15px 0px;
    height: 1px;
    background-image: url(../images/hr_bg.gif);
    background-position: left top;
    background-repeat: repeat-x;
}

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;
    background-image: url(../images/hr_bg.gif);
    background-position: left top;
    background-repeat: repeat-x;
}

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;
}


/* { ★「このページのトップへ」固定表示,[背景画像のwidth、heightは画像サイズにより変動] */

BODY.cke_show_borders P.anchorTop,
DIV#contents P.anchorTop {
    position: fixed;
    right: 40px;
    bottom: 20px;
    display: inline-block;
    background: none;
    padding: 0;
    margin: 0;
    z-index: 11;
}

DIV#contents P.anchorTop A {
    display: inline-block;
    line-height: 100%;
    padding: 0px;
    background: url(../images/pagetop.png) no-repeat center top;
    width: 58px;
    height: 58px;
}


/* ★「このページのトップへ」固定表示 } */

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;
    line-height: 0;
}

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 {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    text-decoration: none;
}

BODY.cke_show_borders .image-left,
DIV#contents .image-left {
    float: left;
    margin: 0 20px 20px 0;
}

BODY.cke_show_borders .image-right,
DIV#contents .image-right {
    float: right;
    margin: 0 0 20px 20px;
}

BODY.cke_show_borders .image-center,
DIV#contents .image-center {
    text-align: center;
    display: block;
    margin: 0 auto 20px;
}


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

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 0 50px 0;
    padding: 0;
}

DIV#contents DIV#categoryTop DIV.topLatestBlogPhoto LI {
    margin: 0 20px 40px 0;
    width: 100%;
    list-style: none;
    position: relative;
    overflow: hidden;
}

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

DIV#contents DIV#categoryTop DIV.topLatestBlogPhoto LI a {
    /* スマホでタップ領域がおかしくなるので調整	*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    /* ie用の調整	*/
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha( opacity=0 )";
}

DIV#contents DIV#categoryTop DIV.topLatestBlogPhoto LI a:hover {
    opacity: 0.3;
    filter: alpha(opacity=30);
    -ms-filter: "alpha( opacity=30 )";
}

DIV#contents DIV#categoryTop DIV.topLatestBlogPhoto DIV.topLatestBlogPhotoImage {
    height: 120px;
    width: 120px;
    position: relative;
    overflow: hidden;
    float: left;
    background: #fff;
}

DIV#contents DIV#categoryTop DIV.topLatestBlogPhoto DIV.topLatestBlogPhotoImage img {
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
}

DIV#contents DIV#categoryTop DIV.topLatestBlogPhoto DIV.topLatestBlogPhotoImage .noimage {
    height: 80%;
    width: auto;
}

DIV#contents DIV#categoryTop DIV.topLatestBlogPhoto DIV.topLatestBlogPhotoTitle {
    margin: 10px 0 0 40px;
    width: 760px;
    float: left;
    color: #999;
}

DIV#contents DIV#categoryTop DIV.topLatestBlogPhoto DIV.topLatestBlogPhotoTitle span {
    color: #333333;
    font-size: large;
    display: block;
    margin: 7px 0;
}

DIV#contents DIV#categoryTop DIV.topLatestBlogPhoto DIV.topLatestBlogPhotoTitle p {
    line-height: 200%;
    font-size: 12px;
    letter-spacing: 1.5px;
    margin: 0;
}

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 {
    width: 100%;
}

DIV#contents DIV#categoryCompany TABLE th {
    width: 20%;
}

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


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

DIV#contents DIV#categoryPrivacyPolicy {}


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

DIV#contents DIV#categoryInquiry table {
    width: 100%;
}

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

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

DIV#contents DIV#categoryInquiry #cancelBtn {
    margin-right: 10px;
}

DIV#contents DIV#categoryInquiry #mainErrorMsg .caution {
    display: block;
    margin-bottom: 10px;
}


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

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;
}


/* ==================== ギャラリー & ギャラリーライトボックス & スタッフ ページ ==================== */

.galleryCatContainerWrap,
.staffCatContainerWrap,
.galleryLightCatContainerWrap {
    margin-left: -10px;
    margin-right: -10px;
}

DIV#contents DIV.galleryCatContainer,
DIV#contents DIV.staffCatContainer,
DIV#contents DIV.galleryLightCatContainer {
    padding-right: 10px;
    padding-left: 10px;
}

DIV#contents P.galleryListContainer,
DIV#contents P.staffListContainer {
    position: relative;
}

DIV#contents P.galleryListContainer_light {
    margin-bottom: 5px;
    position: relative;
}

DIV#contents DIV.galleryCatContainer H3,
DIV#contents DIV.staffCatContainer H3 {}

DIV#contents P.galleryListContainer A,
DIV#contents P.staffListContainer A,
DIV#contents P.galleryListContainer_light A.galleryListImgContainer_lightA {
    /* スマホでタップ領域がおかしくなるので調整	*/
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    /* ie用の調整	*/
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha( opacity=0 )";
}

DIV#contents P.galleryListContainer A:hover,
DIV#contents P.galleryListContainer_light a:hover,
DIV#contents P.staffListContainer A:hover {
    opacity: 0.3;
    filter: alpha(opacity=30);
    -ms-filter: "alpha( opacity=30 )";
}

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;
}

DIV#contents P.galleryListContainer_light SPAN.galleryListContainer_lightSocialLink {
    display: block;
    text-align: left;
    margin: 5px 0 0;
}

DIV#contents .galleryListImgContainer,
DIV#contents .staffListImgContainer,
DIV#contents .galleryListImgContainer_light{
    background: #dddddd;
    height: 220px;
    margin-top: 1em;
    position: relative;
    overflow: hidden;
    display: block;
}
DIV#contents .galleryListImgContainer_light {
   height: 311px;
}

DIV#contents .galleryListImgContainer img,
DIV#contents .staffListImgContainer img,
DIV#contents .galleryListImgContainer_light img {
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
}

DIV#contents .galleryListImgContainer .noimage,
DIV#contents .staffListImgContainer .noimage,
DIV#contents .galleryListImgContainer_light .noimage {
    width: 80%;
}

DIV#contents SPAN.galleryListh4Container {
    display: block;
    font-size: small;
    line-height: 150%;
    margin: 5px 0 0;
}

DIV#contents SPAN.galleryListh4Container_text {
    display: block;
    font-size: x-small;
    line-height: 150%;
    margin: 5px 0 0;
}

DIV#contents SPAN.galleryListTitleContainer,
DIV#contents SPAN.staffListTitleContainer {
    padding-top: 8px;
    display: block;
}

DIV#contents DIV.galleryCatContainer SPAN.galleryListTitleContainer,
DIV#contents DIV.staffCatContainer SPAN.staffListTitleContainer {}

DIV#contents DIV#galleryImageAndText,
DIV#contents DIV#staffImageAndText {
    margin-bottom: 15px;
}

DIV#contents DIV.galleryThumb {
    margin-left: -2px;
    margin-right: -2px;
    margin-bottom: 5px;
}

DIV#contents DIV.galleryThumb .galleryThumbCont {
    width: 12.5%;
    min-height: 1px;
    float: left;
    padding-left: 2px;
    padding-right: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

DIV#contents DIV.galleryThumb .gallery_thumb_cont_inner {
    position: relative;
    overflow: hidden;
    height: 44px;
}

DIV#contents DIV.galleryThumb img {
    position: absolute;
    top: -100%;
    left: -100%;
    right: -100%;
    bottom: -100%;
    margin: auto;
}

DIV#contents DIV.galleryThumb .galleryThumbCont A {
    /*スマホでタップ領域がおかしくなるので調整*/
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    display: block;
    /*ie用の調整*/
    background-color: #fff;
    opacity: 0;
    filter: alpha(opacity=0);
    -ms-filter: "alpha( opacity=0 )";
}

DIV#contents DIV.galleryThumb .galleryThumbCont A:hover {
    opacity: 0.3;
    filter: alpha(opacity=30);
    -ms-filter: "alpha( opacity=30 )";
}

DIV#contents DIV#galleryImage,
DIV#contents DIV#staffImage {
    float: left;
    width: 54%;
}

DIV#contents DIV#galleryMainImage,
DIV#contents DIV#galleryMainImageFade,
DIV#contents DIV#staffMainImage {
    margin-bottom: 10px;
}

DIV#contents DIV#galleryMainImage {
    display: none;
}

DIV#contents DIV#galleryText,
DIV#contents DIV#staffText {
    float: right;
    width: 43%;
}

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 {
    border-left: none;
    border-right: none;
}

DIV#contents TABLE.galleryDetail TH,
DIV#contents TABLE.staffDetail TH,
DIV#contents TABLE.galleryDetail SPAN.galleryTabletitle,
DIV#contents TABLE.staffDetail SPAN.staffTabletitle {
    background: none;
    font-weight: bold;
    width: 38%;
    color: #000;
}

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

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

DIV#contents TABLE.galleryDetail TD img {}


/* 2,3,4,5,6,8カラム以外*/

DIV#contents .col-lg-galleryColumn,
DIV#contents .col-lg-staffColumn,
DIV#contents .col-lg-galleryLightColumn {
    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;
}


/* カテゴリリスト */

DIV#contents ul.categoryList {
    padding: 0;
}

.categoryList li {
    list-style: outside none none;
    display: inline-block;
}

.categoryList .normal {
    border: #cccccc solid 1px;
    margin-bottom: 10px;
    background: #cccccc;
    text-decoration: none;
    margin: 0px 5px 10px 0px;
    padding: 3px 10px;
    display: inline-block;
}

.categoryList li a {
    border: #ccc solid 1px;
    margin-bottom: 10px;
    background: #f4f4f4;
    text-decoration: none;
    margin: 0px 5px 10px 0px;
    padding: 3px 10px;
    display: inline-block;
}

.categoryList li a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}


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


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


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

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 {
    text-align: left;
    padding: 12px 40px 11px 40px;
    background: #EDEDED url(/qa/images/q_bg.png) no-repeat 10px 8px;
    margin-bottom: 10px;
    display: block;
    cursor: pointer;
    position: relative;
    color: #000000;
}

DIV#contents DIV.qa H3:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    text-decoration: none;
}

DIV#contents DIV.qa H3::after {
    position: absolute;
    content: "";
    background: url(../images/qa_arrow.png) bottom center no-repeat !important;
    display: block;
    width: 20px;
    height: 8px;
    right: 15px;
    top: 50%;
    margin-top: -4px;
}

DIV#contents DIV.qa H3.active::after {
    background: url(../images/qa_arrow.png) top center no-repeat !important;
}

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

.accordion .entry_body {
    display: none;
    margin-bottom: 20px;
}
*/

/* ==================== Q&A テキスト ==================== */

DIV#contents DIV.qa H3 {
	background: #EDEDED;
	text-align: left;
	padding: 12px 40px 11px 40px;
	margin-bottom: 10px;
    font-size: 18px;
	display: block;
	cursor: pointer;
	position: relative;
	color: #000000;
}
DIV#contents DIV.qa H3:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	text-decoration: none;
}
DIV#contents DIV.qa H3::before {
	position: absolute;
	content: "Q";
	font-size: 25px;
	top: 50%;
	margin-top: -0.5em;
	left: 10px;
	line-height: 1;
	font-weight: bold;
}
DIV#contents DIV.qa H3::after {
	position: absolute;
	content: "";
	right: 20px;
	top: 50%;
	margin-top: -4px;
	width: 6px;
	height: 6px;
	border-right: 2px solid #000;
	border-bottom: 2px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
DIV#contents DIV.qa H3.active::after {
	border-right: none;
	border-bottom: none;
	border-top: 2px solid #000;
	border-left: 2px solid #000;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	margin-top: -1px;
}
DIV#contents DIV.qa .accordion .entryBody {
	margin: 0px;
	padding: 3px 0px 15px 40px;
	background-repeat: no-repeat;
	background-position: 10px top;
	position: relative;
}
DIV#contents DIV.qa .accordion .entryBody::before {
	position: absolute;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	content: "A";
	font-size: 28px;
	top: 0px;
	left: 12px;
	font-weight: bold;
	line-height: 1;
}
DIV#contents DIV.qa .accordion{
    margin-bottom: 20px;
}
DIV#contents DIV.qa .accordion .entryBody {
	display: none;
}

.category_list {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 30px 30px 25px 30px;

}
.category_list .category_listLink {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;

}

.category_list {
    background-color: #fff;
    margin-bottom: 30px;
    padding: 30px 30px 25px 30px;

}
.category_list .category_listLink {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;

}

.category_list .category_listLink .btn {
    padding: 4px 16px;
    margin: 0 5px 5px 0;
    font-size: 12px;
    display: inline-block !important;
    color: #000;
    white-space: nowrap;
    background-color: #EDEDED;
    text-decoration: none;
}
.category_list .category_listLink .btn:hover{
    opacity: 0.7;
}
DIV#contents .category_list h3{
    border: none;
    padding: 0;
    font-size: 16px;
    margin-bottom: 10px;
}

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

DIV#contents DIV.imgAndTextImg {
    float: left;
    width: 450px;
    padding: 10px;
    background-color: #fff;
}

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

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


/* ==================== 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-pull-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%;
}


/* ==================== 余白 ==================== */

.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;
}


/* ==================== 独自追加 ==================== */

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

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

.mt15 {
    margin-top: 15px!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;
}

.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;
}

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

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

.mb15 {
    margin-bottom: 15px!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;
}

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

.mr10 {
    margin-right: 10px!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;
}

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

.fL {
    float: left!important;
}

.fR {
    float: right!important;
}

.img100 img {
    width: 100%;
}

table.w100 {
    width: 100%;
}

table.w60 {
    width: 60%;
    margin: 0 auto 20px;
}

.ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.txt_mincho {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

.price_list {
    width: 100%;
}

.price_list th {
    width: 70%;
}

.price_list td {
    text-align: right;
}

.price_list span {
    display: block;
    font-size: x-small;
}

table .price {
    text-align: right;
}

.center {
    text-align: center;
}

.txt_large {
    font-size: x-large;
}

DIV#contents .txt_btn_one {
    text-align: center;
    margin-top: 20px;
}

DIV#contents .txt_btn_one a {
    background: #3F4A38;
    padding: 20px 40px;
    color: #fff;
    text-decoration: none;
    display: inline-block;
    line-height: 100%;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

DIV#contents .txt_btn_one a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}


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

DIV#contents #top_facility_area {
    padding: 0;
}

DIV#contents #top_facility_area h2 {
    margin-bottom: 37px;
}

DIV#contents #top_facility_area #facility_box01 {
    background: url(../images/top_facility01_bg.jpg) center top no-repeat;
    height: 600px;
    text-align: center;
    overflow: hidden;
}

DIV#contents #top_facility_area #facility_box01 h3 {
    margin: 112px auto 70px;
}

DIV#contents #top_facility_area #facility_box02 {
    overflow: hidden;
    padding: 70px 0;
    background: #fff;
}

DIV#contents #top_facility_area #facility_box02 .detail {
    width: 480px;
    float: left;
    text-align: center;
}

DIV#contents #top_facility_area #facility_box02 .detail h3 {
    margin: 48px auto 28px;
}

DIV#contents #top_facility_area #facility_box02 .img {
    width: 480px;
    float: right;
}

DIV#contents #top_facility_area #facility_box03 {
    background: url(../images/top_facility03_bg.jpg) center top no-repeat;
    height: 600px;
    text-align: center;
    overflow: hidden;
    margin-bottom: 95px;
}

DIV#contents #top_facility_area #facility_box03 h3 {
    margin: 108px auto 75px;
}

BODY.topPage DIV#contents #top_tabiiro_bnr_area {
    margin: 40px 0 45px;
}

BODY.topPage DIV#contents #top_story_area {
    margin-bottom: 132px;
    /* padding: 100px 0 0 0; */
    padding: 0;
}

DIV#contents #top_story_area {
    margin-bottom: 132px;
    padding: 0 0 0 0;
}

DIV#contents #top_story_area h2 {
    margin: 0 0 40px 0;
}

/*DIV#contents #top_story_area #story_box01,
DIV#contents #top_story_area #story_box02,
DIV#contents #top_story_area #story_box03 {
    background: url(../images/top_3story_bg01.jpg) no-repeat center top #fff;
    height: 480px;
    overflow: hidden;
    position: relative;
}*/

DIV#contents #top_story_area #story_box01,
DIV#contents #top_story_area #story_box02,
DIV#contents #top_story_area #story_box03 {
    background: url(../images/top_3story_bg03.jpg) no-repeat center top #fff;
    height: 480px;
    overflow: hidden;
    position: relative;
}

/*DIV#contents #top_story_area #story_box02 {
    background: url(../images/top_3story_bg02.jpg) no-repeat center top #fff;
}*/

DIV#contents #top_story_area #story_box02 {
    background: url(../images/top_3story_bg01.jpg) no-repeat center top #fff;
}

/*DIV#contents #top_story_area #story_box03 {
    background: url(../images/top_3story_bg03.jpg) no-repeat center top #fff;
}*/

DIV#contents #top_story_area #story_box03 {
    background: url(../images/top_3story_bg02.jpg) no-repeat center top #fff;
}

DIV#contents #top_story_area .num {
    position: absolute;
    top: 60px;
    left: -100%;
    right: -100%;
    margin: auto;
}

DIV#contents #top_story_area h3 {
    margin: 0 0 35px 0;
}

DIV#contents #top_story_area .detail_right {
    width: 330px;
    float: right;
    margin: 60px 65px 0 0;
}

DIV#contents #top_story_area .detail_left {
    width: 330px;
    float: left;
    margin: 60px 0 0 65px;
}

DIV#contents #top_story_area p {
    line-height: 2.3;
    margin: 0 0 50px;
    font-size: 12px;
}

DIV#contents #top_blog_area {
    background: #fff;
    padding: 70px 0 80px;
}

DIV#contents #top_blog_area h2 {
    margin-bottom: 35px;
}

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

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

DIV#contents #top_blog_area .linkBlock,
DIV#contents #top_event_area .linkBlock {
    text-align: center;
    padding: 0;
    margin: 0;
    background: none;
}

DIV#contents #top_blog_area a,
DIV#contents #top_blog_area a:visited {
    text-decoration: none;
}

DIV#contents #top_blog_area a:hover {
    text-decoration: underline;
}

DIV#contents #top_blog_area ul {
    border-top: 1px solid #e9e9e9;
    margin-bottom: 40px;
}

DIV#contents #top_blog_area li {
    border-bottom: 1px solid #e9e9e9;
    padding: 25px 0;
}

DIV#contents #top_blog_area li .txt_mincho {
    margin-left: 23px;
}

DIV#contents #top_blog_area P {
    font-size: 11px;
    margin: 0;
    padding: 0;
    letter-spacing: 0.5px;
}

DIV#contents #top_event_area {
    padding: 0 0 80px;
}

DIV#contents #top_bnr_area {
    margin: 70px 0 75px;
}


/* ==================== いわき健康センターの楽しみ方 ==================== */

DIV#contents .txt_box {
    background: #fff;
    padding: 30px;
    line-height: 200%;
    margin-bottom: 30px;
    border: 3px solid #E7EFEB;
}

DIV#contents .plan_area {
    padding: 0 0 0 50px;
    margin: 0 0 0 50px;
    border-left: 3px dotted #3F4A38;
    background: url(../images/plan_arrow.png) -3px bottom no-repeat;
}

DIV#contents .plan_detail {
    position: relative;
    margin-bottom: 100px;
    padding-left: 30px;
}

DIV#contents .plan_detail .circle_time {
    color: #fff;
    background-color: #3f4a38;
    padding: 0;
    margin: 0;
    width: 100px;
    height: 100px;
    line-height: 100px;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    font-weight: bold;
    position: absolute;
    left: -102px;
    top: 0;
}

.poster img{
    width: 70%;
}

/* ==================== お食事 ==================== */
.scale {
	width: 300px;
    height: 422px;
    overflow: hidden;
    left: left auto;
    float: left;
    background:#000;
    margin: 0 30px 30px 0;
}
.scale02{
    width: 500px;
    height: 354px;
    overflow: hidden;
    left: left auto;
    float: left;
    background:#000;
    margin: 0 30px 30px 0;
}
.scale a:hover,
.scale02 a:hover{
    opacity: 0.5;
}
.scale img,
.scale02 img {
    -moz-transition: -moz-transform 0.5s linear;
    -webkit-transition: -webkit-transform 0.5s linear;
    -o-transition: -o-transform 0.5s linear;
    -ms-transition: -ms-transform 0.5s linear;
    transition: transform 0.5s linear;
    width:100%;
}
.scale img:hover,
.scale02 img:hover {
    -webkit-transform: scale(1.2);
    -moz-transform: scale(1.2);
    -o-transform: scale(1.2);
    -ms-transform: scale(1.2);
    transform: scale(1.2);
}
.mr_0{
    margin-right: 0 !important;
}

.fw_s {
    font-size: 15px;
}

/* ==================== お風呂 ==================== */

DIV#contents .sub_catch_area,
DIV#contents .sub_catch_area_main {
    margin-bottom: 50px;
    position: relative;
    overflow: hidden;
    height: 380px;
}

DIV#contents .sub_catch_area_main {
    margin-bottom: 50px;
    position: relative;
    overflow: hidden;
    height: 600px;
}

DIV#contents .sub_catch_area .sub_catch,
DIV#contents .sub_catch_area_main .sub_catch {
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
    width: 100%;
    height: auto;
}

DIV#contents .sub_catch_area .sub_catch,
DIV#contents .sub_catch_area_main .sub_catch {
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
    width: 100%;
    height: auto;
}

DIV#contents .sub_catch_area .catch_copy,
DIV#contents .sub_catch_area_main .catch_copy {
    background: rgba(255, 255, 255, 0.75);
    padding: 30px;
    text-align: center;
    position: absolute;
    z-index: 10;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
    width: 70%;
    height: 50%;
}

DIV#contents .sub_catch_area_main .catch_copy {
    background: url(../images/bg_txt_jap.png) left top repeat;
}

DIV#contents .sub_catch_area .catch_copy h5,
DIV#contents .sub_catch_area_main .catch_copy h5 {
    font-size: large;
    margin-bottom: 30px;
}

DIV#contents .box_btn a {
    display: block;
    background: #fff;
    color: #000;
    padding: 20px 0;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    font-size: medium;
}

DIV#contents .box_btn a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
}

DIV#contents .sub_catch_area_main .btn_area {
    position: absolute;
    bottom: 30px;
    margin: 0 auto;
    width: 100%;
}


/* ==================== 岩盤浴 ==================== */

DIV#contents .bedrockbath_area .inner_left .circle,
DIV#contents .bedrockbath_area .inner_right .circle {
    color: #fff;
    background-color: #3f4a38;
    padding: 30px 0 0;
    margin: 0;
    width: 130px;
    height: 100px;
    line-height: 180%;
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    font-weight: bold;
    position: absolute;
    left: 300px;
    top: -60px;
}

DIV#contents .bedrockbath_area {
    margin-bottom: 50px;
    position: relative;
    overflow: hidden;
    height: 450px;
}

DIV#contents .bedrockbath_area .catch_bedrock {
    position: absolute;
    top: -100%;
    bottom: -100%;
    left: -100%;
    right: -100%;
    margin: auto;
    width: 100%;
    height: auto;
}

DIV#contents .bedrockbath_area .inner_left,
DIV#contents .bedrockbath_area .inner_right {
    background: rgba(255, 255, 255, 0.75);
    padding: 30px;
    position: absolute;
    z-index: 10;
    top: -100%;
    bottom: -100%;
    left: 40px;
    margin: auto;
    width: 300px;
    height: 58%;
}

DIV#contents .bedrockbath_area .temperature {
    display: block;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    margin: 10px 0 0 0;
    width: 290px;
    text-align: center;
    background: #3F4A38;
    position: absolute;
    bottom: 20px;
    font-size: 12px;
}


/* ==================== 整骨院たんぽぽ ==================== */

DIV#contents .tanpopo_area {
    position: relative;
    height: 641px;
    margin-bottom: 50px;
}

DIV#contents .tanpopo_area .sub_catch {
    position: absolute;
    top: 0;
    left: 0;
}

DIV#contents .tanpopo_area .inner {
    position: absolute;
    top: 300px;
    left: 230px;
    width: 500px;
}

DIV#contents .tanpopo_area .inner h5 {
    text-align: center;
    font-size: x-large;
}

DIV#contents .tanpopo_area .inner table {
    width: 100%;
}


/* ==================== 施設/料金案内 ==================== */

DIV#contents ul.facility_list {
    padding: 0;
    margin: 0 0 0 0px;
    border: 1px solid #3F4A38;
    width: 100%;
}

DIV#contents ul.facility_list li {
    list-style: none;
}

DIV#contents ul.facility_list li.ttl_list {
    background: #3F4A38;
    text-align: center;
    color: #fff;
    padding: 20px 10px;
}

DIV#contents ul.facility_list li a {
    padding: 5%;
    display: block;
    width: 39.5%;
    float: left;
    border-top: 1px solid #e9e9e9;
    height: 30px;
    border-right: 1px solid #e9e9e9;
}

DIV#contents .point_list th {
    width: 33.333%;
    text-align: center;
}

DIV#contents .point_list td {
    width: 33.333%;
    text-align: center;
}

span.small-txt {
    font-size: 11px;
}


/* ==================== らっこクラブ==================== */

DIV#contents .friendship_area .catch_copy {
    padding: 90px 30px 0px;
}

DIV#contents .friendship_area .catch_copy p {
    display: block;
    padding: 5px;
    color: #fff;
    font-weight: bold;
    margin: 10px auto 0;
    width: 500px;
    text-align: center;
    background: #3F4A38;
    bottom: 20px;
}

DIV#contents h5 span {
    display: block;
    font-size: small;
}


/* ==================== HOTEL NAGISA ==================== */

DIV#contents .nagisa_area {
    height: 350px;
}

DIV#contents .nagisa_area .catch_copy {
    padding: 100px 30px 0px;
}


/* ==================== 宿泊・休憩室 ==================== */

.red-txt {
    color: #de2323;
    font-size: medium;
    font-weight: bold;
}

.stay_table {
    width: 100%;
}

DIV#contents ul.dinner_rank {
    padding: 10px;
    margin: 0 0 0 0px;
    border: 1px solid #e7efeb;
    width: 90%;
    background: #fff;
}

DIV#contents ul.dinner_rank li {
    list-style: none;
    width: 33.33333%;
    float: left;
}

.stay_table02 {
    width: 100%;
}

.stay_table02 td {
    text-align: right;
}

.ta_l {
    text-align: left;
}

.ta_r {
    text-align: right;
}

.ta_c {
    text-align: center;
}

.w100 {
    width: 100%;
}

.f_r {
    float: right;
}
#contents .medium{
    font-size: medium!important;
}

/* .price_list_contents th{
    width: 30%;
} */

.price_list_top td{
    background-color: #3F4A38;
    color: #fff;
}


.rakko tr td {
    width: 66.666% !important;
}

.rakko img {
    width: 600px;
    height: auto;
}