/*  --------------------------------------------------
        :: Global Reset & Standards
-------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font: inherit;
    vertical-align: baseline;
}
html {
    font-size: 62.5%;
}


/* 初期設定
================================================== */
body {
    font-family: "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif !important;
    color: #222;
    -webkit-font-smoothing: antialiased;
    margin: 0;
    font-size: 15px;
    line-height: 1.5em;
    background: #fff;
}
a {
    text-decoration: none;
    line-height: inherit;
}
a , a img {
    border: none;
}
a:hover {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}
p {
    margin: 0;
    padding: 0;
    font-size: 15px;
    line-height: 1.8em;
    text-align: justify;
}
p a, p a:visited {
    line-height: 1.4em;
}
img {
    margin: 0;
    vertical-align: top;
}
p img {
    margin: 0;
}
ul, ol {
    margin: 0;padding: 0;
}
ul {
    list-style: none outside;
}
ol {
    list-style: decimal;
}
ol, ul.square, ul.circle, ul.disc {
    margin-left: 30px;
}
ul.square {
    list-style: square outside;
}
ul.circle {
    list-style: circle outside;
}
ul.disc {
    list-style: disc outside;
}

strong {
    font-weight: bold;
    line-height: inherit;
}
.linkbox {
}
.linkbox:hover {
    cursor: pointer;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}

/* クリア */
.clear { clear: both;}

/* テキスト */
.ali_center	{text-align: center;}
.ali_left	{text-align: left;}
.ali_right	{text-align: right;}

/* フォント */
.fb {font-weight: bold;}
.red {color: #bd1000;}

.fz11 {font-size: 11px;}
.fz12 {font-size: 12px;}
.fz13 {font-size: 13px;}
.fz14 {font-size: 14px;}
.fz15 {font-size: 15px;}
.fz16 {font-size: 16px;}
.fz18 {font-size: 18px;}
.fz26 {font-size: 26px;}
.fz32 {font-size: 32px;}

.lh12 {line-height: 1.2em;}
.lh13 {line-height: 1.3em;}
.lh15 {line-height: 1.5em;}

/* マージン */
.mt5 { margin-top: 5px;}
.mt10 { margin-top: 10px;}
.mt15 { margin-top: 15px;}
.mt20 { margin-top: 20px;}
.mt30 { margin-top: 30px;}
.mt40 { margin-top: 40px;}
.mt120 { margin-top: 120px;}

.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 20px;}
.mb30 { margin-bottom: 30px;}


/* グリッド 12-1000
================================================== */
.frame {
    width: 1060px;
    margin: 0 auto;
}
.frame2 {
    width: 1000px;
    margin: 0 auto;
}
.contents {
    width: 1000px;
    margin: 0 auto;
    clear: both;
    padding: 0 20px;
}
.g1 { float: left; width: 54px; margin-right: 32px; }
.g2 { float: left; width: 140px; margin-right: 32px; }
.g3 { float: left; width: 226px; margin-right: 32px; }
.g4 { float: left; width: 312px; margin-right: 32px; }
.g5 { float: left; width: 398px; margin-right: 32px; }
.g6 { float: left; width: 484px; margin-right: 32px; }
.g7 { float: left; width: 570px; margin-right: 32px; }
.g8 { float: left; width: 656px; margin-right: 32px; }
.g9 { float: left; width: 742px; margin-right: 32px; }
.g10 { float: left; width: 828px; margin-right: 32px; }
.g11 { float: left; width: 914px; margin-right: 32px; }
.lc { margin-right: 0; }
.null { height: 1px; }


/* ヘッダー
================================================== */
#header_top_bg {
    background: #bd1000;
}
#header_top h1 {
    padding: 4px 0;
    color: #fff;
    font-size: 11px;
    line-height: 1em;
}

#header_bg {
    height: 650px;
    background: url(../img/header_bg.png) 0 0 repeat-x;
}
#header_bg #header_img {
    background: url(../img/header_img.jpg) center 0 no-repeat;
}
#header .left {
    float: left;
    width: 427px;
}
#header .right {
    float: right;
    width: 332px;
}
#header #aroma {
    margin-top: 356px;
    width: 577px;
    height: 208px;
    background: url(../img/header_aroma.png) 0 0 no-repeat;
}
#header #aroma h2 {
    padding: 48px 0 5px 190px;
    color: #fff;
    font-size: 19px;
    font-weight: bold;
}
#header #aroma p {
    padding: 0 0 0 190px;
    color: #fff;
    line-height: 1.7em;
}


/* ピラティスとは マットピラティス
================================================== */
#main_bg {
    background: #fcedf4;
}
#main_bg .white_bg {
    margin: 0 auto;
    width: 1060px;
    background: #fff;
}
.about {
    padding-top: 50px;
    background: url(../img/about_bg.png) right 60px no-repeat;
}
.mat {
    padding-top: 30px;
    margin-top: 50px;
    height: 160px;
    background: url(../img/mat_bg.jpg) 0 0 no-repeat;
}


/* こんな方におススメ
================================================== */
.osusume_box {
    margin-top: 5px;
    padding: 30px 0;
    background: #f7f2ec;
}
.beige_box {
    padding: 30px;
    background: #f7f2ec;
}


/* 6つのポイント
================================================== */
.point_box {
    width: 1006px;
}
.point1 , .point2 , .point3 , .point4 , .point5 , .point6 {
    float: left;
    width: 497px;
    height: 160px;
    margin: 6px 6px 0 0;
}
.point1 h3 , .point2 h3 , .point3 h3 , .point4 h3 , .point5 h3 , .point6 h3 {
    padding: 30px 0 0 60px;
    font-weight: bold;
    font-size: 20px;
    color: #bd1000;
}
.point1 p , .point2 p , .point3 p , .point4 p , .point5 p , .point6 p {
    padding: 10px 0 0 60px;
    width: 320px;
    line-height: 1.5em;
}
.point1 { background: url(../img/point_1_bg.jpg) 0 0 no-repeat ;}
.point2 { background: url(../img/point_2_bg.jpg) 0 0 no-repeat ;}
.point3 { background: url(../img/point_3_bg.jpg) 0 0 no-repeat ;}
.point4 { background: url(../img/point_4_bg.jpg) 0 0 no-repeat ;}
.point5 { background: url(../img/point_5_bg.jpg) 0 0 no-repeat ;}
.point6 { background: url(../img/point_6_bg.jpg) 0 0 no-repeat ;}


/* レッスン内容
================================================== */
#lesson_bg_bg {
    background: #fcedf4;
}
.lesson_bg {
    margin: 0 auto;
    width: 1060px;
    padding: 50px 0 30px 0;
    background: #fff url(../img/lesson_bg.jpg) 0 50px no-repeat;
}
.lesson_box {
    width: 1017px;
}
.lesson1 , .lesson2 , .lesson3 , .lesson4 , .lesson5 {
    float: left;
    width: 262px;
    height: 157px;
    margin: 0 17px 17px 0;
    padding: 20px 30px 0 30px;
}
.lesson1 h3 , .lesson2 h3 , .lesson3 h3 , .lesson4 h3 , .lesson5 h3 {
    font-weight: bold;
    font-size: 17px;
}
.lesson1 p , .lesson2 p , .lesson3 p , .lesson4 p , .lesson5 p {
    margin-top: 5px;
    font-size: 13px;
}
.lesson1 { background: url(../img/lesson1.png) 0 0 no-repeat ;}
.lesson2 { background: url(../img/lesson2.png) 0 0 no-repeat ;}
.lesson3 { background: url(../img/lesson3.png) 0 0 no-repeat ;}
.lesson4 { background: url(../img/lesson4.png) 0 0 no-repeat ; margin: 0 17px 17px 169px; }
.lesson5 { background: url(../img/lesson5.png) 0 0 no-repeat ;}


/* レッスン料金
================================================== */
.price_box {
    margin-top: 40px;
    padding: 29px;
    border: 1px solid #bd1000;
}
.price_box h2 {
    padding: 15px 0;
    color: #fff;
    font-size: 32px;
    text-align: center;
    background: #bd1000;
}
.price_box p.ninzuu {
    float: left;
    margin: 12px 0 0 120px;
    width: 205px;
    font-size: 20px;
    line-height: 1em;
}
.price_box p.time {
    float: left;
    margin: 8px 15px 0 0 ;
    padding: 3px 0;
    width: 122px;
    font-size: 20px;
    border: 1px solid #222;
    text-align: center;
    line-height: 1em;
}
.price_box p.price {
    float: left;
    width: 390px;
    color: #bd1000;
    font-size: 50px;
    line-height: 1em;
}
.price_box p.price small {
    font-size: 28px;
}
.price_box hr {
    margin: 0 auto;
    margin-top: 20px;
    padding-top: 20px;
    width: 778px;
    border: none;
    border-top: 1px solid #ccc;
}


/* ごあいさつ
================================================== */
#greeting_bg {
    padding: 30px 0 50px 0;
    background: #fcedf4;
}
#greeting {
    width: 1000px;
    padding: 29px;
    border: 1px solid #fff;
}
h2.greeting {
    margin-bottom: 20px;
    padding: 15px 0;
    color: #fff;
    font-size: 32px;
    text-align: center;
    background: #bd1000;
}
.career {
    margin-top: 10px;
    padding: 10px;
    background: #fff;
}
.career h3 {
    padding: 5px;
    color: #fff;
    font-size: 18px;
    background: #ff6f00;
}
.career ul {
    margin-top: 10px;
}
.career ul li {
    margin-top: 5px;
    font-size: 14px;
}


/* アクセス
================================================== */
h2.access {
    padding: 50px 0 10px 0;
    font-size: 32px;
    color: #bd1000;
    text-align: center;
}
.address {
    margin-top: 20px;
    padding: 20px;
    border: 1px solid #222;
}
.address p {
    font-size: 16px;
    text-align: center;
}


/* 大ボタン
================================================== */
.tel_btn {
    padding: 20px 0;
    margin: 50px auto;
    width: 800px;
    background: #ff6f00;
    border-radius: 6px;
}
.tel_btn p {
    color: #fff;
    text-align: center;
}
.tel_btn p a:hover {
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
}

/* フッター
================================================== */
#footer_bg {
    padding: 30px 0;
    background: #bd1000;
}
#footer , #footer a {
    color: #fff;
}
#footer p {
    color: #fff;
    text-align: center;
}
#footer hr {
    margin-top: 15px;
    padding-top: 15px;
    border: none;
    border-top: 1px solid #fff;
}

/* ページトップボタン
================================================== */
#pagetop {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 77%;
}
#pagetop a {
    background: #fff;
    border: 2px solid #bd1000;
    text-decoration: none;
    color: #bd1000;
    font-size: 14px;
    font-weight: bold;
    width: 100px;
    padding: 10px 0;
    text-align: center;
    display: block;
    border-radius: 6px;
}
#pagetop a:hover {
    background: #f0f0f0;
    text-decoration: none;
    opacity: 1;
    filter: alpha(opacity=100);
    -ms-filter: "alpha( opacity=100 )";
}