@charset "UTF-8";



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


@import "global.css";



/* --------------------------------
	body
-------------------------------- */
html {}
body {}

.noPc { display:none !important;}
.noSmp { display: block !important;}
@media screen and (max-width: 760px) {
.noPc { display:block !important;}
.noSmp { display: none !important;}
}

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

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: none; border-radius:3px; padding:5px 10px; color:#ffffff; border:1px solid #dddddd;}
article#all_container .navbar.navbar-inverse.navbar-static-top a { color: #000000; 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:#eeeeee; border-radius:3px;}
.navbar.navbar-inverse.navbar-static-top a { color:#000000;}

.navbar-inverse .navbar-nav>.active>a:hover {  background:#aaaaaa;}

@media screen and (max-width: 760px) {
.navbar-wrapper .container { float:left; width:100%; max-width:100%; margin-left:0; margin-right:0; position:absolute; left:0; top:0; background:#ffffff;}
.navbar-nav { margin:0; padding:0}
.navbar-collapse ul.nav.navbar-nav { background:#eeeeee; 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:#fcfdd2; border-radius:0;}}

.navbar-toggle { background:#7F1C1C;}
.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%; background:url(../img/bg.png) center 0% no-repeat fixed;}
.mainVI h1 { margin:0 auto 0; text-align:center; padding:240px 0 40px;}
.mainVI.parent {  text-align:center; padding:40px 0 40px;}
.mainVI.parent h1 { margin:0 auto 0; text-align:center; padding:40px 0 40px;}
.mainVI h1 img { margin:0 auto 0; text-align:center;}
.mainVI h1.subTitle { margin:40px auto 80px; text-align:center;}
.mainVI p.catch { margin:20px auto 120px; font-size:120%; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; color:#ffffff;}
.mainVI p.catch br { display: none;}
.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;}
.mainVI p.formTxt { border:1px solid #cccccc; border-radius:5px; width:20em; margin:20px auto; text-align:center;color:#000000; font-size:100%; line-height:1.4em; clear:both;}
.mainVI p.formTxt:hover { border:1px solid #cccccc; border-radius:5px; width:20em; margin:20px auto; text-align:center;}
.mainVI p.formTxt a { display:block; text-decoration:none; padding:20px;border-radius:5px;color:#000000;}
.mainVI.parent p.formTxt a { background: #bfd833; }
.mainVI.parent p.formTxt {width: 40em;}
html body #all_container .mainVI p.formTxt a:hover { background: #FFDC00; color:#000000;}
.mainVI p.formTxt span {font-size:75%; line-height:1.4em; display:block;}

@media screen and (max-width: 480px) {
.mainVI { width:100%; }
.mainVI h1 img { width:90%; height:auto; text-align:center; display:block; margin:0 auto;}
.mainVI h1 { margin:0 auto 0; text-align:center; padding:100px 0 40px;}
.mainVI p.catch { margin:20px auto 20px; font-size:18px; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; color:#ffffff;}
.mainVI p.catch br { display: block;}
.mainVI.parent {  text-align:center; padding:10px 0 10px;}
.mainVI.parent p.formTxt {width: 90%; margin: 0 5%;}
}

.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:280px; text-indent:-9999px;}
#about .aboutBox p.aboutImg { text-align:center; }
#about .aboutBox p { color:#000000; line-height:2.4em;padding:10% 0 0;}

@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;}
}

#video .videoBox { padding: 0 0 200px; }
#video .videoBox h2 {margin:0 auto; text-align:center;  width:100%; padding: 50px 0 50px;font-size:24px;}
#video .videoBox p.videoImg { text-align:center; }
#video .videoBox p { color:#000000; line-height:2.4em;padding:0 0 0;}

@media screen and (max-width: 480px) {
#video .videoBox h2 { font-size: 20px; padding: 20px 0 20px; }
#video .videoBox p.videoImg iframe { width: 100%;}

}

#basic { margin: 20px auto 20px; clear:both; background: #ffffff;}
#basic .basicBox h2 {margin:60px auto 0; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; padding:0 0 60px;font-size:24px;}
#basic .basicBox 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;}
#basic .basicBox 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;}
#basic .basicBox p { color:#000000; padding:20px 0 40px; text-align:center;}
#basic .basicBox h3 img { width:100%; height:auto;}
#basic .basicBox p.formTxt { border:1px solid #cccccc; border-radius:5px; width:40em; margin:20px auto 50px; text-align:center;color:#000000; font-size:100%; padding:0;}
#basic .basicBox p.formTxt:hover { border:1px solid #cccccc; border-radius:5px; width:40em; margin:20px auto 50px; text-align:center;}
#basic .basicBox p.formTxt a { display:block; text-decoration:none; padding:20px;border-radius:5px;color:#000000;background: #007D7F; font-size: 20px;color: #ffffff;}
#basic .basicBox p.formTxt a span { font-size: 14px;}
#basic .basicBox p.formTxt a:hover { background:#960002; color:#ffffff;}
@media screen and (max-width: 480px) {
#basic .basicBox h2 { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; background: none;  width:auto; text-indent:0;font-size:24px;}
#basic .basicBox p.formTxt { border:1px solid #cccccc; border-radius:5px; width: auto; margin:20px auto 20px; text-align:center;color:#000000; font-size:100%; padding:0}
#basic .basicBox p.formTxt a { font-size: 16px;}
}


#online { margin: 200px auto 100px; clear:both; background: #ffffff;}
#online .onlineBox h2 {margin:60px auto 0; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; padding:0 0 60px;font-size:24px;}
#online .onlineBox 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;}
#online .onlineBox 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;}
#online .onlineBox p { color:#000000; padding:20px 0 40px; text-align:center;}
#online .onlineBox h3 img { width:100%; height:auto;}
#online .onlineBox p.formTxt { border:1px solid #cccccc; border-radius:5px; width:40em; margin:20px auto 50px; text-align:center;color:#000000; font-size:100%; padding:0;}
#online .onlineBox p.formTxt:hover { border:1px solid #cccccc; border-radius:5px; width:40em; margin:20px auto 50px; text-align:center;}
#online .onlineBox p.formTxt a { display:block; text-decoration:none; padding:20px;border-radius:5px;color:#000000;background: #bfd833; font-size: 20px;color: #ffffff;}
#online .onlineBox p.formTxt a span { font-size: 14px;}
#online .onlineBox p.formTxt a:hover { background:#960002; color:#ffffff;}
@media screen and (max-width: 480px) {
#online .onlineBox h2 { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; background: none;  width:auto; text-indent:0;font-size:24px;}
#online .onlineBox p.formTxt { border:1px solid #cccccc; border-radius:5px; width: auto; margin:20px auto 100px; text-align:center;color:#000000; font-size:100%; padding:0}
}




#menu { margin: 0 auto; clear:both;}
#menu .menuBox h2 {margin:60px auto 0; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif; text-align:center; background:url(../img/titleMenu.png) no-repeat; line-height:60px; width:340px; text-indent:-9999px;padding:40px 0 20px;}
#menu .menuBox h3 { text-align:center; color:#ffffff;}
#menu .menuBox 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; font-size:20px;}
#menu .menuBox p { text-align:left; color:#000000; line-height:1.8em; font-size:81.3%; padding:0 10px 0;}
@media screen and (max-width: 480px) {
#menu .menuBox h2 { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; background: none;  width:auto; text-indent:0; font-size:24px;}
#menu .menuBox h3 { text-align:center; color:#ffffff; padding-top:40px;}
}


#planA { margin: 0 auto; clear:both;}
#planA .planABox h2 {margin:60px auto 0; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; background:url(../img/titlePlanA.png) no-repeat; line-height:60px; width:460px; text-indent:-9999px;padding:0 0 60px;}
#planA .planABox 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;}
#planA .planABox h4 { 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;}
#planA .planABox p { line-height:1.8em; font-size:75%;}
#planA .planABox .flow { margin-bottom:50px;}
#planA .planABox .flow p { text-align:center; color:#000000; line-height:1.8em; font-size:75%; padding:0 10px 0; border:1px solid #000000;}
#planA .planABox .flow span { text-align:left; color:#000000; line-height:1.8em; font-size:70%; padding:10px 10px 0; display:block;}
#planA .planABox p.bull { text-align:center; color:#000000; line-height:1.8em; font-size:75%; padding:0 10px 0; border: none;}
#planA .planABox p.formTxt { border:1px solid #cccccc; border-radius:5px; width:20em; margin:20px auto; text-align:center;color:#000000; font-size:100%; line-height:1.4em; clear:both;}
#planA .planABox p.formTxt:hover { border:1px solid #cccccc; border-radius:5px; width:20em; margin:20px auto; text-align:center;}
#planA .planABox p.formTxt { display:block; text-decoration:none; padding:20px;border-radius:5px;color:#000000;}
#planA .planABox p.formTxt a:hover { background:#960002; color:#ffffff;}
#planA .planABox p.formTxt span {font-size:75%; line-height:1.4em; display:block;}
@media screen and (max-width: 480px) {
#planA .planABox h2 { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; background: none;  width:auto; text-indent:0;font-size:24px;}
#planA .planABox p.formTxt { border:1px solid #cccccc; border-radius:5px; width: auto; margin:20px auto; text-align:center;color:#000000; font-size:100%; line-height:1.4em; clear:both;}
}

#planB { margin: 0 auto; clear:both; background:url(../img/conBg01.png) center 0% no-repeat fixed;}
#planB .planBBox h2 {margin:60px auto 0; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; background:url(../img/titlePlanB.png) no-repeat; line-height:60px; width:350px; text-indent:-9999px;padding:0 0 60px;}
#planB .planBBox h3 { text-align:center; color:#000000; 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;}
#planB .planBBox h4 { text-align:center; color:#000000; 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;}
#planB .planBBox p { line-height:1.8em; font-size:75%;}
#planB .planBBox .flow {margin-bottom:50px;}
#planB .planBBox .flow p { text-align:center; color:#000000; line-height:1.8em; font-size:75%; padding:0 10px 0; border:1px solid #000000;}
#planB .planBBox .flow span { text-align:left; color:#000000; line-height:1.8em; font-size:70%; padding:10px 10px 0; display:block;}
#planB .planBBox p.bull { text-align:center; color:#000000; line-height:1.8em; font-size:75%; padding:0 10px 0; border: none;}
#planB .planBBox p.formTxt { border:1px solid #cccccc; border-radius:5px; width:20em; margin:20px auto; text-align:center;color:#000000; font-size:100%; line-height:1.4em; clear:both;}
#planB .planBBox p.formTxt:hover { border:1px solid #cccccc; border-radius:5px; width:20em; margin:20px auto; text-align:center;}
#planB .planBBox p.formTxt { display:block; text-decoration:none; padding:20px;border-radius:5px;color:#000000;}
#planB .planBBox p.formTxt a:hover { background:#960002; color:#ffffff;}
#planB .planBBox p.formTxt span {font-size:75%; line-height:1.4em; display:block;}
@media screen and (max-width: 480px) {
#planB .planBBox h2 { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; background: none;  width:auto; text-indent:0;font-size:24px;}
#planB .planBBox p.formTxt { border:1px solid #cccccc; border-radius:5px; width: auto; margin:20px auto; text-align:center;color:#000000; font-size:100%; line-height:1.4em; clear:both;}
}

#planC { margin: 0 auto; clear:both; background:url(../img/conBg01.png) center 0% no-repeat fixed;}
#planC .planCBox h2 {margin:60px auto 0; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; background:url(../img/titlePlanC.png) no-repeat; line-height:60px; width:295px; text-indent:-9999px;padding:0 0 60px;}
#planC .planCBox h3 { text-align:center; color:#000000;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;}
#planC .planCBox h4 { text-align:center; color:#000000;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;}
#planC .planCBox p { line-height:1.8em; font-size:75%; text-align:center;}
#planC .planCBox .flow p { text-align:center; color:#000000; line-height:1.8em; font-size:75%; padding:0 10px 0; border:1px solid #000000;}
#planC .planCBox .flow span { text-align:left; color:#000000; line-height:1.8em; font-size:70%; padding:10px 10px 0; display:block;}
#planC .planCBox p.bull { text-align:center; color:#000000; line-height:1.8em; font-size:75%; padding:0 10px 0; border: none;}
#planC .planCBox p.formTxt { border:1px solid #cccccc; border-radius:5px; width:20em; margin:20px auto; text-align:center;color:#000000; font-size:100%; line-height:1.2em; clear:both;}
#planC .planCBox p.formTxt:hover { border:1px solid #cccccc; border-radius:5px; width:20em; margin:20px auto; text-align:center;}
#planC .planCBox p.formTxt a { display:block; text-decoration:none; padding:20px;border-radius:5px;color:#000000;}
#planC .planCBox p.formTxt a:hover { background:#960002; color:#ffffff;}
#planC .planCBox p.formTxt span {font-size:75%; line-height:1.2em;}

@media screen and (max-width: 480px) {
#planC .planCBox h2 { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; background: none;  width:auto; text-indent:0;font-size:24px;}
#planC .planCBox p.formTxt { border:1px solid #cccccc; border-radius:5px; width: auto; margin:20px auto; text-align:center;color:#000000; font-size:100%; line-height:1.2em; clear:both;}
}

#shop { margin: 0 auto; clear:both;background:url(../img/conBg01.png) center 0% no-repeat fixed;}
#shop .shopBox h2 {margin:60px auto 0; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; background:url(../img/titleShop.png) no-repeat; line-height:60px; width:450px; text-indent:-9999px;padding:0 0 60px;}
#shop .shopBox h3 { text-align:center; color:#000000; 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; border:1px solid #cccccc;}
#shop .shopBox h4 { text-align:center; color:#000000; 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;}
#shop .shopBox p { line-height:1.8em; font-size:75%; text-align:center;}
#shop .shopBox .flow p { text-align:center; color:#000000; line-height:1.8em; font-size:75%; padding:0 10px 0; border:1px solid #000000;}
#shop .shopBox .flow span { text-align:left; color:#000000; line-height:1.8em; font-size:70%; padding:10px 10px 0; display:block;}
#shop .shopBox p.bull { text-align:center; color:#000000; line-height:1.8em; font-size:75%; padding:0 10px 0; border: none;}
#shop .shopBox p.formTxt { border:1px solid #cccccc; border-radius:5px; width:20em; margin:20px auto; text-align:center;color:#000000; font-size:100%;}
#shop .shopBox p.formTxt:hover { border:1px solid #cccccc; border-radius:5px; width:20em; margin:20px auto; text-align:center;}
#shop .shopBox p.formTxt a { display:block; text-decoration:none; padding:20px;border-radius:5px;color:#000000;}
#shop .shopBox p.formTxt a:hover { background:#960002; color:#ffffff;}
#shop .shopBox ul { color:#000000;}
#shop .shopBox ul li a { color:#000000;}

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


#greeting { margin: 0 auto; padding:80px 0;}
#greeting .greetingBox {}
#greeting .greetingBox h2 {margin:0 auto; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; background:url(../img/titleGreeting.png) no-repeat; line-height:50px; width:120px; text-indent:-9999px;}
#greeting .greetingBox p.greetingImg { text-align:center; }
#greeting .greetingBox p { color:#000000; line-height:2.4em;padding:60px 0 0;}
#greeting .greetingBox dl {}
#greeting .greetingBox dl dt { padding:20px 0 10px; margin-bottom:10px; border-bottom:1px dotted #dddddd;}
#greeting .greetingBox dl dt span { font-size:60%;}
#greeting .greetingBox dl dd { font-size:75%;}
#greeting .greetingBox p.aboutImg { width:100%; }
#greeting .greetingBox p.aboutImg img { width:100%; }

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

#inquiry { margin: 0 auto; clear:both;}
#inquiry .inquiryBox h2 {margin:60px auto 0; font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; background:url(../img/titleInquiry.png) no-repeat; line-height:60px; width:220px; text-indent:-9999px; padding:0 0 60px;}
#inquiry .inquiryBox 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;}
#inquiry .inquiryBox 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;}
#inquiry .inquiryBox p { color:#000000; padding:20px 0 40px; text-align:center;}
#inquiry .inquiryBox h3 img { width:100%; height:auto;}
#inquiry .inquiryBox p.formTxt { border:1px solid #cccccc; border-radius:5px; width:30em; margin:20px auto 150px; text-align:center;color:#000000; font-size:100%; padding:0}
#inquiry .inquiryBox p.formTxt:hover { border:1px solid #cccccc; border-radius:5px; width:30em; margin:20px auto 150px; text-align:center;}
#inquiry .inquiryBox p.formTxt a { display:block; text-decoration:none; padding:20px;border-radius:5px;color:#000000;}
#inquiry .inquiryBox p.formTxt a:hover { background:#960002; color:#ffffff;}
@media screen and (max-width: 480px) {
#inquiry .inquiryBox h2 { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center; background: none;  width:auto; text-indent:0;font-size:24px;}
#inquiry .inquiryBox p.formTxt { border:1px solid #cccccc; border-radius:5px; width: auto; margin:20px auto 100px; text-align:center;color:#000000; font-size:100%; padding: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;font-size:24px;}
}

#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;font-size:24px;}
}

#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;font-size:24px;}
}

#contact { margin: 0 auto; clear:both;background:url(../img/bg.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; color:#ffffff;}
#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;
}
/**/

.mailmagBox { width:90%;  text-align:center; margin:5% auto; }
.mailmagBox h1 { margin:0 auto; width:60%; padding:20px 0; }

.mailBox { width:90%; border:5px solid #00C7FF; text-align:center; margin:2% auto; }
.mailBox h1 { margin:0 auto; width:60%; padding:20px 0; }
.mailBox h1 img { width:100%; height:auto; }

.mailmagBox p.formTxt { border:1px solid #cccccc; border-radius:5px; width:30em; margin:20px auto 150px; text-align:center;color:#000000; font-size:100%; padding:0}
.mailmagBox p.formTxt:hover { border:1px solid #cccccc; border-radius:5px; width:30em; margin:20px auto 150px; text-align:center;}
html body #all_container .mailmagBox p.formTxt a { display:block; text-decoration:none; padding:20px;border-radius:5px;color:#000000;}
html body #all_container .mailmagBox p.formTxt a:hover { background:#960002; color:#ffffff;}

.mailBox { width:90%; border:5px solid #00C7FF; text-align:center; margin:5% auto; }
.mailBox h1 { margin:0 auto; width:60%; padding:20px 0; }

.mailBox p.formTxt { border:1px solid #cccccc; border-radius:5px; width:30em; margin:20px auto 150px; text-align:center;color:#000000; font-size:100%; padding:0}
.mailBox p.formTxt:hover { border:1px solid #cccccc; border-radius:5px; width:30em; margin:20px auto 150px; text-align:center;}
html body #all_container .mailBox p.formTxt a { display:block; text-decoration:none; padding:20px;border-radius:5px;color:#000000;}
html body #all_container .mailBox p.formTxt a:hover { background:#960002; color:#ffffff;}
@media screen and (max-width: 480px) {
.mailmagBox h2 { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center;  background: none;  width:auto; text-indent:0;}
.mailmagBox p.formTxt { border:1px solid #cccccc; border-radius:5px; width: auto; margin:20px auto 100px; text-align:center;color:#000000; font-size:100%; padding:0}
.mailmagBox iframe { width:100%;  text-align:center; margin:0 auto; }

.mailBox h1 { margin:0 auto; width:60%; padding:20px 0; }
.mailBox h1 img { width:100%; height:auto; }
.mailBox h2 { font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;text-align:center;  background: none;  width:auto; text-indent:0;}
.mailBox p.formTxt { border:1px solid #cccccc; border-radius:5px; width: auto; margin:20px auto 100px; text-align:center;color:#000000; font-size:100%; padding:0}
}

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


.floatBtn { width: 300px;  position: fixed; bottom: 20px; right: 20px; z-index: 9999; }
.floatBtn img { width:300px; height: auto; }
.floatBtnSmp { width: 90%;  position: fixed; bottom: 20px; right: 5%; z-index: 9999; }
.floatBtnSmp img { width:100%; height: auto; }