﻿@charset "UTF-8";

html, body, header, section, article, nav, footer,
div, span, p, h1, h2, h3, h4,
ul, ol, li, dl, dt, dd,
table, tr, th, td, tbody, thead, tfoot {
  margin: 0;
  padding: 0;
}

img {border: 0;}

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

a {
	color:#09C;
	text-decoration:underline;
}
a:hover {
	color: #f00;
	text-decoration:none;
}
ul{
	list-style: none;
}
#wrap {
	overflow:hidden;
}

header {
  width: 100%;
  margin:0 auto 0 auto;
}

#page_top {
  margin: 0;
  padding: 0;
}

#header {
	margin:0 auto 0px auto;
}

#gNav {
    width: 100%;
    position: absolute;
    top: -1500px;
    z-index: 100;
    transition: top 1s;
    -webkit-transition: top 1s;
    -moz-transition: top 1s;
    text-align: center;
    background:#C33;
}
#gNav:target {
    top: 0px;
}
#gNav li{
	padding:10px 0 10px 10%;
	border-bottom:1px solid #CCC;
	color:#FFF;
	text-align:left;
}
#gNav li a{
	color:#FFF;
	text-decoration:none;
	display:block;
}

.nav-close {
	padding:10px 0 10px 0;
    background:#60453F;
}
.nav-close a{
	color:#FFF;
	text-decoration:none;
	display:block;
}



#mainimage {
	margin:0px auto 0px auto;
}
section {
  width: auto;
  margin: 0 0 0px 0;
}

section h2 {
  margin: 0 0 8px 0;
  padding: 5px 0 3px 14px;
  font-size: 14px;
  color: #ffffff;
  border-bottom: solid 1px;
  border-bottom-color: #cccccc;
  background: url(../../img/h_bg.gif) center repeat-x;
}

section p {
  padding: 3px 8px 3px 8px;
  line-height: 1.7;
}

section p a{
	padding: 0px 6px 0 10px;
	font-weight: normal;
	text-decoration: none;
	background:url(../../img/textlink-bk2.jpg) no-repeat center left;
}

.itaric {
	color:#333;
	font-style: italic;
}


#page_back {
  margin: 0 0 8px 0;
  padding: 0 6px 0 0;
  text-align: right;
}
#Social{
	width:12%;
	position:fixed;
	bottom:20px;
	right:0px;
}
#Social img{
	width:100%;
	height:auto;
	opacity: 0.7;
}

#modori {
	background-color:#E6E6E6;
    width: auto;
	text-align:left;
}

footer {
	clear: both;
	text-align:center;
	font-size:80%;
    width: auto;
	color:#FFF;
	background:#60453F;
	padding:5px 0 5px 0;
	margin:0 0 0 0;
}
.topbtnglb {
	width:98%;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0 0 0 1%;
}
.topbtng {
	width:33.3%;
	margin:0px 0px 0 0px;
	float:left;
}
.topbtng img{
	width:100%;
}
.topbtnsec {
	width:99%;
	text-align:left;
	margin:3px 0 0 1%;
}
.topbtn {
	width:19%;
	margin:0px 1% 0 0px;
	float:left;
}
.topbtn2 {
	width:18%;
	margin:0px 0px 0 0px;
	float:left;
}
.topbtn img{
	width:100%;
}

.topsrcsec {
	width:100%;
	text-align:center;
	padding:20px 0px 20px 0px;
}
.smanumline {
	background:url(../../img/smanum-bk01.jpg) repeat-x top left;
	width:100%;
	height:19px;
}
.smanumtext {
	text-align:left;
	line-height:120%;
	font-size:120%;
	width:100%;
	margin:20px 0 0 20px;
}
.smanumbtnul {
	margin:10px 0px 0 10px;
}
.smanumbtn {
	margin:0px 5px 0 5px;
	display:inline;
}
.smanumbtn img{
	width:20%;
}
.smanuminli {
	margin:0px 0px 0 0px;
	display:inline;
}
.smanumin {
	margin:0px 0px 0 0px;
	padding:0 10px 0 10px;
	display:inline;
}
.smanumin img{
	width:12%;
	margin:0 10px 0 0px;
}
.frmbtnsec {
	width:240%;
	text-align:center;
	padding:5px 0px 0px 0px;
}
.frmbtn {
	width:12.5%;
	margin:0px 0px 0 0px;
	float:left;
}
.frmbtn img{
	width:100%;
}

.frmbtn2 {
	width:12%;
	margin:0px 0px 0 0px;
	float:left;
}
.frmbtn2 img{
	width:100%;
}
.prfbtnsec {
	width:100%;
	text-align:center;
	padding:0px 0px 0px 0px;
}
.prfbtn {
	width:31%;
	margin:0px 3px 0 3px;
	float:left;
}
.prfbtn img{
	width:100%;
}
.footlink {
  margin: 10px 0px 20px 20%;
}

.footlink a{
	font-weight: normal;
	text-decoration: none;
}
.footerlink1{
	float:left;
	width:90%;
	margin:10px 0 0 10px;
}
.footerlink2{
	float:left;
	width:90%;
	margin:10px 0 0 10px;
}
.footerlink3{
	float:left;
	width:90%;
	margin:20px 0 0 10px;
}
.footerlink4{
	float:left;
	width:90%;
	margin:20px 0 0 10px;
}
.footerlink5{
	float:left;
	width:90%;
	margin:20px 0 20px 10px;
}

.footerlink-text01{
	background:url(../mobile/img/footerlink-bk01.jpg) no-repeat left center;
	font-size:14px;
	color:#333;
	padding: 4px 0px 4px 14px;
}
.footerlink-text01 a{
	color:#333;
	text-decoration:none;
}
.footerlink-text01 a:hover{
	color:#F93;
	text-decoration:underline;
}

.footerlink-text02{
	background:url(../mobile/img/footerlink-bk02.jpg) no-repeat left center;
	font-size:12px;
	text-align:left;
	color:#666;
	padding: 2px 0px 0px 12px;
	margin:3px 0 0 3px;
}
.footerlink-text02 a{
	color:#666;
	text-decoration:none;
}
.footerlink-text02 a:hover{
	color:#F93;
	text-decoration:underline;
}
.footerlink-text03{
	background:url(../mobile/img/footerlink-bk02.jpg) no-repeat left center;
	font-size:12px;
	text-align:left;
	color:#666;
	padding: 2px 0px 0px 10px;
	margin:0px 0 0 18px;
}
.footerlink-text03 a{
	color:#333;
	text-decoration:none;
}
.footerlink-text03 a:hover{
	color:#F93;
	text-decoration:underline;
}
.footer-shop{
	margin:10px 0 30px 0px;
}
.footer-shop-right{
	float:left;
	font-size:90%;
	text-align:left;
	color:#666;
	margin:0px 0 0 30px;
}

.shokuninname {
  padding: 10px 0px 10px 0px;
  background-color:#F1E9E2;
  color:#000;
  text-align:center;
  margin:0px 0 0 0;
}
.sks-index-left {
	font-size: 14px;
	line-height: 130%;
	color:#06C;
	padding:9px 0px 9px 5px;
}
.sks-index-skill {
	font-size: 14px;
	line-height: 130%;
	color:#333333;
	padding:0px 30px 9px 15px;
}
.sks-index-first {
	font-size: 14px;
	line-height: 130%;
	color:#333333;
	padding:10px 5px 10px 0px;
}
.normal {
	line-height: 150%;
	font-size: 14px;
	color: #333333;
}
.shosaiwomiru {
	float:right;
	margin:5px 15% 10px 0;
}
.shosaiwomiru a{
	color:#FF709F;
	text-decoration:none;
}

.flowx1 {
         width: 100%;
         height: 55px;
         overflow: auto;
}
.subbtn {
	width:98%;
	border:1px solid #666;
	margin:5px auto 5px auto;
}
.subbtn img{
	border-bottom:1px solid #666;
}
.subbtnleft {
	color:#CCC;
	padding:10px;
}
.subbtnright {
	padding:10px;
}
.subbtnleft2 {
	width:95%;
	float:left;
	color:#CCC;
	padding:10px;
}
.subinfo {
	width:98%;
	border:1px solid #666;
	margin:5px auto 5px auto;
}
.gaiyo {
	line-height: 140%;
	font-size: 14px;
	color: #FFF;
}
.hana-con {
	margin:10px 0 0 0;
}
.hana-con p{
	line-height:140%;
	padding:5px 15px 15px 15px;
}
.hana-con2 {
	width:98%;
	background-color:#140404;
	padding:10px 0 0 0;
	margin:0px 0 0 4px;
}
.hana-con2 p{
	line-height:140%;
	padding:5px 15px 15px 15px;
}
.hana-banner {
	width:98%;
	margin:5px 0 0 3px;
}
.smatenpo-title{
	text-align:left;
	width:100%;
	font-size:110%;
	font-weight:bold;
	margin:30px 0 20px 0px;
	padding:0 0px 6px 20px;
	border-bottom:1px solid #FFF;
}

.smatenpo-com{
	color:#FFF;
	margin:20px 0px 20px 20px;
	width:90%;
}
.top-lead{
	font-size:16px;
	text-align:left;
	line-height:150%;
	padding:5px 5px 0px 5px;	
}
.top-h1 {
	background:url(../mobile/img/mark-h1.jpg) no-repeat left center;
	border-bottom:2px dotted #333;
	font-size:16px;
	width:94%;
	margin:5px 0 10px 1%;
	padding:12px 0px 10px 5%;
	text-align:left;
}
.top-h2 {
	background:url(../mobile/img/title-bar.jpg) no-repeat left center;
	background-size:99% auto;
	font-size:16px;
	font-weight:bold;
	margin:5px 0 0 1%;
	padding:8px 0px 5px 10%;
	text-align:left;
	color:#333;
}
.top-h2-2 {
	background:url(../mobile/img/title-pic.jpg) no-repeat left center;
	background-size:7% auto;
	border-bottom:2px dotted #999;
	font-size:16px;
	font-weight:bold;
	margin:5px 0 0 1%;
	padding:8px 0px 5px 9%;
	text-align:left;
	color:#333;
}
.top-h3 {
	width:94%;
	font-size:16px;
	font-weight:bold;
	border-bottom:#393 1px solid;
	margin:5px 0 0 1%;
	padding:8px 0px 5px 3%;
	text-align:left;
	color:#393;
}

.top-con{
	width:94%;
	font-size:16px;
	text-align:left;
	line-height:140%;
	margin:10px 0 10px 3%;
}
.top-con-koko{
	color:#C33;
	line-height:160%;
	font-size:18px;
	font-weight:bold;
}
.top-con-left{
	width:55%;
	font-size:110%;
	float:left;
	text-align:left;
	line-height:150%;
	margin:10px 0 0 15px;
}
.top-con-right{
	text-align:right;
	float:right;
	width:45%;
	margin:10px 0 0 0;
}
.top-con-right2{
	text-align:right;
	font-size:80%;
	float:right;
	width:35%;
	line-height:150%;
	margin:10px 15px 0 0;
}
.top-shop-area {
	width:98%;
	margin:10px 0 0 3px;
	line-height:140%;
	font-size:16px;
	color:#333;
	background-color:#EFEFEF;
}
.top-shop-left {
	text-align:left;
	float:left;
	width:50%;
	line-height:140%;
	font-size:100%;
	color:#666;
	margin:20px 0 20px 4%;
}
.top-shop-left2 {
	text-align:left;
	float:left;
	width:90%;
	line-height:160%;
	font-size:95%;
	color:#666;
	margin:0px 0 20px 4%;
}

.top-shop-foot {
	text-align:left;
	float:left;
	width:98%;
	line-height:160%;
	color:#666;
	margin:15px 0 20px 5px;
}
.top-shop-red {
	color:#C33;
}
.top-shop-right {
	text-align:right;
	float:right;
	width:40%;
	margin:20px 4% 20px 0px;
}
.top-access-area {
	text-align:left;
	width:98%;
	line-height:160%;
	font-size:90%;
	margin:15px 0 0 18px;
}
.google-maps {
position: relative;
padding-bottom: 75%; // これが縦横比
height: 0;
overflow: hidden;
margin:5px 0 0 3px;
}
.google-maps iframe {
position: absolute;
top: 0;
left: 0;
width: 98% !important;
height: 100% !important;
}
.top-photo-area {
	width:98%;
	margin:10px 0 0 3px;
}
.top-photo-left {
	float:left;
	text-align:left;
	width:49%;
	margin:0px 0 0px 0px;
}
.top-photo-right {
	text-align:right;
	float:right;
	width:49%;
	margin:0px 0px 0px 0px;
}
.top-cal-area {
position: relative;
padding-bottom: 120%; // これが縦横比
height: 0;
overflow: hidden;
margin:5px 0 0 3px;
}
.top-cal-area iframe {
position: absolute;
top: 0;
left: 0;
width: 98% !important;
height: 100% !important;
}
.top-fb-area {
	margin:0 0 0 3px;
	width:300px !important;
}
.top-fb-area iframe{
	width:300px;
	border:none;
	overflow:hidden;
	height:590px;
	margin:0 0 0 3px;
}


.top-info-area {
	width:98%;
	margin:10px 0 0 3px;
	border:1px solid #CCC;
	padding:0 0 0px 0;
}
.info-date {
	color:#F93;
}
.top-info-sc {
	width:100%;
	height:250px;
	background-color:#FFF;
	overflow:auto;
}

p.info-date{
	color:#8E2546;
	font-size:14px;
	text-align:left;
	padding: 15px 0px 0px 10px;
}
p.info-com{
	color:#666;
	line-height:140%;
	font-size:14px;
	text-align:left;
	padding: 10px 10px 10px 10px;
	border-bottom:1px dotted #CCC;
}
.top-banner-area {
	margin:10px 0 5px 3px;
}
.course-unit {
	width:94%;
	margin:10px 0 0 3px;
	background-color:#EFEFEF;
	padding:10px 10px 20px 10px;
}
.course-kin {
	font-size:110%;
	line-height:160%;
	font-weight:bold;
	color:#036;
}
.course-kin2 {
	font-size:110%;
	line-height:160%;
	font-weight:bold;
	color:#F33;
}

.course-unit p{
	font-size:100%;
	line-height:150%;
	margin:10px 20px 0 10px;
}
.course-unit img {
	margin:10px 0 0 0;
	float:right;
	padding:0 0 10px 10px;
}
.top-media-unit{
	border-bottom:1px solid #CCC;
	float:left;
	width:96%;
	padding:10px 0 10px 5px;
	margin:5px 5px 5px 5px;
}
.top-media-left{
	width:40%;
	text-align:left;
	float:left;
	vertical-align:top;
}
.top-media-left img{
	width:100%;
	margin:10px 10px 0 10px;
}

.top-media-right{
	width:50%;
	float:right;
	text-align:left;
	margin:20px 0 0 0;
}
.top-media-right-name{
	font-size:14px;
	margin:0px 0 0 0;
	text-align:left;
	color:#C33;
}
.top-media-right-com{
	font-size:12px;
	line-height:140%;
	margin:0px 0 0 0;
	text-align:left;
	color:#333;
}
.top-media-right img{
	width:50%;
	margin:10px 0 0 0;
}
.top-left-orange{
	margin:10px 0 10px 20px;
	color:#09C;
}

.topfootbtn {
	width:100%;
	text-align:center;
	padding:0px 0px 10px 0px;
	margin:0 0 0 3px;
}
.topfootbtng {
	width:32%;
	margin:0px 0px 0 0px;
	padding:5px 0 5px 0;
	float:left;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}
.topfootbtng img{
	width:100%;
}
.topfootbtng2 {
	width:32%;
	margin:0px 0px 0 0px;
	padding:5px 0 5px 0;
	float:left;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
}
.topfootbtng2 img{
	width:100%;
}

.topfootbtnglast {
	width:97%;
	margin:0px 0px 0 0px;
	padding:5px 0 5px 0;
	float:left;
	border:1px solid #CCC;
}
.topfootbtnglast img{
	width:100%;
}
.topfootaddr {
	width:97%;
	line-height:140%;
	margin:0px 0px 0 10px;
}
.topfootarea {
	width:97%;
	font-size:90%;
	line-height:140%;
	margin:20px 0px 20px 10px;
}
.shop-photo {
	float:left;
	width:40%;
	font-size:12px;
	line-height:140%;
	margin:10px 10px 0 10px;
	text-align:center;
}
.shop-contest {
	width:100%;
	margin:20px 0px 0 0;
	text-align:center;
}
.banner {
	margin:5px 0 0 3px;
}
.banner img{
	margin:3px 0 0 0;
	width:99%;
}
.kirikae {
	margin:15px 0 0 0;
}
.sub-text{
	width:100%;
	padding:5px;
	font-size:16px;
	color:#333;
}

.sub-text2{
	width:100%;
	padding:5px;
	font-size:12px;
	color:#666;
}
.sub-h2 {
	width:98%;
	font-size:18px;
	font-weight:bold;
	margin:5px 0 0 0;
	padding:8px 0px 5px 15px;
	text-align:left;
	color:#FFF;
	background-color:#5B6A91;
}
.sub-h1 {
	width:98%;
	font-size:18px;
	font-weight:bold;
	margin:5px 0 0 0;
	padding:8px 0px 5px 15px;
	text-align:left;
	color:#FFF;
	background-color:#5B6A91;
}
.detail-title {
	font-size: 20px;
	font-weight:normal;
	line-height:120%;
	text-align:left;
	color: #333;
	padding:5px;
}

.detail-no {
	font-size: 18px;
	text-align:left;
	color: #6F3145;
	padding:5px;
}
.detail-price {
	font-size: 18px;
	text-align:left;
	color: #F33;
	padding:5px;
}
.detail-btn{
	width:66%;
	margin:5px 0 0 5px;
}

.detail-offpricetbl {
	background:url(../img/detail-offprice-bk.jpg) no-repeat left top;
}
.detail-offprice-par {
	font-size: 12px;
	text-align:right;
	color: #666;
	padding:8px 40px 8px 0px;
}
.detail-offprice-kin {
	font-size: 12px;
	text-align:right;
	color: #666;
	padding:8px 50px 8px 0px;
}
.detail-com {
	color: #333;
	font-size: 16px;
	text-align: left;
	padding:5px;
}
.detail-com2 {
	color: #666;
	font-size: 16px;
	text-align: left;
	padding:5px;
}

.detail-morori {
	color: #666;
	font-size: 16px;
	text-align: right;
	padding:10px 5px 0px 0px;
}
.detail-morori a { 
	color:#F93;
	text-decoration: underline;
}
.midashi-bar2 {
	width:98%;
	font-size:18px;
	font-weight:normal;
	margin:5px 0 0 0;
	padding:8px 0px 5px 15px;
	text-align:left;
	color:#000;
	background-color:#9DABC4;
}
.samary-unit{
	float:left;
	width:45%;
	padding:5px;
	margin:3px;
	font-size: 14px;
	text-align: center;
	line-height:160%;
	color: #333;
}

.samary-photo{
	width:100%;
	text-align:center;
}
.samary-photo img{
	width:80%;
	height: auto;
}

.samary-name {
	width:100%;
	background-color:#F4EAEB;
	color: #C33;
	font-size: 14px;
	text-align: center;
	line-height:160%;
	padding:6px 6px 6px 6px;
}
.samary-name a { 
	color:#C33;
	text-decoration:none;
}
.samary-name a:hover{
	color:#C33;
	text-decoration: underline;
}

.samary-price {
	color: #600;
	font-size: 14px;
	font-weight:bold;
	text-align: center;
	line-height:160%;
	padding:0px 0px 10px 0px;
}

.samary-com {
	color: #666;
	font-size: 14px;
	text-align: left;
	line-height:140%;
	padding:6px 3px 6px 3px;
}
.samary-detail {
	background:url(../img/footerlink-bk02.gif) no-repeat left center;
	color: #6F3145;
	font-size: 14px;
	text-align: left;
	line-height:140%;
	padding:6px 0px 3px 10px;
	margin:0 0 0 20%;
}
.samary-detail a { 
	color:#6F3145;
	text-decoration:none;
}
.samary-detail a:hover{
	color:#6F3145;
	text-decoration: underline;
}

.privh2 {
	width:98%;
	font-size:18px;
	font-weight:bold;
	margin:5px 0 10px 0;
	padding:8px 0px 5px 1%;
	text-align:left;
	color:#333;
	border-bottom:2px dotted #999;
}
.top-hinmoku {
	margin:10px 0 0 1%;
}
.top-hinmoku img{
	float:left;
	width:24%;
	margin:10px 1% 0 0;
}
.top-hoho {
	margin:10px 0 10px 1%;
	line-height:150%;
	color:#36231F;
}
.top-hoho img{
	width:100%;
	margin:10px 0 0 0;
}
.kirikae {
	margin:15px 0 0 0;
}
.top-nintei{
	margin:10px 0px 0px 0.5%;
}
.top-nintei img{
	width:22%;
	margin:3px 0.5% 0 0;
}

.top-nintei-title{
	font-weight:normal;
	color:#333;
	font-size:14px;
	margin:10px 0 0 10px;
	text-align:left;
}
.top-banner{
	width:98%;
	margin:10px 0 0 1%;
}
.top-banner img{
	margin:5px 0 0 0;
}
.top-spray{
	width:98%;
	margin:5px 0 0 1%;
}
.top-spray img{
	float:left;
	margin:0 0 0 2%;
}

.top-con-unit01{
	width:73%;
	color: #FFF;
	font-size: 14px;
	text-align: left;
	line-height:150%;
	padding:10px 0 0 25%;
	margin:3px 0 0 1%;
}
.top-con-unit01 img{
	float:right;
	margin:10px 10% 20px 0;
}
.top-con-title{
	font-size:16px;
	line-height:200%;
}
.top-con-green{
	color:#7AD772;
}
.ifrm-container {
    width:100%;
    height:160px;
    overflow:auto;
    -webkit-overflow-scrolling:touch;
    display: inline-block;
    margin: 10px;
}
.ifrm {
    width:100%;
    height:100%;
    border:none;
    display:block;
}
.keireki-area{
	width:98%;
	margin:0px 0 30px 1%;
	font-size:18px;
}
.keireki-area dt{
	float:left;
	width:96%;
	font-size:18px;
	color:#333;
	font-weight:bold;
	line-height:140%;
	margin:20px 0 0px 0;
	padding:0 0 0 3%;
	border-bottom:1px dotted #CCC;
}
.keireki-area dd{
	float:left;
	width:92%;
	font-size:18px;
	color:#333;
	line-height:140%;
	margin:10px 0 0 3%;
	padding:0 0 0 1%;
	border:none;
}
.n15-red-un-b {
	font-size: 15px;
	line-height: 180%;
	font-weight: bold;
	color: #DD6F00;
	text-decoration: underline;
}
.n14-gl {
	font-size: 14px;
	font-weight: bold;
	color: #339933;
	text-decoration: underline;
}
.n14-180 {
	font-size: 14px;
	line-height: 180%;
	color: #333333;
}
.n14-blu {
	font-size: 14px;
	color: #0099FF;
}
.n14-b {
	font-size: 14px;
	line-height: 182%;
	font-weight: bold;
	color: #000000;
}
.n12-b {
	font-size: 12px;
	line-height: 182%;
	font-weight: bold;
	color: #333333;
}
.n12-red {
	font-size: 12px;
	line-height: 180%;
	color: #CC0000;
}
.n12-b-182 {
	font-size: 12px;
	line-height: 182%;
	color: #333333;
}
.n14-org-182 {
	font-size: 14px;
	line-height: 182%;
	color: #FF6600;
}
.n14-grn-b {
	font-size: 14px;
	line-height: 180%;
	font-weight: bold;
	color: #339900;
}
.n14-blk-200 {
	font-size: 14px;
	line-height: 200%;
	color: #000000;
}
.n14-220 {
	font-size: 14px;
	line-height: 220%;
	color: #666666;
}
.n14-red {
	font-size: 14px;
	line-height: 182%;
	color: #CC0000;
}
.n14-gld {
	font-size: 14px;
	line-height: 182%;
	color: #808000;
}
.hoho-mail{
	background:url(../guide/img/hoho-mail.jpg) center left no-repeat;
	line-height:140%;
	margin:20px 0 0 0px;
	padding:3px 0 3px 40px;
	font-size:16px;
	color:#C33;
}
.hoho-tel{
	background:url(../guide/img/hoho-tel.jpg) center left no-repeat;
	line-height:140%;
	margin:20px 0 0 0px;
	padding:3px 0 3px 40px;
	font-size:16px;
	color:#C33;
}
.hoho-fax{
	background:url(../guide/img/hoho-fax.jpg) center left no-repeat;
	line-height:140%;
	margin:20px 0 0 0px;
	padding:3px 0 3px 40px;
	font-size:16px;
	color:#C33;
}
.hoho-com{
	line-height:140%;
	margin:10px 0 0 40px;
	font-size:14px;
	color:#333;
}
.hoho-com a{
	text-decoration:none;
}
.hoho-tel-font{
	font-family:Arial, Helvetica, sans-serif;
	line-height:140%;
	font-size:26px;
	color:#333;
}
.feedback-unit{
	width:94%;
	float:left;
	margin:20px 0px 0px 3%;
	padding:0 0 10px 0;
	border:solid 1px #EBD6D6;
}
.feedback-unit img{
	float:left;
	margin:30px 0 30px 30px;
}
.feedback-name{
	width:94%;
	float:left;
	text-align:left;
	margin:20px 0px 0px 3%;
	font-size:16px;
	padding:0 0 5px 0;
	color:#933;
	border-bottom:1px solid #CCC;
}

.feedback-txt{
	background:url(../info/img/feedback-line.jpg) top left repeat-y;
	width:94%;
	line-height:200%;
	float:left;
	text-align:left;
	margin:10px 0px 0px 3%;
	font-size:16px;
	color:#666;
}
.feedback-txt2{
	width:94%;
	line-height:200%;
	float:left;
	text-align:left;
	margin:10px 0px 0px 3%;
	font-size:16px;
	color:#666;
}
.sitemap-top{
	width:100%;
	margin:20px 0 0 20px;
}
.sitemap-left{
	width:330px;
	float:left;
	margin:0px 0 0 20px;
}
.sitemap-right{
	width:330px;
	float:right;
	margin:0px 0 0 0px;
}
.faqlist {
	width:98%;
	margin:0px 0 0px 1%;
	color:#600;
}

.faqlist a { color:#600; text-decoration: none }
.faqlist a:hover{
	color:#F93;
	text-decoration:underline;
}
.faqlistdl {
	font-size: 14px;
	text-align: left;
	line-height:140%;
	padding: 4px 0px 0px 3px;
}
.faqlistcate {
	font-size: 14px;
	text-align: left;
	line-height:140%;
	font-weight:bold;
	color:#600;
	padding: 10px 0px 0px 0px;
}
.faqdetail {
	width:98%;
	margin:20px 0 0px 1%;
	border-color: #E2C5C5;
	border-style: solid;
	border-width: 1px;
}
.faqq {
	background:url(../info/img/faq-q.jpg) no-repeat left top;
	background-color: #E2C5C5;
	color: #1B0D39;
	font-weight:bold;
	font-size: 14px;
	text-align: left;
	line-height:140%;
	padding: 15px 3% 15px 10%;
}
.faqa {
	background:url(../info/img/faq-a.jpg) no-repeat left top;
	background-color: #ffffff;
	color: #333;
	font-size: 14px;
	text-align: left;
	line-height:140%;
	padding: 15px 3% 15px 10%;
}
.tokucho-title {
	background:url(../about/img/tokucho-title-mb.jpg) top left no-repeat;
	background-size:100% auto;
	width:98%;
	margin:10px 0px 0px 1%;
}
.tokucho-title-no {
	float:left;
	margin:10px 0 0 45%;
	font-size:36px;
	font-style:italic;
	font-weight:bold;
	color:#F93;
	font-family:"Century", Gadget, sans-serif;
}
.tokucho-title-text {
	line-height:120%;
	float:left;
	margin:40px 0 0 3%;
	font-size:18px;
	color:#F33;
}
.tokucho-com {
	width:94%;
	text-align: left;
	margin:20px 0px 0px 3%;
}
.tokucho-com img{
	float:left;
	margin:0px 40px 30px 0px;
}
.tokucho-title2 {
	background:url(../service/img/tokucho-title-bk02.jpg) top left no-repeat;
	width:720px;
	height:110px;
	margin:10px 0px 0px 0px;
}
.tokucho-title-no2 {
	float:left;
	margin:26px 0 0 200px;
	font-size:60px;
	font-weight:bold;
	color:#600000;
	font-family:"Century", Gadget, sans-serif;
}
.tokucho-title-text2 {
	line-height:120%;
	float:left;
	margin:27px 0 0 30px;
	font-size:27px;
	color:#F93;
}
.tokucho-com2 {
	width:710px;
	text-align: left;
	margin:30px 0px 10px 30px;
}
.tokucho-com2 img{
	float:right;
	margin:0px 30px 0px 20px;
}

section#guide h3 {
	padding:2px 0;
	margin:0 0 10px 0;
	text-align:center;
	background: -webkit-gradient(linear, left top, left bottom, from(#887066), to(#5b3c37));
}
section#guide .left {
	width:20%;
	float:left;
	margin:15px 0 0 1%;
}
section#guide .left img{
	width:100%;
	height:auto;
}
section#guide .right {
	width:70%;
	float:left;
	margin:10px 0 0 2%;
}
section#guide .flow{
	margin:0 0 5px 0;
	background:none;
	background:url(/smp/guide/img/bg_guide.png) bottom center no-repeat;
	-webkit-background-size:19px 11px;
}
section#guide .inner a {
	color:#AD1919;
}
section#guide h4 {
	width:94%;
	padding:3px 3%;
	margin:10px 0 10px 0;
	text-align:left;
	color:#5b3c37;
	font-weight:100;
	background-color:#DEDBD6;
}
section#guide .inner .left {
	width:50%;
}
section#guide .inner .right {
	width:40%;
	height:auto;
	color:#FFFFFF;
	padding:10px 6px;
	text-align:center;
	-webkit-border-radius:5px;	
	background: -webkit-gradient(linear, left top, left bottom, from(#7e0101), to(#340000));
	border:solid 2px #b15a5d;
}
section#guide .inner .right a {
	color:#FFF;
	text-decoration:none;
}
section .tbl-guide{
	width:100%;
}
section .tbl-guide th {
	padding:5px;
	background-color:#E6E6E6;
	color:#333;
	font-weight:100;
	text-align:center;
	border-bottom:solid 1px #cccccc;
	border-top:solid 1px #cccccc	
}
section table.pay th {
	width:50%;
}
section .tbl-guide td {
	width:70%;
	padding:5px;
	border-bottom:solid 1px #cccccc;
	border-top:solid 1px #cccccc;	
}
section table.pay td {
	width:50%;
	text-align:center;
}

#gnavold {
	width:100%;
	text-align:center;
}
#gnavold li{
	float: left;
	padding:5px;
	margin:0 2px;	
	text-align: center;
	-webkit-border-radius:5px;	
	background: -webkit-gradient(linear, left top, left bottom, from(#e9e4df), to(#FFFFFF));
	border:solid 2px #cccccc;
}
#gnavold li a {
	display:block;
	width:80px;
	height:55px;
	padding:8px 0;
	color:#333;	
	text-decoration:none;
}
#contents {
	padding:6px 1% 6px 1%;
	background:#f2f2f2;
}

section {
	background-color:#FFF;
}
.inner {
	float:left;
	padding:0 10px 10px 10px;
}
h5 {
	width:100%;
	padding:0 0 0 7px;
	margin:10px 0;
	font-weight:100;
	border-left:solid 3px #AD1919;	
}
h6 {
	width:100%;
	padding:0;
	margin:10px 0;
	font-weight:100;	
}
section p {
	padding:0 0 10px 0;
}
#toTop a {
	float:right;
	width:100%;
	margin:0 10px 10px 0;
	color:#5b3c37;
	text-decoration:none;
	text-align:right;
}	
.banarea {
	text-align:center;
	background-color:#ac1818;
	padding:15px 0 10px 0;
}
/* 1.Price List
========================================== */
.pricelist {
	background:#f2f2f2;
}
#pricelist01,#pricelist02 {
	width:100%;
	margin:0 0 10px 0;
}
#pricelist01 th,#pricelist02 th {
	padding:5px;
	color:#FFF;
	font-weight:100;
	text-align:center;
	background: -webkit-gradient(linear, left top, left bottom, from(#887066), to(#5b3c37));
}
#pricelist01 td {
	width:60%;
	padding:10px 5px;
	text-align:left;
	border-bottom: 1px solid #e5e5e5;
}
#pricelist02 td {
	width:30%;
	padding:10px 5px;
	text-align:left;
	border-bottom: 1px solid #e5e5e5;
}
	
#pricelist01 td.top,#pricelist012 td.top {
	padding-top:15px;
}
#pricelist01 td.price,#pricelist02 td.price  {
	width:40%;	
	text-align:right;
}
/* 1.Menu
========================================== */
#accordion .tit-list a {
	height:20px;	
	padding:5px;	
	color:#1e1e1e;
	display:block;
	line-height:20px;	
	text-decoration:none;	
	background:url(img-cleaning/ico_onaosi.png) no-repeat center right;
	-webkit-background-size:14px 14px;
}
#accordion .item {
	height:28px; /* height = total height of A child element */	
	padding:5px;
	margin:10px 0 2px 0;	
	background: -webkit-gradient(linear, left top, left bottom, from(#e8e3de), to(#FFFFFF));
	border:solid 2px #d0cecc;	
	overflow:hidden;
   transition: height ease-in-out 500ms; /* css3 transition */
   -o-transition: height ease-in-out 500ms;
   -moz-transition: height ease-in-out 500ms;
   -webkit-transition: height ease-in-out 500ms;
	border:1px solid #ccc;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
#accordion div:hover {
   height:150px;	/* height = total height of A and P child elements */
}
#accordion .tit-list a:hover {
	border-bottom:1px solid #ccc;
	font-weight:bold;
}
#accordion p {
   height:auto;
   padding:5px;
	text-align: left;
}
#accordion .item .left {
	float:left;
	width:20%;
	margin:5px 0 0 0;
}
#accordion .item .left img{
	width:100%;
	height:auto;
}
#accordion .item .right {
	float:right;
	width:70%;
	font-size:90%;
}
.bt-price {
	font:"ヒラギノ角ゴ Pro W3";
	line-height:1.4;	
}
.bt-price a {
	float:right;
	display:block;
	width:80px;;
	padding:2px 0 0 20px;
	margin:0 0 0 10px;
	text-align:right;
	color:#980000;
	text-decoration:none;
	background:url(img-cleaning/ico_bt-price.png) no-repeat center left;	
}
