@charset "shift_jis";

/* common
================================================== */
#contents .section .list:after,
#contents .section .explan:after,
#contents .section .cont:after,
#contents .section .box:after,
#contents .section .block:after{
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
#contents .section .list,
#contents .section .explan,
#contents .section .cont,
#contents .section .box,
#contents .section .block {
zoom: 1;
}
#contents {
font-family: 'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','Meiryo UI','MS UI Gothic','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
width: auto;
font-feature-settings: "palt";
-webkit-font-feature-settings: "palt";
letter-spacing: 0.1em;
}
.noNavigationWide #mainContents {
text-align: center;
float: none;
width: auto;
}

/* #mainVisual
================================================== */
#mainVisual {
background: url(../img/main_bg.png) no-repeat center 57px;
}
#mainVisual .cont {
position: relative;
background: url(../img/main_line.png) no-repeat center bottom;
margin: 0 auto 0 auto;
padding: 59px 0 82px 0;
width: 640px;
font-size: 0;
line-height: 0;
text-align: center;
}
#mainVisual h1 {
margin: 0 0 58px -22px;
padding: 0 0 0 0;
}
#mainVisual .img {
margin-bottom: 58px;
}
#mainVisual .txt {
margin-bottom: 66px;
}
#mainVisual ul {
display: table;
margin: 0 -30px 0 -30px;
width: 700px;
height: 128px;
}
#mainVisual li {
display: table-cell;
width: 25%;
vertical-align: bottom;
text-align: center;
}
/* mainContents section
================================================== */


#ABOUT {
background: url(../img/sct_line.png) no-repeat center bottom;
margin: 0 auto;
padding: 71px 0 129px 0;
width: 640px;
text-align: center;
}
#ABOUT h2 {
margin-bottom: 59px;
}
#ABOUT .image {
margin-bottom: 31px;
}
#ABOUT .pack {
padding-top: 19px;
}
#ABOUT h3 {
margin-bottom: 31px;
}

#SPECIAL {
overflow: hidden;
}
#SPECIAL .cont {
background: url(../img/sct_line.png) no-repeat center bottom;
margin: 0 auto;
padding: 98px 0 107px 0;
width: 640px;
text-align: left;
}
#SPECIAL h2 {
margin-bottom: 55px;
text-align: center;
}
#SPECIAL .lead {
margin-bottom: 49px;
text-align: center;
}
#SPECIAL .person {
margin-bottom: 58px;
text-align: center;
}
#S_BLK1 {
background: url(../img/spe_line.png) no-repeat center bottom;
margin-bottom: 80px;
padding-bottom: 27px;
}
#S_BLK1 .pack h3 {
margin: 0 0 27px 23px;
}
#S_BLK1 .image {
margin-left: -50px;
padding: 36px 0 0 0;
}
#S_BLK2 {
padding-bottom: 42px;
}
#S_BLK2 .pack h3 {
margin: 0 0 27px 23px;
}
#S_BLK2 .image {
margin-left: -20px;
padding: 21px 0 0 0;
}
#SPECIAL .block p {
margin: 0 25px;
font-size: 24px;
line-height: 1.94;
}
#SPECIAL .box {
position: relative;
background: url(../img/nwe_bg.png) no-repeat left top;
margin: 0 auto;
width: 590px;
height: 540px;
}
#SPECIAL .box .txt {
position: absolute;
left: 45px;
top: 216px;
}
#SPECIAL .box .lnk {
position: absolute;
left: 0;
bottom: 34px;
width: 590px;
text-align: center;
font-size: 24px;
font-weight: bold;
}
#SPECIAL .box .lnk a {
color: #39a9e2;
text-decoration: none;
}
#SPECIAL .box .lnk a:hover {
text-decoration: none;
}

#RECOMMEND {
background: url(../img/sct_line.png) no-repeat center bottom;
margin: 0 auto;
padding: 59px 0 105px 0;
width: 640px;
text-align: left;
}
#RECOMMEND h2 {
margin-bottom: 59px;
text-align: center;
}
#RECOMMEND .block {
position: relative;
}
#RECOMMEND .pack {
margin: 0 auto;
padding-top: 28px;
width: 520px;
}
#R_BLK1 {
padding-bottom: 71px;
}
#R_BLK1 .image {
padding-left: 56px;
}
#R_BLK2 {
padding-bottom: 79px;
}
#R_BLK2 .image {
padding-left: 73px;
}
#R_BLK2 .bg {
position: absolute;
left: -54px;
bottom: 9px;
}
#R_BLK3 {}
#R_BLK3 .pack {
padding-top: 15px !important;
}
#R_BLK3 .image {
padding-left: 9px;
}
#RECOMMEND .block p {
margin-top: 19px;
font-size: 24px;
line-height: 1.94;
}
#RECOMMEND .block .name {
margin-top: 11px;
text-align: right;
}

#PRODUCTS {
margin: 0 auto;
padding: 76px 0 46px 0;
width: 640px;
text-align: left;
}
#PRODUCTS h2 {
margin-bottom: 53px;
text-align: center;
}
#PRODUCTS .item {
margin: 0 -2px 42px -2px;
text-align: center;
}
#PRODUCTS .lead {
margin-bottom: 58px;
text-align: center;
}
#PRODUCTS .block {
margin: 0 auto;
padding-bottom: 66px;
width: 570px;
}
#PRODUCTS .block .image {
margin-bottom: 22px;
}
#PRODUCTS .block h3 {
margin-bottom: 6px;
font-size: 32px;
font-weight: bold;
line-height: 1.45;
letter-spacing: 0;
}
#PRODUCTS .block p {
margin-bottom: 28px;
font-size: 24px;
line-height: 1.94;
}
#PRODUCTS .block dt {
margin-bottom: 2px;
font-size: 26px;
font-weight: bold;
letter-spacing: 0;
}
#PRODUCTS .block dd {
margin-left: 0.5em;
font-size: 24px;
line-height: 1.94;
letter-spacing: 0;
}
#PRODUCTS .block dd a {
color: #39a9e2;
text-decoration: none;
}
#PRODUCTS .block dd a:hover {
text-decoration: none;
}

#PRESENT {
box-sizing: border-box;
background-color: #fbe7b9;
margin: 0 auto 70px auto;
padding: 40px 35px 26px 35px;
width: 590px;
}
#PRESENT h2 {
margin-bottom: 34px;
text-align: center;
}
#PRESENT .lead {
margin-bottom: 32px;
text-align: center;
}
#PRESENT .image {
margin-bottom: 30px;
}
#PRESENT .pack {
text-align: left;
}
#PRESENT h3 {
border: solid 2px #f4a567;
margin-bottom: 23px;
font-size: 22px;
font-weight: bold;
line-height: 56px;
letter-spacing: 0;
text-align: center;
}
#PRESENT h4 {
margin-top: 12px;
margin-bottom: -9px;
font-size: 24px;
font-weight: bold;
line-height: 1.94;
letter-spacing: 0;
}
#PRESENT p {
margin-top: 9px;
font-size: 24px;
line-height: 1.94;
letter-spacing: 0;
}
#PRESENT ol,
#PRESENT ul {
margin-top: 9px;
font-size: 24px;
line-height: 1.94;
letter-spacing: 0;
}
#PRESENT p strong {
border-bottom: dashed 2px #f4a567;
}

#COLUMN {
overflow: hidden;
}
#COLUMN .cont {
margin: 0 auto 118px auto;
width: 640px;
}
#COLUMN h2 {
margin: 0 -55px;
}
#COLUMN p {
margin-top: 42px;
text-align: center;
font-size: 24px;
line-height: 1.94;
font-weight: bold;
}
#COLUMN p a {
color: #39a9e2;
text-decoration: none;
}
#COLUMN p a:hover {
text-decoration: none;
}

#contents .banner {
background-color: #fff9b1;
text-align: center;
}
#contents .banner a {
display: block;
}