@charset "utf-8";

/* 木工ランド */

#ViewArea {
 float:left;
 width: 492px;
 height:126px;
 margin-top: 5px;
 margin-bottom: 5px;
 overflow:hidden;
 z-index:1;
}

#ScrollArea {
 position: relative;
 width: 492px;
 height: 126px;
 z-index:2;
}

#ScrollArea li {
 float:left;
 position: relative;
 height: 126px;
 margin-left: 0;
 text-align: center;
 list-style: none;
}

#ScrollArea li a {
 display: block;
 border: 2px solid #FFFFFF;
}

#ScrollArea li a:hover {
 border: 2px solid #990000;
}

#ScrollArea li img {
 width: 162px;
 height: 122px;
}

#Leftbtn {
 float: left;
 width: 20px;
 height: 122px;
 margin-top: 7px;
 margin-right: 4px;
 margin-bottom: 2px;
 cursor: pointer;
 overflow: hidden;
 z-index: 1;
}

#Rightbtn {
 float: right;
 width: 20px;
 height:122px;
 margin-top: 7px;
 margin-bottom: 2px;
 margin-left: 4px;
 cursor: pointer;
 overflow: hidden;
 z-index: 1;
}

blockquote.exp01 {
    background: #990000;
    color: #fff;
}

blockquote.exp01 a,
blockquote.exp01 a:visited {
 color: #fff;
 text-decoration: underline;
}

blockquote.exp01 a:hover {
 color: #fff;
 text-decoration: none;
}

blockquote .layoutLeft01 {
    width: 270px;
    padding-right: 10px;
    float: left;
}

blockquote .layoutLeft02 {
    float: left;
    padding-top:10px;
}



/*----------------------------------------------------------------------
// Light Layout Setting
----------------------------------------------------------------------*/

.layoutRight {
 float: right;
 margin-bottom: 15px;
 margin-left: 15px;
}

.layoutLeft {
 float: left;
 margin-right: 15px;
 margin-bottom: 15px;
}

.layoutCenter {
 clear: both;
 text-align: center;
}

.clr {
 clear: both;
}

.halfRight {
 float: right;
 width: 265px;
}

.halfLeft {
 float: left;
 width: 265px;
 margin-right: 10px;
}

ul.photoLib,
ul.itemLib,
ul.albumLib {
 clear: both;
 height: 1%;
 list-style: none;
 overflow: hidden;
}

ul.photoLib li,
ul.itemLib li,
ul.albumLib li {
 float: left;
 margin-left: 0;
 padding-right: 5px;
 padding-bottom: 10px;
 padding-left: 5px;
 text-align: center;
 list-style: none;
}

ul.itemLibStd {
 float: right;
 margin-bottom: 5px;
 margin-left: 15px;
 list-style: none;
}

ul.itemLibStd li {
 margin-left: 0;
 padding-right: 5px;
 padding-bottom: 10px;
 padding-left: 5px;
 text-align: center;
 list-style: none;
}

ul.itemLibOne {
 float: right;
 width: 260px;
 margin-bottom: 15px;
 margin-left: 15px;
 list-style: none;
}

ul.itemLibOne li {
 margin-left: 0;
 text-align: center;
 list-style: none;
}

ul.photoLib li {
 width: 170px;
}

ul.itemLib li,
ul.albumLib li,
ul.itemLibStd li,
ul.itemLibOne li {
 width: 260px;
}

ul.photoLib li a,
ul.itemLib li a,
ul.itemLibOne li a,
ul.albumLib li a {
 text-decoration: none;
}

ul.photoLib li a img,
ul.itemLib li a img,
ul.itemLibStd li a img,
ul.itemLibOne li a img,
ul.albumLib li a img  {
 display: block;
}

ul.photoLib li a span,
ul.itemLib li a span,
ul.itemLibStd li a span,
ul.itemLibOne li a span,
ul.albumLib li a span {
 padding-left: 16px;
 text-decoration: underline;
 background: url(../images/shared/bg_loupe.gif) no-repeat;
}

ul.photoLib li a:hover span,
ul.itemLib li a:hover span,
ul.itemLibStd li a:hover span,
ul.itemLibOne li a:hover span,
ul.albumLib li a:hover span {
 text-decoration: none;
 color: #990000;
}

ul.itemLib li span,
ul.itemLibStd li span,
ul.itemLibOne li span {
 font-size: 85%;
 color: #666666;
}

ul.albumLib li a {
 font-size: 85%;
}

ul.albumLib li em {
 display: block;
 width: 260px;
 height: 195px;
 overflow: hidden;
}

ul.albumLib li img {
 width: 260px;
}

.section ul.albumLib li p {
 padding-right: 5px;
 padding-left: 5px;
 padding-bottom: 5px;
 line-height: 1.3;
 text-align: left;
}

/* --------------
  * albumLib2
  * -------------- */
.section ul.albumLib2 {
 clear: both;
 height: 1%;
 list-style: none;
 overflow: hidden;
}
.section ul.albumLib2 li {
 float: left;
 margin-left: 0;
 padding-right: 5px;
 padding-bottom: 10px;
 padding-left: 5px;
 text-align: center;
 list-style: none;
}
.section ul.albumLib2 li {
 width: 170px;
}
.section ul.albumLib2 li a {
 text-decoration: none;
}
.section ul.albumLib2 li a img  {
 display: block;
}
.section ul.albumLib2 li a span {
 padding-left: 16px;
 text-decoration: underline;
 background: url(../images/shared/bg_loupe.gif) no-repeat;
}
.section ul.albumLib2 li a:hover span {
 text-decoration: none;
 color: #900;
}
.section ul.albumLib2 li a {
 font-size: 85%;
}
.section ul.albumLib2 li em{
 display: block;
 width: 170px;
 overflow: hidden;
}
.section ul.albumLib2 li img {
width: 100%;
}
.section ul.albumLib2 li p {
 padding-right: 5px;
 padding-left: 5px;
 padding-bottom: 5px;
 line-height: 1.3;
 text-align: left;
}

ul.catList {
 height: 1%;
 list-style: none;
 overflow: hidden;
}

ul.catList li {
 float: left;
 width: 260px;
 padding-right: 5px;
 padding-left: 5px;
 margin-left: 0;
 list-style: none;
}

ul.catList li dl.groupBox {
 margin-bottom: 10px;
}

ul.catList li dl.groupBox dt {
    color: #fff;
    text-decoration: none;
}
ul.catList li dl.groupBox dt a {
    color: #fff;
    text-decoration: none;
}
ul.catList li dl.groupBox dt a:visited {
    color: #fff;
    text-decoration: none;
}
ul.catList li dl.groupBox dt a:hover {
    color: #ffcc00;
    text-decoration: underline;
}

dl.groupBox dd img {
 display: block;
 margin-bottom: 5px;
}

dl.groupBox dd p.alCenter a img {
 display: inline;
}

ul.layout3 {
 height: 1%;
 list-style: none;
 overflow: hidden;
}

ul.layout3 li {
 float: left;
 width: 170px;
 margin-left: 0;
 padding-right: 5px;
 padding-bottom: 10px;
 padding-left: 5px;
 list-style: none;
}

ul.layout3 li ul {
 height: auto;
 overflow: visible;
 list-style: square;
}

ul.layout3 li ul li {
 width: auto;
 margin-left: 20px;
 padding: 0;
 list-style: square;
}

ul.itemList {
 list-style: none;
 padding-bottom: 10px;
}

ul.itemList li {
 clear: both;
 margin-bottom: 5px;
 margin-left: 0;
 padding: 4px;
 list-style: none;
 background: #F0F0F0;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border: 1px solid #D8D8D8;
}

ul.itemList li div.itemWrap {
 height: 1%;
 padding-top: 5px;
 padding-right: 5px;
 padding-bottom: 5px;
 padding-left: 5px;
 background: #FFFFFF;
 overflow: hidden;
}

ul.itemList li div.itemWrap img {
 float: left;
 width: 120px;
}

ul.itemList li div.itemWrap dl {
 padding-left: 130px;
}

ul.itemList li div.itemWrap dl dt {
 padding: 5px;
 font-size: 105%;
 line-height: 1.3;
 color: #FFFFFF;
 text-shadow: -1px -1px 1px #000000;
 background: url(../images/shared/bg_groupbox.gif) repeat-x;
}

ul.itemList li div.itemWrap dl dt a {
    color: #fff;
    text-decoration: none;
}
ul.itemList li div.itemWrap dl dt a:visited {
    color: #fff;
    text-decoration: none;
}
ul.itemList li div.itemWrap dl dt a:hover {
    color: #fff;
    text-decoration: underline;
}

ul.itemList li div.itemWrap dl dd p {
 padding-bottom: 0;
}

ul.itemList li div.itemWrap {
    position: relative;
}
div.icoNew2 {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 18px;
    height: 12px;
    clear: both;
    background: url("../images/shared/txt_new2.gif");
}

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

ul.imgLayout3,
ul.imgLayout4 {
 clear: both;
 height: 1%;
 list-style: none;
 overflow: hidden;
}

ul.imgLayout3 li,
ul.imgLayout4 li {
 float: left;
 margin-left: 0;
 padding-bottom: 1.65em;
 list-style: none;
 font-size: 80%;
 line-height: 1.3;
}

ul.imgLayout3 li {
 width: 222px;
 padding-right: 17px;
}

ul.imgLayout4 li {
 width: 163px;
 padding-right: 16px;
}

ul.imgLayout3 li.laneEnd,
ul.imgLayout4 li.laneEnd {
 padding-right: 0;
}

ul.imgLayout3 li img,
ul.imgLayout4 li img {
 display: block;
 margin-bottom: 5px;
}

ul.checkList {
 margin-bottom: 1.65em;
 padding-top: 0.5em;
 padding-right: 10px;
 padding-left: 10px;
 list-style: none;
 border-radius: 6px;
 -webkit-border-radius: 6px;
 -moz-border-radius: 6px;
 border: 3px dotted #F8C62A;
}

ul.checkList li {
 margin-left: 0;
 padding-bottom: 0.5em;
 padding-left: 25px;
 font-size: 115%;
 font-weight: bold;
 list-style: none;
 background: url(../images/shared/bg_check.gif) no-repeat;
}

.ajust01 {
    float: right;
    margin: 0 0 10px 10px;
}


/*----------------------------------------------------------------------
// SliderContent Setting
----------------------------------------------------------------------*/

.slider,
.sliderContent,
.sliderContent .item {
 width: 740px;
 height: 325px;
}

.slider {
 position:relative;
 margin-bottom: 1.65em;
 padding-bottom: 20px;
}

span.sliderContent,
ul.sliderContent {
 float: left;
 position: relative;
 list-style: none;
 overflow: hidden;
}

span.sliderContent img,
ul.sliderContent li {
 position: absolute;
 margin-left: 0;
 list-style: none;
 background: #FFFFFF;
}

ul.sliderContent a {
 outline: none;
}

h2.slider,
span.sliderContent,
span.sliderContent img {
 width: 540px;
 height: 260px;
 overflow: hidden;
}

h2.slider {
 padding-bottom: 0;
 margin-bottom: 15px;
}

h2.h404 {
line-height: 150%;
font-size: 4.0em;
}
h2.h404 span {
display: block;
font-size: 0.5em;
}

/*-------- bg_black --------*/
h2.bg_black {
/*width: 540px;*/
height: 90px;
color: #fff;
padding: 20px;
background: #252525;
position: relative;
z-index: 10;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
font-size: 2.2em;
vertical-align: middle;
line-height: 50px;
font-weight: normal;
margin-bottom: 10px;
}
h2.bg_black:before {
content: "";
position: absolute;
background: #252525;
margin: 1px;
border: 1px #fff solid;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
z-index: -10;
}
h2.bg_black span {
}

/*-------- bg_caution --------*/
h2.bg_caution {
width: 540px;
height: 90px;
color: #fff;
padding: 20px;
background-color: #c00;
position: relative;
z-index: 10;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
font-size: 2.2em;
vertical-align: middle;
line-height: 50px;
font-weight: normal;
margin-bottom: 10px;
text-align: center;
}
h2.bg_caution:before {
content: "";
position: absolute;
background-color: #c00;
margin: 1px;
border: 1px #fff solid;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
z-index: -10;
}
h2.bg_caution span {
}

/*-------- bg_caution02 --------*/
h2.bg_caution02 {
width: 540px;
height: 90px;
color: #fff;
padding: 20px;
background-color: #2D99EC;
position: relative;
z-index: 10;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
font-size: 2.2em;
vertical-align: middle;
line-height: 50px;
font-weight: normal;
margin-bottom: 10px;
text-align: center;
}
h2.bg_caution02:before {
content: "";
position: absolute;
background-color: #2D99EC;
margin: 1px;
border: 1px #1A43C3 solid;
top: 0;
right: 0;
bottom: 0;
left: 0;
display: block;
z-index: -10;
}
h2.bg_caution02 span {
}


span.sliderContent img {
 background: #F2EDD7;
}

.sliderArrows a {
 display: block;
 position: absolute;
 top: 50%;
 width: 42px;
 height: 42px;
 margin-top: -21px;
 text-indent: -9999px;
 outline: none;
 background-image: url(../images/shared/prev_next.png);
 z-index: 50;
}

.prev {
 left: 15px;
 background-position: 0 0;
}

.prev:hover {
 background-position: 0 -44px;
}

.next {
 right:15px;
 background-position: -44px 0;
}

.next:hover {
 background-position: -44px -44px;
}

.sliderBullets {
 position: absolute;
 bottom: 0;
 right: 0;
 margin-left: -45px;
 padding-right: 5px;
 padding-bottom: 5px;
 z-index: 50;
}

.sliderBullets a {
 display: block;
 float: left;
 width: 10px;
 height: 11px;
 margin-left: 5px;
 text-indent: -9999px;
 outline: none;
 background: url(../images/shared/bg_bullets.png) no-repeat;
}

.sliderBullets .active {
 cursor: default;
 background-color: transparent;
 background-position: 0 -11px;
}



/*----------------------------------------------------------------------
// Text Setting
----------------------------------------------------------------------*/

div.section p {
 padding-bottom: 1.65em;
}

span.caption {
 display: block;
 font-size: 80%;
 line-height: 1.3;
}

span.caption245 {
 display: block;
 width: 245px;
 font-size: 80%;
 line-height: 1.3;
}

.indent01 {
 display: block;
 padding-left: 1.0em;
 text-indent: -1.0em;
}

.indent02 {
 display: block;
 padding-left: 2.0em;
 text-indent: -2.0em;
}

.indent25 {
 display: block;
 padding-left: 2.5em;
 text-indent: -2.5em;
}

.indent03 {
 display: block;
 padding-left: 3.0em;
 text-indent: -3.0em;
}

.alRight {
 text-align: right;
}

.alLeft {
 text-align: left;
}

.alCenter {
 text-align: center;
}

.small { font-size: 80%; }

.large { font-size: 150%; }
.large02 { font-size: 300%; font-weight: bold; }
.large03 { font-size: 170%; }
.large04 { font-size: 120%; }

.bold { font-weight: bold; }
.noBold { font-weight: normal; }

.colorGreen {
    color: #00672b;
}

.caution {
 color: #990000;
}

.par {
 padding-bottom: 1.35em;
}

.parHalf,
.section dl.groupBox p.parHalf {
 padding-bottom: 0.65em;
}

.parTop {
 padding-top: 1.65em;
}

div.section p.noPar {
 padding-bottom: 0;
}

.imgCaption {
 display: block;
 padding-top: 2px;
 font-size: 80%;
 line-height: 1.3;
 text-align: center;
}

.txtBreak {
 text-decoration: line-through;
}

div.section p.priceMemo {
 padding-bottom: 0;
 text-align: center;
 color: #990000;
 line-height: 1.3;
}

.ml150 {
 margin-left: 150px;
}

#mapCanvas {
 width: 100%;
 height: 300px;
 margin-bottom: 5px;
}

.commentData {
 display: block;
 line-height: 1.3;
 font-size: 80%;
 text-align: right;
}

a.deleteBtn {
 display: block;
}

a.deleteBtn em {
 color: #990000;
 font-weight: bold;
 font-style: normal;
 font-size: 120%;
}

.starRank {
 color: #CCCCCC;
}

.starRank strong {
 color: #993300;
}



ul.paperQuote {
 list-style: none;
}

ul.paperQuote li {
 float: left;
 width: 260px;
 margin-left: 0;
 padding-left: 45px;
 list-style: none;
 background: url(../images/shared/bg_paper.gif) no-repeat;
}

dl.detailBlock dt,
dl.detailBlock02 dt {
    font-weight: bold;
}

dl.detailBlock02 dd {
    clear: both;
    height: 1%;
}

ul.paperQuote li  dl.detailBlock {
    padding-right: 2.0em;
}



/*----------------------------------------------------------------------
// basicTable Setting
----------------------------------------------------------------------*/

table.basicTable,
table.albumTable,
table.albumFenceTable {
 width: 100%;
 margin-bottom: 1.65em;
 line-height: 1.3;
 border-collapse: separate;
 border-spacing: 2px;
 /*background: #F0F0F0;
 border: 1px solid #D8D8D8;*/
}

table.basicTable thead th,
table.basicTable tfoot th,
table.albumTable thead th,
table.albumFenceTable thead th {
 padding: 5px;
 font-size: 105%;
 line-height: 1.3;
 color: #FFFFFF;
 text-align: center;
 font-weight: normal;
 text-shadow: -1px -1px 1px #000000;
 background: url(../images/shared/bg_groupbox.gif) repeat-x;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
}

table.basicTable thead th,
table.albumFenceTable thead th {
 vertical-align: middle;
 white-space: nowrap;
}

table.basicTable thead tr th.small {
 font-size: 95%;
}

table.basicTable thead tr th.itemName {
    width: 600px;
}

table.basicTable thead th strong {
 color: #FFCC00;
}

table.basicTable thead tr th a {
 color: #FFCC00;
 text-decoration: none;
}

table.basicTable thead tr th a:hover {
 color: #FFCC00;
 text-shadow: -1px -1px 1px #000000;
 text-decoration: underline;
}


table.basicTable tfoot th {
 text-align: right;
 vertical-align: middle;
}

table.basicTable tfoot td,
table.albumFenceTable tfoot td {
 padding: 5px;
}

table.basicTable tfoot td.emptyBlock {
 padding: 0;
 height: 5px;
 font-size: 0;
}

table.basicTable tbody th,
table.albumTable tbody th,
table.albumFenceTable tbody th {
 padding-top: 1px;
 padding-right: 5px;
 padding-bottom: 1px;
 padding-left: 5px;
 text-align: left;
 font-weight: normal;
 white-space: nowrap;
 color: #222222;
 background: #F8F8F8;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border: 1px solid #D8D8D8;
 border-left: 3px solid #336633;
}

table.basicTable thead tr th.alRight {
 text-align: right;
}

table.basicTable thead tr th.alLeft {
 text-align: left;
}

table.basicTable tbody tr th.alCenter {
 text-align: center;
}

table.basicTable thead tr td.verMid,
table.basicTable tbody tr th.verMid {
 vertical-align: middle;
}

table.basicTable tbody tr.even th,
table.albumTable tbody tr.even th,
table.albumFenceTable tbody tr.even th {
 background: #F0F0F0;
}

table.basicTable tbody tr.off th,
table.albumTable tbody tr.off th,
table.albumFenceTable tbody tr.off th {
 background: #e9e9e9;
}

table.basicTable thead td,
table.basicTable tbody td,
table.basicTable tfoot tr td.price,
table.albumTable tbody td,
table.albumTable tfoot td,
table.albumFenceTable tbody td {
 padding-top: 1px;
 padding-right: 5px;
 padding-bottom: 1px;
 padding-left: 5px;
 background: #FFFFFF;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border: 1px solid #D8D8D8;
}

table.basicTable tbody tr.even td,
table.basicTable tfoot tr.even td,
table.albumTable tbody tr.even td,
table.albumTable tfoot tr td,
table.albumFenceTable tbody tr.even td {
 background: #F8F8F8;
}

table.basicTable tbody tr.off td,
table.basicTable tfoot tr.off td,
table.albumTable tbody tr.off td,
table.albumTable tfoot tr td,
table.albumFenceTable tbody tr.off td {
 background: #e9e9e9;
}

table.basicTable tfoot tr td.price,
table.basicTable tbody tr td.price {
 text-align: right;
}

table.basicTable tfoot tr td.price {
 font-weight: bold;
}

table.albumTable thead th {
 padding-right: 10px;
 padding-left: 10px;
 text-align: left;
}

table.albumTable tbody th {
 width: 15%;
 vertical-align: middle;
}

table.albumTable tbody td.preView {
 padding: 10px;
}

table.albumTable tbody td.preView img {
 width: 200px;
}

table.albumTable tbody td.date {
 width: 30%;
}

.section table.albumTable tbody td p,
.section table.albumTable tfoot td p {
 padding-bottom: 0;
}

.section table.albumTable tfoot td p.photoCnt {
 padding-bottom: 5px;
}

form table.basicTable thead th,
form table.basicTable thead td,
form table.basicTable tbody th,
form table.basicTable tbody td
{
 vertical-align: middle;
 white-space: normal;
}

table.txtVerMid tbody tr th,
table.txtVerMid tbody tr td {
 vertical-align: middle;
}

table.albumFenceTable {
 float: right;
 width: 390px;
}

table.albumFenceTable thead th.specInfo {
 width: 60%;
}

table.albumFenceTable tfoot td{
 padding-left: 18px;
}

table.albumFenceTable tbody th{
 vertical-align: middle;
}

table.albumFenceTable tbody td {
 vertical-align: middle;
}

table.albumFenceTable tbody td.pricePer,
table.albumFenceTable tbody tr.even td.pricePer {
 color: #FFFFFF;
 text-align: center;
 vertical-align: middle;
 font-size: 120%;
 font-weight: bold;
 background: #DBB9B8;
 border: none;
}

.width25 {
 width: 25%;
}



/*----------------------------------------------------------------------
// Anchor Setting
----------------------------------------------------------------------*/

.other {
 padding-right: 17px;
 background: url(../images/shared/bg_other.gif) 100% 0 no-repeat;
}

.pdfLink,
p.moreLink span.pdfLink,
p.moreLink02 span.pdfLink {
    padding-left: 15px;
    background: url(../images/shared/bg_pdf.gif) no-repeat;
}

ul.linkList {
 margin-bottom: 1.45em;
 list-style: none;
}

ul.linkList li {
 margin-left: 0;
 padding-bottom: 0.45em;
 padding-left: 15px;
 line-height: 1.3;
 background: url(../images/shared/bg_linklist.png) no-repeat;
 list-style: none;
}

ul.linkList li ul {
 margin-top: 0.3em;
 margin-bottom: 0;
 list-style: none;
}

ul.linkList li ul li {
 margin-left: 0;
 padding-bottom: 5px;
 padding-left: 12px;
 background: url(../images/shared/bg_linklist2.png) no-repeat;
 list-style: none;
}

div.boxBlock a {
 color: #FFFFFF;
 text-decoration: none;
}

div.boxBlock a:hover {
 color: #FFCC00;
 text-decoration: underline;
}

div.boxBlock ul.linkList {
 margin-bottom: 0;
}

dl.groupBox dd ul.linkList {
 margin-bottom: 0;
}

dl.groupBox dd ul.linkList a {
 color: #333333;
 text-decoration: underline;
}

dl.groupBox dd ul.linkList a:hover {
 color: #990000;
 text-decoration: none;
}

div#footerNav a {
 color: #FFFFFF;
 text-decoration: none;
}

div#footerNav a:hover {
 color: #FFCC00;
 text-decoration: underline;
}

div#footerNav ul {
 float: left;
 width: 202px;
 padding-right: 30px;
}

div#footerNav ul.linkList li {
 font-weight: bold;
}

div#footerNav ul.linkList li ul {
 float: none;
 width: auto;
 padding-right: 0;
}

div#footerNav ul.linkList li ul li {
 font-weight: normal;
}

div#footerNav ul.one {
    width: 220px;
}

div#footerNav ul.two {
    width: 230px;
}

div#footerNav ul.three {
    width: 174px;
}

div#footerNav ul.four {
    width: 184px;
}

.moreLink {
    padding-bottom: 15px;
    text-align: right;
}
.moreLink02 {
    padding-bottom: 15px;
    text-align: left;
}

.moreLink span,
.moreLink02 span {
    padding-left: 15px;
    background: url(../images/shared/bg_more.gif) no-repeat;
}

.section p.pageTopMini {
 padding-bottom: 0;
 text-align: right;
}

.pageTopMini span {
 padding-left: 17px;
 background: url(../images/shared/bg_back.gif) no-repeat;
}

/*
dl.blogQuote {
    position: relative;
    clear: both;
}

dl.blogQuote dt {
    /*position: absolute;
    float: left;
    color: #fff;
    background-color: #363;
    margin-right: .5rem;
    padding-left: .3em;
    padding-right: .3em;
}

dl.blogQuote dd {
    padding-bottom: 0.5em;
    /*padding-left: 5.8em;
    float: left;
}

dl.blogQuote dd a {
 padding-right: 17px;
 color: #333;
 text-decoration: underline;
 background: url(../images/shared/bg_other.gif) 100% 0 no-repeat;
}

dl.blogQuote dd a:hover {
 color: #990000;
 text-decoration: none;
}
*/

.section p.pagingNav
{
 clear: both;
 padding-top: 10px;
 text-align: center;
}

.pagingNav a,
.pagingNav span
{
 margin-right: 2px;
 margin-left: 2px;
 padding-top:3px;
 padding-right: 4px;
 padding-bottom: 2px;
 padding-left: 4px;
 text-align: center;
 text-decoration: none;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
 border: 1px solid #ccc;
}

.pagingNav a:hover
{
 color: #fff;
 background: #990000;
}

.pagingNav a.txtLink
{
 text-decoration: underline;
 border: none;
}

.pagingNav a.txtLink:hover
{
 color: #990000;
 background: none;
}

.pagingNav span
{
 color: #fff;
 background: url(../images/shared/bg_cart_status.jpg);
}



/*----------------------------------------------------------------------
// Page guide Setting
----------------------------------------------------------------------*/

dl.pageGuide {
 float: right;
/* width: 735px;*/
 width: 1000px;
 padding-right: 30px;
 font-size: 80%;
}

dl.pageGuide dt {
 display: none;
 text-indent: -9999px;
}

dl.pageGuide dd {
 padding-bottom: 5px;
 text-align: right;
 color: #999999;
}

dl.pageGuide dd a {
 color: #999999;
}

dl.pageGuide dd a:hover {
 color: #990000;
}

dl.pageGuide dd span {
 color: #666666;
}

ul.creditUl {
    padding: 0;
    margin: 0 0 1.0em 0;
    clear: both;
    height: 1%;
    overflow: hidden;
}

ul.creditUl li {
    float: left;
    list-style: none;
    padding: 0 10px 0 0;
    margin: 0;
}

ul.conveniUl {
padding: 0;
margin: 0 0 1.0em 0;
clear: both;
height: 1%;
overflow: hidden;
}

ul.conveniUl li {
float: left;
width: 25%;
list-style: none;
padding: 0 15px 0 15px;
margin: 0 0 0.5em 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
ul.conveniUl li img {
width: 100%;
}



/*----------------------------------------------------------------------
// form Setting
----------------------------------------------------------------------*/

.section .formAlert {
 margin-bottom: 5px;
 padding: 10px;
 color: #FFFFFF;
 font-weight: bold;
 background: #990000;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
}

.section .formAlert p {
 padding-bottom: 0;
}

table.formTable th em {
 font-size: 85%;
 font-weight: bold;
 vertical-align: top;
 color: #CC0000;
}

table.formTable tbody th {
 width: 200px;
 white-space: normal;
}

table.formTable td {
 vertical-align: middle;
}

h4 span.tgrTitle {
 float: left;
 width: 400px;
}

h4 a.tgrButton {
 display: block;
 float: right;
 margin-top: 0.5em;
 font-size: 65%;
 color: #333333;
 padding-left: 15px;
 line-height: 1.3;
 background: url(../images/shared/bg_viewtgr.png) no-repeat;
}

h4 a.tgrButton:hover {
 color: #990000;
}

input.itemValue {
 width: 3.0em;
 text-align: center;
}

input#addCartBtn {
 clear: both;
 width: 200px;
 height: 36px;
 cursor: pointer;
 background-color: transparent;
 background-repeat: no-repeat;
 background-position: 0 0;
 border: 0;
}

input#addCartBtn {
 background-image: url(../images/shared/bg_add_cart.gif);
}

input#addCartBtn:hover {
 background-position: 0 -36px;
}

input#name,
input#name01,
input#name02,
input#kana,
input#addr01,
input#addr02,
input#email01,
input#email02,
input#name02,
input#kana02,
input#addr03,
input#addr04,
input#pw01,
input#pw02 {
 width: 300px;
}

input#zip01,
input#zip03 {
 width: 4.0em;
}

input#zip02,
input#zip04 {
 width: 5.0em;
}

input#tel01,
input#tel02,
input#tel03,
input#fax01,
input#fax02,
input#fax03,
input#tel04,
input#tel05,
input#tel06 {
 width: 3.0em;
}

textarea#msg {
 width: 300px;
 height: 12.0em;
}

textarea#desc01,
textarea#desc02,
textarea#desc03,
textarea#desc04,
textarea#desc05 {
 width: 300px;
 height: 3.0em;
}

textarea#commentMsg {
 width: 100%;
 height: 6.0em;
}

/*
input#question02,
input#question03,
input#question04 {
 width: 100%;
}
*/
input.question {
 width: 100%;
}

input#detail,
input#nickname {
 width: 120px;
}

label.sampleQ {
 display: block;
 float: left;
 padding-right: 1.0em;
}

input#formConfirm,
input#formBack,
input#formComp,
input.orderEvalBtn,
input.orderCartBtn,
input#formOrder,
input#formPrint,
input#formDownload,
input#formOrderConfirm,
input#formOrderComp,
input#formContactConfirm,
input#formContactComp,
input#formComConf,
input#formComComp,
input#formMemberConfirm,
input#formMemberComp,
input#formLostConfirm,
input#formLostComp,
input#formModifyConfirm,
input#formModifyComp,
input#formCancel,
input#formModify {
 clear: both;
 width: 200px;
 height: 36px;
 cursor: pointer;
 background-color: transparent;
 background-repeat: no-repeat;
 background-position: 0 0;
 border: 0;
}

input#formConfirm {
 background-image: url(../images/shared/bg_form_confirm.gif);
}

input#formBack {
 background-image: url(../images/shared/bg_form_back.gif);
}

input#formComp {
 background-image: url(../images/shared/bg_form_comp.gif);
}

input.orderEvalBtn {
 background-image: url(../images/shared/bg_ordereval.gif);
}

input#formOrder {
 background-image: url(../images/shared/bg_order.gif);
}

input#formPrint {
 background-image: url(../images/shared/bg_print.gif);
}

input#formDownload {
 background-image: url(../images/shared/bg_download.gif);
}

input#formOrderConfirm {
 background-image: url(../images/shared/bg_confirm.gif);
}

input#formOrderComp {
 background-image: url(../images/shared/bg_comp.gif);
}

input#formContactConfirm {
 background-image: url(../images/shared/bg_contact_confirm.gif);
}

input#formContactComp {
 background-image: url(../images/shared/bg_contact_comp.gif);
}

input#formComConf {
 background-image: url(../images/shared/bg_comment_confirm.gif);
}

input#formComComp {
 background-image: url(../images/shared/bg_comment_comp.gif);
}

input#formMemberConfirm {
 background-image: url(../images/shared/bg_member_confirm.gif);
}

input#formMemberComp {
 background-image: url(../images/shared/bg_member_comp.gif);
}

input#formLostConfirm {
 background-image: url(../images/shared/bg_lost_confirm.gif);
}

input#formLostComp {
 background-image: url(../images/shared/bg_lost_comp.gif);
}

input#formModifyConfirm {
 background-image: url(../images/shared/bg_modify_confirm.gif);
}

input#formModifyComp {
 background-image: url(../images/shared/bg_modify_comp.gif);
}

input#formCancel {
 background-image: url(../images/shared/bg_cancel.gif);
}

input#formModify {
 background-image: url(../images/shared/bg_modify.gif);
}

input.orderCartBtn {
 background-image: url(../images/shared/bg_ordercart.png);
}

input#formConfirm:hover,
input#formBack:hover,
input#formComp:hover,
input.orderEvalBtn:hover,
input.orderCartBtn:hover,
input#formOrder:hover,
input#formPrint:hover,
input#formDownload:hover,
input#formOrderConfirm:hover,
input#formOrderComp:hover,
input#formContactConfirm:hover,
input#formContactComp:hover,
input#formComConf:hover,
input#formComComp:hover,
input#formMemberConfirm:hover,
input#formMemberComp:hover,
input#formLostConfirm:hover,
input#formLostComp:hover,
input#formModifyConfirm:hover,
input#formModifyComp:hover,
input#formCancel:hover,
input#formModify:hover {
 background-position: 0 -36px;
}

ul.selectList,
ul.selectList li {
 margin-left: 0;
 list-style: none;
}

ul.selectList li label {
 display: block;
 padding-left: 20px;
 text-indent: -20px;
 border-bottom: 1px solid #CCCCCC;
}

ul.selectList li label:hover {
 background: #F0F0F0;
}

#userSelect {
 display: none;
}

#loginForm {
 height: 1%;
 margin-bottom: 15px;
 padding: 10px;
 color: #FFFFFF;
 background: url(../images/shared/bg_boxblock.jpg);
 border-radius: 5px;
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
 overflow: hidden;
}

fieldset.loginBlock {
 float: left;
 width: 240px;
 padding: 10px;
}

fieldset.loginBlock input {
 width: 234px;
 padding: 2px;
 font-size: 125%;
 color: #FFFFFF;
 background: url(../images/shared/bg_input_dark.png);
 border-top: 1px solid #000000;
 border-right: 1px solid #9A6637;
 border-bottom: 1px solid #9A6637;
 border-left: 1px solid #000000;
}

input#loginBtn {
 clear: both;
 width: 86px;
 height: 36px;
 cursor: pointer;
 background-color: transparent;
 background-repeat: no-repeat;
 background-position: 0 0;
 border: 0;
}

input#loginBtn {
 background-image: url(../images/shared/bg_login_submit.png);
}

input#loginBtn:hover {
 background-position: 0 -36px;
}

form#categoryselect {
    /*
    padding-top: 20px;
    padding-bottom: 20px;
    text-align: right;
    */
    text-align: right;
    margin: 0;
    padding-top: 5px;
    padding-bottom: 5px;
}



/*----------------------------------------------------------------------
// contents Setting
----------------------------------------------------------------------*/

ul.drawList {
 font-size: 80%;
 list-style: none;
}

ul.drawList li {
 margin-left: 0;
 padding: 2px;
 list-style: none;
}

ul.drawList li.wrc {
 background: #FFDD99;
}

ul.drawList li.ipe {
 background: #FFFFAA;
}

ul.drawList li.ulin {
 background: #CCEEFF;
}

ul.drawList li em {
 display: block;
 font-style: normal;
 font-size: 80%;
}

dl.faqBlock {
 padding-bottom: 1.0em;
}

dl.faqBlock dt {
 display: inline;
 padding-left: 19px;
 color: #339933;
 text-decoration: underline;
 background: url(../images/support/faq/bg_faq.gif) no-repeat;
 cursor: pointer;
}

dl.faqBlock dt:hover {
 color: #990000;
 text-decoration: none;
}

dl.faqBlock dd {
 width: 502px;
 padding-top: 5px;
 padding-left: 38px;
 background: url(../images/support/faq/bg_faq_ans.gif) 19px 7px no-repeat;
}



ul.itemLayout {
 clear: both;
 list-style: none;
}

ul.itemLayout li {
 position: relative;
 width: 330px;
 margin-left: 0;
 padding-right: 1px;
 padding-bottom: 15px;
 padding-left: 1px;
 list-style: none;
 background:url(../images/shared/bg_item.gif) 0 10px no-repeat;
}

ul.itemLayout li.itemLeft {
 float: left;
}

ul.itemLayout li.itemRight {
 float: right;
}

ul.itemLayout li ul {
 padding-left: 64px;
 list-style: disc;
}

ul.itemLayout li ul li {
 margin-left: 20px;
 padding-right: 10px;
 padding-bottom: 0;
 line-height: 1.65;
 list-style: disc;
 background: none;
}

ul.itemLayout li p {
 padding-right: 10px;
 padding-left: 64px;
}

ul.itemLayout li p.indent01 {
 margin-left: 1.0em;
}

div.section ul.itemLayout li p {
 padding-bottom: 0.5em;
 line-height: 1.65;
}

ul.itemLayout li img {
 position: absolute;
 top: 0;
 left: 0;
}

ul.itemLayout li ul.itemAwards {
 padding-bottom: 0.3em;
 list-style: none;
 font-size: 80%;
 color: #333333;
}

ul.itemLayout li ul.itemAwards li {
 margin-left: 0;
 padding-bottom: 0.5em;
 padding-left: 20px;
 line-height: 1.3;
 list-style: none;
 background: url(../images/shared/bg_award.gif) 0 0 no-repeat;
}

ul.awardsList {
 list-style: none;
}

ul.awardsList li {
 float: left;
 width: 320px;
 margin-left: 0;
 padding-right: 30px;
 padding-bottom: 1.65em;
 list-style: none;
}

ul.awardsList li h4 {
 padding: 0;
 font-size: 115%;
 font-weight: bold;
 color: #333333;
 line-height: 1.3;
 border-bottom: none;
}

div.section ul.awardsList li p {
 margin-bottom: 0.6em;
 padding-bottom: 0.3em;
 line-height: 1.3;
 border-bottom: 1px solid #F0F0F0;
}

ul.itemLayout li h4.itemName,
ul.itemLayout li h5.itemName {
 min-height: 2.5em;
}

ul.itemLayout li.typeWhite h4.itemName,
ul.itemLayout li.typeWhite h5.itemName {
 background-image: url(../images/shared/bg_wine_w.gif);
}

ul.itemLayout li.typeRed h4.itemName,
ul.itemLayout li.typeRed h5.itemName {
 background-image: url(../images/shared/bg_wine_r.gif);
}

ul.itemLayout li.typeRose h4.itemName,
ul.itemLayout li.typeRose h5.itemName {
 background-image: url(../images/shared/bg_wine_ro.gif);
}

ul.itemLayout li.typeBeer h4.itemName,
ul.itemLayout li.typeBeer h5.itemName {
 background-image: url(../images/shared/bg_wine_o.gif);
}

dl.wineOther dd h4.itemName {
 background-image: url(../images/shared/bg_wine_o.gif);
}

dl.wineOther dd h4.etcWhite {
 background-image: url(../images/shared/bg_wine_w.gif);
}

dl.wineOther dd h4.etcRed {
 background-image: url(../images/shared/bg_wine_r.gif);
}



/* You can alter this CSS in order to give SmoothDivScroll your own look'n'feel */


div.scrollingHotSpotLeft {
 position: absolute;
 left: 0;
 width: 75px;
 height: 119px;
 background: url(../images/shared/bg_scrolling_left.png) no-repeat;
 z-index: 200;
 cursor: pointer;
}

div.scrollingHotSpotLeftVisible:hover {
 background: url(../images/shared/bg_scrolling_left_on.png) no-repeat;
}

div.scrollingHotSpotRight {
 position: absolute;
 right: 0;
 width: 75px;
 height: 119px;
 background: url(../images/shared/bg_scrolling_right.png) no-repeat;
 z-index: 200;
 cursor: pointer;
}

div.scrollingHotSpotRightVisible:hover {
 background: url(../images/shared/bg_scrolling_right_on.png) no-repeat;
}

div.scrollWrapper {
 position: relative;
 overflow: hidden;
 width: 100%;
 height: 100%;
}

div.scrollableArea {
 position: relative;
 width: auto;
 height: 100%;
}

#makeMeScrollable {
 position: relative;
 width: 100%;
 height: 119px;
 margin-bottom: 5px;
}

#makeMeScrollable div.scrollableArea * {
 position: relative;
 float: left;
 margin: 0;
 padding: 0;
}

.scrollableArea a {
 border: 3px solid #FFFFFF;
 border-radius: 3px;
 -webkit-border-radius: 3px;
 -moz-border-radius: 3px;
}

.scrollableArea a:hover {
 border: 3px solid #990000;
}


.orderSelectMail {
    padding-left: 30px;
    padding-right: 30px;
}



/*----------------------------------------------------------------------
// TOP Setting
----------------------------------------------------------------------*/

.supportsEx {
    padding-left: 20px;
    padding-right: 20px;
}

#supportsBox {
    position: relative;
    margin: 0 auto 0 auto;
    padding-bottom: 20px;
    width: 500px;
    height: 486px;
    clear: both;
}

    #supportsBox #boxCenter {
        position: absolute;
        top: 145px;
        left: 103px;
    }

    #supportsBox p { position:absolute; padding-left:10px; padding-right:10xp; }

    #supportsBox #box1,
    #supportsBox #box3 {
        width: 242px;
        height: 238px;
        float: left;
    }

    #supportsBox #box2,
    #supportsBox #box4 {
        width: 246px;
        height: 238px;
        float: right;
    }

    #supportsBox #box1,
    #supportsBox #box2,
    #supportsBox #box3,
    #supportsBox #box4 { position: relative; }

    #supportsBox #box1 p { top:82px; width:222px; }
    #supportsBox #box2 p { top:82px; width:226px; }
    #supportsBox #box3 p { top:170px; width:222px; }
    #supportsBox #box4 p { top:170px; width:226px; }


    #supportsBox #box1 {
        background: url("../images/top/supports_box1.png") no-repeat;
        margin-bottom: 10px;
    }

    #supportsBox #box2 {
        background: url("../images/top/supports_box2.png") no-repeat;
        margin-bottom: 10px;
    }

    #supportsBox #box3 {
        background: url("../images/top/supports_box3.png") no-repeat;
    }

    #supportsBox #box4 {
        background: url("../images/top/supports_box4.png") no-repeat;
    }

ul.bannerListHalfIn {
    padding: 7px 0 0 0;
    margin: 0;
}
ul.bannerListHalfIn li {
    padding: 0;
    margin: 0;
    line-height: 0;
}
ul.bannerListHalfIn li img {
    padding: 0;
    margin: 0;
    line-height: 0;
}

.topLBoxBuy {
    width: 400px;
    float: left;
    }
    .topLBoxBuy ul {
        padding: 0;
        margin: 0;
    }
    .topLBoxBuy li {
        padding: 0 0 0.5em 0;
        margin: 0.5em 0 0 0;
        list-style: none;
        border-bottom: 1px solid #ccc;
        }
    .topLBoxBuy li p {
        padding-bottom: 0;
        }
        .topLBoxBuy li p span {
            margin-right: 0.5em;
            padding-left: 0.3em;
            padding-right: 0.3em;
            background: #363;
            color: #fff;
            }

.topRBoxNews {
    width: 400px;
    float: right;
    }
    .topRBoxNews ul {
        padding: 0;
        margin: 0;
    }
    .topRBoxNews li {
        padding: 0 0 0.5em 0;
        margin: 0.5em 0 0 0;
        list-style: none;
        border-bottom: 1px solid #ccc;
        }
    .topRBoxNews li p {
        padding-bottom: 0;
        }
        .topRBoxNews li p span {
            margin-right: 0.5em;
            padding-left: 0.3em;
            padding-right: 0.3em;
            background: #363;
            color: #fff;
            }



/*----------------------------------------------------------------------
// order_select Setting
----------------------------------------------------------------------*/

div#absCart {
    clear: both;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    padding-top: 15px;
    background: url('../images/shared/bg_groupbox.gif') repeat-x;
    z-index: 1000;
}

div#absCart2 {
    clear: both;
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 50px;
    padding-top: 15px;
    background: url('../images/shared/bg_groupbox.gif') repeat-x;
    z-index: 1000;
    display: none;
}

div#absCart2 ul {
    width: 990px;
    margin-left: auto;
    margin-right: auto;
    background: #f00;
    }
div#absCart2 li {
    list-style: none;
    float: left;
    margin: 0;
    padding: 5px 0 0 0;
    width: 485px;
    height: 40px;
    }
    div#absCart2 li input {
        float: right;
        }
div#absCart2 li.right {
    float: right;
    padding-top: 0;
    }
    div#absCart2 li.right input {
        float: left;
        }

#cautionReCalBox {
    text-align: right;
    background: #c00;
    color: #fff;
    display: none;
    padding: 0.5em 0 0.5em 0;
    margin-bottom: 1.0em;
    font-size: 0.9em;
    }
    #cautionReCalBox span {
        font-size: 1.3em;
        padding-left: 0.2em;
        padding-right: 0.2em;
        }

#cse-search-form {
    width: 100%;
    margin-bottom: 20px;
}



/*----------------------------------------------------------------------
// bargain Setting
----------------------------------------------------------------------*/

#bargain_bg_main01 {
    background: url("../images/products/bargain/bg_main01.png") no-repeat;
    position: relative;
    /*height: 640px;*/
}
#bargain_bg_main01 h2 {
    position: absolute;
    top: 53px;
    left: 15px;
}
#bargain_bg_main01 p.ico_sale {
    position: absolute;
    top: 0px;
    right: 0px;
}
#bargain_bg_main01 p.title {
    position: absolute;
    top: 5px;
    left: 12px;
}

#bargain_bg_main01 ul {
    padding-top: 200px;
    padding-bottom: 40px;
}
#bargain_bg_main01 ul li {
    list-style: none;
    text-align: center;
}



/*----------------------------------------------------------------------
// support/faq Setting
----------------------------------------------------------------------*/

table.faqTable th {
    padding-right: 5px;
    padding-bottom: 5px;
}
table.faqTable td {
    padding-bottom: 5px;
}

dl.faqBlock {
    padding-bottom: 1.0em;
}

dl.faqBlock dt {
 display: inline;
 padding-left: 19px;
 color: #339933;
 text-decoration: underline;
 background: url(../images/support/faq/bg_faq.gif) no-repeat;
 cursor: pointer;
}

dl.faqBlock dt:hover {
 color: #990000;
 text-decoration: none;
}

dl.faqBlock dd {
 width: 502px;
 padding-top: 5px;
 padding-left: 38px;
 background: url(../images/support/faq/bg_faq_ans.gif) 19px 7px no-repeat;
}

.reviewBox {
    padding: 10px;
    text-align: left;
    font-weight: normal;
    color: #222222;
    background: #F8F8F8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #D8D8D8;
    margin-bottom: 20px;
    clear: both;
    height: 1%;
    overflow: hidden;
}
.reviewBox dl.ownerDl {
    clear: both;
    height: 1%;
    overflow: hidden;
    margin-bottom: 0.3em;
}
.reviewBox dl.ownerDl dt {
    float: left;
    padding: 2px 5px 2px 5px;
    color: #fff;
}
.reviewBox dl.ownerDl dt{
    background: #820a26;
}
.reviewBox dl.ownerDl dd {
    padding: 2px 5px 2px 5px;
    float: left;
    width: 396px;
}
ul.icoStar {
    margin: 0 10px 0 0;
    padding: 0;
    clear: both;
}
ul.icoStar li {
    list-style: none;
    width: 14px;
    vertical-align: middle;
    margin: 0;
    padding: 2px 0 0 0;
    float: left;
}

.reviewBox .reviewBoxAns {
    margin-top: 10px;
    width: 80%;
    background: #f0f0f0;
    float: right;
    padding: 10px;
    border: 1px solid #cccccc;
}
.reviewBox .reviewBoxAns dl.ownerDl dt {
    background: #336633;
}
.reviewBox .reviewBoxAns dl.ownerDl dd {
    width: 294px;
}

.faqClientBox,
.faqShopBox {
    padding: 10px;
    text-align: left;
    font-weight: normal;
    color: #222222;
    background: #F8F8F8;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    -ms-border-radius: 3px;
    border-radius: 3px;
    border: 1px solid #D8D8D8;
    border-left: 3px solid #820a26;
    margin-bottom: 20px;
}

.faqShopBox {
    background: #f0f0f0;
    border-left: 3px solid #336633;
}

.faqClientBox p.owner,
.faqShopBox p.owner {
    padding: 2px 5px 2px 5px;
    color: #fff;
    margin-bottom: 0.3em;
}
.faqClientBox p.owner{
    background: #820a26;
}

.faqShopBox p.owner {
    background: #336633;
}

/*
.faqClientBox dl.ownerDl,
.faqShopBox dl.ownerDl {
    clear: both;
    height: 1%;
    overflow: hidden;
    margin-bottom: 0.3em;
}
.faqClientBox dl.ownerDl dt,
.faqShopBox dl.ownerDl dt {
    float: left;
    padding: 2px 5px 2px 5px;
    color: #fff;
}
.faqClientBox dl.ownerDl dt{
    background: #820a26;
}
.faqShopBox dl.ownerDl dt {
    background: #336633;
}
.faqClientBox dl.ownerDl dd,
.faqShopBox dl.ownerDl dd {
    padding: 2px 5px 2px 5px;
    float: left;
}
*/


/*----------------------------------------------------------------------
// /support/howto/deck/ Setting
----------------------------------------------------------------------*/

ol.deckOl01 li {
    clear: both;
    height: 1%;
}


/*----------------------------------------------------------------------
// OTHER Setting
----------------------------------------------------------------------*/

/*------------ .topTicker01 ------------*/
p.topTicker01 {
background-image: linear-gradient(bottom, rgb(119,0,28) 0%, rgb(168,0,39) 100%);
background-image: -o-linear-gradient(bottom, rgb(119,0,28) 0%, rgb(168,0,39) 100%);
background-image: -moz-linear-gradient(bottom, rgb(119,0,28) 0%, rgb(168,0,39) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(119,0,28) 0%, rgb(168,0,39) 100%);
background-image: -ms-linear-gradient(bottom, rgb(119,0,28) 0%, rgb(168,0,39) 100%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(119,0,28)),
    color-stop(1, rgb(168,0,39))
);
color: #fff;

-moz-border-radius: 28px;
-webkit-border-radius: 28px;
border-radius: 28px;
-moz-box-shadow: 0px 0px 12px #000;
-webkit-box-shadow: 0px 0px 12px #000;
box-shadow: 0px 0px 5px #000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#a80027', endColorstr = '#a80027');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#a80027', endColorstr = '#a80027')";
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin: 5px;
vertical-align: middle;
text-align: center;
line-height: 3.0em;
display: block;
font-size: 1.4em;
}

p.topTicker01 a {
    color:#fff;
}
p.topTicker01 a:hover {
    color:#ffff00;
}
/*------------ /.topTicker01 ------------*/

/*------------ .topTicker02 ------------*/
p.topTicker02 {
background-image: linear-gradient(bottom, rgb(119,0,28) 0%, rgb(168,0,39) 100%);
background-image: -o-linear-gradient(bottom, rgb(119,0,28) 0%, rgb(168,0,39) 100%);
background-image: -moz-linear-gradient(bottom, rgb(119,0,28) 0%, rgb(168,0,39) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(119,0,28) 0%, rgb(168,0,39) 100%);
background-image: -ms-linear-gradient(bottom, rgb(119,0,28) 0%, rgb(168,0,39) 100%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(119,0,28)),
    color-stop(1, rgb(168,0,39))
);
color: #fff;

-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
-moz-box-shadow: 0px 0px 12px #000;
-webkit-box-shadow: 0px 0px 12px #000;
box-shadow: 0px 0px 5px #000;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#a80027', endColorstr = '#a80027');
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#a80027', endColorstr = '#a80027')";
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
margin: 5px;
vertical-align: middle;
text-align: center;
line-height: 2.4em;
display: block;
font-size: 1.3em;
}

p.topTicker02 a,
p.topTicker02 a:link {
    color:#fff;
    text-decoration: none;
}
p.topTicker02 a:hover {
    color:#ff0;
    text-decoration: underline;
}
/*------------ /.topTicker02 ------------*/

/*------------ .topTicker03 ------------*/
@-webkit-keyframes topticker03-bgchange {
    0% { background-color: #c00; }
    50% { background-color: #f66; }
    100% { background-color: #c00; }
}
@keyframes topticker03-bgchange {
    0% { background-color: #c00; }
    50% { background-color: #f66; }
    100% { background-color: #c00; }
}

.topTicker03 {
    color: #fff;
    text-decoration: none;
    display: block;
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-align: center;
    border-top-left-radius: 50px 50px;
    border-top-right-radius: 50px 50px;
    border-bottom-right-radius: 50px 50px;
    border-bottom-left-radius: 50px 50px;
    animation: topticker03-bgchange 3s infinite;
    -webkit-animation: topticker03-bgchange 3s infinite;
}
.topTicker03 a,
.topTicker03 a:link{
    color:#fff;
    text-decoration: none;
    line-height:2.0rem;
    padding-top:1rem;
    padding-bottom:1rem;
    display:block;
    color:#fff;
}
.topTicker03 a:hover {
    color:#ff0;
    text-decoration: underline;
}
/*------------ /.topTicker03 ------------*/

/*------------ .topTicker04 ------------*/
@-webkit-keyframes topticker04-bgchange {
    0% { background-color: #008000; }
    50% { background-color: #008080; }
    100% { background-color: #008000; }
}
@keyframes topticker04-bgchange {
    0% { background-color: #008000; }
    50% { background-color: #008080; }
    100% { background-color: #008000; }
}

.topTicker04 {
    color: #fff;
    text-decoration: none;
    display: block;
    font-size: 1.6rem;
    line-height: 2.4rem;
    text-align: center;
    border-top-left-radius: 50px 50px;
    border-top-right-radius: 50px 50px;
    border-bottom-right-radius: 50px 50px;
    border-bottom-left-radius: 50px 50px;
    animation: topticker04-bgchange 3s infinite;
    -webkit-animation: topticker04-bgchange 3s infinite;
}
.topTicker04 a,
.topTicker04 a:link {
    color:#fff;
    text-decoration: none;
    line-height:2.0rem;
    padding-top:1rem;
    padding-bottom:1rem;
    display:block;
    color:#fff;
}
.topTicker04 a:hover {
    color:#ff0;
    text-decoration: underline;
}
/*------------ /.topTicker04 ------------*/

.caution2,
.caution2 a {
    color: #c00;
    text-decoration: underline;
}
.caution2 a:visited {
    color: #c00;
    text-decoration: underline;
}
.caution2 a:hover {
    color: #f00;
    text-decoration: none;
}



/*----------------------------------------------------------------------
// /movie/ Setting
----------------------------------------------------------------------*/
.movieExp {
    clear: both;
    height: 1%;
    overflow: hidden;
}
.movieExp .left {
    float: left;
    width: 250px;
}
.movieExp .left img {
    width: 100%;
}
.movieExp .right {
    float: right;
    width: 280px;
}



/*----------------------------------------------------------------------
// /staff/ Setting
----------------------------------------------------------------------*/
.staffExp {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
height: 1%;
clear: both;
overflow: hidden;
padding-left: 30px;
padding-right: 30px;
}
.staffExp .left {
float: left;
width: 260px;
}
.staffExp .left img {
width: 100%;
}
.staffExp .right {
float: right;
background: #f0f0f0;
width: 335px;
padding: 20px;
}
.staffExp .right img {
width: 100%;
}
.staffExp .right p {
    font-size: 1.1em;
    }
.staffExp .right p.date {
    padding-bottom: 0;
    }

.staffExp .right p.exp {}

.staffExp .right ul {
margin: 0;
padding: 0;
}
.staffExp .right li {
margin: 0;
padding: 0;
list-style: none;
float: left;
width: 49%;
}
.staffExp .right li:nth-child(even) {
float: right;
}



/*----------------------------------------------------------------------
// /info/ Setting
----------------------------------------------------------------------*/

.pTitle {
    font-size: 1.7em;
    text-align: center;
    padding: 5px 5px 5px 10px;
    margin: 0 0 20px 0;
    background: #cc0000;
    color: #fff;
}

.pTitle02 {
background-image: linear-gradient(bottom, rgb(119,0,28) 0%, rgb(168,0,39) 100%);
background-image: -o-linear-gradient(bottom, rgb(119,0,28) 0%, rgb(168,0,39) 100%);
background-image: -moz-linear-gradient(bottom, rgb(119,0,28) 0%, rgb(168,0,39) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(119,0,28) 0%, rgb(168,0,39) 100%);
background-image: -ms-linear-gradient(bottom, rgb(119,0,28) 0%, rgb(168,0,39) 100%);

background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0, rgb(119,0,28)),
    color-stop(1, rgb(168,0,39))
);
color: #fff;

-moz-border-radius: 18px;
-webkit-border-radius: 18px;
border-radius: 18px;
/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
-moz-box-shadow: 0px 0px 12px #000;
-webkit-box-shadow: 0px 0px 12px #000;
box-shadow: 0px 0px 5px #000;
/*IE 7 AND 8 DO NOT SUPPORT BLUR PROPERTY OF SHADOWS*/
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#a80027', endColorstr = '#a80027');
/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#a80027', endColorstr = '#a80027')";
/*Element must have a height (not auto)*/
/*All filters must be placed together*/
-moz-background-clip: padding;
-webkit-background-clip: padding-box;
background-clip: padding-box;
/*Use "background-clip: padding-box" when using rounded corners to avoid the gradient bleeding through the corners*/
/*--IE9 WILL PLACE THE FILTER ON TOP OF THE ROUNDED CORNERS--*/
margin: 5px 5px 1.4em 5px;
vertical-align: middle;
text-align: center;
line-height: 2.2em;
display: block;
font-size: 1.7em;
}

div.section .pTitle03 {
  clear: both;
  height: 1%;
  margin-bottom: 1.0em;
  padding-bottom: 12px;
  font-size: 135%;
  line-height: 1.3;
  font-weight: normal;
  color: #333;
  border-bottom: 1px solid #d8d8d8;
  overflow: hidden;
}

.fontInfo {
    font-size: 1.1em;
}

ul.socialUl {
    margin: 0;
    padding: 0;
}
ul.socialUl li {
    list-style: none;
    float: left;
    margin: 0 2.0em 0 0;
}
ul.socialUl li.sbFacebook {
    width: 69px;
}
ul.socialUl li.sbTwitter {
    width: 71px;
}
ul.socialUl li.sbGoogle {
    width: 50px;
}
ul.socialUl li.sbBookmark {
    width: 80px;
}
ul.socialUl li.sbPocket {
    width: 60px;
}

.mgB0e { margin-bottom: 0!important; }
.mgB5e { margin-bottom: 0.5em!important; }
.mgB6e { margin-bottom: 0.6em!important; }
.mgB7e { margin-bottom: 0.7em!important; }
.mgB8e { margin-bottom: 0.8em!important; }
.mgB9e { margin-bottom: 0.8em!important; }
.mgB10e { margin-bottom: 1.0em!important; }
.mgB15e { margin-bottom: 1.5em!important; }
.mgB20e { margin-bottom: 2.0em!important; }
.mgB25e { margin-bottom: 2.5em!important; }
.mgB30e { margin-bottom: 3.0em!important; }
.mgB35e { margin-bottom: 3.5em!important; }
.mgB40e { margin-bottom: 4.0em!important; }
.mgB45e { margin-bottom: 4.5em!important; }
.mgB50e { margin-bottom: 5.0em!important; }
.mgB55e { margin-bottom: 5.5em!important; }

.pdB0e { padding-bottom: 0!important; }
.pdB5e { padding-bottom: 0.5em!important; }
.pdB6e { padding-bottom: 0.6em!important; }
.pdB7e { padding-bottom: 0.7em!important; }
.pdB8e { padding-bottom: 0.8em!important; }
.pdB9e { padding-bottom: 0.9em!important; }
.pdB10e { padding-bottom: 1.0em!important; }
.pdB15e { padding-bottom: 1.5em!important; }
.pdB20e { padding-bottom: 2.0em!important; }
.pdB25e { padding-bottom: 2.5em!important; }
.pdB30e { padding-bottom: 3.0em!important; }
.pdB35e { padding-bottom: 3.5em!important; }
.pdB40e { padding-bottom: 4.0em!important; }
.pdB45e { padding-bottom: 4.5em!important; }
.pdB50e { padding-bottom: 5.0em!important; }
.pdB55e { padding-bottom: 5.5em!important; }

.expBox {
background-color: #FBEBC3;
padding: 1.0em;
}

ul.bannerList li.newBase {
position: relative;
}
ul.bannerList li.newBase img.new {
position: absolute;
right: 0;
top: 0;
}
ul.bannerList li.newBase img.new2 {
position: absolute;
right: 5px;
top: 5px;
}

.specialsyl { background-color: #336633; }
.specialsyl span {
background: #336633;
color: #fff;
font-size:1.2em;
letter-spacing: 1px;
}

/*20180612追加*/
.left-menu-btn-base {
display: block;
padding: 10px;
border-radius: 5px;
color: #000;
font-weight: bold;
text-align: center;
text-decoration: none;
line-height: 1.2em;
}

.left-menu-btn-base:hover {
opacity: .5;
color: #000;
}

.left-menu-btn-base span {
font-size: 80%;
}

.left-menu-btn-01 {
border: 3px #ffe392 solid;
background: #ffd65e;
background: -webkit-linear-gradient(#ffd65e 0%, #fec008 99%);
background: -o-linear-gradient(#ffd65e 0%, #fec008 99%);
background: linear-gradient(#ffd65e 0%, #fec008 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd65e', endColorstr='#fec008',GradientType=0 );
}

.left-menu-btn-02 {
border: 3px #92d0ff solid;
background: #5dd7fc;
background: -moz-linear-gradient(top, #5dd7fc 0%, #098ee8 99%);
background: -webkit-linear-gradient(top, #5dd7fc 0%,#098ee8 99%);
background: linear-gradient(to bottom, #5dd7fc 0%,#098ee8 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5dd7fc', endColorstr='#098ee8',GradientType=0 );
}

.left-menu-btn-03 {
border: 3px #b7e295 solid;
background: #66c01c;
background: -moz-linear-gradient(top, #abf76f 0%, #66c01c 99%);
background: -webkit-linear-gradient(top, #abf76f 0%,#66c01c 99%);
background: linear-gradient(to bottom, #abf76f 0%,#66c01c 99%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#abf76f', endColorstr='#66c01c',GradientType=0 );
}

.left-menu-title {
        margin-bottom: 10px;
    padding: 5px;
    font-size: 105%;
    line-height: 1.3;
    color: #FFFFFF;
    text-shadow: -1px -1px 1px #000000;
    background: url(../images/shared/bg_groupbox.gif) repeat-x;
}

.box01 {
  border: 1px solid #ccc;
  background-color: #f0f0f0;
  padding: 1.5rem;
  margin-bottom: 2.5rem;
}

.box01 p.title01 {
padding-bottom:0.5rem;
font-weight: bold;
font-size: 1.2rem;
text-decoration: underline;
}

.title-inx01 {
    background:url('../images/shared/bg_boxblock.jpg');
    color:#fff;
    padding:10px 15px;
    margin-bottom:10px;
    font-size:1.7em;
    clear:both;
    height: 1%;
    overflow: hidden;
}

.title-inx02 {
    background:url('/images/shared/bg_boxblock.jpg');
    color:#fff;
    padding:10px 15px;
    margin-bottom:10px;
    font-size:1.7em;
}

.asideProductsJump {
    margin-bottom:1.0rem;
}
.asideProductsJump li {
    list-style: none;
    margin-left:0;
    margin-bottom: 1.0rem;
    width: 100%;
    line-height: 1.3;
    color: #fff;
    text-shadow: -1px -1px 1px #000;
    background: url(../images/shared/bg_groupbox.gif) repeat-x;
    padding: 5px;
    font-size: 105%;
    text-align: center;
    box-sizing: border-box;
    display: inline-block;
}
.asideProductsJump li a {
    display: block;
    width:100%;
}

@-webkit-keyframes mark-box1-bgchange {
    0% { background-color: #c00; }
    50% { background-color: #f66; }
    100% { background-color: #c00; }
}
@keyframes mark-box1-bgchange {
    0% { background-color: #c00; }
    50% { background-color: #f66; }
    100% { background-color: #c00; }
}
.mark-box1 {
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #c00;
    color: #fff;
    display: block;
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 7px;
    padding-right: 7px;
    font-size: 0.8rem;
    line-height: 1.2rem;
    border-top-left-radius: 50px 50px;
    border-top-right-radius: 50px 50px;
    border-bottom-right-radius: 50px 50px;
    border-bottom-left-radius: 50px 50px;
    animation: mark-box1-bgchange 3s infinite;
    -webkit-animation: mark-box1-bgchange 3s infinite;
}

/*https://mland.gr.jp/support/lumber/　改修用スタイル200330追加*/
ul.catList li.inx-li-01 {
    width: 235px
}
.inx-sticky-table {
    display: block;
    overflow: hidden;
    margin: 0 auto
}
.inx-sticky-table p {
    padding: 0 !important;
    text-align: left
}
.inx-sticky-table table {
    display: block;
    position: relative;
    overflow-x: scroll;
    width: 100%;
    height: 100%;
    font-size: 0
}
.inx-sticky-table table tbody,
.inx-sticky-table table thead {
    display: block;
    width: max-content;
    border-collapse: separate
}
_:-ms-lang(x),
.inx-sticky-table table tbody {
    min-width: 1700px
}
.inx-sticky-table table td,
.inx-sticky-table table th {
    background: #fff;
    font-size: 1rem
}
.inx-sticky-table th {
    padding: 1px 5px;
    text-align: left;
    font-weight: 400;
    white-space: nowrap;
    color: #222;
    background: #f8f8f8;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border: 1px solid #d8d8d8
}
.inx-sticky-table table tbody th {
    position: sticky;
    left: 0;
    z-index: 1
}
.inx-sticky-table table th.blank {
    position: sticky;
    top: 0;
    left: 0;
    z-index: 3;
    min-width: 13rem;
    background: url('../images/shared/bg_groupbox.gif') repeat-x
}
.inx-sticky-table th {
    border: 1px solid #d8d8d8;
    text-align: center
}
.inx-sticky-table table thead th {
    border-color: #fff
}
.inx-sticky-table tbody tr:not(:first-of-type) th {
    min-width: 13rem;
    color: #fff;
    text-align: right;
    text-shadow: -1px -1px 1px #000;
    background: url('../images/shared/bg_groupbox.gif') repeat-x
}
.inx-sticky-table tbody tr:not(:first-of-type) th a {
    color: #fc0;
    text-decoration: none
}
.inx-sticky-table tbody tr:not(:first-of-type) th a:hover {
    text-decoration: underline
}
.inx-sticky-table td {
    padding: 1px 5px;
    background: #fff;
    border-radius: 3px;
    border: 1px solid #d8d8d8
}
.inx-sticky-table tbody tr:nth-child(even) td {
    background-color: #f8f8f8
}
.inx-sticky-table tbody tr:nth-child(odd) td {
    background-color: #fff
}
.inx-table-002 {
    width: 100%;
    margin-bottom: 10px
}
.inx-table-002 tbody {
    border: 1px solid #363;
    border-bottom: 0
}
.inx-table-002 th,
td {
    padding: 0.2rem;
    border-bottom: 1px solid #363
}
.inx-table-002 th {
    border-right: 1px solid #363;
    background-color: #deedda
}
.inx-table-002 td {
    text-align: left
}
.inx-dl-01 dd {
    text-align: left
}
.rate {
    position: relative;
    display: inline-block;
    width: 80px;
    height: 16px;
    font-size: 16px
}
.rate:after,
.rate:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "★★★★★";
    display: inline-block;
    height: 16px;
    line-height: 16px
}
.rate:before {
    color: #ddd
}
.rate:after {
    color: orange;
    overflow: hidden;
    white-space: nowrap
}
.rate0:after {
    width: 0
}
.rate1:after {
    width: 16px
}
.rate1-5:after {
    width: 24px
}
.rate2:after {
    width: 32px
}
.rate2-5:after {
    width: 40px
}
.rate3:after {
    width: 48px
}
.rate3-5:after {
    width: 56px
}
.rate4:after {
    width: 64px
}
.rate4-5:after {
    width: 72px
}
.rate5:after {
    width: 80px
}
/*add 20200409*/
.left-menu-btn-04 {
    border: 3px #bbacff solid;
    background: #8c84f9;
    background: -moz-linear-gradient(top,#b2baff 0,#8c84f9 99%);
    background: -webkit-linear-gradient(top,#b2baff 0,#8c84f9 99%);
    background: linear-gradient(to bottom,#b2baff 0,#8c84f9 99%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b2baff',endColorstr='#8c84f9',GradientType=0);
}

.inx-ml-ul-01 li:nth-child(odd) {
    clear: both;
}

.inx-ml-dl-01 {
    text-align: left;
}

.inx-ml-dl-01 p {
    padding: .5rem;
}
.inx-ml-dl-01 a {
    display: block;
    text-align: center;
}
.inx-ml-dl-01 a {
    margin-top: .5rem;
}
.inx-ml-dl-01 span {
    display: inline-block;
    margin-top: .25rem;
}
.inx-img-w-100 {
    width: 100%;
}
.inx-ol-01 {
    margin-bottom: 1rem;
    list-style-type: none;
}
.inx-ol-01 li {
    margin-left: 0;
}
.inx-ol-01 li a {
    display: block;
    margin-top: .5rem;
    padding: .5rem;
    border: 2px #363 solid;
    border-radius: 5px;
    background-color: #fff;
    text-decoration: none;
}

.inx-ol-01 li a:hover {
    color: #363;
    background-color:rgb(255, 223, 137);
}

h2 img {
    max-width: 810px;
    border: 1px solid #000;
}

.header-bottom-btn {
    display: block;
    padding: 0;
    width: 264px;
    line-height: 40px;
    text-align: center;
}

.border-box1 {
  height: 1%;
  margin: 15px;
  margin-top: 0;
  padding: 15px;
  padding-bottom: 0;
  background: #f8f8f8;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border: 1px solid #d8d8d8;
  overflow: hidden;
}

.border-box2 {
  background-color:#FBEBC3;
  border: 1px solid #61442E;
  width: 48%;
  box-sizing: border-box;
  padding: 1.5rem;
  margin-left: 1%;
  margin-right: 1%;
  float: left;
}
div.section .border-box2 .pTitle {
  font-size:1.2rem;
  text-decoration:underline;
  background-color: transparent;
  color: #333;
  text-align: left;
  margin: 0 0 0.7rem 0;
  padding:  0;
}

.inx-lead-box {
  background-color:#FBEBC3;
  border: 1px solid #61442E;
  padding: 27px 30px 15px 30px;
  margin-bottom: 2.0rem;
  font-size: 1.2rem;
}
.inx-lead-box dt {
  color: #A40B5D;
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 0.3rem;
}
.inx-lead-box dl dd {
  margin-bottom: 1.5rem;
}

.clearfix {
  height: 1%;
  clear: both;
  overflow: hidden;
}



.h4 span {
    display: block;
    padding-left: 18px;
    background: url(/images/shared/bg_h4.gif) 5px 0.5em no-repeat;
}
.h4 {
    clear: both;
    height: 1%;
    margin-bottom: 0.5em;
    padding-bottom: 0.5rem!important;
    font-size: 135%;
    line-height: 1.3;
    font-weight: normal;
    color: #333;
    border-bottom: 1px solid #d8d8d8;
    overflow: hidden;
}

.youtube {
  width: 100%;
  aspect-ratio: 16 / 9;
}
.youtube iframe {
  width: 100%;
  height: 100%;
}