@charset "UTF-8";
/* CSS Document */
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;
}

body {
top:0;
margin:0;
padding:0;
}


body, textarea {
font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
}
input, select {
font-family: Arial, "ＭＳ Ｐゴシック", sans-serif;
}

a {
color:#0066CC;
text-decoration:none;
outline:none;
}
a:hover {
color:#FF9900;
}
img {
border:none;
}
img.sashie {
float:left;
margin:5px 20px 5px 0;
}

a.overwhite{
    background-color:#ffffff;
    display:block;
}

a.overwhite:hover img{
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

p {
margin:20px 0 35px 0;
font-size:0.85em;
line-height:180%;
color:#333333;
}

li {
font-size:0.85em;
line-height:180%;
color:#333333;
}
h2 {
clear:both;
margin:10px 0;
padding:25px 20px;
color:#CC3399;
font-size:1.2em;
border-left:#CC3399 solid 4px;
}
h2 a {
color:#CC3399;
}
h2 a:hover {
color:#FF6600;
}


h3 {
clear:both;
margin:40px 0 10px 0;
padding:5px 0;
font-size:1.2em;
color:#666666;
border-bottom:#999999 solid 1px;
}
h3 a {
color:#666666;
}
h3 a:hover {
color:#FF6600;
}
h4 {
clear:both;
margin:40px 0 10px 0;
padding:5px 0;
font-size:1.2em;
color:#666666;
}
h4 a {
color:#009999;
}
h5 {
clear:both;
margin:20px 0 5px 0;
padding:5px 0;
font-size:1.0em;
color:#666666;
}
h5 a {
color:#009999;
}

.text-large {
font-size:1.2em;
font-weight:bold;
}
.text-small {
font-size:0.8em;
}
.text-underline {
border-bottom:#FF0000 dotted 2px;
}

span.red {
color:#FF0000;
}
.bold-red {
color:#FF0000;
font-size:1.4em;
font-weight:;
}
p.pdf a {
clear:both;
margin:10px 0;
padding:20px 0px 20px 45px;
background:url(../img/base/pdf.jpg) no-repeat left center;
}

#pageTop{
	background:#DDD;
	border-radius:5px;
	color:#FFF;
	padding:20px;
	position:fixed;
	bottom:20px;
	right:20px;
	}
#pageTop:hover{
	background:#EEE;
	} 

p.pankuzu {
clear:both;
margin:10px 10px 5px 20px;
font-size:0.8em;
color:#666666;
font-weight:bold;
}
p.pankuzu a {
color:#666666;
font-size:0.75em;
font-weight:normal;
text-decoration:underline;
}
p.pankuzu a:hover {
color:#CCCCCC;
text-decoration:none;
}

p.continue {
clear:both;
height:57px;
margin:10px 0 0 0;
padding:0 0 0 0;
background:url(../img/base/continue.jpg) no-repeat 0 0;
line-height:400%;
text-indent:80px;
}
.backto-container {
	clear: both;
	width: 980px;
	margin: 0 auto;
}
p.backto {
clear:both;
width:162px;
height:57px;
margin:20px 0 0 0;
padding:0;
background:url(../img/base/btn-gotoback.jpg) no-repeat 0 0;
text-indent:-9998em;
}
p.backto a {
width:162px;
height:57px;
margin:0;
padding:0;
background:url(../img/base/btn-gotoback.jpg) no-repeat 0 0;
display:block;
}
p.backto a:hover {
background:url(../img/base/btn-gotoback.jpg) no-repeat 0 -57px;
}
table.table-standard {
margin:20px 0 40px 0;
border-top:1px solid #cccccc;
border-left:1px solid #cccccc;
border-collapse:collapse;
border-spacing:0;
background-color:#ffffff;
empty-cells:show;
}
table.table-standard th {
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
color:#333333;
font-size:0.85em;
background-color:#cccccc;
background-image:url(../img/table-back.gif);
background-position:left top;
padding:0.3em 1em;
text-align:center;
}
table.table-standard td {
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
padding:0.3em 1em;
font-size:0.85em;
}
table.table-standard td.item {
width:20%;
background:#e9e9e9;
}
hr.clear {
clear:both;
border:none;
}

/* 構造
-----------------------------------*/

#container {
clear:both;
width:100%;
top: 80px;
margin: 0 auto;
position:relative;
overflow: hidden;
}
#container:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html #container {
    height: 1em;
    overflow: visible;
}
/**/
.contents {
clear:both;
width:980px;
margin: 0 auto;
border:#33CC33 solid 2px;
position:relative;
overflow: hidden;
}
.contents:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .contents {
    height: 1em;
    overflow: visible;
}
/**/
.main {
float:left;
width:590px;
margin:0 20px;
overflow: hidden;
}
.main:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .main {
    height: 1em;
    overflow: visible;
}
/**/
.main-w {
width:900px;
margin:20px 40px;
overflow: hidden;
}
.main-w:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .main-w {
    height: 1em;
    overflow: visible;
}
/**/

.side {
float:right;
width:300px;
margin:0 2px;
padding:10px 0 20px 0;
background:url(../img/base/footer-bg.jpg) repeat 0 0;
}
/* サイド
-----------------------------------*/
@media (min-width: 751px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
color: #C64A4C;
font-size: 1.4rem;
font-weight: bold;
}
}

.side p.banner {
	margin:0 auto;
	text-align:center;
}
.contact {
border:#666666 solid 1px;
margin:5px;
padding:5px;
background:#FFFFFF;
}
.contact h5 {
margin:5px;
padding:0;
color:#996666;
}
img.side-image {
	max-width:100%;
	height: auto;
}

.side ul.cate li {
	margin:2px 0;
	padding:0;
	border:none;	
}


h1 {
float:left;
width:470px;
margin:0;
padding:0;
}

img {
margin:0;
padding:0;
border:none;
}
.waku {
margin:0;
padding:20px 40px;
border:#999999 solid 1px;
}
.waku h2 {
margin:0;
}

/* フッター
-----------------------------------*/
footer {
	width: 100%;
background:url(../img/base/footer-bg.jpg) repeat 0 0;
}
.footer {
clear:both;
position:relative;
width:980px;
margin:50px auto 0 auto;
background:url(../img/base/footer-bg.jpg) repeat 0 0;
overflow: hidden;
}
.footer:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .footer {
    height: 1em;
    overflow: visible;
}
/**/
.footer-h {
margin:0px 0 0 0;
}

.footer-m {
clear:both;
position:relative;
overflow: hidden;
}
.footer-m:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .footer-m {
    height: 1em;
    overflow: visible;
}
/**/
address {
float:right;
width:302px;
height:210px;
margin:0;
}

.fmbox {
float:left;
width:600px;
margin:0px;
padding:10px 0;
overflow: hidden;
}
.fmbox:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .fmbox {
    height: 1em;
    overflow: visible;
}
/**/
.fmbox ul {
float:left;
width:150px;
margin:0px 20px;
padding:0;
list-style:none;
}
.fmbox li {
margin:2px 0;
font-size:0.75em;
color:#666666;
}
.fmbox li a {
color:#666666;
}
.fmbox li a:hover {
color:#FF9900;
}


.fmbox p {
margin:5px 0;
padding:0;
font-size:0.8em;
color:#FFFFFF;
line-height:125%;
letter-spacing:1px;
}
.fmbox p a {
color:#99CCFF;
}
.fmbox p a:hover {
color:#FF9900;
}



/* 分割
-----------------------------------*/
.pgno {
clear:both;
width:360px;
margin:50px auto 20px auto;
overflow: hidden;
}
.pgno:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .pgno {
    height: 1em;
    overflow: visible;
}
/**/
.current_page {
padding:5px 10px;
border:#999999 solid 1px;
}
a.link_page {
padding:5px 10px;
border:#999999 solid 1px;
}


/* サブナビ
-----------------------------------*/

.snavi {
float:right;

margin:0;
padding:0;
overflow: hidden;
}
.snavi:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

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

.snavi ul {
margin:5px 0 0 0;
padding:0;
list-style:none;
}
.snavi li {
float:left;
margin:0 2px;
padding:1px 5px 1px 5px;
border-left:#999999 solid 1px;
font-size:0.75em;
}
.snavi li a {
color:#CC3399;
}
.snavi li a:hover {
color:#FF6600;
}



/* ナビ
-----------------------------------*/

.navi {
clear:both;
position:relative;
width:960px;
margin:0;
padding:0;
overflow: hidden;
}
.navi:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

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


.navi ul {
margin:0;
padding:0;
list-style:none;
}
.navi li {
float:left;
width:160px;
height:50px;
margin:0;
padding:0;
text-indent:-9998em;
}
.navi li a {
width:160px;
height:50px;
margin:0;
padding:0;
display:block;
}
.navi li.n1 {

background:url(../img/base/navi.jpg) no-repeat 0 0;
}
.navi li.n1 a {

background:url(../img/base/navi.jpg) no-repeat 0 0;
}
.navi li.n1 a:hover {
background:url(../img/base/navi.jpg) no-repeat 0 -50px;
}
.navi li.n2 {

background:url(../img/base/navi.jpg) no-repeat -160px 0;
}
.navi li.n2 a {

background:url(../img/base/navi.jpg) no-repeat -160px 0;
}
.navi li.n2 a:hover {
background:url(../img/base/navi.jpg) no-repeat -160px -50px;
}
.navi li.n3 {

background:url(../img/base/navi.jpg) no-repeat -320px 0;
}
.navi li.n3 a {

background:url(../img/base/navi.jpg) no-repeat -320px 0;
}
.navi li.n3 a:hover {
background:url(../img/base/navi.jpg) no-repeat -320px -50px;
}
.navi li.n4 {

background:url(../img/base/navi.jpg) no-repeat -480px 0;
}
.navi li.n4 a {

background:url(../img/base/navi.jpg) no-repeat -480px 0;
}
.navi li.n4 a:hover {
background:url(../img/base/navi.jpg) no-repeat -480px -50px;
}
.navi li.n5 {

background:url(../img/base/navi.jpg) no-repeat -640px 0;
}
.navi li.n5 a {

background:url(../img/base/navi.jpg) no-repeat -640px 0;
}
.navi li.n5 a:hover {
background:url(../img/base/navi.jpg) no-repeat -640px -50px;
}
.navi li.n6 {

background:url(../img/base/navi.jpg) no-repeat -800px 0;
}
.navi li.n6 a {

background:url(../img/base/navi.jpg) no-repeat -800px 0;
}
.navi li.n6 a:hover {
background:url(../img/base/navi.jpg) no-repeat -800px -50px;
}

/* 分割
-----------------------------------*/
.pgno {
clear:both;
width:360px;
margin:50px auto 20px auto;
overflow: hidden;
}
.pgno:after {
    content: "";
    display: block;
    clear: both;
    height: 1px;
    overflow: hidden;
}

/*\*/
* html .pgno {
    height: 1em;
    overflow: visible;
}
/**/
.current_page {
padding:5px 10px;
border:#999999 solid 1px;
}
a.link_page {
padding:5px 10px;
border:#999999 solid 1px;
}

/* インスタ
-----------------------------------*/
.insta_btn {
  display: inline-block;
  text-align: center;
  color: #2e6ca5;
  font-size: 0.85rem;
  text-decoration: none;
}

.insta_btn:hover {
  color:#668ad8;
  transition: .5s;
}

.insta_btn .insta{
  position: relative;
  display: inline-block;
  width: 50px;
  height: 50px;
  background: -webkit-linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  background: linear-gradient(135deg, #427eff 0%, #f13f79 70%) no-repeat;
  overflow: hidden;
  border-radius: 13px;

}

.insta_btn .insta:before{
  content: '';
  position: absolute;
  top: 23px;
  left: -18px;
  width: 60px;
  height: 60px;
  background: -webkit-radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
  background: radial-gradient(#ffdb2c 10%, rgba(255, 105, 34, 0.65) 55%, rgba(255, 88, 96, 0) 70%);
}

.insta_btn .fa-instagram {
  color: #FFF;
  position: relative;
  z-index: 2;
  font-size: 35px;
  line-height: 50px;
}