*{ 
	font-family: "メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size: 100%;
	margin:0; padding:0;
	color:#000;
}
img { border: 0; }
a:link, a:active { text-decoration:none; color:#666; outline:none; }
a:visited  { text-decoration:none; color:#666; }
a:hover { text-decoration:underline; color:#666;}
li {list-style:none;}
h1 {width:100%; padding:3px 0; text-align:center; color:#333; font-weight:normal; font-size:80%; }

body {width:100%; }

/*=====================================================================
Layout
=====================================================================*/
header { float:left; width:100%; }
header img { float:left; width:100%; }
footer {float:left; width:96%; background:#333; padding:2%;}

#wrapper {width:100%; }
section {float:left; width:100%; }
section.top-padding-115 {padding-top:115px;}

.scrollToTop{
    width: 40px;
    height: 40px;
    position:fixed;
	padding:5px;
    bottom: 10px;
    right: 0px;
    display: none;
    background: url('../../images/b_top.png') no-repeat;
}
.scrollToTop:hover{
    text-decoration: none;
}

/*=====================================================================
Common
=====================================================================*/
.subject {width:100%; text-align:center; font-size:130%; color:#fff; margin-bottom:10px; background:#ff0080; padding:5px 0; }
.float-left {float:left;}
.float-right {float:right;}

.text-align-left {text-align:left;}
.text-align-right {text-align:right;}
.text-align-center {text-align:center;}

.font-color-red {color:#ff0000; }
.font-color-white {color:#ffffff; }

.title {float:left; width:100%; text-align:center; margin-bottom:20px; }

/*=====================================================================
Header
=====================================================================*/
ul.header-menu {float:left; width:100%; }
ul.header-menu li { float:left; font-size:90%; height:40px; width : -webkit-calc(100% / 4) ; width : calc(100% / 4) ; -webkit-box-sizing: border-box; /* Webkit系用 */
-moz-box-sizing: border-box;1px; /* Firefox用 */box-sizing: border-box;1px;  border:1px solid #fff; /* 標準 */text-align:center; padding:7px 0; }
ul.header-menu li:nth-child(n+5){ float:left; width : -webkit-calc(100% / 4) ; width : calc(100% / 4) ; -webkit-box-sizing: border-box; /* Webkit系用 */
-moz-box-sizing: border-box;1px; /* Firefox用 */box-sizing: border-box;1px;  border-top:none; /* 標準 */text-align:center; padding:7px 0; }
ul.header-menu li a { color:#fff; }
ul.header-menu li.logo { background:#ff7cad; color:#fff; font-size:80%;}
ul.header-menu li.logo img { width:60%; }

/*=====================================================================
Toppage
=====================================================================*/
.mainbanner {width:100%; }
.mainbanner img {width:100%; }

.contentsTop {float:left; width:98%; padding:1%; }
.contentsTop p {font-size:90%; margin-bottom:20px; }
.contentsTop p b{font-size:110%; line-height:26px;}
.contentsTop p.item {float:left; font-size:70%; background:#ed709c; border-radius:5px; padding:3px 5px; text-align:center; color:#fff; margin:0 2px 2px;}
.contentsTop p.point {float:left; width:100%; font-size:110%; color:#ff0000; }

.contentsLine {float:left; width:98%; padding:1%; }
.contentsLine img {float:left; width:100%; }
.contentsLine p {float:left; width:100%; background:#6cd961; padding:5px 0; text-align:center; font-size:100%; color:#fff; font-weight:bold; }

.contentsText {float:left; width:98%; padding:1%; }
.contentsText dl {width:100%; }
.contentsText dl dt { width:100%; font-size:100%; font-weight:bold; margin-top:5px; color:#ff0080; }
.contentsText dl dd { width:100%; font-size:90%; box-sizing:border-box; padding-left:20px; border-bottom:1px dotted #ccc; padding-bottom:5px; }

.contentsFlow {float:left; width:98%; padding:1%; }
.contentsFlow dl {width:100%; }
.contentsFlow dl dt { float:left; width:100%; font-size:100%; font-weight:bold; margin-top:5px; color:#ff0080; }
.contentsFlow dl dt span { float:left; width:100%; box-sizing:border-box; border-radius:10px; text-align:center; padding:5px 10px; background:#ff0080; color:#fff; margin-bottom:5px; font-size:16px;  }
.contentsFlow dl dd { width:100%; font-size:90%; box-sizing:border-box; padding-left:10px; border-bottom:1px dotted #ccc; padding-bottom:5px; }


/*=====================================================================
Tail
=====================================================================*/
ul.footer-menu {margin:0 auto; width:100%; background:#333; }
ul.footer-menu li {float:left; width:32%; background:#333 url('../../images/icon_arrow.png') left center no-repeat; text-align:center; border-radius:5px; margin:0.5%; }
ul.footer-menu li a {color:#fff; font-size:80%; }
.copyright { float:left; width:100%; color:#fff; padding:10px 0; font-size:80%; }

#footerMenu {
  background:url('../../images/foot_menubg.png');
  color: #fff;
  width: 85%;
  height: 0px;
  position: fixed;
  z-index: 300;
  bottom: 0;
  overflow: none;
  left: 0;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
  -webkit-box-shadow: 0px -4px 38px rgba(50, 50, 50, 0.50);
  -moz-box-shadow:    0px -4px 38px rgba(50, 50, 50, 0.50);
  box-shadow:         0px -4px 38px rgba(50, 50, 50, 0.50);
}

#footerMenu.show {
  height: 65px;
  -moz-transition: all 0.4s ease-in-out;
  -o-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

#footerMenu ul.navigation li {
  width:30.8%;
  padding:3px; 
  float: left;
  display: block;
}

#footerMenu ul.navigation li.top-footer-btn a {
    padding: 2% 0;
    display: block;
	background-color: #fd7b78;
    border-left: 1px solid #ff9794;
    border-top: 1px solid #ff9794;
    box-shadow: 1px 1px 0 #f36561;
	line-height:18px; 
	color:#fff; text-align:center; font-size:80%; 
}

#footerMenu ul.navigation li.contact-footer-btn a {
    padding: 2% 0;
    display: block;
	background-color: #32cd32;
    border-left: 1px solid #6fd46f;
    border-top: 1px solid #6fd46f;
    box-shadow: 1px 1px 0 #32ae32;
	line-height:18px; 
	color:#fff; text-align:center; font-size:80%; 
}

#footerMenu ul.navigation li.tel-footer-btn a {
    padding: 2% 0;
    display: block;
	background-color: #cd329c;
    border-left: 1px solid #d46fb4;
    border-top: 1px solid #d46fb4;
    box-shadow: 1px 1px 0 #ae3287;
	line-height:18px; 
	color:#fff; text-align:center; font-size:80%; 
}

.icon-white {color:#fff; }

/*=== table css				============================================================================================================*/
table.tableContact {width:100%; border-collapse: collapse; }
table.tableContact th {width:30%; vertical-align:middle; text-align:center; padding:5px 0; border-bottom:1px dotted #ccc; font-weight:normal; color:#333; }
table.tableContact td { vertical-align:middle; padding:5px 0 0 20px; text-align:left; border-bottom:1px dotted #ccc;}
table.tableContact p {width:100%; font-size:80%; line-height:16px; }
.yo {font-size:8px; color:#ff0000; }