@charset "UTF-8";



/*
	--------------------------------
	更新日: 2012-12-25
	--------------------------------
*/


@import "global.css";



/* --------------------------------
	body
-------------------------------- */
html {}
body { background:url(../img/bg.png) repeat;}



/* --------------------------------
	コンテナ
-------------------------------- */

article#all_container { height:100%;}
article#sub_container { height:100%;}



/* --------------------------------
	ヘッダ
-------------------------------- */

header { padding:0;  width:960px;position:relative; margin:0 0;margin:0 auto;}
article#sub_container header { padding:0;  width:960px;position:relative; margin:0 0;margin:0 auto;}
#logo {  padding:0; margin:0 auto; text-align:left;}
#logo h1 { padding:10px 0 20px 0;}
#logo p { padding:5px 0 10px 10px;}
article#mainNavWrap { width:740px; }

header p.discription { position:absolute; top:10px; right:0; width:440px; text-align:right; font-size:75%;}
header p.tel { position:absolute; top:10px; right:0; width:90px;}

.sliderBox { width:1160px; margin:0 auto;}

/* --------------------------------
	グロナビ
-------------------------------- */

.navbar-collapse { padding:0;}
.navbar-collapse ul.nav {}
.navbar-collapse ul.nav li { float:none; font-size:10px;}
.navbar-nav>li>a { padding:2px 3px 2px; color:#ffffff;}

.navbar>.container .navbar-brand { font-size:12px; background:#7E0002; border-radius:3px; padding:5px 10px; color:#ffffff}
article#all_container .navbar.navbar-inverse.navbar-static-top a { color: #ffffff; text-decoration:none; }

.navbar-wrapper .navbar.navbar-inverse.navbar-static-top { background:none; border:none;}
.navbar-wrapper .navbar-header { float:none; padding:20px 0;}
.navbar-wrapper .container { float:left; width:100%; max-width:100%; margin-left:0; margin-right:0; position:absolute; left:0; top:0;}

.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus { background:#69090B; border-radius:3px;}
.navbar.navbar-inverse.navbar-static-top a { color:#000000;}

@media screen and (max-width: 760px) {
..navbar-nav { margin:0; padding:0}
.navbar-collapse ul.nav.navbar-nav { background:#dbc4a8; margin:0; padding:0;}
.navbar-collapse ul.nav.navbar-nav li {margin:0 0 0; padding:0 0 0;}
.navbar-collapse ul.nav.navbar-nav li a { margin:0 0 0; padding:5px 10px 5px;}
.navbar-inverse .navbar-nav>.active>a, .navbar-inverse .navbar-nav>.active>a:focus { background:#69090B; border-radius:0;}}

.subNav {position: fixed; top:0px;}
nav#gnav { width:960px; margin:0 auto 0; height:77px;}
nav#gnav .mainNav li { padding:0; float:left; margin:0 0 0 0;}
nav#gnav .mainNav li.nav01 { width:115px;}
nav#gnav .mainNav li.nav02 { width:150px;}
nav#gnav .mainNav li.nav03 { width:150px;}
nav#gnav .mainNav li.nav04 { width:140px;}
nav#gnav .mainNav li.nav05 { width:110px;}
nav#gnav .mainNav li.nav06 { width:150px;}
nav#gnav .mainNav li.nav07 { width:145px;}
nav#gnav .mainNav li {
  position: relative;
  float: left;
  margin: 0;
  padding: 0;
}
nav#gnav .mainNav li:hover {
  color: #fff;
}
nav#gnav .mainNav li ul {
  display: none;
  position: absolute;
  top: 70px;
  left: -1px;
  width: 150px;
  background: #ffffff;
  border-top: solid 1px #eee;
  border-left: solid 1px #eee;
  z-index:200;
}
nav#gnav .mainNav li ul li {
  margin: 0;
  padding: 0;
  width: 150px;
  border: none;
  border-right: solid 1px #eee;
  border-bottom: solid 1px #eee;
}
nav#gnav .mainNav li ul li a {
  display: inline-block;
  width: 150px;
  text-align:center;
  line-height:2em;
}
nav#gnav .mainNav li ul li a:hover {
  background: #999;
  color: #fff;
}

/* --------------------------------
	サイドナビ
-------------------------------- */

nav#snav { width:260px; float:right; margin-top:20px;}
nav#snav dl { padding:0 0 20px;}


/* --------------------------------
	メインラップ
-------------------------------- */
article#mainWrap {margin:0 0 0; clear:both; background:#f9f9f9; overflow:hidden; clear:both;}
article#mainVIWrap { width:100%; margin:0 auto; height:87px;}
article#mainVI { width:100%; margin:0 auto; border-top:5px solid #eeeeee;}
article#mainVI.parent { width:100%; margin:0 auto; border-bottom:5px solid #eeeeee; background:#ffffff;}
article#mainVI .messageArea { width:100%; margin:0 auto; background:url(../img/messageBg.png) repeat-x top center; clear:both; text-align:center;}

/* --------------------------------
	サブラップ
-------------------------------- */
article#subWrap {margin:20px 0 40px; clear:both;}

/* --------------------------------
	topラップ
-------------------------------- */

.mainVI { width:100%;}
.mainVI h1 { margin:180px auto 40px; text-align:center;}
.mainVI h1.subTitle { margin:40px auto 80px; text-align:center;}
.mainVI p.catch { margin:20px auto 0; font-size:160%; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; color:#000000;}
.mainVI p.caption { margin:10px auto 0; font-size:120%; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; color:#000000;}
.mainVI p.copy { margin:20px auto 100px; font-size:100%; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; color:#000000;}
@media screen and (max-width: 480px) {
.mainVI h1 img { width:70%; height:auto;}
}

.topWrap h3 { padding:0 0 30px;}

#about { margin: 0 auto; background:url(../img/conBg01.png) center 0% no-repeat fixed; padding:80px 0;}
#about .aboutBox {}
#about .aboutBox h2 {margin:0 auto; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; background:url(../img/titleAbout.png) no-repeat; line-height:50px; width:235px; text-indent:-9999px;}
#about .aboutBox p.aboutImg { text-align:center; padding:30% 0 0;}
#about .aboutBox p { color:#ffffff; line-height:2.4em;}

@media screen and (max-width: 480px) {
#about .aboutBox h2 { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; background: none;  width:auto; text-indent:0; color:#ffffff;}
}

#reason { margin: 0 auto; clear:both;}
#reason .reasonBox h2 {margin:60px auto 0; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; text-align:center; background:url(../img/titleReason.png) no-repeat; line-height:60px; width:410px; text-indent:-9999px;padding:40px 0;}
#reason .reasonBox h3 { text-align:center; color:#ffffff;}
#reason .reasonBox h4 { padding:10px 0; text-align:center; color:#000000; font-weight:normal; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; line-height:1.8em;}
#reason .reasonBox p { text-align:left; color:#000000; line-height:1.8em; font-size:81.3%; padding:0 10px 0;}
@media screen and (max-width: 480px) {
#reason .reasonBox h2 { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; background: none;  width:auto; text-indent:0;}
}

#make { margin: 0 auto; clear:both; background:url(../img/makeBg.png) center 0% no-repeat fixed;}
#make .makeBox h2 {margin:60px auto 0; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; background:url(../img/titleMake.png) no-repeat; line-height:60px; width:260px; text-indent:-9999px;padding:60px 0;}
#make .makeBox h3 { text-align:center; color:#000000; background:#ffffff; padding:5px 0; margin:0 0 20px; font-weight:normal; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; line-height:1.8em;}
#make .makeBox p { text-align:center; color:#000000; line-height:1.8em; font-size:75%; padding:0 10px 0; border:1px solid #000000;}
#make .makeBox p.bull { text-align:center; color:#000000; line-height:1.8em; font-size:75%; padding:0 10px 0; border: none;}
@media screen and (max-width: 480px) {
#make .makeBox h2 { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; background: none;  width:auto; text-indent:0;}
}

#read { margin: 0 auto; clear:both;}
#read .readBox h2 {margin:60px auto 0; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; text-align:center; background:url(../img/titleRead.png) no-repeat; line-height:60px; width:410px; text-indent:-9999px;padding:40px 0;}
#read .readBox h3 { text-align:center; color:#000000; padding:5px 0; margin:0 0 0; font-weight:normal; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; line-height:1.8em;}
#read .readBox h4 { text-align:center; color:#000000;  font-weight:normal; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; line-height:1.8em;}
@media screen and (max-width: 480px) {
#read .readBox h2 { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; background: none;  width:auto; text-indent:0;}
}

#goods { margin: 0 auto; clear:both;background:url(../img/goodsBg.png) center 0% no-repeat fixed;}
#goods .goodsBox h2 {margin:60px auto 0; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; background:url(../img/titleGoods.png) no-repeat; line-height:60px; width:260px; text-indent:-9999px; padding:40px 0;}
#goods .goodsBox h3 { text-align:center; color:#000000; padding:5px 0; margin:0 0 0; font-weight:normal; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; line-height:1.8em;}
#goods .goodsBox h3 img { width:100%; height:auto;}
#goods .goodsBox h4 { text-align:center; color:#ffffff;  font-weight:normal; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; line-height:1.8em; font-size:125%;}
#goods .goodsBox p { text-align:center; color:#ffffff; line-height:1.8em; font-size:75%; padding:10px 10px 10px;}
@media screen and (max-width: 480px) {
#goods .goodsBox h2 { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; background: none;  width:auto; text-indent:0; color:#ffffff;}
}

#order { margin: 0 auto; clear:both;}
#order .orderBox h2 {margin:60px auto 0; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; background:url(../img/titleOrder.png) no-repeat; line-height:60px; width:180px; text-indent:-9999px; padding:60px 0;}
#order .orderBox h3 { text-align:center; color:#000000; padding:40px 0; margin:0 0 0; font-weight:normal; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; line-height:1.8em;}
#order .orderBox h4 { text-align:center; color:#000000;  font-weight:normal; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; line-height:1.8em;}
#order .orderBox p { color:#000000; padding:20px;}
#order .orderBox h3 img { width:100%; height:auto;}
@media screen and (max-width: 480px) {
#order .orderBox h2 { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; background: none;  width:auto; text-indent:0;}
}

#contact { margin: 0 auto; clear:both;background:url(../img/footerBg.png) no-repeat center center; padding:20px 0; color:#ffffff; clear:both;}
#contact .copyright { margin: 0 auto; clear:both; padding:200px 0 0}

p.downBull { border:none; text-align:center; clear:both; padding:50px;}
#contents .container .row p.downBull { border:none; text-align:center; clear:both; padding:50px;}
#all_container #contents .linkBtn {padding:50px 0 100px;}
#all_container #contents .linkBtn a { color:#ffffff;}

#about,#make {
    overflow: hidden;
}

#about:after,#make:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #about,* html #make {
    height: 1em;
    overflow: visible;
}
/**/

/* --------------------------------

	コンテンツラップ
-------------------------------- */
#item { margin: 0 auto 40px; background: url(../img/item/itemBg.png) center top repeat-y;padding:80px 0 40px; position:relative;}
#item .itemBox {}
#item .itemBox p.stamp { position:absolute; top:-140px; left:50%; margin-left:-55px;}
#item .itemBox h2 { text-align:center;}
#item .itemBox h3 { padding:10px 0; font-size:160%; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
#item .itemBox h4 { font-size:100%; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
#item .itemBox h4:first-letter { color:#846600;}
#item .itemBox p.aboutImg { text-align:center; padding:30% 0 0;}
#item .itemBox p { color:#000000; line-height:2.4em; padding:0 0 10px;}
#item .itemBox p.mainTxt {padding:0 0 0;}
#item .itemBox p.mainTxt.notepaper {
  position: relative;
  color: #6a5f49;
  padding: 29px 20px 20px 45px;
  margin: 20px auto;
  text-shadow: 0 1px 1px white;
  background-color: transparent;
  background-image: -webkit-radial-gradient(center, cover, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.1) 90%), -webkit-repeating-linear-gradient(top, transparent, transparent 2.4em, rgba(239, 207, 173, 0.7) 2.4em, rgba(239, 207, 173, 0.7) 2.5em);
  background-image: -moz-radial-gradient(center, cover, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.1) 90%), -moz-repeating-linear-gradient(top, transparent, transparent 2.4em, rgba(239, 207, 173, 0.7) 2.4em, rgba(239, 207, 173, 0.7) 2.5em);
  background-image: -o-radial-gradient(center, cover, rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.1) 90%), -o-repeating-linear-gradient(top, transparent, transparent 2.4em, rgba(239, 207, 173, 0.7) 2.4em, rgba(239, 207, 173, 0.7) 2.5em);
  border: 1px solid #c3baaa;
  border-color: rgba(195, 186, 170, 0.9);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.5), inset 0 0 5px #d8e071, 0 0 1px rgba(0, 0, 0, 0.1), 0 2px rgba(0, 0, 0, 0.02);
}
#orderForm { margin: 0 auto 40px; background: url(../img/item/itemBg.png) center top repeat-y;padding:80px 0 40px; position:relative;}
#orderForm .orderFormBox {}
#orderForm .orderFormBox h2 { text-align:center; font-size:160%; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
#orderForm .orderFormBox h3 { padding:10px 0; font-size:160%; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
#orderForm .orderFormBox dl { padding:20px;}
#orderForm .orderFormBox dl input { margin:0 0 5px;}
#orderForm .orderFormBox dl select { margin:0 0 5px;}
#orderForm .orderFormBox dl dt { background:none;}
#orderForm .orderFormBox section ul li a { color:#000000;}
#all_container #orderForm .orderFormBox  .linkBtn {margin:30px 0 30px; padding:0}

#commerce { margin: 0 auto 40px; background: url(../img/item/itemBg.png) center top repeat-y;padding:80px 0 40px; position:relative;}
#commerce .commerceBox p.stamp { position:absolute; top:-140px; left:50%; margin-left:-55px;}
#commerce .commerceBox {}
#commerce .commerceBox h2 { text-align:center; font-size:160%; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
#commerce .commerceBox h3 { padding:10px 0; font-size:160%; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
#commerce .commerceBox dl { padding:20px; font-size:14px;}
#commerce .commerceBox dl input { margin:0 0 5px;}
#commerce .commerceBox dl select { margin:0 0 5px;}
#commerce .commerceBox dl dt { background:none; padding:10px; width:12em;}
#commerce .commerceBox dl dd {padding:10px; margin-left:13em;}

#policy { margin: 0 auto 40px; background: url(../img/item/itemBg.png) center top repeat-y;padding:80px 0 40px; position:relative;}
#policy .policyBox p.stamp { position:absolute; top:-140px; left:50%; margin-left:-55px;}
#policy .policyBox {}
#policy .policyBox h2 { text-align:center; font-size:160%; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
#policy .policyBox h3 { padding:10px 0; font-size:120%; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
#policy .policyBox h4 { padding:10px 0; font-size:100%; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;}
#policy .policyBox p { padding:10px 0 20px; font-size:81.3%;}

.notepaper:before, .notepaper:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
}

.notepaper:before {
  left: 28px;
  width: 2px;
  border: solid #efcfad;
  border-color: rgba(239, 207, 173, 0.9);
  border-width: 0 1px;
}

#item .itemBox p.blendName { color:#ffffff; background:#771515; line-height:2.4em; padding:0 0 0; line-height:1.5em; width:6em; text-align:center; border-radius:5px;}
#item .itemBox dl { padding:0; margin:0;}
#item .itemBox dl dt { width:3em; float:left; margin:0 0 5px; background:#996c33; border-radius:5px; text-align:center; color:#ffffff;}
#item .itemBox dl dd { padding:0 0 5px 4em; color:#a49800;}
#item .itemBox .linkBtn {padding:0 0 0; text-align:left;}

article.artWrap {
    overflow: hidden;
}

article.artWrap:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html article.artWrap {
    height: 1em;
    overflow: visible;
}
/**/

/* --------------------------------
	ページラップ
-------------------------------- */
.mainContents { width:940px; margin:0 10px;}
.mainContents h3 { margin:50px 0 40px; clear:both;}
.mainContents h4 { margin:50px 0 40px; clear:both; font-size:112.5%;}
.mainContents p { font-size:87.5%; line-height:2.5em; vertical-align: baseline;}

.profWrap h3 { padding:20px 0;}
.profWrap .profWrapL { float:left; width:600px;}
.profWrap .profWrapL h4 { padding:10px 0;}
.profWrap .profWrapL dl { padding:10px 0; font-size:93.8%; margin:0 10px 40px;}
.profWrap .profWrapL dl dt { float: left; width:7em; margin:0 0 5px;}
.profWrap .profWrapL dl dd { padding:0 0 5px 7em;}
.profWrap .profWrapL h5 { padding:0 0 5px; font-weight:bold; font-size:112.5%;}
.profWrap .profWrapL h5 span { font-size:80%;}
.profWrap .profWrapL p { padding:10px 0; font-size:93.8%; margin:0 10px 20px;}
.profWrap .profWrapR { float:right; width:330px;}

.policyWrap h3 { padding:20px 0;}
.policyWrap h4 { padding:30px 0;}
.policyWrap .policyWrapL { float:left; width:600px;}
.policyWrap .policyWrapL p { padding:10px 0; font-size:112.5%; margin:0 10px 20px; line-height:1.6em;}
.policyWrap .policyWrapR { float:right; width:330px;}
.policyWrap .policyBox h4 { padding:40px 0; clear:both;}
.policyWrap .policyBox dl { padding:10px 0; font-size:125%; margin:0 0 40px; font-weight:bold;}
.policyWrap .policyBox dl dt { padding:0 0 20px;}
.policyWrap .policyBox dl dd { padding:0 0 20px;}

.supportWrap h3 { padding:20px 0;}
.supportWrap h4 { padding:20px 0 40px;}
.supportWrap .supportWrapL { float:left; width:600px;}
.supportWrap .supportWrapL h4 { padding:0 0 10px;}
.supportWrap .supportWrapL ul { padding:10px 0; font-size:112.5%; font-weight:bold; margin:0 10px 40px;}
.supportWrap .supportWrapL dl dt { float: left; width:7em; margin:0 0 5px;}
.supportWrap .supportWrapL dl dd { padding:0 0 5px 7em;}
.supportWrap .supportWrapL h5 { padding:0 0 5px; font-weight:bold;}
.supportWrap .supportWrapL p { padding:10px 0; font-size:93.8%; margin:0 0 20px 10px; line-height:1.6em;}
.supportWrap .supportWrapL p.btn { text-align:center; padding:10px 0 30px; font-size:93.8%; margin:0 10px 20px;}
.supportWrap .supportWrapR { float:right; width:300px;}

.mindWrap h3 { padding:20px 0;}
.mindWrap h4 { padding:10px 0;}
.mindWrap p { padding:10px 0; font-size:93.8%; margin:0 10px 20px; line-height:1.6em;}
.mindWrap p span { font-size:125%; line-height:1.8em;}

.flyerWrap h3 { padding:20px 0;}
.flyerWrap h4 { padding:10px 0;}
.flyerWrap p { padding:10px 0; font-size:93.8%; margin:0 10px 20px; line-height:1.6em;}
.flyerWrap p span { font-size:125%; line-height:1.8em;}
.flyerWrap p.wait { padding:200px 0 200px; text-align:center;}
.flyerBoxInner { border:5px solid #eeeeee; overflow:hidden;}
.flyerBox h4 { font-size:125%; color:#b70000; font-weight:bold; padding:20px 20px 0; margin:0;}
.flyerBox p { font-size:100%; padding:10px 20px 10px; margin:0;}
.flyerBox p a.linkButton {
	font-size: 14px;
	color: #ffffff;
	padding: 10px 20px;
	background: -moz-linear-gradient(
		top,
		#ff0000 0%,
		#d10000);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#ff0000),
		to(#d10000));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #660000;
	text-decoration:none;
}
.flyerBox p.link {
	margin-bottom:20px;
}

.activityWrap h3 { padding:20px 0;}
.activityWrap h4 { padding:10px 0;}
.activityWrap p { padding:10px 0; font-size:93.8%; margin:0 10px 20px; line-height:1.6em;}
.activityWrap p span { font-size:125%; line-height:1.8em;}
.activityBoxInner { border:5px solid #eeeeee; overflow:hidden;}
.activityBox h4 { font-size:125%; color:#b70000; font-weight:bold; padding:20px 20px 0; margin:0;}
.activityBox p { font-size:100%; padding:10px 20px 10px; margin:0;}

.messageWrap h3 { padding:20px 0;}
.messageWrap h4 { padding:10px 0;}
.messageWrap .messageBox { clear:both; padding:30px 0 0;}
.messageWrap .messageBox h5 { width:250px; float:left; margin-bottom:30px;}
.messageWrap .messageBox .messageTxt { width:680px; float:right;}
.messageWrap .messageBox p { padding:40px; border:1px solid #b70000; border-radius:5px; line-height:1.6em;}
.messageWrap p span { font-size:125%; line-height:1.8em;}


.businessWrap .mainContents {}
.businessWrap .mainContents div { border-left:5px solid #956134; padding:10px 0 10px 20px; margin:0 0 40px;}
.businessWrap .mainContents div h3 { color:#956134; font-size:112.5%; margin:0 0 10px;}
.businessWrap .mainContents div p { font-size:87.5%; line-height:1.2em; margin:0 0 0;}
.businessWrap .mainContents p img { display:block; margin:0 0 10px;}
.businessWrap .mainContents p { font-size:87.5%; line-height:1.6em; margin:20px 0 60px;}

.productWrap .mainContents {}
.productWrap .mainContents div { border-left:5px solid #956134; padding:10px 0 10px 20px; margin:0 0 40px;}
.productWrap .mainContents div h3 { color:#956134; font-size:112.5%; margin:0 0 10px;}
.productWrap .mainContents div p { font-size:87.5%; line-height:1.2em; margin:0 0 0;}
.productWrap .mainContents p img { display:block; margin:0 0 10px;}
.productWrap .mainContents p.productTxt01 { font-size:81.3%; line-height:2em; margin:20px 0 10px;}
.productWrap .mainContents p.productTxt01 span.hilight { color:#956134; font-weight:bold; font-size:110%;}
.productWrap .mainContents p.productTxt02 { font-size:81.3%; line-height:2em; margin:10px 0 60px; border-top: 1px solid #956134; text-align:right; color:#956134;}

.memberWrap .mainContents {}
.memberWrap .mainContents h3 { margin:50px 0 40px;}
.memberWrap .mainContents .membarBox { width:940px; margin-bottom:60px;}
.memberWrap .mainContents .membarBox.second { width:940px; padding-top:60px; border-top:1px solid #956134;}
.memberWrap .mainContents .membarBox .membarBoxL { width:570px; float:left;}
.memberWrap .mainContents .membarBox .membarBoxR { width:320px; float:right;}
.memberWrap .mainContents .membarBox h4 { margin:0 0 0;}
.memberWrap .mainContents .membarBox p.memberCap { text-align:right; font-size:112.5%; line-height:1.8em;}
.memberWrap .mainContents .membarBox h5 { margin:0 0 15px;}
.memberWrap .mainContents .membarBox p.memberTxt01 { margin:0 0 30px; background:url(../img/member/bull01.png) repeat-y left top; line-height:2em; font-size:81.3%; padding:0 0 0 30px;}
.memberWrap .mainContents .membarBox p.memberTxt01.none { margin:0 0 30px; background: none; line-height:2em; font-size:81.3%; padding:0 0 0 30px;}
.memberWrap .mainContents .membarBox p.memberTxt02 { margin:0 0 30px; background:url(../img/member/bull02.png) repeat-y left top; line-height:2em; font-size:81.3%; padding:0 0 0 30px;}
.memberWrap .mainContents .membarBox p.memberTxt02.none { margin:0 0 30px; background: none; line-height:2em; font-size:81.3%; padding:0 0 0 30px;}

.memberWrap .mainContents .membarBox {
    overflow: hidden;
}

.memberWrap .mainContents .membarBox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .memberWrap .mainContents .membarBox {
    height: 1em;
    overflow: visible;
}
/**/

#formTable { padding:0 0;}
#formTable p { text-align:left;}
#formTable dt { width:20em; float:left; font-size:100%; margin:10px 0; line-height:2em; clear:both;}
#formTable dd { padding:10px 0 10px 22em; font-size:100%; border-bottom:1px dotted #eee; line-height:2em;}
#formTable p.txtcenter { text-align:center;}


.policyWrap .mainContents {}
.policyWrap .mainContents div { border-left:5px solid #956134; padding:10px 0 10px 20px; margin:50px 0 40px;}
.policyWrap .mainContents div h3 { color:#956134; font-size:112.5%; margin:0 0 0;}
.policyWrap .mainContents div p { font-size:87.5%; line-height:1.2em; margin:0 0 0;}
.policyWrap .mainContents p { font-size:81.3%; line-height:2em; margin:20px 0 40px;}

.sitemapWrap .mainContents {}
.sitemapWrap .mainContents div { border-left:5px solid #956134; padding:10px 0 10px 20px; margin:0 0 40px;}
.sitemapWrap .mainContents div h3 { color:#956134; font-size:100%; margin:0 0 0;}
.sitemapWrap .mainContents div p { font-size:87.5%; line-height:1.2em; margin:0 0 0;}
.sitemapWrap .mainContents ul { font-size:81.3%; line-height:2em; margin:20px 0 50px 50px;}
.sitemapWrap .mainContents ul li {  line-height:2em; margin:10px 0 10px;}

article#contentsWrap.inquiryWrap p { padding:0 20px 0;font-size:75%;}
article#contentsWrap.inquiryWrap p.formBtn { padding:40px 20px 0;font-size:75%; clear:both;}
article#contentsWrap.inquiryWrap .inquiryList { width:940px; clear:both;}
article#contentsWrap.inquiryWrap .inquiryList dt { width:16em; float:left; text-align:right;font-size:87.5%; margin:20px 0; color: #956134; line-height:1.8em;}
article#contentsWrap.inquiryWrap .inquiryList dd { padding:20px 0 20px 18em;font-size:87.5%; border-bottom:1px dashed #956134; line-height:1.8em;}
article#contentsWrap.inquiryWrap .inquiryList dd.first { border-top:1px solid #91d3f5;}

/* --------------------------------
	ページャー
-------------------------------- */
.pager{
	text-align:center;
}
a.page-numbers,
.pager .current{
	background:rgba(0,0,0,0.02);
	border:solid 1px rgba(0,0,0,0.1);
	border-radius:5px;
	padding:5px 8px;
	margin:0 2px;
}
.pager .current{
	background:rgba(0,0,0,1);
	border:solid 1px rgba(0,0,0,1);
	color:rgba(255,255,255,1);
}


/* --------------------------------
	パンくず
-------------------------------- */

div#bread { padding:21px 0 0 23px; }






/* --------------------------------
	アンカー
-------------------------------- */

article#content .rel { margin:11px 0 0 0; padding:2px 0 2px 13px; background:url(../img/arrow_02.gif) no-repeat 0 5px; }
article#content ul.rel { margin:0; padding:0; background:none; }
article#content ul.rel li { padding:2px 0 2px 13px; background:url(/common/img/arrow_02.gif) no-repeat 0 5px; }
article#content .blank a { padding:0 19px 0 0; background:url(../img/ancr_blank_01.gif) no-repeat top right; }
article#content .pdf a { padding:2px 19px 0 0; background:url(../img/ancr_pdf_01.gif) no-repeat top right; }



/* --------------------------------
	ページトップ
-------------------------------- */

article#content section#cnt_pagetop { clear:both; padding:18px 39px 0 39px; }
article#content section#cnt_pagetop p { text-align:right; }
article#content section#cnt_pagetop p a:hover img { filter:alpha(opacity=60); -moz-opacity:0.60; opacity:0.60; }



/* --------------------------------
	ページャ
-------------------------------- */

section#pager { clear:both; position:relative; margin:30px 0 0 0; font-size:75%; line-height:1.417; }
section#pager p.prev { position:absolute; left:0; top:0; }
section#pager p.prev a { padding:0 0 0 13px; background:url(../img/arrow_03.gif) no-repeat left 0.25em; }
section#pager table { margin:0 auto 0 auto; }
section#pager table td { padding:0 1px 0 2px; background:url(../img/dt_v_03.gif) repeat-y left top; }
section#pager table td.first { background:none; }
section#pager table td a,
section#pager table td span { display:block; padding:3px 8px 3px 8px; }
section#pager table td a:hover { background:#74b20d; color:#fff; }
section#pager table td span { color:#488902; font-weight:bold; }
section#pager p.next { position:absolute; right:0; top:0; }
section#pager p.next a { padding:0 13px 0 0; background:url(../img/arrow_02.gif) no-repeat right 0.25em; }




/* --------------------------------
	フッタ
-------------------------------- */


/* --------------------------------
	GET ADOBE READER
-------------------------------- */

#get_reader { margin:30px 0 0 0; padding:12px 2em 12px 2em; background:#f9f9f9; }
#get_reader .container { margin:0 auto 0 auto; width:97%; }
#get_reader .sub { padding:0 17px 0 0; width:158px; float:left; }
#get_reader .sub p { }
#get_reader .main { float:left; }
#get_reader .main p { padding:3px 0 0 0; }




.pageWrap div#trust-form.contact-form table th {
padding: 10px 0;
border-bottom: 1px dotted #eee;
text-align: left;
vertical-align: top;
font-weight: bold;
}
.pageWrap div#trust-form.contact-form table td {
padding: 10px 0;
border-bottom: 1px dotted #eee;
text-align: left;
vertical-align: middle;
}

.companyBox dt { width:10em; float:left; font-size:87.5%; line-height:1.357; margin:10px 0; line-height:2em;}
.companyBox dd { padding:10px 0 10px 12em; font-size:87.5%; line-height:1.357; border-bottom:1px dotted #eee; line-height:2em;}

ul.sitemap { padding:10px 20px;}
ul.sitemap li { padding:5px 0;  font-size:87.5%; line-height:1.357; }
ul.sitemap li.low { text-indent:20px;}


/* --------------------------------
	ブログ
-------------------------------- */


.blog p { padding:0 0;}


.columnList {}
.columnList ul { }
.columnList li { width:142px; float:left; margin-right:20px;margin-top:20px;}

.columnList {
    overflow: hidden;
}

.columnList:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .columnList {
    height: 1em;
    overflow: visible;
}
/**/

@media screen and (max-width: 760px) {}
@media screen and (max-width: 480px) {}
@media screen and (max-width: 320px) {}