@charset "utf-8";

html {
    font-size: 14px;
}

body {
    font-family: "メイリオ", Meiryo, Lato, "Noto Sans JP", "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #000;
    line-height: 1.5;
    overflow-x: hidden;
    background: #f4f1e2;
}

.ibp {
    letter-spacing: -.5em;
}

.ib {
    letter-spacing: normal;
    display: inline-block;
}

#zanLp #pageWrap {
    width:960px;
    background:#fff;
    margin: auto;
}

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

#lp-header h1 {
    padding-left: 10px;
    font-weight: normal;
}

#zanLp li {
    list-style: none;
}

a, a.img {
    transition:.5s;
}

a:link, a:active, a:visited {
    color:#333;
}

a:hover {
    color:#7b67a4;
}

a img {
    transition:.5s;
}

a:hover img {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

#points li a, .btn a, #menu li {
    transition: .5s;
}

#points li a:hover, .btn a:hover, #menu li :hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}



/* header
------------------------------- */
#lp-header {
    width:960px;
    margin-bottom:25px;
}

#lp-header h1 {
    padding-left: 10px;
    font-weight: normal;
}

#logo {
    width:160px;
    padding-left: 10px;
    vertical-align: middle;
}

.contact li {
    vertical-align: middle;
}

#lp-header li.hc4 a img {
    width:256px;
    height: 55px;
    display: block;
}

.hc1 {
    width:257px;
    margin-left: 20px;
    margin-right:0;
}

.hc3 {
    margin-right:20px;
    width:214px;
}

#splash img.splashImage {
    width:100%;
    height: auto;
    margin-bottom:30px;
}

#splash #points ul {
    text-align: center;
    padding: 30px 0 22px;
}

#splash #points li {
    vertical-align: middle;
    width:207px;
    height: 106px;
    text-indent:-9999px;
}

#splash #points li a {
    width:207px;
    height: 106px;
    display: block;
}

#splash #points li + li {
    margin-left:25px;
}

#splash #points li.point1 {
    background:url(../images/yLP-zanM06.png) 0 0 no-repeat;
}

#splash #points li.point2 {
    background:url(../images/yLP-zanM07.png) 0 0 no-repeat;
}

#splash #points li.point3 {
    background:url(../images/yLP-zanM08.png) 0 0 no-repeat;
}

#splash #points li.point4 {
    background:url(../images/yLP-zanM09.png) 0 0 no-repeat;
}

/* menu
---------------------------- */
#menu h2 {
    background:url(../images/yLP-zanM10.png) 0 0 no-repeat;
    width:960px;
    height: 61px;
    text-indent:-9999px;
}

#menu .inner {
    padding:23px 0 44px 0;
    background:#eeece5;
}

#menu ul {
    text-align: center;
}

#menu li {
    text-indent:-9999px;
    text-align: center;
    margin: auto;
}

#menu li.menu1 a,
#menu li.menu2 a,
#menu li.menu3 a {
    width:914px;
    height: 182px;
    display: block;
}

#menu li.menu4 a {
    width:914px;
    height: 63px;
    display: block;
}

#menu li.menu1 {
    background:url(../images/yLP-zanM11.png) center no-repeat;
    width:914px;
    height: 182px;
}

#menu li.menu2 {
    background:url(../images/yLP-zanM12.png) center no-repeat;
    width:914px;
    height: 182px;
    margin-top:10px;
}

#menu li.menu3 {
    background:url(../images/yLP-zanM13.png) center no-repeat;
    width:914px;
    height: 182px;
    margin-top:10px;
}

#menu li.menu4 {
    background:url(../images/yLP-zanM14.png) center no-repeat;
    width:914px;
    height: 63px;
    margin-top:10px;
}


/* flow
------------------------------------- */
#flow {
    margin:26px 0;
}

#flow h2 {
    margin-bottom:18px;
    background:url(../images/yLP-zanM15.png) 0 0 no-repeat;
    width:900px;
    height: 31px;
    text-indent:-9999px;
}

#flow h3 {
    margin-top:18px;
    text-indent:-9999px;
    background:url(../images/yLP-zanM17.png) 0 0 no-repeat;
    margin-bottom:10px;
}

/* option
------------------------------------- */
#option {
    margin-bottom:40px;
}

#option h2 {
    margin-bottom:15px;
    background:url(../images/yLP-zanM19.png) 0 0 no-repeat;
    width:900px;
    height: 31px;
    text-indent:-9999px;
}

#option .ib {
    width:260px;
    margin-right:50px;
    vertical-align: top;
}

#option .ib + .ib {
    width:300px;
    vertical-align: top;
}

#option .ib .img-bloc {
    text-align: center;
    margin-bottom:5px;
}

#option .ib + .ib .img-bloc {
    padding-top:32px
}

#option .text-bloc h3 {
    background:#898989;
    text-align: center;
    color:#fff;
    font-weight: bold;
    border-radius: 6px;
    height: 40px;
    line-height: 40px;
    margin-bottom:12px
}

#option .text-bloc p {
    font-size: 11px;
}

#option .text-bloc p.btn {
    margin-top:5px;
}


/* hagaki
------------------------------------- */
#hagaki {
    margin-bottom:20px;
}

#hagaki h2 {
    background:url(../images/yLP-zanM23.png) 0 0 no-repeat;
    width:900px;
    height: 31px;
    margin-bottom:25px;
    text-indent:-9999px;
}


/* sentence
------------------------------------- */
#sentence {
    margin-bottom:40px;
}

#sentence h2 {
    background:url(../images/yLP-zanM25.png) 0 0 no-repeat;
    text-indent:-9999px;
    width:900px;
    height: 31px;
    margin-bottom:15px;
}

#sentence .ippan {
    vertical-align: top;
    margin-right:155px;
    width:340px;
}

#sentence .buisiness {
    width:405px;
}

#sentence dt {
    font-size:16px;
    line-height: 1;
    margin-bottom:5px;
}

#sentence dt:before {
    content:"\25A0";
    color:#00478b;
}

#sentence dl {
    margin-bottom:16px;
}

#sentence dd {
    font-size: 12px;
}



/* difference
------------------------------------- */
#difference {
    margin-bottom:45px;
}

#difference h2 {
    background:url(../images/yLP-zanM26.png) 0 0 no-repeat;
    text-indent:-9999px;
    width:900px;
    height: 31px;
    margin-bottom:15px;
}

#difference .ib {
    width:425px;
    vertical-align: top;
    font-size: 12px;
}

#difference .ib + .ib {
    margin-left: 45px;
    vertical-align: top;
}

#difference .desc li {
    text-indent:-1em;
    padding-left: 1em;
}

#difference .desc li:before, #difference .time dt:before {
    content:"\25A0";
    color:#00478b;
}

#difference li + li {
    margin-top:15px;
}

#difference .time dd {
    padding-left: 1em;
}

#difference .time dd li:before {
    content:"\25CE";
    color:#00478b;
}

#difference .time dl + dl {
    margin-top:15px;
}


/* payment
------------------------------------- */
#payment {
    margin-bottom:30px;
}

#payment h2 {
    background:url(../images/yLP-zanM27.png) 0 0 no-repeat;
    text-indent:-9999px;
    width:900px;
    height: 31px;
    margin-bottom:15px;
}

#payment ul {
    margin-top:20px;
}

#mayment li {
    vertical-align: top;
}

#payment li:nth-child(1),
#payment li:nth-child(2),
#payment li:nth-child(3) {
    margin-bottom:30px;   
}

#payment li:nth-child(2),
#payment li:nth-child(3) {
    margin-left:20px;   
}

#payment li:nth-child(5) {
    margin-left: 8px;
}


/* data
------------------------------------- */
#data {
    margin-bottom:50px; 
}

#data h2 {
    background:url(../images/yLP-zanM33.png) 0 0 no-repeat;
    text-indent:-9999px;
    width:900px;
    height: 31px;
    margin-bottom:15px;
}

#data li + li {
    margin-top:10px;
}



/* shipping
------------------------------------- */
#shipping {
    margin-bottom:40px; 
}

#shipping h2 {
    background:url(../images/yLP-zanM36.png) 0 0 no-repeat;
    text-indent:-9999px;
    width:900px;
    height: 31px;
    margin-bottom:15px;
}

#shipping li:before {
    content:"\25CE";
    margin-right:3px;
}

#shipping li.note:before {
    content:"\203B"
}


/* shipping
------------------------------------- */
#template {
    margin-bottom:40px;
}

#template h2 {
    background:url(../images/yLP-zanM37.png) 0 0 no-repeat;
    text-indent:-9999px;
    width:900px;
    height: 31px;
    margin-bottom:15px;
}

#template .ib {
    vertical-align: top;
}

#template .img-bloc {
    text-align: left;
    width:145px;
}


/* faq
------------------------------------- */
#faq {
    margin-bottom:50px;
}

#faq h2 {
    background:url(../images/yLP-zanM39.png) 0 0 no-repeat;
    text-indent:-9999px;
    width:900px;
    height: 31px;
    margin-bottom:15px;
}

#faq dl + dl {
    margin-top:15px;
}

#faq dt {
    background:url(../images/yLP-zanM44.png) left center no-repeat;
    padding-left:15px;
    font-size: 12px;
}

#faq dd {
    background:url(../images/yLP-zanM45.png) left center no-repeat;
    padding-left:15px;
    font-size: 12px;
}



/* voice
------------------------------------- */
#voice {
    margin-bottom:50px;
    padding-bottom:50px;
}

#voice h2 {
    background:url(../images/yLP-zanM40.png) 0 0 no-repeat;
    text-indent:-9999px;
    width:900px;
    height: 31px;
    margin-bottom:15px;
}

.voice1 {
    margin-left: 10px;
    width:424px;
    position: relative;
    height: 162px;
    background:url(../images/yLP-zanM41.png) 0 0 no-repeat;
    vertical-align: top;
}

.voice1 p {
    position: absolute;
    top:60px;
    left:130px;
    width:265px;
}

.voice2 {
    margin-left:32px;
    background:url(../images/yLP-zanM42.png) 0 0 no-repeat;
    vertical-align: top;
    width:432px;
    height: 162px;
    position: relative;
}

.voice2 p {
    position: absolute;
    top:54px;
    left: 130px;
    width:278px;
}


/* footer
---------------------------------------- */
/* footer 
------------------------------------------ */
footer {
    width: 100%;
    border: 1px solid #cdcdcd;
    margin: auto;
    font-size: 10px;
    background: #F7F4ED url(/img/usr/common/footer_bg.gif) left bottom repeat-x;
}

footer .inner {
    width: 960px;
    margin: auto;
    padding: 20px 50px 30px;
    box-sizing: border-box;
}

#backtotop {
    position: fixed;
    right: 50px;
    bottom: 50px;
    background: url(/chirashi/images/cLp42.png) 0 0 no-repeat;
    text-indent: -9999px;
    width: 73px;
    height: 73px;
}

footer h1 {
    text-align: center;
    font-size: 10px;
    margin-bottom: 30px;
}

footer .dev4 {
    vertical-align: top;
    width: 200px;
}

footer .dev4 + .dev4 {
    margin-left: 20px;
}

footer h1 {
    text-align: center;
    font-size: 10px;
    margin-bottom: 30px;
    font-weight: normal;
}

#backtotop.btn a {
    cursor: pointer;
    width: 73px;
    height: 73px;
    display: block;
}

#splash li:hover {
  filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8; 
}

#menu li:hover {
  filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8; 
}