		<h1 class="logo">
			<a href="/"><img class="overimg" src="/img/logo.gif" width="90" height="46" alt="JPRS"></a>
		</h1>@charset 'UTF-8';

/* **********************************************************************
 *
 *       Title:   Site-Shokunin CMS master.css
 *       Notes:   Hand-crafted by WebLab Corporation in Tokyo.
 *
 ********************************************************************** */

/* IE用印刷設定CSS
======================================================= */

@media print {
    body {
        _zoom: 67%; /*WinIE only */
    }
    #top_a {
        _zoom: 95%; /*WinIE only */
    }
}

/* 基本設定
======================================================= */

* {
    margin: 0;
    padding: 0;
}

html { font-size: 62.5%; }

body {
    font: 1.0rem;
    line-height: 1.6;
    position: relative;
    min-width: 980px;
    text-align: left;
    color: #333;
    background: #fff;
    font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', 'Helvetica', 'Arial', 'sans-serif';
}
body.contact {
    min-width: 700px;
}

* html body {
    font: x-small;
}
:first-child + html body {
    font-size: small;
}
a:link,
a:visited {
    color: #1c379c;
}
a:hover,
a:active {
    text-decoration: none;
    color: #1c379c;
}

address,
caption,
cite,
code,
dfn,
em,
th,
var {
    font-weight: normal;
    font-style: normal;
}
p {
    font-size: 14px;
    font-size: 1.4rem;
    margin:0 0 10px 0;
}

ul {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 5px 0 5px 10px;
    padding: 0 0 0 10px;
}

ol {
    font-size: 14px;
    font-size: 1.4rem;
    margin: 5px 0 5px 15px;
    padding: 0 0 0 20px;
}


/* レイアウト設定
======================================================= */

.wrapper {
    width: 980px;
    margin: 0 auto 40px;
    background: #fff;
}

.wrapper .side {
    float: left;
    width: 240px;
    padding: 40px 0 0;
}

.wrapper .main {
    float: right;
    width: 700px;
    padding: 40px 0 0;
}

#cs .wrapper .main {
    float: none;
    width: 980px;
    padding: 80px 0 0;
}


/* header設定
======================================================= */

header {
    background: #f8f8f8;
}

header .inner {
    width: 980px;
    margin: 0 auto;
    padding: 0;
}

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

header .logo {
    float: left;
    width: 90px;
    padding: 27px 40px 27px 0;
}

header .logo2 {
    float: left;
    width: 90px;
    padding: 27px 40px 27px 0;
}

header .catch {
    float: left;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
    line-height: 1;
    padding: 38px 0 0 0;
}

header .eng_nav a {
    float: right;
    width: 132px;
    display: block;
    background: url(/img/btn_eng.png) 28px 44px no-repeat;
    padding: 39px 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
}

header .eng_nav a:hover {
    background: #fff url(/img/btn_eng.png) 28px 44px no-repeat;
}


header .jpn_nav a {
    float: right;
    width: 132px;
    display: block;
    background: url(/img/btn_jpn.png) 28px 44px no-repeat;
    padding: 39px 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    border-left: 1px solid #e7e7e7;
    border-right: 1px solid #e7e7e7;
}

header .jpn_nav a:hover {
    background: #fff url(/img/btn_jpn.png) 28px 44px no-repeat;
}


.sp_trigger,
.overlay { display: none;}


/* パンくず
======================================================= */

ol.breadcrumb {
    font-size: 1.2rem;
    margin: 0 0 35px;
    padding: 0;
    list-style-type: none;
}

ol.breadcrumb li {
    float: left;
}


/* 下層ナビゲーション
======================================================= */

/* cate_top */

.subnav .head {
    padding: 8px 12px;
    display: block;
    font-size: 14px;
    font-size: 1.4rem;
    font-weight: bold;
    color: #fff;
    background: #333;
    border-top: 3px solid #d2242b;
}

.side .bnr {
    margin: 0 0 20px;
}

/* subnav */

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

.side ul.subnav {
    margin: 0 0 30px;
}

.side ul.subnav > li {
    margin: 0 0 5px;
}

.side ul.subnav li li {
    border-top: 0;
}

.side ul.subnav li a {
    display: block;
    margin: 0;
    padding: 10px 25px 9px 14px;
    background: #f5f5f5 url(/img/arw.png) 95% 50% no-repeat;
}
.side ul.subnav li a:link,
.side ul.subnav li a:visited {
    color: #333;
    text-decoration: none;
}
.side ul.subnav li a:hover {
    background: #f5f5f5 url(/img/arw.png) 95% 50% no-repeat;
    color: #d2242b;
    text-decoration: none;
}

.side ul.subnav li ul {
    background: #f5f5f5;
    padding: 0 0 12px;
}

.side ul.subnav li li {
    margin: 0 0 3px;
}
.side ul.subnav li li a {
    display: block;
    width: 190px;
    margin: 0 auto;
    padding: 8px 10px 7px 10px;
    background: #e7e7e7 url(/img/arw.png) 34px 50% no-repeat;
}
.side ul.subnav li li a:link,
.side ul.subnav li li a:visited {
    background: #e7e7e7;
    color: #333;
    text-decoration: none;
}

.side ul.subnav li li a:hover {
    background: #efd2d3;
    color: #333;
    text-decoration: none;
}


.side ul.subnav li.subselected > a {
    background: #f5f5f5 url(/img/arw.png) 95% 50% no-repeat;
    font-weight: bold;
    color: #d2242b;
    text-decoration: none;
}

.side ul.subnav li li.localselected a {
    background: #efd2d3;
    text-decoration: none;
}

.side ul.bnr {
    margin: 20px 0 0;
}


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

.topblock {
    clear: both;
    width: 100%;
    margin: 0 0 40px;
}

.top_tit {
    border-bottom: 2px solid #e7e7e7;
    padding: 0 0 8px;
    margin: 0 0 20px;
}

.top_tit h2 {
    float: left;
    border-left: 5px solid #d2242b;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
    padding: 0 0 0 10px;
}

.top_tit p {
    float: right;
    font-size: 11px;
    font-size: 1.1rem;
    padding: 0 0 0 10px;
    margin: 7px 0 0 0;
    background: url(/img/arw.png) 0 .4em no-repeat;
}


/* 下層共通設定
======================================================= */

.block {
    clear: both;
    width: 100%;
    margin: 0 0 40px;

}

.main h1 {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: normal;
    margin: 0 0 30px;
    padding: 0 0 18px;
    border-bottom: 1px solid #e6e6e6;
    color: #333;
}

.main .block h2 {
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 0 20px;
    padding: 7px 10px 5px;
    background: #f8f8f8;
    border-left: 5px solid #d2242b;
    color: #333;
}
.main .block h3 {
    font-size: 14px;
    font-size: 1.4rem;
    padding: 7px 10px;
    margin: 0 0 15px;
    color: #fff;
    background: #949292;
}


/* footer設定
======================================================= */

footer {
    background: #e7e7e7;
}

/* foot_info */

.foot_info {
    width: 980px;
    margin: 0 auto;
    color: #696969;
    padding: 35px 0;
}

.foot_info .logo {
    float: left;
    width: 90px;
    padding: 0 40px 0 0;
}

.foot_info ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-size: 1.1rem;
    line-height: 1.5;
}

.foot_info ul li {
    float: left;
    padding: 0 40px 0 0;
}

/* foot_nav */

footer .foot_nav {
    background: #333;
}

footer .foot_in {
    width: 980px;
    margin: 0 auto;
    padding: 10px 0;
}

.foot_nav ul {
    float: left;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.foot_nav ul li {
    float: left;
    margin: 0 21px 0 0;
    padding: 0 0 0 10px;
    font-size: 11px;
    font-size: 1.1rem;
    background: url(/img/arw.png) no-repeat 0 .4em;
}

.foot_nav a:link,
.foot_nav a:visited {
    color: #fff;
    text-decoration: none;
}

.foot_nav a:hover {
    color: #fff;
    text-decoration: underline;
}

.foot_nav .copy {
    float: right;
    color: #fff;
    font-size: 11px;
    font-size: 1.1rem;
}

#cs .foot_nav .copy {
    float: none;
    text-align: center;
    color: #fff;
    font-size: 11px;
    font-size: 1.1rem;
}


/* pagetop
======================================================= */

.pagetop {
    position: fixed;
    z-index: 10;
    right: 50px;
    bottom: 0;
}

.pagetop a {
    float: left;
    padding-top: 44px;
    height: 0 !important;
    height /**/: 44px;
    margin: 0;
    overflow: hidden;
    outline: none;
    background: url(/img/pagetop.png) no-repeat 0 0;
}


/* スマホ切替スイッチ設定
======================================================= */

.dvc_switch {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    background: #333;
}

.dvc_switch ul {
    width: 90%;
    margin: 0 auto;
    padding: 0;
}

.dvc_switch li {
    float: left;
    width: 100%;
    list-style-type: none;
}

.dvc_switch li a#btnSP {
    display: inline-block;
    padding: 10px 10px 10px 35px;
    text-decoration: none;
    color: #fff;
    background: url(../img/sp/ico_pc.png) 10px 50% no-repeat;
    -webkit-background-size: 17px 16px;
       -moz-background-size: 17px 16px;
         -o-background-size: 17px 16px;
            background-size: 17px 16px;
        -ms-background-size: 17px 16px;
}

.dvc_switch li a#btnPC {
    display: none;
}

.dvc_switch p {
    font-size: 77%;
    width: 100%;
    margin: 0 auto;
    padding: 0 0 10px;
    text-align: center;
    color: #fff;
}


.seal {
    width: 980px;
    margin: 0 auto 40px;
    background: #fff;

}