@charset "UTF-8";
/*!
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

html {
  height: 100%;
  font-size: 14px;
}

body {
  color: #575757;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','sans-serif';
  line-height: 1.4;
  font-size: 14px;
}

input, select, textarea {
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック','sans-serif';
}

a {
  text-decoration: none;
}
a:hover {
  text-decoration: none;
}

img {
  max-width: 100%;
  height: auto;
  vertical-align: middle;
}

input, textarea {
  margin: 0;
  font-size: 100%;
}

/* .clearfix{*zoom:1} */
.clearfix:after{ content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden }
.d-inline-block{display:inline-block}
.m-t-4{margin-top:4px}
.m-t-5{margin-top:5px}
.m-t-7{margin-top:7px}
.m-t-8{margin-top:8px}
.m-t-10{margin-top:10px}
.m-t-11{margin-top:11px}
.m-t-12{margin-top:12px}
.m-t-15{margin-top:15px}
.m-t-17{margin-top:17px}
.m-t-20{margin-top:20px}
.m-t-25{margin-top:25px}
.m-t-30{margin-top:30px}
.m-t-50{margin-top:50px}
.m-r-5{margin-right:5px}
.m-b-10{margin-bottom:10px}
.m-b-11{margin-bottom:11px}
.m-b-20{margin-bottom:20px}
.p-t-6{padding-top:6px}
.p-t-10{padding-top:10px}
.p-t-12{padding-top:12px}
.p-t-15{padding-top:15px}
.p-t-20{padding-top:20px}
.p-t-30{padding-top:30px}
.p-b-0{padding-bottom:0px}
.p-b-10{padding-bottom:10px}
.p-b-15{padding-bottom:15px}
.p-b-20{padding-bottom:20px}
.p-l-10{padding-left:10px}
.p-r-10{padding-right:10px}
.lead{ font-size:14px; line-height:1.4;}
.bold{ font-weight:700; }
.imgR{float:right; margin-left:15px;}
.imgL{float:left; margin:0 14px 10px 0; }
.center{ text-align:center; }

em{
  color: #ff749f;
  font-weight:bold;
  background: linear-gradient(transparent 60%, #fcfbcf 60%);
}

.ttl-box {
  margin-right:15px;
  margin-left:15px;
}
.ttl-box.main {
  margin-right:0;
  margin-left:0;
}
.ttl-box2 {
}
.txt-box{
  margin-right:15px;
  margin-left:15px;
}

.box-radius{
  background-color: #FFF;
  margin-right:15px;
  margin-left:15px;
  padding-bottom:20px;
  -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5x; border-radius:5px;
}

.box-radius02{
  background-color: #FFF;
  margin-right:15px;
  margin-left:15px;
  padding-bottom:20px;
  -webkit-border-radius:0 0 5px 5px; -moz-border-radius:0 0 5px 5px; -ms-border-radius:0 0 5px 5px; -o-border-radius:5x; border-radius:0 0 5px 5px;
}

.box-ph{
  padding:2px 2px 0 2px;
}


/*------ヘッダー共通------*/
header{
  position: relative;
}

.header-logo {
  background-color: #fff;
  text-align: center;
  padding:16px 0px;
  width: 70%;
  margin: 0 auto;
}

.header-title{
  padding: 4px 10px;
  background-color: #fdb1b6;
  font-weight: bold;
  font-size:15px;
  line-height: 1.633;
  color: #fff;
}


/*------フッター共通------*/
.footerbtn-box{
  width:80%;
  margin-left:auto;
  margin-right:auto;
  margin-top:15px;
}

.footerbtn{
  -webkit-border-radius:3px; -moz-border-radius:3px; -ms-border-radius:3px; -o-border-radius:3x; border-radius:3px;
  border:#8dc21f 2px solid;
  padding:7px;
  font-size:13px;
  font-weight:bold;
  color: #8dc21f;
  display:block;
  text-align:center;
}

#footerBox{
  background-color: #EEF2E3;
  margin-top:20px;
  padding:1em;
  text-align: center;
  font-size:80%;
}
#footerBox ul{
  margin-top:1em;
}
#footerBox ul li{
  white-space: nowrap;
  display: inline-block;
  padding:0.3em 1em;
}
#footerBox ul li a{
  color:#333;
  font-size:120%;
}
#copyright{
  background-color: #f196ac;
  padding:15px 0;
  text-align: center;
  font-size:12px;
  color:#fff;
}
#copyright a{
  color:#fff;
}

/*------ここまで書き換えと削除不可------*/




/*-----ボディindexユニーク-----*/
.wrapper{
  background:url(../img/pattern.png) repeat;
}

.index-box{
  -webkit-border-radius:5px; -moz-border-radius:5px; -ms-border-radius:5px; -o-border-radius:5x; border-radius:5px;
  border:2px solid #ffe6ec;
  margin-left:15px;
  margin-right:15px;
  background-color:#FFF;
}