charset "utf-8";"
/*--------------------------------------------------
	基本設定
--------------------------------------------------*/
body {
	font-size: 14px;
	color: #333;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
	line-height:140%;
	margin: 0px;
	text-align:left;
	border-top:3px solid #7EC14A;
}
@media print {
  body {
    width: 1200px;
    transform: scale(0.8);
    -moz-transform: scale(0.8);
    -webkit-transform: scale(0.8);
    transform-origin: 0 0;
  }
}
h1,h2,h3,h4,ul,ol,li,dl,dt,dd{
	padding: 0px;
	margin: 0px;
	line-height:100%;
}

img {
	border: none;
	vertical-align: top;
}
hr{
	display: none;
}
form {
	padding:0px;
	margin:0px;
}
ul{
	list-style: none;
}
.clear{
	clear:both;
	font-size:0px;
	line-height:0px;
	height:0px;
}
.anchor{
	font-size:0px;
	line-height:0px;
	display:block;
	overflow:hidden;
	height:0px;
}
div:after,section:after,address:after {  
    content:"";
    display:table;
    clear:both;
}
.clfx {  
    content:"";
    display:table;
    clear:both;
}
table{
	float:left;
	width: 100%;
	border-collapse: separate;
	border-spacing: 0;
	table-layout: fixed;
	word-break: break-all;
	word-wrap: break-word;
	margin:5px 0 0 0;
}
td{
	border:1px solid #CCC;
	padding:5px;
	font-size:14px;
}
th{
	border:1px solid #CCC;
	padding:5px;
	font-size:14px;
}
* html table{ border-collapse: collapse; } /* IE6 */
*+html table{ border-collapse: collapse; } /* IE7 */
/*--------------------------------------------------
	リンク設定
--------------------------------------------------*/
a{
	color:#36C;
	text-decoration:underline;
}
a:hover {
	color:#903;
	text-decoration:none;
}
[href^="tel"] {
    text-decoration: none;
    color: #333;
    cursor: default;
    pointer-events: none;
}
@media screen and (max-width: 768px) {
    [href^="tel"] {
        pointer-events: auto;
    }
}
/*--------------------------------------------------
	ヘッダー設定
--------------------------------------------------*/
#page_top {
  margin: 0;
  padding: 0;
}

header{
	width:1050px;
	height:140px;
	margin: 0px auto 0 auto;
}
.samary{
	float:left;
	width:1050px;
	margin:0 0 0 0;
	text-align:right;
	font-size:12px;
}
.header-left{
	float:left;
	width:400px;
	margin:6px 0 0 0;
}
.header-logo{
	float:left;
	width:348px;
	margin:0px 0 0 0;
}
.header-name{
	float:left;
	width:400px;
	margin:23px 0 0 0;
	font-size:16px;
	font-weight:bold;
}
.header-link{
	float:left;
	width:400px;
	margin:5px 0 0 0;
	font-size:12px;
}
.header-link a{
	color:#333;
	text-decoration:none;
}
.header-link a:hover{
	color:#333;
	text-decoration:underline;
}
.header-right{
	float:right;
	width:320px;
	margin:6px 0 0 0;
}
.header-tel{
	float:right;
	width:242px;
	margin:0 0 0 0;
}
.header-time{
	float:left;
	width:320px;
	margin:5px 0 0 0;
	font-size:12px;
	text-align:right;
}
.header-uketsuke{
	float:left;
	width:320px;
	margin:12px 0 0 0;
	font-size:12px;
	text-align:right;
}
.header-muryo{
	color:#F93;
}
#fixedBox{
	background-color:#E9E9E9;
	width:100%;
	height:50px;
	margin:0;
	border-bottom:1px solid #CCC;
}
.global{
	width:1050px;
	height:43px;
	margin:0px auto 0px auto;
}

#gnav-container {
position:relative;
}

#gnav {
border-bottom:solid 1px #CCCCCC;
position:relative;
z-index:100;
zoom:1;
}

#gnav .item {
float:left;
}

#gnav .item2 {
float:left;
}

ul#topnav {
	width:1050px;
	margin: 0; padding: 0;
	list-style: none;
	position: relative;
}
ul#topnav li {
	float: left;
	margin: 0;
	padding: 0;
}
ul#topnav li a {
	display: block;
}
ul#topnav li a:hover {
	opacity:0.5;
}
ul#topnav li span{
	float: right;
	width:100%;
	padding: 40px 0 0 0;
	position: absolute;
	left: 0;
	top:50px;
	display: inline;
	background: #F0F0F0;
	color: #333;
	z-index:9999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	border-right:1px solid #999;
}
ul#topnav li span.navspan1{
	left:0px;
	width:1050px;
	height:600px;
}
ul#topnav li span.navspan2{
	left:600px;
	width:430px;
	height:100px;
}
ul#topnav li:hover span { display: block; }
ul#topnav li span a { display: inline; }
ul#topnav li span a:hover {text-decoration: underline;}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.navchild0{
	background:url(../img/listmark-bk0.png) center left no-repeat;
	float:left;
	width:960px;
	font-size:14px;
	margin:0px 0px 20px 30px;
	padding:13px 0 10px 20px;
	font-weight:bold;
	border-bottom:1px dotted #999;
}
.navchild02{
	background:url(../img/listmark-bk0.png) center left no-repeat;
	float:left;
	width:960px;
	font-size:14px;
	margin:0px 0px 20px 35px;
	padding:13px 0 10px 20px;
	font-weight:bold;
	border-bottom:1px dotted #999;
}

.navchild1{
	background:url(../img/listmark-bk.png) center left no-repeat;
	float:left;
	font-size:14px;
	margin:0px 0px 30px 50px;
	padding:3px 0 0 15px;
	font-weight:bold;
}

.navchild2{
	background:url(../img/listmark-bk02.png) center left no-repeat;
	float:left;
	font-size:14px;
	margin:0px 0px 30px 50px;
	padding:3px 0 0 15px;
	font-weight:bold;
}
.navchild0 a,.navchild1 a,.navchild2 a{
	color:#333;
	text-decoration:none;
}
.navchild0 a:hover,.navchild1 a:hover,.navchild2 a:hover{
	color:#F93;
	text-decoration:underline;
}

.navchildline{
	width:930px;
	height:1px;
	border-bottom:1px solid #666;
	margin:20px 0 0 30px;
}

.navmago{
	margin:20px 0 0 0;
}
@media screen and (max-width:767px){
	body{
		background:none;
	}
	header{
		width:100%;
		height:auto;
		margin:0;
		position:fixed;
		top:0;
		left:0;
	}
	.no-links{
		pointer-events: none;
		cursor: default;
		text-decoration:none;
	}	
	.samary,.global,.globalareatop,.header-right,.header-left,.header-btn,.logo{
		display:none;
	}
	.sma-head{
		border-top:solid 3px #7EC14A;
		border-bottom:1px solid #CCC;
		position:fixed;
		top:0;
		left:0;
		z-index:1000;
		background-color:#FFF;
	}
	.sma-logo{
		position:relative;
		width:60%;
		float:left;
		margin:0px 0 3px 0;
	}
	.sma-logo img{
		width:100%;
		height:auto;
	}
	.sma-tel{
		position:relative;
		width:15%;
		float:left;
		margin:0px 0 3px 0;
	}
	.sma-tel img{
		width:100%;
		height:auto;
	}
	.sma-menu{
		position:relative;
		width:15%;
		float:right;
		margin:4px 0 0 0;
	}
	.sma-space{
		width:100%;
		margin:0;
	}
	.sma-space img{
		width:100%;
		height:auto;
	}
	.tel{
		display:none;
	}
	#gNav {
	    width: 100%;
	    position: absolute;
	    top: -3000px;
		left:0;
	    z-index: 9999;
	    transition: top 1s;
	    -webkit-transition: top 1s;
	    -moz-transition: top 1s;
	    text-align: center;
	    background:#FFF;
	}
	#gNav:target {
 	   top: 10px;
	}
	#gNav li{
		padding:10px 0 10px 10%;
		border-bottom:1px solid #069;
		color:#C33;
		font-size:16px;
		font-weight:bold;
		text-align:left;
		background-color:#ECE5C8;
	}
	#gNav li a{
		color:#333;
		text-decoration:none;
		display:block;
	}
	#gNav li.sma-menu-cate{
		font-size:16px;
		padding:10px 0 10px 10%;
		border-bottom:1px solid #069;
		color:#333;
		text-align:left;
		background-color:#0D244F;
	}
	#gNav li.sma-menu-cate a{
		color:#FFF;
		text-decoration:none;
		display:block;
	}
	#fademenu {
	    position: absolute;
	    top: 0;
		width:100%;
		background-color:#000000;
		opacity:0.5;
		visibility:hidden;
		z-index:99;
	}
	.nav-close {
		padding:10px 0 10px 0;
	    background:#111;
	}
	.nav-close a{
		color:#FFF;
		text-decoration:none;
		font-size:16px;
		font-weight:bold;
		display:block;
	}
	.sma-foot-menu{
		margin:-10px 0 0 2%;
		width:96%;
	}
	.sma-foot-menu img{
		margin:0 0 0 0;
		width:100%;
	}
	.no-br{
		display:none;
	}
	.sma-yohaku{
		width:100%;
		height:auto;
	}
	.goods-detail-image{
		display:none;
	}
	.mainImageInit ul{
		z-index: -1;
	}
	#fixedBox{
		display:none;
	}
	.accordion2 .inner2 {
		display: none;
	}
	.accordion2 p{
		width:95%;
		cursor: pointer; 
		padding: 20px 0 20px 5%;
		background-color:#7EC14A;
		border-bottom:1px solid #FFF;
		color:#FFF;
		line-height:100%;
		margin:0;
		font-size:18px;
		font-weight:bold;
	}
	.accordion2 .inner2 li{
		width:95%;
		float:left;
		padding: 15px 0 15px 5%;
		background-color:#666;
		border-right:1px solid #999;
		border-bottom:1px solid #FFF;
		font-size:16px;
		color:#FFF;
		position:relative;
	}
	.accordion2 .inner2 li a{
		text-decoration:none;
		color:#FFF;
		position:absolute;
		top:0;
		left:0;
		width:100%;
		height:100%;
	}
	.menutitle{
		float:left;
		margin:13px 0 0 0;
		font-size:12px;
		color:#111;
	}
	.pc-br{
		display:none;
	}
	
}

@media screen and (min-width:768px){
	.sma-head,.sma-space,#gNav,#gNavbtn,.sma-yohaku,#fademenu,.sma-foot-menu,.mb-br,.mainimage-mb,#mainImages{
		display:none;
	}
	a.mb-tel{
	pointer-events: none;
	text-decoration:none;
	color:#333;
	}
}

/*--------------------------------------------------
	編集可能領域設定
--------------------------------------------------*/
#contenter{
	clear:both;
	width:1050px;
	margin: 0px auto 0px auto;
}
#contenter #contents{
	width:720px;
	float:left;
	text-align:left;
	margin:0 0 0 0;
}

/*　パンクズ　*/
#TopicPath {
  position:relative;
  height:6px;
  margin:10px 0 0 0;
}
#TopicPath ol {
  padding: 10px 0;
  text-align: left;
  list-style: none;
  font-size: 12px;
  float:left;
}
#TopicPath ol li {
  display: inline;
  color: #555;
}
#TopicPath ol li a { color: #333; }
#TopicPath ol li.home a { color: #555; }

#TopicPath .innerPath {
  width: 1050px;
  margin: 0 auto;
}

@media screen and (max-width:700px){
	#contenter{
		width:100%;
		margin: 0px 0 0px 0;
	}
	#contenter #contents{
		width:100%;
		text-align:left;
		margin:0px 0 0 0;
	}
	#contenter #contents iframe{
		width:100%;
		text-align:left;
		margin:0px 0 0 0;
	}
	#TopicPath .innerPath {
	  width: 98%;
	  margin: 0 0 0 1%;
	}
	#TopicPath .innerPath li{
	  line-height:130%;
	}
}

/*-------------------------------------------------------------
#Social
-------------------------------------------------------------*/
#Social{
	width:56px;
	position:fixed;
	bottom:40px;
	right:10px;
}
#Social img{
	width:56px;
	height:auto;
	float:left;
	margin:20px 0 0 0;
    clear:both;
}

@media screen and (max-width:767px){
	#Social{
		width:10%;
		position:fixed;
		bottom:30px;
		right:3%;
	}
	#Social img{
		width:100%;
		height:auto;
		opacity: 0.7;
	}
}
/*--------------------------------------------------
	フッター
--------------------------------------------------*/
footer{
	float:left;
	width:100%;
	margin: 50px 0px 0px 0px;
	background:url(../img/footer_bk.png) bottom left repeat-x;
}
#footer{
	width:1050px;
	margin: 0px auto 0px auto;
	padding:0px 0 0 0;
	text-align:left;
}
#footer .footer-logo{
	float:left;
	width:340px;
	margin:49px 0 0px 0px;
}
#footer .footer-name{
	float:left;
	width:340px;
	margin:15px 0 0px 5px;
	font-weight:bold;
	font-size:16px;
}
#footer address{
	float:left;
	width:340px;
	font-size:14px;
	line-height:160%;
	font-style:normal;
	margin:15px 0 0px 5px;
}
#footer address a{
	color:#333;
	text-decoration:none;
}
#footer address a:hover{
	color:#F93;
	text-decoration:underline;
}
#footer .footerlink{
	float:left;
	width:710px;
	height:346px;
	margin:34px 0 0px 0px;
}
#footer .footerlink1{
	float:left;
	width:256px;
	margin:0px 0 0 0px;
}

#footer .footerlink2{
	float:left;
	width:247px;
	margin:0px 0 0 0px;
}

#footer .footerlink3{
	float:left;
	width:205px;
	margin:0px 0 0 0px;
}
#footer .footerlink-text01{
	background:url(../img/footerlink-bk01.png) no-repeat left center;
	color:#333;
	font-size:14px;
	font-weight:bold;
	padding: 0px 0px 0px 17px;
	margin:20px 0 10px 0px;
}
#footer .footerlink-text01 a{
	color:#333;
	text-decoration:none;
}
#footer .footerlink-text01 a:hover{
	color:#F93;
	text-decoration:underline;
}
#footer .footerlink-text02{
	background:url(../img/footerlink-bk02.png) no-repeat left center;
	font-size:13px;
	text-align:left;
	color:#333;
	padding: 0px 0px 0px 12px;
	margin:9px 0 0 12px;
}
#footer .footerlink-text02 a{
	color:#333;
	text-decoration:none;
}
#footer .footerlink-text02 a:hover{
	color:#F93;
	text-decoration:underline;
}
#footer .footerlink-text03{
	background:url(../img/footerlink-bk01.png) no-repeat left center;
	color:#333;
	font-size:14px;
	font-weight:bold;
	padding: 0px 0px 0px 17px;
	margin:10px 0 10px 0px;
}
#footer .footerlink-text03 a{
	color:#333;
	text-decoration:none;
}
#footer .footerlink-text03 a:hover{
	color:#F93;
	text-decoration:underline;
}
.footer-bottom{
	float:left;
	margin:60px 0px 0 363px;
	width:324px;
}
.footer-bottom img{
	margin: 0px 0px -3px 0px;
}
@media screen and (max-width:767px){
	#footer .footerlink,#footer .footer-soryo ,#footer .footer-logo-pc,#footer .footer-logo-pc-fuk,#footer .footer-fukuokaphoto,#footer .footer-line{
		display:none;
	}
	footer{
		background:none;
		background-color:#E9E9E9;
		width:100%;
		height:auto;
		margin: 20px 0px 0px 0px;
	}
	#sma-footer{
		margin:20px 0 0 15%;
		width:70%;
	}
	#sma-footer img{
		margin:20px 0 0 0;
		width:100%;
		height:auto;
	}
	#footer{
		background:none;
		width:100%;
		margin: 0;
		padding:0;
	}
	#footer .footer-logo{
		border:none;
		float:none;
		width:95%;
		margin:10px 0 0px 3%;
	}
	#footer .footer-logo img{
		width:80%;
		height:auto;
		margin:10px 0 0 0;
	}
	#footer .footer-logo ul{
		width:100%;
		margin:10px 0 0px 0;
	}
	#footer .footer-logo li{
		width:48%;
		margin:0px 1% 0px 1%;
	}
	#footer .footer-logo li img{
		width:100%;
		height:auto;
	}
	#footer address{
		font-size:14px;
		font-style:normal;
		width:99%;
		margin:10px 0 0px 1%;
	}
	#footer .footer-banner{
		width:100%;
		margin:10px 0 0px 0;
	}
	#footer .footer-banner li{
		width:60%;
		margin:10px 0 0px 20%;
	}
	#footer .footer-banner li img{
		width:100%;
		height:auto;
	}
	#footer .footer-bottom{
		width:97%;
		margin:20px 0px 0px 0px;
		padding:10px 0 3px 3%;
		background-color:#7EC14A;
	}
}
@media screen and (min-width:768px){
	#sma-footer,#footer .footer-logo-sma{
		display:none;
	}
	#footer .footer-copyright-pc{
		display:block;
	}
}
/*--------------------------------------------------
	サイドバー
--------------------------------------------------*/
.sidebar-area{
	float:right;
	width:275px;
	margin:0 0 0 0;
}
.sidebar-area li{
	float:left;
	width:275px;
	margin:0 0 0 0;
}
.sidebar-area li.side-banner01{
	margin:0 0 10px 0;
}
.sidebar-area li.side-banner02{
	margin:10px 0 0 0;
}
.sidebar-area li.side-banner01 a:hover,.sidebar-area li.side-banner02 a:hover{
	opacity:0.5;
}
.sidebar-area li.side-line01{
	float:left;
	width:250px;
	height:25px;
	margin:0 0 0 0;
	padding:15px 0 0 25px;
	background:url(../img/side-bk01.png) top left no-repeat;
	font-size:13px;
	font-weight:bold;
}
.sidebar-area li.side-line02{
	float:left;
	width:240px;
	height:20px;
	margin:0 0 0 0;
	padding:10px 0 0 35px;
	background:url(../img/side-bk02.png) top left no-repeat;
	font-size:12px;
}
.sidebar-area li.side-line01 a,.sidebar-area li.side-line02 a{
	color:#333;
	text-decoration:none;
}
.sidebar-area li.side-line01 a:hover,.sidebar-area li.side-line02 a:hover{
	color:#F93;
	text-decoration:underline;
}
@media screen and (max-width:767px){
	.sidebar-area{
		display:none;
	}
}

/*--------------------------------------------------
	トップページ
--------------------------------------------------*/
.mainimage-area{
	width:100%;
	height:400px;
	margin:0;
	border-bottom:1px solid #CCC;
	background-color:#F0F0F0;
}
.mainimage{
	width:1200px;
	height:398px;
	margin:0 auto;
}
.top-area1{
	float:left;
	width:1050px;
	margin:50px 0 0 0;
}
.top-area1 p{
	float:left;
	width:1050px;
	margin:20px 0 0 0;
}
.top-area2{
	float:left;
	width:1050px;
	margin:30px 0 0 0;
}
.top-area2-unit{
	float:left;
	width:330px;
	margin:30px 0 0 30px;
}
.top-area2-unit a:hover{
	opacity:0.5;
}
.top-area2-unit-left{
	clear:both;
	margin-left:0;
}
.top-area2-unit h2{
	float:left;
	width:310px;
	margin:0px 0px 0 0;
	padding:15px 0 15px 20px;
	background-color:#87C12D;
	font-size:20px;
}
.top-area2-unit h2 a{
	color:#FFF;
	text-decoration:none;
}
.top-area2-unit h2 a:hover{
	color:#FFF;
	text-decoration:underline;
}
.top-area2-com{
	float:left;
	width:330px;
	margin:0px 0px 0 0;
	background-color:#F0F0F0;
}
.top-area2-com p{
	float:left;
	width:300px;
	height:60px;
	margin:15px 0px 0 15px;
	line-height:130%;
}
.top-area2-more{
	clear:both;
	float:right;
	width:auto;
	margin:6px 10px 15px 0;
}
.top-area3{
	float:left;
	width:100%;
	margin:30px 0 0 0;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
}
.top-area3-contents{
	width:1050px;
	margin:0px auto;
}
.top-area3-photo{
	float:left;
	width:285px;
	margin:30px 0 0 0;
}
.top-area3-right{
	float:left;
	width:730px;
	margin:0px 0 0 35px;
	background:url(../img/top-area3-bk.jpg) top right no-repeat;
}
h2.top-area3-title{
	float:left;
	width:auto;
	margin:50px 0 0 0;
}
.top-area3 h3{
	float:left;
	clear:both;
	width:auto;
	margin:32px 0px 0 0;
	font-size:18px;
}
.top-area3 p{
	clear:both;
	float:left;
	width:700px;
	margin:30px 0px 0 0;
	line-height:150%;
}
.top-area3-name{
	float:right;
	clear:both;
	width:auto;
	margin:20px 50px 30px 0;
	font-size:16px;
	font-weight:bold;
}
.top-area4{
	float:left;
	width:1050px;
	margin:30px 0 0 0;
}
.top-area4-left{
	float:left;
	width:530px;
	margin:30px 0 0 0;
	border-right:1px dotted #CCC;
}
.top-area4-title{
	float:left;
	width:496px;
	margin:0px 0 0 0;
}
.top-area4-photo{
	float:right;
	width:180px;
	margin:30px 34px 0 0;
}
.top-area4-left h3{
	float:left;
	width:314px;
	margin:30px 0px 0 0;
	font-size:20px;
	color:#F93;
}
.top-area4-left p{
	float:left;
	width:285px;
	margin:20px 0px 0 0;
}
.top-area4-more{
	float:left;
	width:auto;
	margin:10px 0px 0 210px;
}
.top-area4-right{
	float:left;
	width:485px;
	margin:30px 0 0 30px;
}
.top-area4-right h2{
	float:left;
	width:auto;
	margin:0px 0px 0 0;
	font-size:20px;
}
.top-area4-right p{
	float:left;
	width:485px;
	margin:20px 0px 0 0;
}
.top-area4-right iframe{
	float:left;
	width:480px;
	margin:10px 0px 0 0;
}

@media screen and (max-width:700px){
	.mainimage-area{
		width:100%;
		height:auto;
		margin:0;
	}
	.mainimage{
		width:100%;
		height:auto;
		margin:0;
	}
	.mainimage img{
		width:100%;
		height:auto;
	}
	.mainimage-mb img{
		width:100%;
		height:auto;
	}
	.top-area1{
		width:100%;
		margin:20px 0 0 0;
	}
	.top-area1 h1{
		width:94%;
		margin:10px 0 0 3%;
		line-height:130%;
	}
	.top-area1 p{
		width:94%;
		margin:10px 0 0 3%;
	}
	.top-area2{
		width:100%;
		margin:20px 0 0 0;
	}
	.top-area2-unit{
		width:98%;
		margin:10px 0 0 1%;
	}
	.top-area2-unit img{
		width:100%;
		height:auto;
	}
	.top-area2-unit h2{
		width:94%;
		margin:0px 0px 0 0;
		padding:15px 3% 15px 3%;
		font-size:18px;
	}
	.top-area2-com{
		width:100%;
		margin:0px 0px 0 0;
	}
	.top-area2-com p{
		width:94%;
		height:60px;
		margin:15px 3% 0 3%;
		line-height:130%;
	}
	.top-area2-more{
		float:right;
		width:auto;
		margin:6px 3% 15px 0;
	}
	.top-area3{
		width:100%;
		margin:10px 0 0 0;
		border-top:1px solid #CCC;
		border-bottom:1px solid #CCC;
	}
	.top-area3-contents{
		width:100%;
		margin:0 0 0 0;
	}
	.top-area3-photo{
		width:80%;
		margin:30px 0 0 10%;
	}
	.top-area3-right{
		width:100%;
		margin:0px 0 0 0;
		background:none;
	}
	h2.top-area3-title{
		width:auto;
		margin:20px 0 0 3%;
	}
	.top-area3 h3{
		width:94%;
		margin:10px 0px 0 3%;
		line-height:130%;
	}
	.top-area3 p{
		width:94%;
		margin:10px 0px 0 3%;
	}
	.top-area3-name{
		float:left;
		width:94%;
		margin:10px 0 0 3%;
		padding:0 0 20px 0;
	}
	.top-area4{
		width:100%;
		margin:20px 0 0 0;
	}
	.top-area4-left{
		width:100%;
		margin:0px 0 0 0;
		border-right:none;
	}
	.top-area4-title{
		width:98%;
		margin:0px 0 0 1%;
	}
	.top-area4-title img{
		width:100%;
		height:auto;
	}
	.top-area4-photo{
		float:right;
		width:35%;
		margin:30px 1% 0 0;
	}
	.top-area4-photo img{
		width:100%;
		height:auto;
	}
	.top-area4-left h3{
		width:56%;
		margin:30px 0px 0 3%;
		font-size:16px;
		line-height:130%;
	}
	.top-area4-left p{
		width:56%;
		margin:20px 0px 0 3%;
	}
	.top-area4-more{
		width:auto;
		margin:10px 0px 0 3%;
	}
	.top-area4-right{
		width:100%;
		margin:20px 0 0 0;
	}
	.top-area4-right h2{
		width:94%;
		margin:0px 0px 0 3%;
		font-size:18px;
	}
	.top-area4-right p{
		width:94%;
		margin:10px 0px 0 3%;
	}
	.top-area4-right iframe{
		width:98%;
		margin:10px 0px 0 1%;
	}
}
@media screen and (min-width:768px){
	#mainimage-area-sma,.mb-btn-area,.top-text-mb,.mainimage-mb,.mainimage-mb{
		display:none;
	}
}

/*--------------------------------------------------
	個別エリア
--------------------------------------------------*/
.page-section{
	float:left;
	width:720px;
	margin:0px 0 50px 0;
}
.page-section h1{
	float:left;
	background:url(../img/title-bk01.png) no-repeat left center;
	width:683px;
	border-bottom:2px dotted #999;
	font-size:18px;
	padding:15px 0px 10px 37px;
	margin:0px 0 0 0px;
}
.page-section h2{
	float:left;
	background:url(../img/title-tri01.png) no-repeat left center;
	width:680px;
	border-bottom:1px solid #CCC;
	font-size:16px;
	margin:30px 0 0 20px;
	padding:10px 0 5px 16px;
}
.page-section h2 a{
	color:#333;
	text-decoration:none;
}
.page-section h2 a:hover{
	color:#333;
	text-decoration:underline;
}
.page-section h3{
	float:left;
	width:670px;
	font-size:16px;
	margin:20px 0 0 20px;
}
.page-section h4{
	float:left;
	width:670px;
	font-size:14px;
	margin:20px 0 0 20px;
}
.page-section li{
	float:left;
	width:700px;
	font-weight:16px;
	line-height:140%;
	margin:10px 0 0 30px;
	font-size:14px;
}
.page-section p{
	float:left;
	width:690px;
	margin:20px 0 0 20px;
	font-size:14px;
}
.page-section img{
	float:left;
	margin:20px 0px 0 20px;
}
.page-pic{
	float:left;
	width:auto;
	margin:0 0 0 0;
}
.page-pic a:hover{
	opacity:0.5;
}
p.page-com{
	float:left;
	width:410px;
	margin:20px 0 0 30px;
}
.detail-link{
	float:right;
	width:130px;
	margin:30px 0px 0 0px;
	font-size:16px;
	font-weight:bold;
}
.detail-link a{
	color:#396;
	text-decoration:none;
}
.detail-link a:hover{
	color:#396;
	text-decoration:underline;
}
.guid-area-pc{
	float:left;
	width:675px;
	margin:0 0 0 20px;
}
.guid-area-pc a:hover{
	opacity:0.5;
}
.link-info{
	float:left;
	width:690px;
	margin:20px 0 0 30px;
}
.link-info dt{
	clear:both;
	float:left;
	width:140px;
	margin:10px 0 0 0;
	font-size:14px;
	line-height:140%;
}
.link-info dd{
	float:left;
	width:550px;
	margin:10px 0 0 0;
	font-size:14px;
	line-height:140%;
}
.about-tbl{
	float:left;
	width:680px;
	margin:10px 0 0 20px;
}
.about-tbl dl{
	float:left;
	width:663px;
	margin:0px 0 0 0;
	border-top:1px solid #CCC;
}
.about-tbl dt{
	clear:both;
	float:left;
	width:120px;
	margin:0px 0 0 0;
	padding:10px 15px 10px 15px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	border-left:1px solid #CCC;
	font-size:14px;
	line-height:140%;
}
.about-tbl dd{
	float:left;
	width:480px;
	margin:0px 0 0 0;
	padding:10px 15px 10px 15px;
	border-bottom:1px solid #CCC;
	border-right:1px solid #CCC;
	font-size:14px;
	line-height:140%;
}
.about-map{
	float:left;
	width:485px;
	margin:20px 0 0 20px;
}
@media screen and (max-width:767px){
	.page-section{
		width:98%;
		margin:0px 0 20px 1%;
	}
	.page-section h1{
		width:91%;
		font-size:16px;
		padding:13px 0px 9px 8%;
		margin:0px 0 0 1%;
	}
	.page-section h2{
		width:94%;
		font-size:16px;
		margin:20px 0 0 1%;
		padding:10px 0 5px 4%;
	}
	.page-section h3{
		width:98%;
		font-size:16px;
		margin:20px 0 0 1%;
	}
	.page-section h4{
		width:98%;
		font-size:16px;
		margin:20px 0 0 1%;
	}
	.page-section li{
		width:96%;
		margin:10px 0 0 3%;
	}
	.page-section p{
		width:94%;
		margin:10px 0 0 3%;
	}
	.page-section img{
		float:left;
		width:100%;
		height:auto;
		margin:10px 0 10px 0;
	}
	.page-pic{
		float:left;
		width:60%;
		margin:0 0 0 20%;
	}
	.page-pic img{
		width:100%;
		height:auto;
	}
	p.page-com{
		float:left;
		width:94%;
		margin:10px 0 0 3%;
	}
	.page-link{
		width:100%;
		margin:10px 0 0 0;
	}
	.page-link li{
		width:92%;
		margin:10px 0 0 3%;
		padding:0 0 0 4%;
	}
	.guid-area-pc{
		display:none;
	}
	.guid-area-mb{
		float:left;
		width:98%;
		margin:0 0 0 1%;
	}
	.guid-area-mb img{
		width:100%;
		height:auto;
	}
	.link-info{
		width:100%;
		margin:0px 0 0 0;
	}
	.link-info dt{
		width:94%;
		margin:20px 0 0 3%;
	}
	.link-info dd{
		width:94%;
		margin:10px 0 0 3%;
	}
	.about-tbl{
		width:100%;
		margin:10px 0 0 0;
	}
	.about-tbl dl{
		width:100%;;
		margin:0px 0 00;
		border-top:none;
	}
	.about-tbl dt{
		width:94%;
		margin:10px 0 0 3%;
		padding:0 0 0 0;
		border:none;
		font-weight:bold;
	}
	.about-tbl dd{
		width:94%;
		margin:0 0 0 3%;
		padding:0 0 10px 0;
		border:none;
		border-bottom:1px solid #CCC;
	}
	.about-map{
		width:97.5%;
		margin:20px 0 0 1%;
	}
	.about-map iframe{
		width:100%;
	}

}
@media screen and (min-width:768px){
	.guid-area-mb{
		display:none;
	}
}

/*--------------------------------------------------
	引継ぎ
--------------------------------------------------*/
@media screen and (max-width:767px){
	.pcpic{
		display:none;
	}
}
@media screen and (min-width:768px){
	.sppic{
		display:none;
	}
}
/*--------------------------------------------------
	メールフォーム
--------------------------------------------------*/
.sub-chumonform{
	float:left;
	margin:20px 0 0 0px;
}
.sub-chumonform2{
	margin:20px 0 0 0px;
}
.sub-chumonform dl{
	width:670px;
	list-style:none;
	color:#333;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	background:url(../img/hyo-bk.jpg) repeat-y left top;
	margin:10px 0 0 20px;
}
.sub-chumonform dt{
	clear:both;
	width:170px;
	float:left;
	font-size:14px;
	line-height:130%;
	font-weight:bold;
	padding:18px 0 18px 15px;
  	}
.sub-chumonform dd{
	font-size:14px;
	line-height:130%;
	border-bottom: 1px solid #999999;
	padding:15px 0 15px 220px;
	}
	
.sub-chumonform2 dl{
	width:670px;
	list-style:none;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	background:url(../img/hyo-bk2.jpg) repeat-y left top;
	margin:10px 0 0 20px;
}
.sub-chumonform2 dt{
	clear:both;
	width:170px;
	float:left;
	font-size:14px;
	line-height:130%;
	font-weight:bold;
	padding:12px 0 18px 15px;
  	}
.sub-chumonform2 dd{
	font-size:14px;
	line-height:130%;
	border-bottom: 1px solid #999999;
	padding:15px 0 15px 220px;
	}

.sub-chumonform p{
	width:650px;
	float:left;
	margin:10px 0 0 30px;
	line-height:130%;
}
.sub-chumonform2 p{
	width:650px;
	float:left;
	margin:10px 0 0 30px;
	line-height:130%;
}

.sub-chumonform input,.sub-chumonform select{
	margin:3px 3px 3px 3px;
}
.sub-chumonform-com{
	color:#333;
	font-size:12px;
	font-weight:normal;
}
.sub-chumonform-harf{
	margin:0;
}
.sub-chumonform-textarea{
	margin:10px 0 0 0px;
	width:420px;
}
input[type="submit"] {
	width:100px;
	color: #333;
	font-size: 12px;
	padding:10px;
	margin:30px 0 0 20px;
}
.sub-chumonform-submit{
	width:100%;
	text-align:center;
}
.red {
	color: #F66;
}
.yellow {
	color:#FF3;
}
.dl-style02{
	float:left;
	margin:20px 0 0 0;
	font-size:14px;
}
.dl-style02 dt{
	clear:both;
	float:left;
	margin:20px 0 0 30px;
}
.dl-style02 dt::before{
	content:"・ ";
	margin:0px 0 0 0px;
}
.dl-style02 dd{
	float:left;
	margin:20px 0 0 40px;
}
.dl-style02 dd::before{
	content:"… ";
	margin:0px 0 0 0px;
}
@media screen and (max-width:767px){

	.sub-chumonform{
		width:98%;
		margin:10px 0 30px 1%;
	}
	.sub-chumonform2{
		width:98%;
		margin:10px 0 0 1%;
	}
	.sub-chumonform dl{
		width:100%;
		background:none;
		border:none;
		margin:0px 0 0 0;
	}
	.sub-chumonform dt{
		width:96%;
		float:left;
		padding:0px 0 5px 1%;
		margin:0px 0 5px 1%;
		border-bottom:1px dotted #CCC;
	  	}
	.sub-chumonform dd{
		border-bottom: none;
		padding:0px 0 10px 1%;
		margin:20px 0 0px 1%;
	}
	
	.sub-chumonform2 dl{
		width:100%;
		background:none;
		border:none;
		margin:0px 0 0 0;
	}
	.sub-chumonform2 dt{
		width:96%;
		float:left;
		padding:0px 0 5px 1%;
		margin:0px 0 5px 1%;
		border-bottom:none;
	  	}
	.sub-chumonform2 dd{
		border-bottom: none;
		padding:0px 0 10px 1%;
		margin:20px 0 0px 1%;
		}

	.sub-chumonform p{
		width:100%;
		margin:10px 0 0 3px;
	}
	.sub-chumonform2 p{
		width:100%;
		margin:10px 0 0 0;
	}
	.sub-chumonform input[type="text"],.sub-chumonform select,.sub-chumonform2 input[type="text"],.sub-chumonform2 select{
		background-color:#FFC;
		width:96%;
		margin:3px 0 3px 1%;
		font-size:14px;
		padding:5px 0 5px 0;
	}
	.sub-chumonform-harf input[type="text"]{
		background-color:#FFC;
		width:40%;
		font-size:14px;
		margin:3px 0 3px 1%;
	}

	.sub-chumonform-textarea{
		background-color:#FFC;
		margin:10px 0 0 8px;
		font-size:14px;
		width:95%;
	}
	input[type="submit"] {
		width:40%;
		padding:10px;
		font-weight:bold;
		font-size:16px;
		color:#F33;
		margin:20px 0 0 0;
	}

	/*---------------------------Radioのみ--------------------*/
	label.radio {
		position      : relative;
		display       : inline-block;
		width         : 15px;
		height        : 15px;
		border        : 2px solid #F93;
		border-radius : 100%;
		overflow      : hidden;
		cursor        : pointer;
		margin:0 1% 0 1%;
	}
	label.radio:before {
		content          : '';
		display          : block;
		width            : 11px;
		height           : 11px;
		border-radius    : 100%;
		position         : absolute;
		top              : 2px;
		left             : 2px;
		z-index          : 1;
		background-color : #333; 
	}
	label.radio input[type="radio"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		margin     : 0px;
		position   : absolute;
		z-index    : 2;
		top        : -2px;
		left       : -23px;
		width      : 20px;
		height     : 20px;
		display    : block;
		box-shadow : 20px 0px #FFF;
	}
	label.radio input[type="radio"]:checked {
		box-shadow : none;
	}
	label.radio input[type="radio"]:focus {
		box-shadow : 20px 0px #FFF;
		opacity    : 0.2;
	}
	/*---------------------------CheckBox--------------------------- */
	label.checkbox {
		cursor     : pointer;
		width      : 20px;
		height     : 20px;
		border     : 2px solid #F93;
		background : #fff;
		overflow   : hidden;
		position   : relative;
		display    : inline-block;
		box-sizing : border-box;
		margin:0 1% 0 1%;
	}
	label.checkbox input[type="checkbox"] {
		-moz-appearance: none;
		-webkit-appearance: none;
		margin     : 0;
		padding    : 0;
		position   : absolute;
		left       : 20px;
		width      : 20px;
		height     : 20px;
		left       : -40px;
		box-shadow : 39px 0px #FFF;
		z-index    : 2;
	}
	label.checkbox input[type="checkbox"]:checked {
		box-shadow : none;
	}
	label.checkbox input[type="checkbox"]:checked:focus {
		box-shadow : 39px 0px #666;
		opacity    : 0.1;
	}
	label.checkbox input[type="checkbox"]:focus {
		box-shadow : 39px 0px #EEE;
	}
	label.checkbox:after {
		content           : '';
		position          : absolute;
		top               : 40%;
		left              : 5px;
		display           : block;
		margin-top        : -8px;
		width             : 8px;
		height            : 12px;
		border-right      : 3px solid #D65;
		border-bottom     : 3px solid #D65;
		transform         : rotate(45deg);
		-webkit-transform : rotate(45deg);
		-moz-transform    : rotate(45deg);
		z-index           : 1;
	}
	.dl-style02{
		margin:20px 0 0 0;
	}
	.dl-style02 dt{
		margin:20px 0 0 3%;
	}
	.dl-style02 dd{
		margin:10px 0 0 3%;
		line-height:130%;
	}

}