@charset "utf-8";
/* CSS Document */
html {
	height:100%;
}
body {
    width: 100%;
	height:100%;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:14px;
	*font-size:small;
	*font:x-small;
	line-height:2em;
    margin: 0 auto;
}

/*link*/
a:link {
	color: #FF740C;
	text-decoration: none;
}
a:visited {
	color:#FF740C;
}
a:hover {
	color:#FF740C;
	text-decoration: underline;
/*	top: 1px;
	left: 1px;
	position: relative;
*/
}

/* title */
h1 {
}
#side h2 {
	padding:2px;
	color:#fff;
	font-size:15px;
	text-align:center;
	margin-bottom:5px;
	font-weight:bold;
	background-color:#FF740C;
	border-radius:10px;
}
h2{
}
h3 {
	color: #333;
	font-size:20px;
	font-weight:bold;
}
h3 span {
	color: #555;
	font-size:15px;
}

h4, h5, h6 {
	color:#22ac38;
	font-size:13px;
	font-weight: bold;
	margin:5px 0;
}
/* mtitle-cline */
.mtitle-cline {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  display: table;
  text-align: center;
  white-space: nowrap;
  font-size:20px;
  letter-spacing:2px;
  color: #EF5A0A;
  margin-bottom:20px;
  line-height:1;
  font-weight:bold;
}
.mtitle-cline span {
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:12px;
	color:#555;
  letter-spacing:1px;
}
.mtitle-cline:after, .mtitle-cline:before {
  color:#EF5A0A;
  content: '';
  display: table-cell;
  width: 40%;
  background: -webkit-linear-gradient(transparent 50%, currentColor 50%, currentColor -webkit-calc(50% + 5px), transparent -webkit-calc(50% + 5px));
  background: -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(50%, currentColor), color-stop(currentColor calc(50% + 5px)), to(transparent calc(50% + 5px)));
  background: linear-gradient(transparent 50%, currentColor 50%, currentColor calc(50% + 2px), transparent calc(50% + 2px));
  -webkit-background-clip: padding;
  background-clip: padding;
}
.mtitle-cline:after {
  border-left: 2em solid transparent;
}
.mtitle-cline:before {
  border-right: 2em solid transparent;
}

.mtitle {
	background: #FF740C;
	color: #fff;
	font-size: 15px;
	border: 2px dashed #e8ecef;
	border-radius:10px;
	box-shadow: 3px #FF740C;
	padding: 10px;
	margin-bottom:10px;
}
.mtitle span {
	margin-left:5px;
	font-size:12px;
	color:#888;
	
 }
.mtitle2 {
	background: #FF65CB;
	color: #fff;
	font-size: 15px;
	border: 2px dashed #e8ecef;
	border-radius:10px;
	box-shadow: 3px #FF65CB;
	padding: 10px;
	margin-bottom:10px;
}
.mtitle2 span {
	margin-left:20px;
	font-size:12px;
	color:#fff;
	
 }
 .mtitle3 {
	background: #7FAE35;
	color: #fff;
	font-size: 15px;
	border: 2px dashed #e8ecef;
	border-radius:10px;
	box-shadow: 3px #FF65CB;
	padding: 10px;
	margin-bottom:10px;
}
.mtitle3 span {
	margin-left:20px;
	font-size:12px;
	color:#fff;
	
 }
 .mtitle4 {
	background: #706ECC;
	color: #fff;
	font-size: 15px;
	border: 2px dashed #e8ecef;
	border-radius:10px;
	box-shadow: 3px #FF65CB;
	padding: 10px;
	margin-bottom:10px;
}
.mtitle4 span {
	margin-left:20px;
	font-size:12px;
	color:#fff;
	
 }
  .mtitle5 {
	background: #003399;
	color: #fff;
	font-size: 15px;
	border: 2px dashed #e8ecef;
	border-radius:10px;
	box-shadow: 3px #FF65CB;
	padding: 10px;
	margin-bottom:10px;
}
.mtitle5 span {
	margin-left:20px;
	font-size:12px;
	color:#fff;
	
 }
.mokuji {
	color:#555;
font-size:250%;
font-family:Roboto Condensed,A1 Mincho,"ヒラギノ明朝 ProN W6",HiraMinProN-W6,"HG明朝E","ＭＳ Ｐ明朝",MS PMincho,"MS 明朝",serif;
}

.stitle-1 {
	font-size:13px;
	padding:5px 0;
	text-indent:.5em;
	color:#fff;
	background:#009944;
    box-shadow:rgba(0,0,0,0.3) 0 0 0 1px;
}
.stitle-1:before {
	font-family:'FontAwesome';
	content:"\f10c";
	margin-right:5px;
	color:#ccf9bc;
}
.stitle-1 span {
	font-size:12px;
	color:#555;
}

/* 明朝体 */
.mintyou {
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin-bottom:10px;
	font-size:20px;
	border-bottom:1px solid #6d3207;
	color:#6d3207;
}
/* /明朝体 */

.mtitle-check {
	padding-left: 1.5em;
	text-indent: -1.5em;
	margin-bottom:5px;
	border-bottom: dotted 1px #b6ae83;
	font-size:15px;
	color:#03B30A;
	font-weight:bold;
}
.mtitle-check:before {
	content:url(../img/check1.png);
	margin-right:6px;
}

.mtitle-bl {
/*	background:#fff;*/
	color:#111;
	text-indent:1em;
	font-size:15px;
	overflow:hidden;
	height:30px;
	line-height:30px;
	font-weight:bold;
/*	border-left:2px solid #e60013;
	border-bottom:1px solid #ccc;
	margin:10px 0;*/
}
.mtitle-bl span {
	background:#008db0;
	color:#fff;
	font-weight:bold;
	border-radius:5px;
	font-size:13px;
	padding:5px 10px;
	margin-right:10px;
}
.mtitle-bg {
	height:50px;
	line-height:50px;
	font-size:18px;
	background-color:#009944;
	color:#fff;
	text-indent:.5em;
	padding:0 10px;
	text-align:left;
	font-weight:bold;
	margin:0px;
}
.mtitle-bg:before {
/*	font-family:'FontAwesome';
	content:"\f073";
	margin-right:8px;
	color:#fff;
	font-size:20px;
*/}
.main-title-r {
	overflow:hidden;
	background:#00a0e9;
	font-weight:bold;
	color:#fff;
	padding:2px 5px;
	font-size:12px;
	width:250px;
	margin: 5px 0;
	border-radius:10px;
	text-align:center;
}
.mtitle-rs, .mtitle-rs2 {
	overflow:hidden;
	font-weight:bold;
	color:#555;
	font-size:15px;
}
.mtitle-rs span {
	background:#ddd;
	border-radius:10px;
	padding:3px 10px;
	zoom: 1;	/* for IE */
    display: table-cell; /* for modern browser */
}
.mtitle-rs2 span {
	background:#22ac38;
	border-radius:10px;
	padding:3px 10px;
	zoom: 1;	/* for IE */
    display: table-cell; /* for modern browser */
}


.mtitle-line {
	margin: 0 0 1.5em;
    padding: 0.8em;
    border-top: 3px double #B92A2C;
    border-bottom: 3px double #B92A2C;
    font-size: 1.143em;
    font-weight: bold;
}

.mtitle-gd {
    background:url(../img/icon_midashi.png),
	-webkit-gradient(linear, left top, left bottom, from(#40e08a), to(#32b16c));
    background-repeat:no-repeat;
    background-position:1% center;
	height:40px;
	border-radius:10px;
	line-height:40px;
	color:#FFF;
	padding-left:50px;
}

/*hukidasi*/
.hukidasi {
	position: relative;
	text-align:center;
	color: #555;
	width:250px;
	background: #fff;
	font-size: 15px;
	font-weight:normal;
	line-height: 1;
	margin: 20px 0px 15px 0px;
	padding: 8px 5px 8px 10px;
	border-radius: 10px;
	border:2px solid #aaa;
}
.hukidasi:after,.hukidasi:before {
	content: "";
	position: absolute;
	top: 100%;
	height: 0;
	width: 0;
}
.hukidasi:after {
	left: 33px;
	border: 8px solid transparent;
	border-top: 11px solid #fff;
}
.hukidasi:before {
	left: 30px;
	border: 11px solid transparent;
	border-top: 13px solid #aaa;
	
}
/*yajirusi*/
.yajirusi {
	position: relative;
	background: #00a0ea;
	color:#fff;
	text-align:center;
	padding:5px 0;
	margin-bottom:20px;
	font-size:20px;
}
.yajirusi:after, .yajirusi:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.yajirusi:after {
	border-color: rgba(136, 183, 213, 0);
	border-top-color: #00a0ea;
	border-width: 15px;
	margin-left: -15px;
}
.yajirusi:before {
	border-color: rgba(194, 225, 245, 0);
	border-top-color: #00a0ea;
	border-width: 20px;
	margin-left: -20px;
}

/*SEO*/
#seoA {
	width: 100%;
}
#seo {
	margin: 0 auto;
	padding:0;
	width: 960px;
	font-size:11px;
	line-height: 1.3;
	color:#333;
}
#seo h1 {
	text-align:left;
	font-weight:normal;
/*	display:inline;
*/	
}
#seo h1+p {
	text-align:right;
	display:inline;
}

/*head*/
header {
	width:100%;
	/*border-top:2px solid #ff0000;*/
	/*background:url(../img/bghead.png) repeat-x top;*/
	/*	background-color: rgba(0,0,0,0.9);*/
}
#headA {
	width: 100%;
}
#head {
	width: 960px;
	margin: 0 auto;
	padding:10px 0 ;
	/*position: static;*/
}
.logo {
	text-align:center;
}

.tel {
	float:right;
}

/* nav */
#navi {
	width:770px;
	float:right;
	padding-top:13px;
}
#navi ul{
}
#navi li{
	width:154px;
	list-style:none;
	float:left;
	text-align:center;
	padding-bottom:2px;
}
#navi li a{
	text-align:center;
}
#navi li:hover{
	border-bottom:2px solid #1C6D41;
}

#menuA {
/*	background-image:url(../img/menu_0.png);
	background-repeat:repeat-x;
	border-top:1px solid #ddd;
*/}
#menu  {
	margin:0 auto;
	width:960px;
/*	-webkit-box-shadow:rgba(170, 170, 170, 0.298039) 0px 0px 2px 2px;
	-moz-box-shadow:rgba(170, 170, 170, 0.298039) 0px 0px 2px 2px;
*/}
#menu li {
	float:left;
	width:192px;
	height:50px;
	display:inline;
	position: relative;
	cursor:pointer;
}
#menu li:hover {
}

/* dropdownmenu */
#menu ul li ul {
	position: absolute;
	top: 50px;
	width: 160px;
	z-index: 100;
}
#menu ul li ul li {
	visibility: hidden;
	overflow: hidden;
	width: 160px;
	height:0;
	background:#fff;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 1px 1px;
}
#menu ul li ul li a {
	display:block;
	width:140px;
	padding:10px;
}
#menu ul li ul li a:hover {
  background:#008db0;
  color:#fff;
}
#menu ul li:hover ul li, .menu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:40px;
  z-index: 10;
}
#menu * {
  -webkit-transition: 0.3s;
  -moz-transition: 0.3s;
  -ms-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
/* /dropdownmenu */

/*サイドメニュー*/
.smenu {
	margin:0px 0 15px;
	border:1px solid #ccc;
}
.smenu li {
	font-weight:bold;
	font-size:13px;
	border-bottom:1px solid #ccc;
}
.smenu a:hover {
	background: #ffd9d8;
	text-decoration:none;
	color:#da0700;
}
.smenu a {
	padding:8px 5px;
	display: block;
	zoom: 1;
	text-decoration:none;
	cursor:pointer;
	background:#eee;
}
.smenu a:before {
	font-family:'FontAwesome';
	content:"\f0a9";
	margin-right: 5px;
}
.smenu li:last-child{
	margin-bottom: 0px;
	border-bottom:0px solid #ccc;
}
.smenu li:last-child{
}
.smenu a:link {
	color: #555;
}
.smenu a:visited {
	color: #555;
}



/*FLASH*/
#flashA {
	width:100%;
	padding:10px 0;
/*	
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	background-color: #ffeee0;
*/   /* box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.3);*/
}
#flash {
	width: 960px;
	height:400px;
	overflow:hidden;
	margin: 0 auto;
	padding:0;
	position:relative;
}
.flashimg {
	position: absolute;
	top:0;
	left:0;
	z-index: 5000;
}
#top_image {
	width:100%;
	height:600px;
	display:table;
}
.textbox {
	display:table-cell;
	vertical-align:middle;
	text-align:center;
	background:url(../img/flashimgA.png) repeat-x bottom;
}
#down_btn{
	position:absolute;
	text-align:bottom;
	width:100%;
	bottom:20px;
}

/* title */
#title {
	width:960px;
	padding:0px;
	margin:0 auto;
}
#title p {
	float:left;

}
#title p span {
	margin-left:5px;
	font-size:13px;
	color:#EEE;
}

/*パンくず*/
#pankuzu {
	float:right;
	padding-left:0px;
	padding:15px 0 0 0;
	font-size:11px;
	color:#fff;
}
#pankuzu li {
	display: inline;
}
#pankuzu li a {
	display: inline;
	padding:0;
	color:#ccc;
}
#pankuzu li + li:before {
    margin: 0 10px;
    content: ">";
}

/* singlepage */
#singlepage {
	padding:0 0 125px;
}
#singlepage .single {
	width:960px;
	margin:0 auto;
	padding:10px 0;
}
#singlepage section {
	width:940px;
	margin:0 auto 20px;
	padding:10px 10px;
	background-color:#ffffff;
	box-shadow:rgba(0,0,0,0.3) 1px 1px 3px 2px;
	border-radius:10px;
}
#singlepage section h1 {
/*	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	text-align:center;
	font-size:28px;
	color:#ea68a2;
*/}
#singlepage section .textwrap {
	width:710px;
	margin:0 auto;
}

/*containar*/
#body {
	position: relative;
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
	background-color:#FFE9D3;
	color: #564235;
}
#body2 {
	position: relative;
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
	background-color:#FFF1FA;
	color: #564235;
}
#body3 {
	position: relative;
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
	background-color:#F3F9EC;
	color: #564235;
}
#body4 {
	position: relative;
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
	background-color:#ccccff;
	color: #564235;
}
#body5 {
	position: relative;
    width: 100%;
    min-height: 100%;
    height: auto !important;
    height: 100%;
	background-color:#99ccff;
	color: #564235;
}
#wrapper {
	background-image: url(../img/bg_flower.png);
}
#header_bg {
	background-image: url(../img/header_bg.png);
	background-repeat: repeat-x;
}
#containar {
	position: relative;
	width: 980px;
    min-height: 100%;
    height: auto !important;
    height: 100%;
	margin: 0 auto;
	padding: 0;
	background: #fff;
	box-shadow:rgba(125, 125, 125, 0.5) 0px 0px 2px 2px;
}
#wrapA {
	width:100%;
/*	background-image:url(../img/flashA.jpg);
	background-repeat:repeat-x;
	padding:10px 0 0;
*/}
#wrap {
	width: 960px;
	padding: 20px 0px 150px;
	margin: 0 auto;
}

/* main */
#main {
	float: left;
	width: 700px;
}
.mbox {
	padding:10px;
	border:solid 2px #FFC000;
	margin-bottom:20px;
	background:#fff;
	border-radius:10px;
}
.mbox2 {
	padding:10px;
	border:solid 2px #FF33CC;
	margin-bottom:20px;
	background:#fff;
	border-radius:10px;
}
.mbox3 {
	padding:10px;
	border:solid 2px #99FF66;
	margin-bottom:20px;
	background:#fff;
	border-radius:10px;
}
.mbox4 {
	padding:10px;
	border:solid 2px #00B0F0;
	margin-bottom:20px;
	background:#fff;
	border-radius:10px;
}
.contact {
    box-shadow:rgba(0,0,0,0.3) 0 0 0px 1px;
	background:#fff;
	margin:10px 0;
}
.mbox2 {
	padding:10px;
	margin-bottom:20px;
	background:#fff;
}
/* side */
#side {
	float: right;
	width: 210px;
	font-size:12px;
	line-height:1.8;
	background:url(../img/bg-side.png) no-repeat;
}
.sbox {
	padding:10px;
    box-shadow:rgba(0,0,0,0.3) 0 0 0px 1px;
	background:#fff;
	margin-bottom:20px;
}
.side_box {
	width: 210px;
	padding: 6px 0px 10px 0px;
	background-image: url(../img/box_bg.png);
	border-radius: 7px;  
    -webkit-border-radius: 7px;  
    -moz-border-radius: 7px;
	margin-bottom:10px;
}
.lmain {
	float:left;
	width:345px;
}
.rmain {
	float:right;
	width:345px;
}

/* footer */
/*totop*/
#toTop {
	width:960px;
	margin: 0 auto;
	padding: 0 0px;
}
.toTop {
	text-align:right;
	margin-bottom:20px;
	font-size:12px;
}
#page-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-size:12px;
	font-weight:bold;
	z-index:9999;
}
#page-top a {
	color:#fff;
	font-size:20px;
	font-family:'FontAwesome';
	/*background: #eb6100;*/
	text-decoration: none;
	padding:13px 15px;
	text-align: center;
	display: block;
	background: #FF740C;
	box-shadow:rgba(0,0,0,0.2) 2px 2px 2px;
}
#page-top a:hover {
	opacity:0.6;
	text-decoration: none;
}
.logo-f {
	float:right;
}
footer {
	position: absolute;
/*	box-shadow: inset 0 10px 15px -10px rgba(0,0,0,0.3);
*/  
	width: 100%;
	height:125px;
    bottom: 0;
	color:#564235;
	border-top:2px solid #ccc;
	background: #fff;
	text-align:center;
}
#footerA {
}
#footer {
	width:960px;
	margin: 0 auto 0;
	padding:15px 0 0;
	font-size:10px;
}
#footer address {
}
#fmenuA {
	width:100%;
	margin-bottom:10px;
}
#fmenu {
	list-style-type: none;
	font-size:11px;
}
#fmenu ul {
	margin-bottom:15px;
}
#fmenu li {
	/*display:inline;
	margin-right:20px; */
	width:160px;
	float:left;
	text-align:center;
	font-weight:normal;
}
#fmenu li:before {
	font-family:'FontAwesome';
	content:"\f054";
	margin-right: 5px;
	color:#564235;
}
#fmenu li:last-child {
	border: none;
	margin: 0;
}
#fmenu a:link,
#fmenu a:visited,
#fmenu a:hover {
	color: #564235;
	text-decoration:none;
}

/*Copyright*/
.copyright {
	font-size:10px;
}


/*テーブル*/
table {
}
table th {
	vertical-align: middle;
	padding: 5px 10px;
	font-weight:bold;
	line-height: 1.8em;
	border: #aaa 1px solid;
	color:#555;
	background:#eee;
}
table td b {
	color:#008db0;
}
table td {
	padding: 5px 10px;
	vertical-align:middle;
	line-height: 1.8em;
	border: #aaa 1px solid;
}
.table1 td {
	text-align: center;
}
/*テーブル*/
.daytable {
	margin:0px 0;
	background:#fff;
	color:#555;
}
.daytable th {
	text-align: left;
	vertical-align: middle;
	padding: 5px 10px;
	font-weight:bold;
	line-height: 1.5;
	border: #aaa 0px solid;
	background:#fff;
	color:#006CC7;
}
.daytable td b {
	color:#0083FF;
}
.daytable td {
	padding: 5px 10px;
	vertical-align:middle;
	border: #aaa 0px solid;
}
.daytable tr:nth-child(odd) td {  
  background-color: #EAF6FD;  
}
.daytable tr:nth-child(even) td {  
  background-color: #fff;  
}
.daytable td:nth-child(odd) {
	font-weight:bold;
	color:#006CC7;
} 
.daytable tr:nth-child(odd) th {  
  background-color: #EAF6FD;  
}
.daytable tr:nth-child(even) th {  
  background-color: #fff;  
}
.daytable td:nth-child(odd) {
	font-weight:bold;
	color:#006CC7;
} 


.daytable2 {
	margin:0px 0;
	background:#fff;
	color:#555;
}
.daytable2 th {
	text-align: left;
	vertical-align: middle;
	padding: 5px 10px;
	font-weight:bold;
	line-height: 1.5;
	border: #aaa 0px solid;
	background:#fff;
	color:#EE86B5;
}
.daytable2 td b {
	color:#0083FF;
}
.daytable2 td {
	padding: 5px 10px;
	vertical-align:middle;
	border: #aaa 0px solid;
}
.daytable2 tr:nth-child(odd) td {  
  background-color: #FFDCEC;  
}
.daytable2 tr:nth-child(even) td {  
  background-color: #fff;  
}
.daytable2 td:nth-child(odd) {
	font-weight:bold;
	color:#FFDCEC;
} 
.daytable2 tr:nth-child(odd) th {  
  background-color:#FFDAEA;  
}
.daytable2 tr:nth-child(even) th {  
  background-color: #fff;  
}
.daytable2 td:nth-child(odd) {
	font-weight:bold;
	color:#FFDCEC;
} 

/*新メールフォーム*/
.form {
	margin:10px 0 10px;
}
.form h2 {
	text-align:center;
}
.form h2+p {
	text-align:center;
}
.form span {
	color:#ff0000;
}
.form dl {
	margin:10px 0;
}
.form dt {
	float: left;
	width:180px;
	height:20px;
	line-height:20px;
	padding-top: 10px;
}
.form dd {
	padding-left:180px;
	padding-bottom: 10px;
	padding-top: 10px;
	line-height:20px;
	border-bottom:1px solid #eee;
}
.form dd:last-child {
	border-bottom:0px;
	margin-bottom:0px;
}
.textarea, textarea, .dropdown {
	border-radius:5px;
	border:1px solid #aaa;
	box-shadow: 1px 1px 1px #ddd;
}
.form button {
}
.form-button {
	background:#eee;
	padding:5px;
	border-radius:5px;
	text-align:center;
	margin:10px 0;
}
.fm-text {
	border:1px solid #ccc;
	padding:10px;
	font-size:11px;
	margin:10px 0;
}
.form textarea {
	width:95%;
}
.form .mf {
	width:95%;
}
.mailform textarea {
	width:95%;
}
.mailform .mf {
	width:95%;
}

/*枠*/
.tbox {
	width:710px;
	margin:0 auto;
}
.tbox-bl {
	border:1px solid #019934;
	background:#FFF;
	padding:10px;
	margin:10px 0;
}
.tbox-r {
	padding:10px;
	background:#d8f2ff;
	border-radius:5px;
	margin:10px 0;
}
.tbox-bg {
	background-color:#eee;
	padding:10px;
}

/* 
-----------------------------------------*/
#gallery {
	margin-top:20px;
}
#gallery ul {
	margin-right:-10px;
	margin-bottom:-10px;
	overflow:hidden;
}
#gallery li {
	width:127px;
	height:127px;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	background:#FFF7F0;
	text-align:center;
	vertical-align:middle;
	line-height:127px;
}
#gallery li img {
	vertical-align:middle;
	max-width:127px;
	max-height:127px;
}
#gallery li a{
	display:block;
}
#gallery li p{
	line-height:20px;
}
/* photoboxギャラリー*/
.works {
	width:100%;
	margin:10px auto 0;
	padding:10px;
}
.works ul {
	margin-right:-21px;
	margin-bottom:-10px;
	overflow:hidden;
}
.works .gallery  {
	background:#eee;
	width:216px;
	height:216px;
	line-height:216px;
	text-align:center;
	vertical-align:middle;
	overflow:hidden;
}
.works .gallery img {
	max-width:216px;
	max-height:216px;
	vertical-align:middle;
}
.works li {
	float:left;
	width:216px;
	margin-right:20px;
	margin-bottom:20px;
	font-size:10px;
}
.works li span {
}
.works dl {
	background:#222;
	height:45px;
	color:#fff;
	padding:10px 0;
	margin-top:5px;
	border: 0px solid #fff;
}
.works li dt {
	font-weight:bold;
	text-align:center;
	font-size:12px;
	border-radius:5px;
	line-height:1.6;
}
.works li dd {
	padding:5px 0 0;
	text-align:center;
}

/*フォトギャラリー*/
.photo {
	width:100%;
	margin:10px auto 0px;
}
.photo ul {
	margin-right:-21px;
	margin-bottom:-10px;
	text-align:center;
}
.photo li {
	float:left;
	margin-right:10px;
	margin-bottom:20px;
	display:inline-block;
}
.photo li a {
	display:block;
	text-align:center;
	width:105px;
	height:105px;
	line-height:105px;
	box-shadow:rgba(0,0,0,0.1) 0 0 1px 1px;
	background:#fff;
}
.photo li:last-child {
	margin-right:0px;
}
.photo li img {
	vertical-align:middle;
	max-width:105px;
	max-height:105px;
}
.photo li p {
	font-size:11px;
	width:105px;
	white-space: nowrap;
	overflow: hidden;
	margin: 3px 0 10px;
	text-align:center;
	text-overflow: ellipsis;
}





/*フォトギャラリー*/
.photo2 {
	width:100%;
}
.photo2 ul {
	margin-right:-11px;
	margin-bottom:0;
	text-align:center;
}
.photo2 li {
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	display:inline-block;
	
}
.photo2 li a {
	display:block;
	text-align:center;
	width:165px;
	height:110px;
<!--	background-color: #FFDCF2;
-->}
.photo2 li:last-child {
	margin-right:0px;
}
.photo2 li img {
	vertical-align:middle;
	width:auto;
	height:auto;
	max-width:165px;
	max-height:165px;
border-radius: 10px; /* CSS3草案 */ 
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 10px; /* Firefox用 */ 	
}
.photo2 li p {
	font-size:12px;
	padding-top:5px;
	width:165px;
	text-align:center;
}

.kadomaru {
	border-radius: 10px; /* CSS3草案 */ 
-webkit-border-radius: 10px; /* Safari,Google Chrome用 */ 
-moz-border-radius: 10px; /* Firefox用 */ 	
}


.life {
}

.life dl {
}

.life dt {
	border-radius: 10px; /* CSS3草案 */
	-webkit-border-radius: 10px; /* Safari,Google Chrome用 */
	-moz-border-radius: 10px; /* Firefox用 */
	font-size: small;
	font-weight: bold;
	line-height: 1em;
	float: left;
	width: 120px;
	color: #FFFFFF;
	text-align: center;
	background-color: #7FAE35;
	margin-left: 0px;
	padding: 15px 10px 15px 10px;
	margin:10px 10px 0 0;
}

.life dd {
	font-size: small;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccccc;
	color: #333333;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-left: 160px;
	padding-top:15px;
	padding-bottom:15px;
}

/*新着情報（トピックス）*/
.news {
	margin-bottom:15px;
	overflow:hidden;
}
.news dt {
	float: left;
	width: 10em;
	padding-top: 10px;
	line-height: 1.3;
	color:#333;
	font-weight:bold;
}
.news dt:before {
/*	font-family:'FontAwesome';
	content:"\f138";
	color:#009944;
	margin-right: 5px;
*/}
.news dd {
	padding-left:11em;
	padding-bottom: 10px;
	padding-top: 10px;
	line-height: 1.3;
	border-bottom: dotted 1px #b6ae83;
}
.news dd:last-child {
/*	border-bottom:0px;
	padding-bottom:0px;
*/
}

.news0 {
	margin-bottom:15px;
	overflow:hidden;
}
.news0 dt {
	float: left;
	width: 2em;
	padding-top: 10px;
	line-height: 1.3;
	color: #003399;
	font-weight:bold;
}
.news0 dt:before {
/*	font-family:'FontAwesome';
	content:"\f138";
	color:#009944;
	margin-right: 5px;
*/}
.news0 dd {
	padding-left:2em;
	padding-bottom: 10px;
	padding-top: 10px;
	line-height: 1.3;
	border-bottom: dotted 1px #b6ae83;
}
.news dd:last-child {
/*	border-bottom:0px;
	padding-bottom:0px;
*/
}

.news-mini {
	margin-bottom:15px;
	overflow:hidden;
}
.news-mini dt {
	float: left;
	width: 2em;
	padding-top: 10px;
	line-height: 1.3;
	color:#FF65CB;
	font-weight:bold;
}
.news-mini dd {
	padding-left:2em;
	padding-bottom: 10px;
	padding-top: 10px;
	line-height: 1.3;
	border-bottom: dotted 1px #b6ae83;
}
.news-mini2 {
	margin-bottom:15px;
	overflow:hidden;
}
.news-mini2 dt {
	float: left;
	width: 2em;
	padding-top: 10px;
	line-height: 1.3;
	color: #7FAE35;
	font-weight:bold;
}
.news-mini2 dd {
	padding-left:2em;
	padding-bottom: 10px;
	padding-top: 10px;
	line-height: 1.3;
	border-bottom: dotted 1px #b6ae83;
}
.news-mini3 {
	margin-bottom:15px;
	overflow:hidden;
}
.news-mini3 dt {
	float: left;
	width: 2em;
	padding-top: 10px;
	line-height: 1.3;
	color:#FF740C;
	font-weight:bold;
}
.news-mini3 dd {
	padding-left:2em;
	padding-bottom: 10px;
	padding-top: 10px;
	line-height: 1.3;
	border-bottom: dotted 1px #b6ae83;
}
.news-s {
	font-size:11px;
}
.news-s dt {
	float: left;
	width: 5em;
	height:20px;
	padding-top: 5px;
	line-height: 1.3;
	font-weight:bold;
}
.news-s dd {
	padding-left:6em;
	padding-bottom: 10px;
	padding-top: 5px;
	line-height: 1.3;
	border-bottom: dotted 1px #938041;
}
.news-s dd:last-child {
/*	border-bottom:0px;
*/
}

.news-sr {
	margin:10px 0 0;
	font-size:14px;
}
.news-sr dt {
	float: left;
	width: 15em;
	padding: 2px 0;
	line-height: 1.3;
	color:#fff;
	background: #003399;
	border:#ccc solid 1px;
	text-align:center;
	font-weight:bold;
	margin: 5px 0;
	border-radius:20px;
}
.news-sr dd {
	padding-left:16em;
	padding-bottom: 5px;
	padding-top: 8px;
	line-height: 1.6;
	border-bottom:1px dotted #aaa;
	color:#555;
}
.news-sr dd:last-child {
	border-bottom:0px;;
}

.news-bl dt {
	float: left;
	width: 8em;
	padding: 3px 5px;
	line-height: 2em;
	color:#333;
	border:1px #555 solid;
	font-size:12px;
	text-align:center;
	margin:2px 0;
	border-radius:20px;
}
.news-bl dd {
	padding-left:10em;
	padding-top:5px;
	padding-bottom: 10px;
	line-height: 2em;
	border-bottom: dotted 1px #888;
	margin:5px 0;
}
.news-bl dd:last-child {
	border-bottom:0px;
}

.news-bl2 dt {
	float: left;
	width: 15em;
	padding: 3px 5px;
	line-height: 1.3;
	color:#333;
	border:1px #555 solid;
	font-size:12px;
	text-align:center;
	margin:2px 0;
}
.news-bl2 dd {
	padding-left:17em;
	padding-top:5px;
	padding-bottom: 10px;
	line-height: 1.3;
	border-bottom: dotted 1px #888;
	margin:5px 0;
}
.news-bl2 dd:last-child {
	border-bottom:0px;
}

.news-r {
	overflow:hidden;
	margin:10px 0;
}
.news-r dt {
	float: left;
	width: 8em;
	text-align:center;
	margin-top:10px;
	margin-right:15px;
	padding: 5px 0;
	line-height: 1.3;
	border-radius:10px;
	color:#22ac38;
	background:#f4ffda;
	font-weight:bold;
}
.news-r dd {
	padding-bottom: 8px;
	padding-top: 13px;
	padding-left:10em;
	line-height: 1.6;
	border-bottom: dotted 1px #ccc;
}

/* list-check */
.list-check {
	padding:10px 10px;
	font-weight:normal;
	color:#097c25;
	overflow:hidden;
	background:#FDFFDD;
	border-radius:5px;
	font-size:15px;
}
.list-check li:before {
	content:url(../img/check2.png);
	margin-right:6px;
}
.list-check li {
	padding-left: 1.5em;
	padding-top:5px;
	padding-bottom:5px;
	text-indent: -1.5em;
	border-bottom: dotted 1px #b6ae83;
}
.list-check li:last-child {
	border-bottom: 0px;
}
/* list-check */
.list-check2 {
	padding:5px 0;
	font-size:13px;
	font-weight:normal;
	color:#097c25;
	overflow:hidden;
	line-height:1.5;
}
.list-check2 li:before {
	font-family:'FontAwesome';
	content:"\f0c1";
	margin-right:5px;
}
.list-check2 li {
	padding-left: 1.5em;
	padding-top:5px;
	padding-bottom:5px;
	text-indent: -1.5em;
	border-bottom: dotted 1px #b6ae83;
}

/* list-check */
.list-check3w {
	margin:10px 0 0;
	overflow:hidden;
	font-size:13px;
}
.list-check3w li:before {
	font-family:'FontAwesome';
	content:"\f138";
	margin-right:5px;
}
.list-check3w li {
	background:#FFFCE8;
	padding:10px;
	border-radius:10px;
	float:left;
	width:283px;
	height:90px;
	margin:0 10px 10px 0;
}



/* linkbtn */
.linkbtn {
	width:100%;
	margin:10px 0;
}
.linkbtn ul {
	margin-right:-20px;
	margin-bottom: -20px;
}
.linkbtn li {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
}
.linkbtn li a {
	display:block;
	width:333px;
	height:40px;
	line-height:40px;
	background:#ff9bc8;
	color:#fff;
	font-size:15px;
	font-weight:bold;
	text-align:center;
	border-radius:10px;
}
.linkbtn li a:link,
.linkbtn li a:visited,
.linkbtn li a:hover {
	color:#fff;
	text-decoration:none;
}
.linkbtn li a:hover {
	background:#ffc8e1;
}
.linkbtn li a:before {
	font-family:'FontAwesome';
	content:"\f0a9";
	margin-right:10px;
}
.linkbtn * {
  -webkit-transition: 0.1s;
  -moz-transition: 0.1s;
  -ms-transition: 0.1s;
  -o-transition: 0.1s;
  transition: 0.1s;
}

/* linkbtn-col2 */
.linkbtn.col2 li:nth-child(2n) {
	margin-right: 0;
}
.linkbtn.col2 li a {
	width: 340px;
}

/*FAQ*/
.faq {
}
.faq dt {
	font-size:20px;
	padding:5px 5px 3px 2px;
	color:#0068b7;
	font-weight:bold;
	border-bottom:2px dotted #0068b7;
	margin-bottom:10px;
}
.faq dt:before {
	content:url(../img/icon-q.png);
	margin-right:5px;
	top: 10px;
	position:relative;
}
.faq dd:before {
	content:url(../img/icon-a.png);
	margin-right:5px;
	top: 10px;
	position:relative;
}
.faq dd {
	margin-bottom:20px;
	font-size:15px;
}
.faq b {
	padding:3px 5px;
	margin:10px 0;
	line-height:40px;
	background:#dad2b9;
	font-size:11px;
}


/*プライスリスト*/
.price {
	font-size: 18px;
	overflow:hidden;
}
.price dt {
	float: left;
	padding-top: 5px;
	line-height: 1.3;
	color:#555;
}
.price dt span {
	font-size:13px;
}
.price dd {
/*	font-family: 'Ceviche One', cursive;

*/	text-align:right;
	padding-bottom: 3px;
	padding-top: 5px;
	line-height: 1.3;
	border-bottom: dotted 1px #aaa;
	color:#555;
}


/* rbtn */
.rbtn {
	font-size:13px;
	float:right;
	margin:5px 0 5px;
}
.rbtn a {
	text-align:center;
/*	background:#FFF;
*/	width:200px;
	display:block;
	padding:0px 2px;
	font-weight:bold;
	border:1px solid #009944;
	-webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}
.rbtn a:link {
	color: #009944;
	text-decoration:none;
}
.rbtn a:visited {
	color: #009944;
}
.rbtn a:hover {
	color: #FFF;
	background:#009944;
	text-decoration:none;
}
.rbtn a:before {
	/*content: url(../img/icon_b.png);*/
	margin-right: 5px;
}
/* cbtn */
.cbtn {
	font-size:15px;
	text-shadow:rgba(0,0,0,0.5) 1px 1px 2px;
	font-weight:bold;
	margin:10px ;
}
.cbtn a {
	margin:0 auto;
	text-align:center;
	width:500px;
	display:block;
	padding:8px 5px;
	border-radius:5px;
	font-weight:bold;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#6db3f2+0,54a3ee+50,3690f0+51,1e69de+100;Blue+Gloss+%233 */
background: #6db3f2; /* Old browsers */
background: -moz-linear-gradient(top,  #6db3f2 0%, #54a3ee 50%, #3690f0 51%, #1e69de 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#6db3f2), color-stop(50%,#54a3ee), color-stop(51%,#3690f0), color-stop(100%,#1e69de)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* IE10+ */
background: linear-gradient(to bottom,  #6db3f2 0%,#54a3ee 50%,#3690f0 51%,#1e69de 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#6db3f2', endColorstr='#1e69de',GradientType=0 ); /* IE6-9 */
}
.cbtn a:link {
	color: #fff;
	text-decoration:none;
}
.cbtn a:visited {
	color: #fff;
}
.cbtn a:hover {
	color: #fff;
	background:#0068b7;
	text-decoration:none;
}
.cbtn a:before {
}

/* tab */
.tab {
	zoom: 1;
	list-style: none;
	margin: 0 auto 5px;
	padding: 0;
	padding:3px 0;
	font-size:12px;
}
.tab li {
	float:left;
	text-align:left;
	font-weight:bold;
	margin-right:10px;
	text-decoration: none;
	padding: 3px 5px;
	cursor:pointer;
	width:140px;
border-top: 1px solid #ccc;  
    border-right: 1px solid #999;  
    border-bottom: 1px solid #999;  
    border-left: 1px solid #ccc;  
    color: #666;  	background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);  
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc)); 
}
.tab li:before {
	content:url(../img/icon_b.png);
	margin-right:3px;
}
.tab li:hover {
	background:#aaa;
	color:#555;
}
.tab li:hover:before {
	content:url(../img/icon_b.png);
	margin-right:3px;
}

.tab .active {
	background:#ccc;
	color:#555;
}
.tab .active:before {
	content:url(../img/icon_b.png);
	margin-right:3px;
}
.tab li:last-child {
	margin:0px;
}
.panel {
	display:none;
}
.show {
	display:block;
}

/* Flow */
.flowtitle {
	font-weight:bold;
}
.flowtitle span:before {
	background:#00A0E9;
	color:#FFFFFF;
	border-radius:5px 5px 0 0;
	padding:5px;
}
.flowtitle:before {
	font-family:'FontAwesome';
	content:"\f0a4";
	margin-right:5px;
}
.flow_box {
	position: relative;
	background: #fff;
	border: 5px solid #00a0e9;
	padding:5px;
	margin-bottom:20px;
}
.flow_boxa {
	position: relative;
	background: #fff;
	border: 5px solid #00a0e9;
	padding:5px;
	margin-bottom:20px;
}
.flow_box:after, .flow_box:before {
	top: 100%;
	left: 50%;
	border: solid transparent;
	content: "";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}
.flow_box:after {
	border-top-color: #00a0e9;
	border-width: 20px;
	margin-left: -20px;
}
.flow_box:before {
	border-top-color: #00a0e9;
	border-width: 27px;
	margin-left: -27px;
}

/* hovereffect　figure*/
figure {
	position: relative;
	overflow: hidden;
	width: 100%;
}
figcaption {
	font-size:12px;
	text-align:center;
	position: absolute;
	bottom: -72px;
	padding:0;
	left: 0;
	z-index: 2;
	width: 100%;
	margin:0 auto;
	height:100px;
	background: rgba(0,0,0,0.5);
/*	background: rgba(235,97,0,.9);
*/	-webkit-transition: .2s;
	transition: .2s;
}
figcaption:before {
/*    content: "";
    display: block;
    position: absolute;
    top: -10px;
    left: -10px;
    border: solid 1px #fff;
    width: 104%;
    padding-bottom: 12px;
    min-height: 104%;
    z-index: 10;
*/}
figcaption .tl {
	font-size:15px;
	letter-spacing:1px;
	margin-bottom:10px;
	padding:0px;
	font-weight:600;
	background:#0068b7;
	color:#fff;
}
figcaption p {
	color:#fff;
}
figure:hover figcaption {
	bottom: 0px;
}
figcaption p a {
	position: absolute;
	top:70px;
	left:40%;
	z-index: 5000;
	width:60px;
	border-radius:10px;
	padding:0px 5px;
	margin:0 auto;
	background:#fff;
}
figcaption p a:before {
}
figcaption p a:link {
	color:#0068b7;
	font-weight:bold;
	text-decoration: none;
}
afigcaption p a:visited{
	color:#0068b7;
	text-decoration: none;
}
figcaption p a:hover {
	color:#fff;
	background:#0068b7;
	text-decoration: none;
}

/*figcaption p a {
	position: absolute;
	top:200px;
	left: 20%;
	z-index: 5000;
	background:#052677;
	width:200px;
	height:30px;
	line-height:30px;
	padding:2px 0;
	font-weight:bold;
	box-shadow:rgba(0,0,0,0.3) 0 2px 1px;
}
figcaption p a:link {
	color:#FFF;
	text-decoration: none;
}
figcaption p a:visited {
	color:#FFF;
}
figcaption p a:hover {
	color:#FFF;
	opacity: 0.6;
	text-decoration: none;
	-webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    -ms-transition: 0.2s;
    transition: 0.2s;
}
*/
/* 背景100% */
.bg-title1 {
	background-image:url(../img/bg-title1.jpg);
}
.bg-title2 {
	background-image:url(../img/bg-title2.jpg);
}
.bg-title3 {
	background-image:url(../img/bg-title3.jpg);
}
.bg-title4 {
	background-image:url(../img/bg-title4.jpg);
}
.bg-title1,
.bg-title2,
.bg-title3,
.bg-title4 {
	background-position: center center;
	background-repeat:no-repeat;
	background-size:cover;
	-moz-background-size:cover;
	background-attachment:fixed;
	background-color: #eee;
	padding:250px 0;
}

@media screen and (min-width : 320px) and (max-width: 1024px) {
.bg-title1,
.bg-title2,
.bg-title3,
.bg-title4 {
	background-attachment: scroll;
  }
}

.bg-img1 {
	background-image:url(../img/bg1.png);
	background-repeat:no-repeat;
	background-position:top center;
	
}

.sec02{
	border:#CEBEA4 solid 3px;
	background-color: #f5f2e8;
	padding: 10px 7px 7px;
	margin-bottom:10px;
}
/* sec02 */
div#sec02 {
	margin-left: -15px;
	margin-bottom:-15px;
}
div.sec02_box {
	/*float: left;*/
	/*width: 303px;3つ並びの場合*/
	/*width: 223px;4つ並びの場合*/
 width: 220px;
	padding: 6px 0px 10px 0px;
	margin-left: 15px;
	/*margin-bottom:15px;*/
 margin-bottom:6px;
	background-image: url(../img/box_bg.png);
	border-radius: 7px;  
    -webkit-border-radius: 7px;  
    -moz-border-radius: 7px;
}
#sec02_box01_title { text-align:center; margin-bottom:5px;}
#sec02_box02_title { text-align:center;}
#sec02_box03_title { text-align:center;}
.sec02_box_img { text-align:center;}
.sec02_box_text { padding: 7px 3px 3px 7px; font-size:13px;}


.botan li{
	float: left;
/*	width: 330px;*/
/*	height: 50px;*/
/*	margin: 5px;*/
}
.botan a {	
	margin-left: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	border-radius: 6px; /* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
	display: block;
	text-decoration: none;
/*	background-color: #74dd46;*/
/*	color: #FFFFFF;*/
	padding-top: 0px;
	padding-bottom: 0px;	text-align: center;	
    
/*	line-height: 50px;*/
}
.botan a:hover {
	border-radius: 6px; /* CSS3草案 */
	-webkit-border-radius: 6px; /* Safari,Google Chrome用 */
	-moz-border-radius: 6px; /* Firefox用 */
	color: #ffffff;
	background-color:#f39600;
	text-align: center;
}



.timeline {
	list-style: none;
}
.timeline li {
	margin-bottom: 30px;
}
.timeline li h3 {
	color: #004ea3;
}

/* for Desktop */
@media ( min-width : 800px ) {
.timeline li {
	overflow: hidden;
	margin: 0;
	position: relative;
}
.timeline-date {
	width: 120px;
	float: left;
	margin-top: 17px;
}
.timeline li h3 {
	margin: 20px 0 5px;
}
.timeline-content {
	width: 65%;
	float: left;
	border-left: 2px #cccccc solid;
	padding-left: 30px;
	padding-bottom:10px;
	padding-top:15px;
}
.timeline-content:before {
	content: '';
	width: 12px;
	height: 12px;
	background: rgba(112,110,204,1.00);
	position: absolute;
	left: 115px;
	top: 23px;
	border-radius: 100%;
}
}


.list3 li{
	position: relative;
	padding-left: 20px;
	font-size: 14px;
	padding-left: 20px;
}
 
.list3-maru:after{
	content: '';
	display: block;
	position: absolute;
	top: 5px;
	left: 0px;
	border-radius: 20px;
	height: 8px;
	width: 8px;
	background-color: rgba(112,110,204,1.00);
	border: 2px solid rgba(112,110,204,1.00);	
}
 
.list3-batu:before, .list3-batu:after{
	content: '';
	display: block;
	position: absolute;
	top: 8px;
	left: 3px;
	height: 4px;
	width: 14px;
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
	background-color: #aaa;
}
.list3-batu:after{
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}

.R {
	float:right;
	margin-left:10px;
}

.L {
	float:left;
	margin-right:10px;
}


.cbtn001 a {
    text-align: center;
    width: 200px;
    display: block;
    font-weight: normal;
    border: 2px solid #fff;
    border-radius: 50px;
    margin: 0 auto;
    background: #89bc39;
}
.cbtn001 a:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f105";
    margin-right: 5px;
}
.cbtn001 a:visited {
    color: #fff;
}
.cbtn001 a:link {
    color: #fff;
    text-decoration: none;
}
.cbtn001 a:hover {
      color: #89bc39;
      background: #fff;
      text-decoration: none;
      border: 2px solid #89bc39;
}


.cbtn002 {
    width: 220px;
    margin-left: 15px;
    margin-bottom: 15px;
}
.cbtn002 a {
    text-align: center;
    width: 220px;
    display: block;
    font-weight: normal;
    border: 2px solid #99643b;
    border-radius: 8px;
    margin: 0 auto;
    background: #FF740C;
}
.cbtn002 a:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f105";
    margin-right: 5px;
}
.cbtn002 a:visited {
    color: #fff;
}
.cbtn002 a:link {
    color: #fff;
    text-decoration: none;
}
.cbtn002 a:hover {
      color: #FF740C;
      background: #fff;
      text-decoration: none;
      border: 2px solid #FF740C;
}


.cbtn003 {
    width: 220px;
    margin-left: 15px;
    margin-bottom: 15px;
}
.cbtn003 a {
    text-align: center;
    width: 220px;
    display: block;
    font-weight: normal;
    border: 2px solid #f720a5;
    border-radius: 8px;
    margin: 0 auto;
    background: #ff82d0;
}
.cbtn003 a:before {
    font-family: 'Font Awesome 5 Free';
    font-weight: 900;
    content: "\f105";
    margin-right: 5px;
}
.cbtn003 a:visited {
    color: #fff;
}
.cbtn003 a:link {
    color: #fff;
    text-decoration: none;
}
.cbtn003 a:hover {
      color: #ff82d0;
      background: #fff;
      text-decoration: none;
      border: 2px solid #ff82d0;
}

.boxxx {
 display: inline-block;
 vertical-align: top;
}

.blog_card {
  width: 100%;
}
.blog_card li {
  float: left;
  width: 31.3%;
  margin: 0 1% 10px 1%;
  padding: 10px;
  background-color: rgba(255, 255, 255, 0.8);
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-sizing: border-box;
  border-radius: 4px;
}
.blog_card li .blog_dt {
  display: block;
  font-weight: bold;
  font-size: 11px;
  color: #280000;
}
.blog_card li .blog_img {
  height: 140px;
  text-align: center;
}
.blog_card li .blog_title {
  font-weight: bold;
  font-size: 14px;
  line-height: 1.5;
  overflow-y: hidden;
  margin-bottom: 5px;
  height: 17px;
  white-space: nowrap;
  overflow: hidden;
}
.blog_card li .blog_body {
  line-height: 1.2;
  font-size: 12px;
  height: 15px;
  white-space: nowrap;
  overflow: hidden;
}
.blog_card li img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}