@charset 'UTF-8';

/* **********************************************************************
 *
 *       Title:   綾部の料亭 ゆう月 block.css
 *       Notes:   Hand-crafted by WebLab Corporation in Tokyo.
 *
 ********************************************************************** */

/* トップスライドショースタイル設定
======================================================= */

#slidewrap {
    position: absolute;
    left: 50%;
    width: 100%;
    height: 590px;
    margin-left: -50%;
}

#top-a {
    position: relative;
    width: 100%;
    height: 560px;
    margin: 0 auto 40px;
    padding: 0;
}

#top-a ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    text-align: left;
}

#top-a div {
    width: 100%;
    height: 560px;
    background-repeat: no-repeat;
    background-position: 50% 0;
    background-size: cover;
}
/*.bx-viewport img {
    width: 100%;
    min-width: 1400px;
}*/
.wrappertop .bx-viewport {
    height: 560px !important;
}

.bx-controls .bx-pager {
    position: absolute;
    bottom: 0px;
    left: 0;
    width: 100%;
    height: 12px;
    margin: 0;
    padding: 0;
    list-style: outside none none;
    text-align: center;
}
.bx-controls .bx-pager-item {
    display: inline;
}
.bx-controls .bx-pager-item a {
    display: inline-block;
    overflow: hidden;
    width: 12px;
    height: 0 !important;
    margin: 0 4px;
    padding-top: 12px;
    outline: medium none;
}
html.ie .bx-controls .bx-pager-item a {
    display: inline;
}
.bx-controls .bx-pager-item a {
    background: url(../img/main_list.png) no-repeat 0 0;
}
.bx-controls .bx-pager-item a.active {
    background: url(../img/main_list_on.png) no-repeat 0 0;
}

/* トップイントロ設定
======================================================= */

#intro {
    overflow-x: hidden;
    padding: 675px 0 120px;
}
#intro .inner {
    position: relative;
    width: 980px;
    margin: 0 auto;
}
p.main_catch {
    position: absolute;
    top: -587px;
    right: -170px;
    overflow: hidden;
    width: 525px;
    height: 775px;
    white-space: nowrap;
    text-indent: -9999px;
    background: url(../../img/main_txt.png) 0 0 no-repeat;
    z-index: 51;
}
#top #intro h2 {
    font-size: 26px;
    font-size: 2.6rem;
    margin: 0 0 20px;
}
#intro h2 span {
    color: #c53820;
}


/* トップ季節
======================================================= */

#top-b div {
    height: 170px;
    background-position: 50% 0;
    background-size: cover;
}

#top-b div p {
    font-family: '游明朝', '游明朝体', 'Yu Mincho', 'YuMincho', 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'Helvetica', 'Arial', 'sans-serif';
    font-size: 36px;
    font-size: 3.6rem;
    padding: 50px 0;
    text-align: center;
    vertical-align: middle;
    color: #fff;
}
#top-b div p span {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
}

/* トップ料理
======================================================= */

#top-c {
    padding: 0 0 120px;
}

#top-c h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 0 40px;
    padding: 45px 0 0 0;
    text-align: center;
}
#top-c h2 span {
    font-size: 11px;
    font-size: 1.1rem;
    display: block;
    color: #c53820;
}
.cuisine_main {
    overflow: hidden;
    background: url(../img/bg_cuisine_main.gif) 0 0;
}

.cuisine_main div {
    float: left;
    width: 50%;
    height: 420px;
    background-repeat: no-repeat;
    background-position: right 50%;
    background-size: cover;
}
.cuisine_main.left div {
    float: right;
    width: 50%;
    height: 420px;
    background-repeat: no-repeat;
    background-position: right 50%;
    background-size: cover;
}
/*.cuisine_main div img,
.cuisine_main.left div img,
.cuisine_annex div img {
    width: 100%;
    height: auto;
}*/

.cuisine_annex {
    overflow: hidden;
    background: url(../img/bg_cuisine_annex.gif) 0 0;
}
.cuisine_annex div {
    float: left;
    width: 50%;
    height: 420px;
    background-repeat: no-repeat;
    background-position: right 50%;
    background-size: cover;
}
.cuisine_annex.left div {
    float: right;
    width: 50%;
    height: 420px;
    background-repeat: no-repeat;
    background-position: right 50%;
    background-size: cover;
}
.cuisine_main p,
.cuisine_annex p {
    float: left;
    width: 50%;
    text-align: center;
    color: #fff;
}
.cuisine_main p.tit,
.cuisine_annex p.tit {
    font-size: 30px;
    font-size: 3.0rem;
    margin: 0 0 30px;
    padding: 80px 0 20px 0;
    background: url(../img/ico_chopsticks.png) 50% bottom no-repeat;
}

.cuisine_main p.btn a,
.cuisine_annex p.btn a {
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 1;
    display: block;
    width: 253px;
    height: 21px;
    margin: 30px auto 0;
    padding: 18px 0;
    background: url(../img/bg_btn.png) 0 50% no-repeat;
}
.cuisine_main p.btn a,
.cuisine_main p.btn a:visited,
.cuisine_annex p.btn a,
.cuisine_annex p.btn a:visited {
    text-decoration: none;
    color: #fff;
}


/* トッププラン
======================================================= */

#top-e {
    padding: 80px 0;
    color: #fff;
    background: url(../img/bg_top_e.jpg) 0 0;
}
#top-e .inner {
    width: 980px;
    margin: 0 auto;
}
#top-e h2 {
    font-size: 22px;
    font-size: 2.2rem;
    margin: 0 0 30px;
    text-align: center;
}
#top-e h2 span {
    font-size: 11px;
    font-size: 1.1rem;
    display: block;
}
#top-e .main {
    margin: 0 0 40px;
    /*background: #fff;*/
}
#top-e .main a {
    display: block;
    padding: 65px 0 53px 480px;
    text-align: center;
    background: url(../img/img_top_plan01.jpg) 0 0 no-repeat;
}
#top-e .main a span {
    font-size: 24px;
    font-size: 2.4rem;
    display: block;
    margin: 0 0 10px;
}
#top-e .main a strong {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: normal;
    display: block;
    width: 253px;
    margin: 20px auto 10px;
    padding: 10px 0 12px;
    text-align: center;
    background: url(../img/bg_btn.png) 0 0 no-repeat;
}
#top-e a,
#top-e a:visited {
    text-decoration: none;
    color: #fff;
}

.top_3line {
    overflow: hidden;
    width: 980px;
}

.top_3line ul {
    overflow: hidden;
    width: 1020px;
    margin: 0;
    padding: 0;
    list-style-type: none;

    *zoom: 1;
}

.top_3line li {
    float: left;
    width: 300px;
    margin-right: 40px;

    *zoom: 1;
}

#top-e .top_3line p {
    font-size: 12px;
    font-size: 1.2rem;
}
/*#top-e .top_3line p.mb20 {
    background: #fff;
}*/
#top-e .top_3line .name {
    font-size: 20px;
    font-size: 2.0rem;
    padding: 0 0 0 12px;
    background: url(../img/arw_w.png) 0 50% no-repeat;
}

/* トップフィード
======================================================= */

#top-f {
    width: 980px;
    margin: 0 auto;
    padding: 100px 0 0;
}

#top-f .topics {
    float: left;
    width: 450px;
    margin: 0 0 100px;
}
#top-f .blog {
    float: right;
    width: 450px;
    margin: 0 0 100px;
}
#top-f .top_3line p {
    font-size: 12px;
    font-size: 1.2rem;
}
#top-f .top_3line .name {
    font-size: 16px;
    font-size: 1.6rem;
    padding: 5px 0;
    text-align: center;
    background: #292929 url(../img/arw_w.png) 95% 50% no-repeat;
}
#top-f .top_3line a {
    display: block;
    margin: 0 0 10px;
}
#top-f .top_3line a,
#top-f .top_3line a:visited {
    text-decoration: none;
    color: #fff;
}


/* 下層block設定
======================================================= */

.wrap_un .block,
.wrap_contact .block {
    margin: 0 0 40px;
}


/* バナー設定
======================================================= */

ul.bnr {
    float: right;
    width: 230px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

ul.bnr li {
    line-height: 1;
    margin: 0 0 20px;
    padding: 0;
}



/* FAQ
======================================================= */

/* ページ内リンク */

.alink_faq ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.alink_faq ul li {
    margin: 0 0 15px;
    padding: 0 0 0 36px;
    background: url(../img/ico_faq_q.png) no-repeat 0 0;
}


/* 開閉なし */

.faq_open {
    padding: 0 0 40px;
    border-bottom: 1px solid #ccc;
}

.faq_open .faq_q {
    margin: 0 0 15px;
    padding: 0 0 0 36px;
    background: url(../img/ico_faq_q.png) no-repeat 0 0;
}

.faq_open .faq_a {
    margin: 0;
    padding: 0 0 0 36px;
    background: url(../img/ico_faq_a.png) no-repeat 0 0;
}



/* お問い合わせ・資料請求設定
======================================================= */

.f_contact {
    position: relative;
    overflow: hidden;
    width: 740px;
    margin: 0 auto;
}
.f_contact .f_contact_in {
    position: relative;
    left: 50%;
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
.f_contact .f_contact_in > div {
    position: relative;
    left: -50%;
    float: left;
    width: 678px;
    margin: 0 20px 0 0;
    padding: 20px;
    border: 1px solid #e6e6e6;
}

.f_contact .f_contact_in .fcon {
    text-align: center;
}

.f_contact .fcon .tit {
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    line-height: 1;
    margin: 0 0 20px;
}

.f_contact .fcon .tel {
    line-height: 1;
    float: left;
    width: 320px;
    margin: 0 0 0;
    padding: 7px 0 0 0;
}
.f_contact .fcon .box_colum_btn {
    float: right;
    clear: none;
    margin: 0;
}
.f_contact .fcon .box_colum_btn a {
    display: inline-block;
    zoom: 1;
    padding: 10px 38px 10px;
    vertical-align: top;

    *display: inline;
}

.f_contact .fcon .box_colum_btn a span {
    padding: 0 0 0 16px;
    background: url(../img/arw_w.png) no-repeat 0 50%;
}

.ie8 .f_contact .fcon .box_colum_btn a span {
    background: url(../img/arw_w.png) no-repeat 0 50%;
}

.f_contact .fcon .box_colum_btn a:link,
.f_contact .fcon .box_colum_btn a:visited {
    text-decoration: none;
}

.f_contact .fcon .box_colum_btn a:hover {
    text-decoration: underline;
}



/* BLOCK内スタイル設定
======================================================= */

span.texts {
    font-size: 77%;
}
span.textn {
    font-size: 100%;
}
span.textl {
    font-size: 138.5%;
}
span.textll {
    font-size: 200%;
}
span.textxl {
    font-size: 350%;
}
span.textxxl {
    font-size: 500%;
}

table {
    font-size: 14px;
    font-size: 1.4rem;
    width: 100%;
    border-collapse: collapse;
}

table.nbr,
table.tbr table.nbr {
    border-collapse: collapse;
    border-top: none;
    border-left: none;
}

table.nbr th,
table.tbr table.nbr th {
    font-weight: bold;
    padding: 0;
    border-right: none;
    border-bottom: none;
}

table.nbr td,
table.tbr table.nbr td {
    padding: 0;
    text-align: left;
    border-right: none;
    border-bottom: none;
}

table.tbr,
table.nbr table.tbr {
    border-collapse: collapse;
    border-top: 1px solid #dedede;
    border-left: 1px solid #dedede;
}

table.tbr th,
table.nbr table.tbr th {
    font-weight: bold;
    line-height: 1.5;
    padding: 10px;
    text-align: left;
    color: #333;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
    background: #f3f3f3;
}

table.tbr td,
table.nbr table.tbr td {
    line-height: 1.5;
    padding: 10px;
    text-align: left;
    border-right: 1px solid #dedede;
    border-bottom: 1px solid #dedede;
}

img {
    line-height: 1;
    vertical-align: top;
    border: 0;
}

.photo-r {
    font-size: 10px;
    font-size: .9rem;
    float: right;
    margin: 3px 0 10px 15px;
    text-align: left;
}

.photo-l {
    font-size: 10px;
    font-size: .9rem;
    float: left;
    margin: 3px 15px 10px 0;
    text-align: left;
}

.photo-c {
    font-size: 10px;
    font-size: .9rem;
    margin: 3px auto 10px;
}

.photo-r img,
.photo-l img,
.photo-c img {
    margin-bottom: 5px;
}

iframe {
    border: none;
}


/* リンク定義
======================================================= */

.arw a {
    padding: 0 0 0 16px;
    background: url(../img/arw.png) no-repeat 0 .2em;
}

.blank a {
    padding: 0 0 0 16px;
    background: url(../img/ico_blank.png) no-repeat 0 5px;
}

.pdf a {
    padding: 0 0 0 21px;
    background: url(../img/ico_pdf.png) no-repeat 0 2px;
}


/* 引用定義
======================================================= */

blockquote {
    padding: 15px;
    border: 5px solid #dedede;
}


/* お問い合わせ設定
======================================================= */

/* お問い合わせ table */

form table.tbr {
    width: 100%;
}

form table.tbr th {
    font-size: 14px;
    font-size: 1.4rem;
    width: 30%;
    padding: 20px 10px;
    text-align: left;
}

form table.tbr td {
    width: 70%;
    padding: 20px 10px;
    text-align: left;
}

form table.tbr span {
    font-size: 12px;
    font-size: 1.2rem;
    float: right;
    padding: 2px 7px;
    color: #fff;
    background: #c00;
}

form ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

form input,
form select,
form label {
    font-size: 1.6rem;
    padding: 5px;
    vertical-align: middle;
}

form textarea {
    font-size: 1.6rem;
    width: 90%;
    padding: 5px;
    resize: vertical;
    vertical-align: middle;
}

form input[type='text'] {
    width: 85%;
}

form input[type='tel'] {
    width: 20%;
}
*#tel1,
*#tel2,
*#tel3,
*#zip1 {
    width: 20%;
}
*#zip2 {
    width: 30%;
}

form input[type='radio'],
form input[type='checkbox'] {
    width: 20px;
    height: 20px;
}


form ul.list_inline li {
    float: left;
    margin: 0 30px 0 0;
}

form ul.list_inline li input[type='checkbox'] {
    margin: 0 5px 0 0;
}

dl.subform {
    width: 100%;
    margin: 0 0 10px;
    padding: 0;
}

dl.subform dt {
    float: left;
    width: 23%;
    padding: 9px 0 0;
}
dl.subform dd {
    float: left;
    width: 77%;
}

form .agree_box {
    font-size: 18px;
    font-size: 1.8rem;
    padding: 20px 10px;
    text-align: center;
    border: 1px solid #e6e6e6;
}

form .agree_box input[type='checkbox'] {
    margin: 0 10px 0 0;
}

form input.btn {
    font-size: 14px;
    font-size: 1.4rem;
    display: block;
    margin: 0 auto;
    padding: 20px 60px 20px 81px;
    color: #fff;
    border: none;
    background: #666 url(../img/arw_fmenu.png) no-repeat 60px 50%;
}

form p.back {
    margin: 30px 0 0;
    text-align: center;
}

form p.back a {
    padding: 0 0 0 21px;
    background: url(../img/arw.png) no-repeat 0 .2em;
}


/* faq
=================== */
.wrap .faq {
    width: 620px;
    overflow: hidden;
}

.wrap .faq .faq_in {
    margin: 30px 0 0;
    width: 650px;
    overflow: hidden;
}


.faq_top .faq_q,
.faq_open .faq_q {
    margin: 0 0 20px;
    padding: 4px 0 6px 50px;
    background: url(../img/ico_faq_q.gif) no-repeat 0 0;
    font-weight: bold;
}

.faq_open .faq_a {
    margin: 0 0 20px;
    padding: 4px 0 6px 50px;
    background: url(../img/ico_faq_a.gif) no-repeat 0 0;

}
.faq_open {
    border-top: dotted 1px #acacac;
    padding: 40px 0 0;
    margin: 0 0 -20px;
}


/* お問い合わせ error */

.err_block {
    clear: both;
    margin-bottom: 17px;
    padding: 12px;
    background: #ffe8e8;
}

.err_block p {
    color: #f00;
}

.err_block p.err_tit {
    font-weight: bold;
    margin: 0 0 5px;
    padding: 2px 0 2px 10px;
    color: #fff;
    background: #f00;
}

label.error {
    display: inline-block;
    border: 1px solid #ff8383;
    background: #ffe8e8;
}

input.error {
    border: 1px solid #ff8383;
    background: #ffe8e8;
}

select.error {
    border: 1px solid #ff8383;
    background: #ffe8e8;
}

textarea.error {
    border: 1px solid #ff8383;
    background: #ffe8e8;
}

fieldset {
    display: inline;
    padding: 3px;
}

fieldset.error {
    background: #ffe8e8;
}

#form_flow {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#form_flow li {
    float: left;
    width: 202px;
    list-style-type: none;
}

#form_flow li.arw {
    width: 57px;
    padding: 7px 0 0;
    text-align: center;
}

#form_flow li .inner {
    padding: 5px 0;
    text-align: center;
    border: 1px solid #d2d2d2;
}


/* 真ん中
======================================================= */

.tal {
    text-align: left !important;
}

.tac {
    text-align: center !important;
}

.tar {
    text-align: right !important;
}


/* TOPへ戻る
======================================================= */

.top_back {
    clear: both;
    padding: 30px 0;
    text-align: center;
}

.top_back a {
    padding: 0 15px;
}


/* 汎用スタイル設定
======================================================= */

.tac {
    text-align: center;
}
.tal {
    text-align: left;
}
.ter {
    text-align: right;
}

.mb10 {
    margin-bottom: 10px;
}
.mb15 {
    margin-bottom: 15px;
}
.mb20 {
    margin-bottom: 20px;
}
.mb30 {
    margin-bottom: 30px;
}
.mb40 {
    margin-bottom: 40px;
}

.pc_none {
    display: none;
}
.clearfix {
    zoom: 1;
}
.clearfix:after {
    display: block;
    clear: both;
    content: '';
}
*:after {
    display: block;
    clear: both;
}

.ft20 {
    font-size: 20px;
}

/* ちらつき防止
======================================================= */

.overimg {
    box-shadow: #fff 0 0 0;
}

.overimg:hover {
    background: #fff¥9;

    -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=60)';
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
}


/* 20170315
========== */
#onecol .main {
    width: auto;
    min-height: auto;
    float: none;
}


#onecol .side {
    width: 980px;
    padding: 50px 0 0;
}

#onecol .main .block {
    margin: 0 0 40px;
}

#onecol .main h2 {
    position: relative;
    background: transparent;
}

#onecol .main h2:before {
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    left: 0;
    width: 250px;
    height: 2px;
    background: #c53820;
}

#onecol .main h2:after {
    content: '';
    position: absolute;
    z-index: 1;
    top: 0;
    left: 0;
    width: 100%;
    height: 2px;
    background: #dedede;
}

.cuisine_red,
.cuisine_ora {
    color: #fff;
}

.cuisine_red .cuisine_red_in {
    width: 620px;
    padding: 30px 10px 63px;
    height: 277px;
    text-align: center;
    background: url(../img/bg_cuisine_main.gif) repeat 0 0;
}

.cr01 .img {
    float: right;
    width: 340px;
    height: 370px;
}

.cr01 .cuisine_red_in {
    float: left;
}

.cr02 .img {
    float: left;
    width: 340px;
    height: 370px;
}

.cr02 .cuisine_red_in {
    float: right;
}

.cuisine_ora .cuisine_ora_in {
    width: 620px;
    padding: 30px 10px 63px;
    height: 277px;
    text-align: center;
    background: url(../img/bg_cuisine_annex.gif) repeat 0 0;
}

.co01 .img {
    float: right;
    width: 340px;
    height: 370px;
}

.co01 .cuisine_ora_in {
    float: left;
}

.co02 .img {
    float: left;
    width: 340px;
    height: 370px;
}

.co02 .cuisine_ora_in {
    float: right;
}

.cuisine_red h4,
.cuisine_ora h4 {
    font-size: 30px;
}

.cuisine_red .price,
.cuisine_ora .price {
    margin: 0 0 25px;
    padding: 0 0 25px;
    font-size: 22px;
    background: url(../img/ico_chopsticks.png) no-repeat 50% 100%;
}

.cuisine_red .price span,
.cuisine_ora .price span {
    font-size: 14px;
}

.cuisine_red .txt,
.cuisine_ora .txt {
    margin: 0 0 25px;
}

.cuisine_red .cr_btn,
.cuisine_ora .co_btn {
    width: 253px;
    margin: 0 auto;
}

.cuisine_red .cr_btn a,
.cuisine_ora .co_btn a {
    display: block;
    padding: 7px 10px;
    font-size: 18px;
    position: relative;
    background: url(../../img/arw_cuisine.png) no-repeat 94% 50%;
}

.cuisine_red .cr_btn a:link,
.cuisine_red .cr_btn a:visited,
.cuisine_red .cr_btn a:hover,
.cuisine_red .cr_btn a:active,
.cuisine_ora .co_btn a:link,
.cuisine_ora .co_btn a:visited,
.cuisine_ora .co_btn a:hover,
.cuisine_ora .co_btn a:active {
    color: #fff;
    text-decoration: none;
}

.cuisine_red .cr_btn a:before,
.cuisine_ora .co_btn a:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 248px;
    height: 48px;
    border: 1px solid #fff;
}

.cuisine_red .cr_btn a:after,
.cuisine_ora .co_btn a:after {
    content: '';
    position: absolute;
    top: 2px;
    left: 2px;
    width: 248px;
    height: 48px;
    border: 1px solid #fff;
}


/* menu
========== */
.menu_list {
    margin: 0 0 10px;
    background: url(../img/bg_cuisine_main.gif) repeat 0 0;
}

.menu_list .menu_list_in {
    padding: 50px;
    background: url(../../img/menu_bg_pattern.png) no-repeat 100% 0;
}

#onecol .main .menu_list h2 {
    position: static;
    margin: 0 0 30px;
    padding: 0 0 25px;
    color: #fff;
    font-size: 30px;
    text-align: center;
    border: none;
    background: url(../img/ico_chopsticks.png) no-repeat 50% 100%;
}

#onecol .main .menu_list h2:before,
#onecol .main .menu_list h2:after {
    display: none;
}

.menu_list .menu_list_table {
    position: relative;
    padding: 50px 50px 20px;
    background: rgba(255, 255, 255, 0.45);
}

.menu_list .menu_list_table:before {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 30px;
    height: 30px;
    background: url(../../img/menu_bg_rt.gif) no-repeat 0 0;
}

.menu_list .menu_list_table:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 0;
    width: 30px;
    height: 30px;
    background: url(../../img/menu_bg_lb.gif) no-repeat 0 0;
}

.menu_list table {
    width: 100%;
}

.menu_list table th {
    width: 60px;
    padding: 30px;
    color: #fff;
    font-size: 20px;
    border-bottom: 1px solid #fff;
}

.menu_list table tr:nth-child(odd) th {
    background: url(../../img/menu_ico_odd.png) no-repeat 5% 45%;
}

.menu_list table tr:nth-child(even) th {
    background: url(../../img/menu_ico_even.png) no-repeat 5% 45%;
}

.menu_list table td {
    padding: 30px 0 30px 80px;
    color: #fff;
    border-bottom: 1px solid #fff;
}

.menu_list table tr:last-child th,
.menu_list table tr:last-child td {
    border: none;
}


.gallery_col3 {
    width: 980px;
    overflow: hidden;
}

.gallery_col3 .gc3_in {
    width: 1005px;
    overflow: hidden;
}

.gallery_col3 .gc3_cont {
    float: left;
    width: 310px;
    margin: 0 25px 0 0;
}

.gallery_col3 .gc3_cont:nth-child(3n+1) {
    margin: 0 25px 25px 0;
    clear: both;
}

.gallery_col3 .gc3_cont .img {
    margin: 0 0 10px;
}


.gallery_col2 {
    width: 980px;
    overflow: hidden;
}

.gallery_col2 .gc2_in {
    width: 1000px;
    overflow: hidden;
}

.gallery_col2 .gc2_cont {
    float: left;
    width: 480px;
    margin: 0 20px 0 0;
}

.gallery_col2 .gc2_cont:nth-child(2n+1) {
    margin: 0 20px 20px 0;
    clear: both;
}

.gallery_col2 .gc2_cont .img {
    margin: 0 0 10px;
}


.gc2_lg_in,
.gc2_rg_in {
    margin: 0 0 10px;
}

.gc2_lg_in .gc2_lg_left {
    float: left;
    width: 650px;
}

.gc2_lg_in .gc2_lg_right {
    float: right;
    width: 310px;
}

.gc2_lg_in .gc2_lg_right p {
    margin: 21px 0 0;
}

.gc2_lg_in .gc2_lg_right p:first-child {
    margin: 0;
}

.gc2_rg_in .gc2_rg_right {
    float: right;
    width: 650px;
}

.gc2_rg_in .gc2_rg_left {
    float: left;
    width: 310px;
}

.gc2_rg_in .gc2_rg_left p {
    margin: 21px 0 0;
}

.gc2_rg_in .gc2_rg_left p:first-child {
    margin: 0;
}

.gallery_slide,
.gallery_slide02 {
    margin: 0 0 10px;
    overflow: hidden;
}

.gallery_slide ul,
.gallery_slide02 ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.gallery_slide ul li,
.gallery_slide02 ul li {
    width: 980px;
    text-align: center;
}

.gs_nav,
.gs_nav02 {
    width: 980px;
    overflow: hidden;
}

.gs_nav ul,
.gs_nav02 ul {
    width: 1000px;
    overflow: hidden;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.gs_nav ul li,
.gs_nav02 ul li {
    float: left;
    width: 60px;
    margin: 0 11px 11px 0;
}

.gs_nav ul li img,
.gs_nav02 ul li img {
    width: 60px;
    height: 60px;
}