@charset "utf-8";
/*--------------------------------------------------
	基本設定
--------------------------------------------------*/
body {
	font-size: 16px;
	color: #333;
	font-family: 'Noto Serif JP', serif;
	font-weight: 500;
	line-height:140%;
	margin: 0px;
	text-align:left;
}
@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,ul,ol,li,dl,dt,dd,p{
	padding: 0px;
	margin: 0px;
	line-height:100%;
}
p{
	padding: 0px;
	margin: 0px;
	line-height:140%;
}
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;
}
.clfx {  
    content:"";
    display:table;
    clear:both;
}
.pjump::before {
    content: "";
    display: inline-block;
    height: 100px;
    margin-top: -100px;
    vertical-align: top;
}
/*--------------------------------------------------
	リンク設定
--------------------------------------------------*/
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: 769px) {
    [href^="tel"] {
        pointer-events: auto;
    }
}
/*--------------------------------------------------
	ヘッダー設定
--------------------------------------------------*/
header{
	width:1000px;
	height:100px;
	margin: 0px auto 16px auto;
}

.logo{
	float:left;
	margin: 24px 0px 0px 0px;
}

.header-right{
	float:right;
	width:298px;
	margin:44px 4px 0 0;
}
.header-tel{
	float:left;
	width:236px;
	margin:0;
}
.header-insta{
	float:left;
	width:37px;
	margin:11px 0 0 25px;
}
@media print{
header{
	height:0;
}
.logo{
	display:none;
}
}
#fixedBox{
	width:100%;
	height:50px;
	margin:0 0 0 0;
	background-color:#243350;
}
.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
}
.global{
	width:1080px;
	margin:0px auto 0px auto;
}
@media print{
#fixedBox,.global{
	display:none;
}
}
.global li{
	float:left;
	display:inline-block;
}
.global li a:hover{
	opacity: 0.5 ;
}

#gnav {
position:relative;
z-index:100;
zoom:1;
}

#gnav .item {
float:left;
}

#gnav .parent {
position:relative;
}

#gnav .parent .child {
border-left:solid 1px #999;
border-right:solid 1px #999;
border-bottom:solid 1px #999;
background-color:#B9C7DF;
position:absolute;
display:none;
top:40px;
left:0px;
width:250px;
zoom:1;
}

#gnav .parent .company{
width:140px;
}

#gnav .parent.on .child {
display:block;
}

#gnav .parent.on.last .child {
left:auto;
right:0;
}

#gnav .parent .child li {
width:250px;
text-align:left;
font-size:14px;
zoom:1;
}
#gnav .parent .company li {
width:140px;
}

#gnav .parent .child li.last {
border-bottom:none;
}

#gnav .parent .child a {
border-top:solid 1px #999;
padding:10px 15px 10px 20px;
display:block;
color:#333;
line-height:1.2;
text-decoration:none;
zoom:1;
}

#gnav .child a:hover {
background-color:#e6e6e6;
}
@media screen and (max-width:769px){
	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-left,.header-btn,.logo,.header-right{
		display:none;
	}
	.sma-head{
		position:fixed;
		top:0;
		left:0;
		z-index:1000;
		background-color:#243350;
	}
	.sma-logo{
		position:relative;
		width:80%;
		float:left;
		margin:4px 0 0 0;
	}
	.sma-logo li{
		float:left;
	}
	.sma-logo li.sma-logo1{
		float:left;
		width:48%;
	}
	.sma-logo li.sma-logo2{
		float:left;
		width:28%;
	}
	.sma-logo li.sma-logo3{
		float:left;
		width:24%;
	}
	.sma-logo li img{
		width:100%;
		height:auto;
	}
	.sma-tel{
		position:relative;
		width:80%;
		float:left;
		margin:0px 0 0px 0;
	}
	.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 .inner3 {
		display:none;
	}
	.accordion2 p{
		width:95%;
		cursor: pointer; 
		padding: 20px 0 20px 5%;
		background-color:#F0F0F0;
		border-bottom:1px solid #CCC;
		color:#333;
		font-weight:bold;
		font-size:16px;
		line-height:100%;
		margin:0;
	}
	.accordion2 .inner2 li{
		width:95%;
		float:left;
		padding: 20px 0 20px 5%;
		background-color:#F0F0F0;
		border-right:1px solid #CCC;
		border-bottom:1px solid #CCC;
		font-size:16px;
		color:#333;
		font-weight:bold;
	}
	.accordion2 .inner2 li a{
		text-decoration:none;
		color:#333;
	}
	.accordion2 .inner3 li{
		width:95%;
		float:left;
		padding: 20px 0 20px 5%;
		float:left;
		background-color:#FFF;
		border-right:1px solid #CCC;
		border-bottom:1px solid #CCC;
		font-size:16px;
		font-weight:bold;
		color:#333;
		text-align:left;
	}
	.accordion2 .inner3-tri2{
		float:left;
		margin:0 3% 0 0;
  		width: 0;
  		height: 0;
  		border-left: 7px solid #F93;
  		border-top: 7px solid transparent;
  		border-bottom: 7px solid transparent;
	}
	.accordion2 .inner3-tri{
		float:left;
		margin:0 3% 0 0;
  		width: 0;
  		height: 0;
  		border-left: 7px solid #F93;
  		border-top: 7px solid transparent;
  		border-bottom: 7px solid transparent;
	}
	.accordion2 .inner3 li a{
		display: block;
		text-decoration:none;
		color:#333;
	}
	.menutitle{
		float:left;
		margin:13px 0 0 0;
		font-size:12px;
		color:#FFF;
	}
	.pc-br{
		display:none;
	}
	
}

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

/*--------------------------------------------------
	編集可能領域設定
--------------------------------------------------*/
.wrap{
	width:100%;
	margin: 0;
}
#contenter{
	width:1000px;
	margin: 30px auto 0px auto;
}
#contenter #contents{
	width:1000px;
	float:left;
	text-align:left;
	padding: 0px 0px 50px 0px;
}
/*　パンクズ　*/
#TopicPath {
  position:relative;
  height:6px;
  margin:10px 0 0 14px;
}
#TopicPath ol {
  padding: 10px 0;
  text-align: left;
  list-style: none;
  font-size: 12px;
  float:left;
}
#TopicPath ol li {
  display: inline;
  color: #333;
}
#TopicPath ol li a { color: #333; }
#TopicPath ol li.home a { color: #333; }

#TopicPath .innerPath {
  width: 1000px;
  margin: 0 auto;
}
@media screen and (max-width:767px){
	#contenter{
		width:100%;
		margin: 0px 0 0px 0;
	}
	#TopicPath{
		display:none;
	}
	#contenter #contents{
		width:100%;
		text-align:left;
		margin:0px 0 0 0;
	}
}
/*--------------------------------------------------
	Index
--------------------------------------------------*/
.top-con-area1{
	float:left;
	width:1000px;
	margin:0 0 0 100px;
}
.top-con-area1 h1{
	float:left;
	width:1000px;
	font-size:18px;
	font-weight:bold;
	margin:0 0 0 0;
}

.top-con-area1 p{
	float:left;
	text-align:left;
	width:1000px;
	margin:10px 0 0 0px;
}
.top-con-area2{
	float:left;
	width:1200px;
	margin:50px 0 0 0;
	text-align:center;
}
.top-con-area2 img{
	margin:0px 0 20px 0;
}
.top-con-area3{
	float:left;
	background:url(../img/top-con-area3-bk.jpg) top left no-repeat;
	width:1200px;
	height:260px;
	margin:28px 0 20px 20px;
}
.top-con-area3 h2{
	width:430px;
	float:left;
	margin:60px 0 0px 125px;
	font-size:30px;
	color:#FFF;
	font-weight:bold;
}
.top-con-area3 p{
	clear:both;
	width:430px;
	float:left;
	color:#FFF;
	font-size:14px;
	margin:20px 0 0 125px;
}
.top-con-area4{
	float:left;
	background:url(../img/top-con-area4-bk2.jpg) top left no-repeat;
	width:1200px;
	height:260px;
	margin:28px 0 20px 20px;
}
.top-con-area4 h2{
	width:430px;
	float:left;
	margin:60px 0 0px 125px;
	font-size:30px;
	color:#FFF;
	font-weight:bold;
}
.top-con-area4 p{
	clear:both;
	width:430px;
	float:left;
	color:#FFF;
	font-size:14px;
	margin:20px 0 0 125px;
}


.top-con-area40{
	float:left;
	background:url(../img/top-con-area4-bk22.jpg) top left no-repeat;
	width:1200px;
	height:260px;
	margin:28px 0 20px 20px;
}
.top-con-area40 h2{
	width:430px;
	float:left;
	margin:60px 0 0px 125px;
	font-size:30px;
	color:#FFF;
	font-weight:bold;
}
.top-con-area40 p{
	clear:both;
	width:430px;
	float:left;
	color:#FFF;
	font-size:14px;
	margin:20px 0 0 125px;







}
.top-con-more{
	clear:both;
	margin:20px 0 0 420px;
	float:left;
}
.top-con-more a:hover{
	opacity:0.7;
	
}

.top-con-area5{
	float:left;
	width:1000px;
	margin:16px 0 0px 120px;
}
.top-con-area5 li{
	float:left;
	width:310px;
	margin:44px 0 0px 35px;
}
.top-con-area5 li p{
	width:310px;
	float:left;
	font-size:18px;
	text-align:center;
	margin:26px 0 0 0px;
}
.top-con-area5 li.first{
	margin-left:0;
}
.top-con-area5 li a{
	color:#333;
}
.top-con-area5 li a:hover{
	color:#333;
	opacity:0.7;
	
}
.top-con-area6{
	float:left;
	width:1000px;
	margin:40px 0 0px 120px;
}
.top-con-area7{
	float:left;
	width:940px;
	margin:40px 0 30px 150px;
}
.top-con-area7 h2{
	float:left;
	background:url(../img/top-con-area7-bk.jpg) top left no-repeat;
	width:890px;
	margin:0px 0 0px 0px;
	padding:10px 0 15px 50px;
	font-size:20px;
	border-bottom:1px solid #CCC;
}

.top-con-area7-info{
	float:left;
	width:820px;
	margin:27px 0 0 60px;
	height:180px;
	overflow-y:scroll;
	overflow-x: hidden;
}
.top-con-area7-info p{
	float:left;
	text-align:left;
	width:820px;
	margin:10px 0 0 0px;
	padding:0 0 10px 0;
	border-bottom:1px dotted #999;
}
.top-con-area8{
	float:left;
	background:url(../img/top-con-area8-bk.jpg) top left no-repeat;
	width:1200px;
	height:260px;
	margin:38px 0 20px 20px;
}
.top-con-area8 h2{
	width:430px;
	float:left;
	margin:60px 0 0px 125px;
	font-size:30px;
	color:#FFF;
	font-weight:bold;
}
.top-con-area8 p{
	clear:both;
	width:430px;
	float:left;
	color:#FFF;
	font-size:14px;
	margin:20px 0 0 125px;
}
@media screen and (max-width:767px){
.top-con-area1{
	width:100%;
	margin:0 0 0 0;
}
.top-con-area1 h1{
	width:94%;
	line-height:150%;
	margin:0 0 0 3%;
}

.top-con-area1 p{
	width:94%;
	margin:10px 0 0 3%;
}
.top-con-area2{
	width:98%;
	margin:20px 0 0 1%;
	text-align:left;
}
.top-con-area2 img{
	width:100%;
	height:auto;
	margin:0px 0 20px 0;
}
	.top-con-area3{
		background:url(../img/top-con-area3-bk-mb.jpg) top left no-repeat;
		width:98%;
		height:auto;
		margin:20px 0 0 1%;
		padding:0;
	}
	.top-con-area3 h2{
		float:left;
		width:94%;
		margin:20px 0 0 3%;
	}
	.top-con-area3 p{
		float:left;
		text-align:left;
		width:94%;
		margin:6px 0 0 3%;
	}
	.top-con-more{
		clear:none;
		width:30%;
		margin:20px 0 20px 35%;
	}
	.top-con-more img{
		width:100%;
		height:auto;
	}
	.top-con-area4{
		background:url(../img/top-con-area4-bk-mb.jpg) top left no-repeat;
		width:98%;
		height:auto;
		margin:20px 0 0 1%;
		padding:0;
	}
	.top-con-area4 h2{
		float:left;
		width:94%;
		margin:20px 0 0 3%;
	}
	.top-con-area4 p{
		float:left;
		text-align:left;
		width:94%;
		margin:6px 0 0 3%;
	}
	.top-con-area40{
		background:url(../img/top-con-area40-bk-mb22.jpg) top left no-repeat;
		width:98%;
		height:auto;
		margin:20px 0 0 1%;
		padding:0;
	}
	.top-con-area40 h2{
		float:left;
		width:94%;
		margin:20px 0 0 3%;
	}
	.top-con-area40 p{
		float:left;
		text-align:left;
		width:94%;
		margin:6px 0 0 3%;
	}
.top-con-area5{
	width:100%;
	margin:10px 0 0px 0;
}
.top-con-area5 li{
	width:80%;
	margin:20px 0 0px 10%;
}
.top-con-area5 li img{
	width:100%;
	height:auto;
}
.top-con-area5 li p{
	width:100%;
	font-size:18px;
	text-align:center;
	margin:10px 0 0 0px;
}
.top-con-area5 li.first{
	margin-left:10%;
}
.top-con-area6{
	width:98%;
	margin:0px 0 0px 1%;
}
.top-con-area6 img{
	width:100%;
	height:auto;
}
.top-con-area7{
	width:100%;
	margin:20px 0 0px 0;
}
.top-con-area7 h2{
	background:url(../img/top-con-area7-bk.jpg) top left no-repeat;
	width:87%;
	margin:0px 0 0px 0px;
	padding:10px 0 15px 12%;
	font-size:20px;
	border-bottom:1px solid #CCC;
}

.top-con-area7-info{
	width:100%;
	margin:10px 0 0 0;
	height:180px;
}
.top-con-area7-info p{
	width:94%;
	margin:10px 0 0 3%;
	padding:0 0 10px 0;
}
.top-con-area8{
	background:url(../img/top-con-area4-bk-mb.jpg) top left no-repeat;
	width:98%;
	height:auto;
	margin:20px 0 0 1%;
	padding:0;
}
.top-con-area8 h2{
	float:left;
	width:94%;
	margin:20px 0 0 3%;
}
.top-con-area8 p{
	float:left;
	text-align:left;
	width:94%;
	margin:6px 0 0 3%;
}

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

}
/*-------------------------------------------------------------
#Social
-------------------------------------------------------------*/
#Social{
	width:56px;
	position:fixed;
	bottom:40px;
	right:0px;
}
#Social img{
	width:56px;
	height:auto;
	float:left;
	margin:20px 0 0 0;
    clear:both;
}
@media screen and (max-width:767px){
	#Social{
		width:12%;
		position:fixed;
		bottom:20px;
		right:0px;
	}
	#Social img{
		width:100%;
		height:auto;
		opacity: 0.7;
	}
}
/*--------------------------------------------------
	フッター
--------------------------------------------------*/
footer{
	float:left;
	width:100%;
	margin: 0px 0px 0px 0px;
	height:420px;
	background-color:#333;
}
#footer{
	width:1000px;
	margin: 0px auto 0px auto;
	padding:0px 0 0 0;
	text-align:left;
}
#footer .footer-logo{
	float:left;
	width:440px;
	margin:36px 0 0px 0px;
	font-weight:bold;
}
#footer .footer-logo img{
	float:left;
	margin:0px 0 0 0;
}
#footer address{
	float:left;
	font-size:12px;
	line-height:160%;
	font-style:normal;
	font-weight:300;
	margin:6px 0 0px 0px;
	color:#FFF;
}
#footer address a{
	color:#FFF;
	text-decoration:none;
}
#footer address a:hover{
	color:#F93;
	text-decoration:underline;
}
#footer .footer-insta{
	float:left;
	margin:20px 0 0px 0px;
}

#footer .footerlink{
	float:left;
	width:560px;
	height:172px;
	margin:55px 0 0px 0px;
}
#footer .footerlink1{
	float:left;
	width:300px;
	margin:0px 0 0 0px;
}

#footer .footerlink2{
	float:left;
	width:250px;
	margin:0px 0 0 0px;
}
#footer .footerlink-text01{
	color:#FFF;
	font-size:15px;
	margin:0px 0 15px 0px;
}
#footer .footerlink-text01 a{
	color:#FFF;
	text-decoration:none;
}
#footer .footerlink-text01 a:hover{
	color:#F93;
	text-decoration:underline;
}

#footer .footerlink-text02{
	background:url(../img/footerlink-bk01.jpg) no-repeat left center;
	font-size:14px;
	text-align:left;
	color:#FFF;
	padding: 0px 0px 0px 12px;
	margin:8px 0 15px 6px;
	font-weight:400;
}
#footer .footerlink-text02 a{
	color:#FFF;
	text-decoration:none;
}
#footer .footerlink-text02 a:hover{
	color:#F93;
	text-decoration:underline;
}
#footer .footerlink-text02-top{
	margin-top:0;
}
.footer-banner{
	float:left;
	width:800px;
	margin:120px 0 0 0;
}
.footer-banner ul{
	float:left;
	margin:19px 0 0px 0px;
}
.footer-banner li{
	float:left;
	margin:0px 20px 0px 0px;
}

.footer-bottom{
	float:left;
	margin:170px 0px 0 330px;
	width:300px;
}
.footer-bottom img{
	float:left;
	margin: 0px 0px 0px 0px;
}
@media screen and (max-width:769px){
	#footer .footerlink,#footer .footer-soryo ,#footer .footer-logo-pc,#footer .footer-logo-pc-fuk,#footer .footer-fukuokaphoto,#footer .footer-line{
		display:none;
	}
	footer{
		background-color:#333;
		height:auto;
		margin: 0px 0px 0px 0px;
		padding:20px 0 0 0;
	}
	#footer{
		background:none;
		width:100%;
		margin: 0;
		padding:0;
	}
	#footer .footer-logo{
		border:none;
		float:none;
		width:100%;
		margin:0px 0 0px 0;
	}
	#footer .footer-logo img{
		width:60%;
		height:auto;
		margin:0px 0 10px 3%;
	}
	#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:94%;
		margin:10px 0 0px 3%;
	}
	#footer .footer-banner{
		width:100%;
		margin:0px 0 0 0;
	}
	#footer .footer-banner li{
		width:45%;
		margin:0px 0 0 2%;
	}
	#footer .footer-banner li img{
		width:100%;
		height:auto;
	}
	#footer .footer-bottom{
		width:97%;
		margin:10px 0px 0px 3%;
		padding:10px 0 10px 0;
		background-color:#383129;
	}
	#footer .footer-copyright-mb{
		display:block;
		width:70%;
		margin:0 0 0 15%;
	}
	#footer .footer-copyright-mb img{
		width:100%;
		height:auto;
	}
	#footer .footer-copyright-pc{
		display:none;
	}
}
@media screen and (min-width:769px){
	#sma-footer,#footer .footer-logo-sma,#footer .footer-copyright-mb{
		display:none;
	}
	#footer .footer-copyright-pc{
		display:block;
	}
}
/*--------------------------------------------------
	個別エリア
--------------------------------------------------*/
.title-bar{
	width:640px;
	font-size:12px;
	font-weight:bold;
	color:#FFF;
	background:url(../img/title-bar.jpg) no-repeat left top;
	padding:10px 0px 12px 20px;
}
.subcontents{
	background-color:#FFF;
	border:1px solid #222;
}
.title-bar2{
	font-size:12px;
	font-weight:bold;
	color:#333333;
	background:url(../img/subtitle-bar.jpg) no-repeat left top;
	padding:6px 0px 8px 35px;
}
.top-midashi{
	font-size:12px;
	font-weight:bold;
	color:#FFFFFF;
	background:url(../img/top-midashi-bar.jpg) no-repeat left top;
	padding:4px 0px 6px 20px;
}
.program-bar{
	font-size:14px;
	font-weight:bold;
	color:#202B0F;
	background:url(../main/img/program-bar-bk.jpg) no-repeat left top;
	padding:4px 0px 6px 40px;
}
.program-com{
	font-size:12px;
	line-height:1.4em;
	color:#666;;
	padding:10px 20px 20px 30px;
}

.title-photo img{
	border:solid 1px #000042;
}
.subtitle-bar{
	font-size:12px;
	line-height: 140%;
	color:#75A93B;
	padding:4px 0px 10px 16px;
}
.subtitle-bar2{
	font-size:14px;
	font-weight:bold;
	color:#333333;
	background:url(../img/sub-title-bk.jpg) no-repeat left top;
	padding:6px 0px 8px 50px;
}
.midashi-bar {
	background:url(../img/top-title-bar.jpg) no-repeat left center;
	color:#111;
	font-size:18px;
	font-weight:bold;
	text-align:left;
	width:950px;
	padding:8px 0px 10px 20px;
	margin:10px 0 0 20px;
	border-bottom:1px dotted #999;
}
@media screen and (max-width:767px){
.midashi-bar {
	float:left;
	width:93%;
	padding:10px 0px 12px 5%;
	margin:15px 0 0 1%;
	line-height:130%;
}
}
.midashi-bar2 {
	background:url(../img/midashi-bar2.jpg) no-repeat left top;
	font-size: 14px;
	font-weight:bold;
	text-align:left;
	color: #333;
	padding:7px 0px 10px 20px;
	margin:10px 0 0 20px;
}
@media screen and (max-width:767px){
.midashi-bar2 {
	width:93%;
	background:url(../img/midashi-bar2.jpg) no-repeat left top;
	font-size: 14px;
	font-weight:bold;
	text-align:left;
	color: #333;
	padding:10px 0px 10px 5%;
	margin:0 0 0 1%;
}
}
.midashi-bar3 {
	background:url(../img/midashi-bar3.jpg) no-repeat left top;
	font-size: 12px;
	font-weight:bold;
	text-align:left;
	color: #333;
	padding:7px 0px 10px 40px;
}
.midashi-bar4 {
	background:url(../img/midashi-bar4.jpg) no-repeat left top;
	font-size: 12px;
	font-weight:bold;
	text-align:left;
	color: #333;
	padding:11px 0px 10px 40px;
}
.midashicmp {
	font-size: 12px;
	text-align:left;
	color: #002142;
	padding:20px 0px 5px 30px;
}
.midashicmp2 {
	font-size: 12px;
	text-align:left;
	color: #F66;
	padding:20px 0px 5px 30px;
}
.normal {
	text-align:left;
	line-height: 140%;
	font-size: 12px;
	color: #666666;
}
.normal10 {
	text-align:left;
	line-height: 140%;
	font-size: 10px;
	color: #666666;
}
.comment {
	line-height: 140%;
	font-size: 14px;
	text-align:left;
	color: #666666;
	padding:15px 20px 20px 20px;
}
@media screen and (max-width:767px){
	.comment {
		float:left;
		width:96%;
		margin:10px 0 0px 2%;
		padding:0 0 0 0;
	}
}
.comment2 {
	line-height: 140%;
	font-size: 12px;
	text-align:left;
	color: #666666;
	padding:20px 20px 20px 30px;
}
.comment3 {
	line-height: 140%;
	font-size: 12px;
	text-align:left;
	color: #666666;
	padding:0px 0px 0px 0px;
}
.comment4 {
	line-height: 140%;
	font-size: 12px;
	text-align:left;
	color: #666666;
	padding:0px 30px 20px 30px;
}
.comment5 {
	line-height: 140%;
	font-size: 12px;
	text-align:left;
	color: #666666;
	padding:0px 0px 0px 30px;
}
.jumpcal {
	font-size: 14px;
	font-weight:bold;
	text-align: right;
	color: #ff9933;
	padding: 10px 5px 10px 0px;
}
.jumpcal a:link { color: #ff9933; text-decoration: underline }
.jumpcal a:visited { color: #ff9933; text-decoration: underline }
.jumpcal a:hover{
	color:#ff9933;
	text-decoration:underline;
}
.modori {
	font-size: 12px;
	text-align: right;
	color: #ff9933;
	padding: 10px 15px 10px 0px;
}
.modori a:link { color: #ff9933; text-decoration: underline }
.modori a:visited { color: #ff9933; text-decoration: underline }
.modori a:hover{
	color:#ff9933;
	text-decoration:underline;
}
.top-waku {
	background-color:#FFFFFF;
	border:solid #CCCCCC 1px;
}
.top-con-text {
	line-height: 140%;
	font-size: 12px;
	text-align: left;
	color: #666666;
	padding: 5px 8px 0px 138px;
}
.top-con-text2 {
	line-height: 140%;
	font-size: 12px;
	text-align: left;
	color: #666666;
	padding: 10px 100px 0px 8px;
}
.top-con-more {
	text-align:right;
	padding: 0px 5px 0px 0px;
}
.top-con-more2 {
	text-align:right;
	padding: 0px 100px 0px 0px;
}
.top-con-info-text {
	line-height: 140%;
	font-size: 12px;
	text-align: left;
	color: #666666;
	padding: 5px 15px 5px 15px;
}
.top-con-info-text-date {
	color: #84A912;
}
.flow-com {
	line-height: 140%;
	font-size: 12px;
	text-align:left;
	color: #666666;
	padding:0px 30px 20px 90px;
}
.flow-com2 {
	line-height: 140%;
	font-size: 12px;
	text-align:left;
	color: #666666;
	padding:10px 30px 20px 70px;
}
.kitei-title {
	line-height: 140%;
	font-size: 12px;
	font-weight:bold;
	text-align:left;
	color: #5E9414;
	padding:0px 0px 0px 30px;
}
.kitei-com {
	line-height: 140%;
	font-size: 12px;
	text-align:left;
	color: #666666;
	padding:5px 30px 20px 35px;
}
.link {
	background:url(../profile/img/link-mark.jpg) no-repeat left center;
	font-size: 12px;
	text-align: left;
	font-weight:bold;
	color: #78A912;
	padding: 10px 0px 10px 70px;
	margin: 10px 0px 10px 0px;
}
.link a:link { color: #78A912; text-decoration: none; }
.link a:visited { color: #78A912; text-decoration: none; }
.link a:hover{
	color:#ff9933;
	text-decoration:underline;
}
.profile-name {
	line-height: 120%;
	font-size: 12px;
	text-align:right;
	color: #333333;
	padding:0px 80px 0px 0px;
}
.product-vioret {
	color: #969;
}
.product-brown {
	color: #C96;
}
.product-red {
	color: #C33;
	font-weight: bold;
}
.product-blue {
	color: #366;
}
.product-t-name {
	background:url(../product/img/tokusyu-circle.jpg) no-repeat left top;
	color: #1F6347;
	font-size: 12px;
	text-align: left;
	line-height:180%;
	padding:4px 0px 4px 35px;
}
.product-s-name {
	background:url(../product/img/sonota-circle.jpg) no-repeat left top;
	color: #260646;
	font-size: 12px;
	text-align: left;
	line-height:180%;
	padding:2px 0px 4px 30px;
}
.product-hyo {
	padding:10px 0px 30px 30px;
}
.intro-com {
	line-height: 140%;
	font-size: 12px;
	text-align:left;
	color: #666666;
	padding:20px 10px 20px 30px;
}
.intro-header {
	background:url(../introduct/img/intro-header.jpg) no-repeat left top;
	height:60px;
	color: #333333;
	font-weight:bold;
	font-size: 16px;
	text-align: left;
	padding:50px 0px 0px 55px;
}
.intro-midashi {
	background:url(../introduct/img/intro-bk01.jpg) repeat-y left top;
	color: #006766;
	line-height: 140%;
	font-weight:bold;
	font-size: 12px;
	text-align: left;
	padding:10px 45px 10px 55px;
}
.intro-midashi2 {
	background:url(../introduct/img/intro-bk02.jpg) no-repeat left top;
	color: #62284E;
	line-height: 140%;
	font-weight:bold;
	font-size: 12px;
	text-align: left;
	padding:10px 45px 0px 78px;
}
.intro-midashi3 {
	background:url(../introduct/img/intro-bk03.jpg) no-repeat left top;
	color: #006766;
	line-height: 140%;
	font-weight:bold;
	font-size: 12px;
	text-align: left;
	padding:20px 45px 0px 72px;
}
.intro-meisai {
	background:url(../introduct/img/intro-bk01.jpg) repeat-y left top;
	color: #666666;
	line-height: 140%;
	font-size: 12px;
	text-align: left;
	padding:10px 45px 10px 65px;
}
.intro-meisai2 {
	background:url(../introduct/img/intro-bk01.jpg) repeat-y left top;
	color: #666666;
	line-height: 140%;
	font-size: 12px;
	text-align: left;
	padding:10px 55px 10px 75px;
}
.intro-image {
	background:url(../introduct/img/intro-bk01.jpg) repeat-y left top;
	text-align: center;
	padding:30px 0px 0px 0px;
}
.n150 {
	font-size: 12px;
	line-height: 150%;
	color: #CC9966;
}
.name {
	font-size: 13px;
	color: #990000;
	text-decoration: underline;
}
.faqlist {
	margin: 0px 0px 40px 20px;
}
.faqlist a:link { 
	color:#627612;text-decoration: none }
.faqlist a:visited { color: #627612; text-decoration: none }
.faqlist a:hover{
	color:#627612;
	text-decoration:underline;
}
.faqlistdl {
	font-size: 12px;
	text-align: left;
	line-height:140%;
	padding: 4px 0px 0px 3px;
}
.faqdetail {
	width:665px;
	margin: 10px 10px 0px 20px;
}
.faqq {
	background:url(../faq/img/faq-q.jpg) no-repeat left top;
	background-color: #E4E0BC;
	color: #333333;
	font-weight:bold;
	font-size: 14px;
	text-align: left;
	line-height:140%;
	padding: 8px 10px 6px 50px;
}
.faqa {
	background:url(../faq/img/faq-a.jpg) no-repeat left top;
	background-color: #F5F4E7;
	color: #666666;
	font-size: 12px;
	text-align: left;
	line-height:140%;
	padding:15px 20px 15px 50px;
}
.cmt {
	font-size: 13px;
	color: #993333;
}

.n12-blu {
	font-size: 14px;
	line-height: 170%;
	font-weight: bold;
	color: #0099CC;
}
.n10-blu {
	font-size: 12px;
	line-height: 170%;
	color: #FF0000;
}
.product-black {
	color: #000;
}
.n12-bl {
	font-size: 14px;
	color: #000000;
}
.n13-b-blue {
	font-size: 15px;
	font-weight: bold;
	color: #006699;
}
.n12-bk-180 {
	font-size: 14px;
	line-height: 180%;
	color: #333333;
}
/*---------------------------------------------------------------
2019.2
----------------------------------------------------------------*/
.flower-area,.flower-area2{
	float:left;
	margin:0;
}
.flower-area p,.flower-area2 p{
	float:left;
	width:940px;
	font-size: 14px;
	line-height: 160%;
	margin:20px 0 0 30px;
}
.flower-area p span,.flower-area2 p span{
	font-size: 14px;
}
.flower-area p img,.flower-area2 p img{
	float:right;
	margin:0 15px 0 15px;
}

.flower-area h2,.flower-area2 h2{
	float:left;
	width:924px;
	background:url(../img/midashi-bar2.jpg) no-repeat left center;
	font-size: 14px;
	font-weight:bold;
	text-align:left;
	color: #333;
	padding:8px 0px 10px 16px;
	margin:20px 0 0 30px;
}
.flower-area h3,.flower-area2 h3,.company-area4 h3{
	float:left;
	width:910px;
	background:url(../img/midashi-bar4.jpg) no-repeat left center;
	font-size: 14px;
	font-weight:bold;
	text-align:left;
	color: #333;
	padding:11px 0px 10px 30px;
	margin:20px 0 0 30px;
	border-bottom:1px dotted #999;
}
.flower-area ul,.flower-area2 ul{
	float:left;
	list-style:none;
	margin:10px 0 0 25px;
}
.flower-area li{
	float:left;
	width:220px;
	margin:10px 10px 20px 10px;
	line-height:150%;
	text-align:center;
}
.flower-area li img{
	width:100%;
	height:auto;
}

.flower-area2 li{
	float:left;
	width:295px;
	margin:10px 10px 20px 10px;
	line-height:150%;
	text-align:center;
}
.flower-area2 li img{
	width:100%;
	height:auto;
}
.flower-area h2.flower-area-h2-2{
	background:url(../img/title-bar.jpg) no-repeat left top;
	color:#FFF;
	padding:10px 0px 12px 20px;
	margin:10px 0 0 45px;
}

.flower-link{
	float:left;
	width:900px;
	margin:20px 0 0 40px;
	padding:0px 10px 10px 10px; 
	border:1px solid #C0C083;
}
.flower-link ul{
	list-style:none;
}
.flower-link li{
	width:inherit;
	float:left;
	margin:0 0 0 30px;
}
.flower-link{
	float:left;
}
@media screen and (max-width:767px){
.flower-area,.flower-area2{
	float:left;
	margin:0;
}
.flower-area p,.flower-area2 p{
	width:98%;
	font-size: 14px;
	margin:10px 0 0 1%;
}
.flower-area p img,.flower-area2 p img{
	width:35%;
	height:auto;
	margin:0 0 0 3%;
}
.flower-area h2,.flower-area2 h2{
	width:96%;
	font-size:16px;
	padding:8px 1% 10px 3%;
	margin:10px 0 0 0%;
}
.flower-area h3,.flower-area2 h3,.company-area4 h3{
	width:93%;
	font-size:16px;
	padding:8px 0px 10px 7%;
	margin:0px 0 0 0%;
}
.flower-area ul,.flower-area2 ul{
	width:100%;
	margin:10px 0 0 0;
}
.flower-area li{
	float:left;
	width:45%;
	margin:10px 3% 20px 2%;
}
.flower-area2 li{
	float:left;
	width:60%;
	margin:10px 3% 20px 20%;
}

.flower-area li img,.flower-area2 li img{
	width:100%;
	height:auto;
}
.flower-area h2.flower-area-h2-2{
	width:95%;
	padding:10px 0px 12px 3%;
	margin:10px 0 0 1%;
}

.flower-link{
	display:none;
}
.flower-link-mb{
	float:left;
	width:100%;
	margin:0px 0 10px 0;
	padding:0px 0 0 0; 
}
.flower-link-mb li{
	width:32%;
	margin:1px 0 0 1%;
}
.flower-link-mb li img{
	width:100%;
	height:auto;
}
}
@media screen and (min-width:768px){
.flower-area-mobile,.flower-link-mb{
	display:none;
}
}
.company-area1{
	float:left;
	width:940px;
	margin:20px 0 0 10px;
}
.company-area1 p{
	float:left;
	width:100%;
	margin:0 0 0 20px;
	font-size:14px;
}
.company-area1 p img{
	float:right;
	width:300px;
	margin:0 0 0 15px;
}
.company-area2{
	float:left;
	width:940px;
	margin:0px 0 0 10px;
}
.company-area2 p{
	float:left;
	width:100%;
	margin:0 0 0 0;
	font-size:14px;
}
.company-area2 p img{
	float:left;
	width:300px;
	margin:0 15px 0 0;
}
.company-area3{
	float:left;
	margin:20px 0 0 40px;
}
.company-area3 ul{
	float:left;
	list-style:none;
}
.company-area3 li{
	float:left;
	width:250px;
	margin:0 0 0 35px;
}
.company-area4{
	float:left;
	margin:20px 0 30px 0px;
}
.company-area4 p{
	float:left;
	width:100%;
	margin:20px 0 0 60px;
	font-size:14px;
}
.company-area4 ul{
	list-style:decimal;
}
.company-area4 li{
	float:left;
	width:600px;
	margin:10px 0 0 100px;
}
.company-map{
	float:left;
	margin:20px 0 0 70px;
	border:1px solid #CCC;
	padding:1px;
}
.company-jigyo{
	color:#396;
	font-weight:bold;
}
@media screen and (max-width:767px){
.company-area1{
	float:left;
	width:100%;
	margin:10px 0 0 0;
}
.company-area1 p{
	float:left;
	width:98%;
	margin:0 0 0 1%;
}
.company-area1 p img{
	float:right;
	width:35%;
	height:auto;
	margin:0 1% 0 3%;
}
.company-area2{
	float:left;
	width:100%;
	margin:10px 0 0 0;
}
.company-area2 p{
	float:left;
	width:98%;
	margin:0 0 0 1%;
}
.company-area2 p img{
	float:left;
	width:35%;
	height:auto;
	margin:0 3% 0 0;
}
.company-area3{
	float:left;
	width:100%;
	margin:0px 0 0 0;
}
.company-area3 li{
	float:left;
	width:60%;
	margin:10px 0 0 20%;
}
.company-area3 li img{
	width:100%;
	height:auto;
}
.company-area4{
	float:left;
	width:100%;
	margin:20px 0 0 0;
}
.company-area4 p{
	width:98%;
	margin:0 0 0 1%;
}
.company-area4 li{
	float:left;
	width:90%;
	margin:10px 0 0 5%;
}
.company-map{
	width:98%;
	height:250px;
	margin:10px 0 0 1%;
}

}
.hyo-area{
	float:left;
	margin:20px 0 0 10px;
}
.hyo-area p{
	float:right;
	margin:0px 50px 0 0;
}

.hyo-area dl{
	float:left;
	margin:10px 0 10px 0px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	background:#eee;
	width:940px;

}

.hyo-area dt{
	margin:0;
	padding:10px;
	border-top:1px solid #999;
	background:#eee;
	float:left;
	clear:both;
	width:120px;
	font-size:14px;
	color:#333;
	text-align:left;
	line-height:1.4;
}

.hyo-area dd{
	margin-left:140px;
	padding:10px;
	border-top:1px solid #999;
	border-left:1px solid #999;
	background:#ffffff;
	font-size:14px;
	text-align:left;
	line-height:1.4;
}
.hyo-area2{
	float:left;
	margin:10px 0 0 0px;
}

.hyo-area2 dl{
	float:left;
	margin:10px 0 10px 0px;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
	border-left:1px solid #999;
	background:#eee;
	width:740px;

}

.hyo-area2 dt{
	margin:0;
	padding:10px;
	border-top:1px solid #999;
	background:#eee;
	float:left;
	clear:both;
	width:200px;
	font-size:14px;
	color:#333;
	text-align:left;
	line-height:1.4;
}

.hyo-area2 dd{
	margin-left:140px;
	padding:10px;
	border-top:1px solid #999;
	border-left:1px solid #999;
	background:#ffffff;
	font-size:14px;
	text-align:left;
	line-height:1.4;
}

@media screen and (max-width:767px){
	.hyo-area{
		margin:10px 0 0 1%;
		font-size:14px;
	}
	.hyo-area p{
		margin:10px 2% 0 0;
	}

	.hyo-area dl{
		width:98%;
		margin:0;
		border:none;
	}
	.hyo-area dt{
		width:99%;
		float:left;
		margin:0 0 0 0;
		padding:7px 0 7px 1%;
		font-size:14px;
	}
	.hyo-area dd{
		width:96%;
		float:left;
		border:none;
		margin:0px 0 0 0;
		padding:7px 1% 17px 3%;
		font-size:14px;
	}
	.hyo-area2{
		margin:10px 0 0 1%;
	}
	.hyo-area2 dl{
		width:94%;
		margin:0px 0 0 3%;
		border:1px solid #CCC;
	}
	.hyo-area2 dt{
		width:98%;
		float:left;
		margin:0px 0 0 0;
		padding:5px 0 5px 2%;
	}
	.hyo-area2 dd{
		width:96%;
		float:left;
		border:none;
		margin:0px 0 0 0;
		padding:5px 1% 15px 3%;
	}

}
.sub-section{
	margin:20px 0 0 20px;
}
.sub-section img{
	float:right;
	margin:20px 0px 0 15px;
}
.sub-section2{
	margin:20px 0 0 20px;
}
.sub-section2 img{
	float:left;
	margin:20px 20px 0 10px;
}

@media screen and (max-width:767px){
	.sub-section{
		margin:10px 0 0 1%;
	}
	.sub-section img{
		width:40%;
		height:auto;
		margin:20px 3% 10% 5%;
	}
	.sub-section2{
		margin:10px 0 0 1%;
	}
	.sub-section2 img{
		width:40%;
		height:auto;
		margin:20px 5% 10% 3%;
	}
}
.title-q {
	float:left;
	background:url(../faq/img/faq-q.jpg) no-repeat left center;
	background-color: #E4E0BC;
	width:820px;
	height:30px;
	font-size:14px;
	line-height:140%;
	font-weight:bold;
	padding:15px 0 0 50px;
	margin:10px 0 0 0;
}
@media screen and (max-width:767px){
	.title-q {
		background:url(../faq/img/faq-q.jpg) no-repeat left top;
		background-color: #E4E0BC;
		width:88%;
		height:auto;
		padding:10px 0 10px 10%;
		margin:0px 0 0 1%;
	}
}
.comment-a {
	float:left;
	font-size:14px;
	line-height:140%;
	width:800px;
	background:url(../faq/img/faq-a.jpg) no-repeat left top;
	background-color: #F5F4E7;
	padding:15px 20px 20px 50px;
	margin:0px 0 10px 0;
}
.comment-a ul{
	list-style:decimal;
}
.comment-a li{
	float:left;
	width:780px;
	line-height:140%;
	margin:0 0 0 20px;
}
.comment-a dt{
	float:left;
	width:580px;
	line-height:140%;
	margin:0 0 0 0px;
	color: #900;
	text-decoration: underline;
}
.comment-a dd{
	float:left;
	width:780px;
	line-height:140%;
	margin:0 0 10px 10px;
}

@media screen and (max-width:767px){
.comment-a {
	width:94%;
	padding:35px 1% 20px 3%;
	margin:0px 0 0 1%;
}
.comment-a li{
	width:95%;
	margin:0 0 0 5%;
}
.comment-a dt{
	width:98%;
	margin:0 0 0 1%;
}
.comment-a dd{
	width:98%;
	margin:0 0 0 1%;
}
}

.faq-qlist{
	float:left;
	width:660px;
	margin:0px 0 0 40px;
}
.fap-qlist ul{
	list-style:none;
}
.faq-qlist li{
	float:left;
	width:100%;
	margin:0px 0 10px 0;
}
.faq-qlist li a{
	text-decoration:none;
	color:#627612;
}
.faq-qlist li a:hover{
	text-decoration:underline;
	color:#627612;
}
.faq-ul1{
	list-style:disc;
	margin:0 0 10px 0;
	float:left;
}
.faq-ul1 li{
	float:left;
	width:780px;
	line-height:140%;
	margin:0 0 0 30px;
}
@media screen and (max-width:767px){
.faq-qlist{
	width:100%;
	margin:10px 0 0 0;
}
.faq-qlist li{
	width:94%;
	line-height:140%;
	margin:5px 0 5px 3%;
}
.faq-ul1 li{
	width:94%;
	margin:0px 0 10px 6%;
}
}
/* chumonform */
.sub-chumonform{
	float:left;
	margin:20px 0 30px 0px;
}
.sub-chumonform2{
	margin:20px 0 0 30px;
}
.sub-chumonform h3,.sub-chumonform2 h3{
	font-size:16px;
	font-weight:bold;
	color:#F66;
	margin:20px 0 0 20px;
}
.sub-chumonform2 h4{
	width:640px;
	font-size:14px;
	font-weight:bold;
	color:#C33;
	background-color:#EFEFEF;
	margin:20px 0 0 20px;
	padding:15px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
}
.sub-chumonform 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-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:880px;
	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;
}
.dd-tel{
	font-size:16px;
	color:#F66;
	font-weight:bold;
}
@media screen and (max-width:767px){

.sub-chumonform{
	width:98%;
	margin:10px 0 20px 1%;
}
.sub-chumonform2{
	width:98%;
	margin:10px 0 0 1%;
}
.sub-chumonform h3,.sub-chumonform2 h3{
	font-size:16px;
	width:98%;
	font-weight:bold;
	color:#F66;
	margin:10px 0 0 1%;
	padding:0 0 5px 0;
	border-bottom:#999 dotted 1px;
}
.sub-chumonform2 h4{
	font-size:16px;
	width:70%;
	margin:10px 0 0 0;
	padding:5px 0 5px 0;
	border:none;
	border-bottom:1px dotted #ccc;
	background:none;
}
.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;
}
}
/* fax */
.fax-com {
	float:left;
	width:100%;
	margin:10px 0 20px 0px;
}
.fax-com p{
	float:left;
	line-height: 140%;
	font-size: 12px;
	text-align:left;
	color: #666;
	margin:10px 0 0 0px;
}
.fax-com2{
	float:left;
	width:700px;
	line-height: 140%;
	font-size: 14px;
	text-align:left;
	color: #666;
	margin:10px 0 0 20px;
}
.fax-com3{
	float:left;
	line-height: 140%;
	font-size: 14px;
	text-align:left;
	font-weight:bold;
	color: #5E9414;
	margin:20px 0 0 40px;
}

.fax-img{
	float:left;
	width:280px;
	margin:0px 10px 0 40px;
}
.fax-img img{
	width:100%;
}
.fax-img2{
	float:left;
	width:400px;
	margin:40px 10px 0 60px;
}
.fax-img2 img{
	width:100%;
}
.fax-img3{
	float:left;
	width:180px;
	margin:10px 10px 0px 20px;
}
.fax-img3 img{
	width:100%;
}

.fax-area1{
	float:left;
	width:900px;
	margin:20px 0 30px 30px;
}
.fax-area1 dt{
	float:left;
	width:14px;
	margin:30px 0 0 10px;
}
.fax-area1 dd{
	float:left;
	background-color:#E2E9DA;
	width:900px;
	margin:0px 0 0 10px;
	padding:0 0 10px 0;
}
dt.fax-arrow{
	float:left;
	width:20px;
	margin:10px 0 10px 330px;
}

.fax-area2{
	float:left;
	width:900px;
	margin:10px 0 30px 30px;
}
.fax-area2 ul{
	float:left;
	list-style:decimal;
	margin:0 0 0 30px;
}
.fax-area2 li{
	float:left;
	width:880px;
	font-size: 14px;
	line-height:1.4em;
	margin:10px 0 0 0;
}
@media screen and (max-width:767px){
.fax-com {
	width:100%;
	margin:0px 0 20px 0px;
	font-size:14px;
}
.fax-com p{
	width:51%;
	margin:10px 0 0 0px;
}
.fax-com2{
	width:95%;
	margin:10px 0 0 3%;
}
.fax-com3{
	width:95%;
	margin:10px 0 0 3%;
}

.fax-img{
	width:35%;
	margin:20px 2% 0 1%;
}
.fax-img img{
	width:100%;
	height:auto;
}
.fax-img2{
	width:90%;
	margin:20px 0 0 5%;
}
.fax-img2 img{
	width:100%;
	height:auto;
}
.fax-img3{
	width:60%;
	margin:10px 0 0 3%;
}
.fax-img3 img{
	width:100%;
	height:auto;
}

.fax-area1{
	width:100%;
	margin:10px 0 10px 0;
}
.fax-area1 dt{
	width:14px;
	margin:30px 0 0 1%;
}
.fax-area1 dd{
	width:98%;
	margin:0px 0 0 1%;
}
dt.fax-arrow{
	width:20px;
	margin:10px 0 10px 48%;
}

.fax-area2{
	width:100%;
	margin:10px 0 10px 0;
}
.fax-area2 ul{
	list-style:decimal;
	margin:0 0 0 8%;
}
.fax-area2 li{
	width:93%;
	margin:10px 0 0 0;
}
}
.tsushin-area1{
	float:left;
	width:880px;
	margin:20px 0 30px 10px;
}
.tsushin-banner{
	float:left;
	width:860px;
	margin:0 0 0 20px;
}
.tsushin-area1 ul{
	float:left;
	width:860px;
	margin:20px 0 0 20px;
}
.tsushin-area1 li{
	float:left;
	width:270px;
	margin:0px 10px 10px 0;
	padding:10px 0 10px 0;
	text-align:center;
	border:1px solid #CCC;
}
.tsushin-area1 li.tsushin-summer{
	width:320px;
}
.tsushin-area2{
	float:left;
	width:860px;
	margin:0px 0 20px 30px;
	padding:0 0 20px 0;
	border:#006633 1px solid;
}
.tsushin-area2 h2{
	float:left;
	width:630px;
	margin:10px 0 10px 60px;
}
.tsushin-img{
	float:left;
	width:180px;
	margin:0 0 0px 15px;
}
.tsushin-area2 p{
	float:left;
	width:600px;
	margin:0px 0 10px 20px;
}
.tsushin-sec{
	float:left;
	width:650px;
	margin:0px 0 0px 0px;
}
.tsushin-img2{
	float:left;
	width:80px;
	margin:0 0 0px 20px;
}
.tsushin-sec p{
	float:left;
	width:520px;
	margin:0px 0 10px 20px;
}
@media screen and (max-width:767px){
.tsushin-area1{
	width:100%;
	margin:10px 0 10px 0;
}
.tsushin-banner{
	width:98%;
	margin:0 0 0 1%;
}
.tsushin-banner img{
	width:100%;
	height:auto;
}

.tsushin-area1 ul{
	width:100%;
	margin:10px 0 0 0;
}
.tsushin-area1 li{
	width:91%;
	margin:0px 10px 10px 3%;
	padding:10px 0 10px 3%;
	text-align:left;
}
.tsushin-area1 li.tsushin-summer{
	width:91%;
}
.tsushin-area2{
	width:98%;
	margin:10px 0 10px 1%;
}
.tsushin-area2 h2{
	width:98%;
	margin:10px 0 10px 1%;
}
.tsushin-img{
	width:50%;
	margin:0 0 0px 25%;
}
.tsushin-img img{
	width:100%;
	height:auto;
}

.tsushin-area2 p{
	width:94%;
	margin:10px 0 0px 3%;
}
.tsushin-sec{
	width:100%;
	margin:10px 0 10px 0;
}
.tsushin-img2{
	width:35%;
	margin:0 0 0px 3%;
}
.tsushin-img2 img{
	width:100%;
	height:auto;
}
.tsushin-sec p{
	width:57%;
	margin:0px 0 10px 3%;
}
}