@charset "Shift_JIS";

body {
	margin:0;
	padding:0;
	text-align:center;
	background-color:#FFFFFF;
	background-repeat: repeat;
	font-family: "FOT-マティス Pro L";
	font-size: 15px;
	line-height: 180%;
	background-position: top;
}
.size {
width:==px;
	text-align: center;
	background-color: #FFFFFF;
	margin-right: auto;
	margin-bottom: 3%;
	margin-left: auto;
	min-width: 900px;
	width: 900px;
}
.works {
	margin-left: 25px;
	margin-bottom: 25px;
}
#main {
	text-align: center;
	height: auto;
	width: auto;
}
div,td,th {
text-align:left;
}
img {
border:0;
}
p,pre {
margin:0;
}
li {
	margin: 0;
}
ol, ul {
margin: 0;
padding:0;
}
h1 {
font-size:16px;
line-height:20px;
font-weight:bold;
margin:0;
}
h2 {
font-size:14px;
line-height:18px;
font-weight:bold;
margin:0;
}
h3 {
font-size:12px;
line-height:16px;
font-weight:bold;
margin:0;
}
h4,h5,h6 {
font-size:8px;
line-height:10px;
font-weight:normal;
margin:0px;
}
select {
display:block;
}
form {
margin:0;
}
.indent {
text-indent:-9999px;
font-size:9px;
line-height:10px;
}

.clear {
clear:both;
}

.== {
width:==px;
float:left;
}

.== {
width:==px;
margin:==;
float:left;
display:inline;
}

.== {
padding:==;
}
.== {
border:==px solid #==;
}
.== {
padding:==;
border:==px solid #==;
}

.menubox {
	width: 100%;
	margin-top: 20px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #3366CC;
	background-image: url(../images/stripes.png);
	background-repeat: repeat;
	display: block;
}
.menu_in {
	width: 850px;
	margin-right: auto;
	margin-left: auto;
}
#footer {
	background-repeat: repeat;
	margin-bottom: 30px;
	color: #333333;
	background-image: url(../images/cream_pixels2.png);
}
.footin {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 30px;
	padding-bottom: 30px;
	font-size: 13px;
}
.headline {
	background-color: #3366CC;
	height: 5px;
	width: 100%;
}
.cnt1 {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 30px;
}
.head_r {
	float: right;
	color: #FFFFFF;
	text-align: right;
	margin-top: 20px;
}
.hbt {
	float: right;
	margin-left: 20px;
}
.mmbox {
	position: relative;
	z-index: 1;
	float: left;
	height: 290px;
	width: 275px;
	margin-right: 28px;
	margin-left: 28px;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	background-color: #FFFFFF;
	background-image: url(../images/cream_pixels.png);
	background-repeat: repeat;
	margin-bottom: 56px;
}



.mmbox3 {
	position: relative;
	z-index: 1;
	float: left;
	height: 270px;
	width: 275px;
	margin-right: 28px;
	margin-left: 28px;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.1));
	background-color: #FFFFFF;
	background-image: url(../images/cream_pixels.png);
	background-repeat: repeat;
}

.mmbox3 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.mmbox3:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}

.mmbox2 {
	padding: 15px;
	color: #333333;
	letter-spacing: 1px;
}
.cnt_l {
	float: left;
	width: 640px;
	background-color: #FFFFFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding: 25px;
	letter-spacing: 1px;
}
#cnt_r {
	background-repeat: repeat;
	width: 100%;
	background-color: #FFFFFF;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	padding-top: 26px;
	padding-bottom: 26px;
	margin-bottom: 25px;
}
.cnt_r2 {
	float: right;
	width: 236px;
}
.footl_logo {
	width: 180px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}
.sd {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.head {
	background-color: #FFFFFF;
	background-repeat: repeat-x;
	background-position: top;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.btn_spc {
	text-align: center;
	width: auto;
	background-color: #B81C22;
}
.toplogo {
	width: 220px;
	float: left;
	margin-top: 30px;
}
.menu_in a {
	text-decoration: none;
	color: #FFFFFF;
}
.menu_in a:hover {
	text-decoration: none;
	color: #FFCC00;
}
.ttl3 {
	font-size: 17px;
	color: #FFFFFF;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	padding-left: 20px;
	background-repeat: repeat;
	font-family: "FOT-ニューロダン ProN DB";
	letter-spacing: 2px;
	background-color: #57BEAB;
	border-radius: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 17px;
	line-height: normal;
	background-image: url(../images/stripes.png);
}
.txt1 {
	font-size: 16px;
	margin-bottom: 15px;
	margin-top: 15px;
	background-image: url(../images/bg3.gif);
	background-repeat: repeat;
	color: #006699;
	font-family: "FOT-UD角ゴ_スモール Pr6N B";
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}
.style1 {color: #339966}
.style2 {
	font-size: 13px;
	line-height: normal;
}
.img_r {
	background-image: url(../images/bg3.gif);
	background-repeat: repeat;
	padding: 6px;
	float: right;
	width: 250px;
	margin-left: 10px;
}
.img_r2 {
	background-image: url(../images/bg3.gif);
	background-repeat: repeat;
	padding: 6px;
	float: right;
	width: 130px;
	margin-left: 10px;
}
.drnavi {
	display:none;
}
table.line{
	border-collapse: collapse;
}
table.line td{
	line-height: 150%;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	font-size: 15px;
	letter-spacing: 1px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
table.line2{
	border-collapse: collapse;
}
table.line2 td{
	line-height: 150%;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	font-size: 15px;
	letter-spacing: 0em;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.style3 {
	font-size: 13px;
	letter-spacing: 1px;
	text-align: center;
	color: #CC9966;
	padding-top: 40px;
}
.style4 {
	font-size: 15px;
		font-family: "FOT-ニューロダン ProN DB";
}
.style5 {
	color: #336699;
}
.inq2 {
	font-size: 12px;
	line-height: normal;
	margin-top: 20px;
	margin-bottom: 20px;
}

.line8 input {
    width: 95%;
    box-sizing: border-box; /* [borde-box]で右の飛び出しを回避 */
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
}

.line8 textarea {
    width: 95%;   
    box-sizing: border-box;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
}
table.line8{
	border-collapse: collapse;
}
table.line8 td{
	font-size: 13px;
	padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	line-height: normal;
	border: 1px solid #CCCCCC;
}
#inq_li {
	margin-left: 20px;
	font-size: 11px;
	margin-right: 15px;
	color: #333333;
	line-height: 150%;
	letter-spacing: normal;
}#inq {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
}
input#submit_button {
	padding: 15px 40px;
	font-size: 17px;
}

.topbox1 {
	height: 200px;
	width: 400px;
	position: absolute;
	z-index: 999;
	top: 40%;
	left: 6%;
	font-family: "FOT-筑紫Aオールド明朝 Pr6 L";
	font-size: 17px;
	color: #FFFFFF;
}
#topbox2 {
display:none;
}
.left {
	float: left;
	width: 270px;
}
.right {
	float: right;
	width: 650px;
	margin-bottom: 30px;
}
.right2 {
	float: right;
	width: 700px;
	margin-bottom: 20px;
}
.wimg {
	padding-bottom: 10px;
}
.style6 {
	font-size: 40px;
	letter-spacing: 1px;
	margin-bottom: 20px;
	line-height: 120%;
}
.style7 {
	font-size: 13px;
	margin-top: 15px;
}
.style8 {
	font-size: 13px;
	color: #666666;
}
.style9 {
	font-size: 17px;
}
.style10 {
	font-size: 35px;
	margin-left: 25px;
	margin-bottom: 40px;
	color: #666666;
}
.style11 {
	font-size: 50px;
	margin-bottom: 20px;
	color: #666666;
}
.style24 {
	font-family: "FOT-ロダン ProN DB";
	color: #339966;
	text-align: center;
	font-size: 17px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.boxline {
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-bottom: 5px;
}
.style25 {color: #000000}
.style26 {font-size: 18px}
.style27 {font-size: 11px;
}
.style28 {color: #FF3333;
font-family: "FOT-ロダン ProN DB";
}
.instaw {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
}
.hover2 {
position: relative;
	background: #fff;
	border: 1px solid #999999;
	color: #666666;
	cursor: pointer;
	transition: all 0.3s ease 0s;
	width: 250px;
	margin-top: 30;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 50px;
	text-align: center;
	font-family: "FOT-筑紫Cオールド明朝 Pr6 L";
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 8px;
	padding-left: 5px;
}
.hover2 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.hover2:hover {
  background: #333;
  color: #fff;
}
.js-animation {
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: all 1s;
}
.js-animation.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}
.con_bg {
	height: 300px;
	width: 100%;
	background-image: url(../images/bg_con.jpg);
	background-position:center center;
	background-size:  cover;
	margin-bottom: 50px;
}
.cnt_bg {
	height: 300px;
	width: 100%;
	background-image: url(../images/cnt_bg.jpg);
	background-position:center center;
	background-size:  cover;
	margin-bottom: 50px;
}
.wks_bg {
	height: 300px;
	width: 100%;
	background-image: url(../images/4.jpg);
	background-position:center center;
	background-size:  cover;
	margin-bottom: 50px;
}
.side {
	display: flex;
	align-items: center;
	justify-content: center;
	position: -webkit-sticky;
	position: sticky;
	top: 20px;
	width: auto;
	height: auto;
	float: left;
}
#cnt10 {
	width: 900px;
	margin-right: auto;
	margin-left: auto;
}
.topcmt {
	font-size: 20px;
	text-align: center;
	margin-bottom: 20px;
	line-height: 200%;
}
.topcmt2 {
	font-size: 17px;
	text-align: center;
	margin-bottom: 20px;
	line-height: 150%;
}
.menyline {
	background-repeat: repeat-x;
	height: 40px;
	width: 900px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 15px;
}
.menubx {
	color: #FFFFFF;
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	font-family: "FOT-テロップ明朝 ProN D";
}
.me {
	line-height: normal;
	float: left;
	width: auto;
	border-left-width: 1px;
	border-left-style: groove;
	border-left-color: #CCCCCC;
	padding-top: 6px;
	padding-right: 21px;
	padding-left: 21px;
	padding-bottom: 6px;
	margin-top: 3px;
	font-size: 14px;
	letter-spacing: 1px;
}
.me2 {
	line-height: normal;
	float: left;
	width: auto;
	border-left-width: 1px;
	border-left-style: groove;
	border-left-color: #CCCCCC;
	padding-top: 6px;
	padding-right: 22px;
	padding-left: 22px;
	padding-bottom: 6px;
	margin-top: 5px;
	border-right-width: 1px;
	border-right-style: groove;
	border-right-color: #CCCCCC;
	font-size: 14px;
	letter-spacing: 1px;
}
.box8 {
	width: 280px;
	margin-right: 10px;
	margin-left: 10px;
	float: left;
	font-size: 13px;
	line-height: 150%;
	letter-spacing: 1px;
	text-align: left;
	font-family: "FOT-ロダン墨東 Pro L";
	margin-bottom: 30px;
	position: relative;
	z-index: 1;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.2));
	background-color: #FFFFFF;
	background-image: url(../images/cream_pixels.png);
	background-repeat: repeat;
	height: 360px;
}
.box8 a {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    text-indent:-999px;
    z-index: 2; /* 必要であればリンク要素の重なりのベース順序指定 */
}
.box8:hover {
    filter:alpha(opacity=70);/* IE 6,7*/
    -ms-filter: "alpha(opacity=70)";/* IE 8,9 */
    -moz-opacity:0.7;/* FF , Netscape */
    -khtml-opacity: 0.7;/* Safari 1.x */
    opacity:0.7;
    zoom:1;/*IE*/
}


.menubx a:link {
	text-decoration: none;
	color: #666666;
}
.menubx a:visited {
	text-decoration: none;
	color: #666666;
}
.menubx a:hover {
	text-decoration: underline;
	color: #009999;
}
.ttl {
	background-repeat: repeat;
	padding-left: 13px;
	font-size: 20px;
	line-height: normal;
	margin-bottom: 15px;
	color: #FFFFFF;
	padding-top: 6px;
	letter-spacing: 3px;
	padding-bottom: 5px;
	background-image: url(../images/stripes.png);
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #3366CC;
font-family: "FOT-マティスV Pro DB";
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #3366CC;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #3366CC;
	border-right-color: #3366CC;
	background-color: #3366CC;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.pbox {
	float: left;
	width: 340px;
	margin-right: 20px;
}
.style29 {
	font-size: 27px;
	color: #FF0000;
}
.plan {
	background-image: url(../images/bg.jpg);
	background-repeat: repeat;
	font-size: 18px;
	margin-top: 5px;
	margin-bottom: 10px;
	width: 500px;
	float: none;
	margin-right: auto;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 25px;
	padding-bottom: 15px;
	padding-left: 25px;
}
.pbox3 {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
}
.pboc2 {
	background-image: url(../images/cream_pixels.png);
	background-repeat: repeat;
	margin-bottom: 20px;
	padding: 15px;
}
.ttlp {
	font-size: 14px;
	background-color: #3366CC;
	color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 10px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 10px;
}
.yoyaku {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.ryoribox {
	float: left;
	width: 260px;
	margin-right: 15px;
	margin-bottom: 15px;
	margin-left: 15px;
	font-size: 13px;
	text-align: center;
	height: 220px;
}
.blog {
	width: 700px;
	margin-right: auto;
	margin-left: auto;
}
.cov {
	background-repeat: repeat;
	width: 770px;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border: 5px solid #339999;
	font-size: 12px;
	line-height: 130%;
	font-family: "FOT-ロダン ProN DB";
	background-image: url(../images/cream_pixels.png);
	padding: 20px;
}
.blogbox {
	float: left;
	width: 310px;
	margin-right: 20px;
	margin-left: 20px;
}
.style30 {font-size: 20px}
.style31 {
	color: #CC3300;
	margin-bottom: 10px;
}
.telp {
	width: 180px;
	margin-top: 10px;
	float: right;
}
.menubx a:active {
	text-decoration: none;
}
.access_img {
	width: 500px;
	margin-right: auto;
	margin-left: auto;
}
.karo {
	float: left;
	width: 230px;
	margin-top: 35px;
	margin-right: 33px;
	margin-left: 33px;
	margin-bottom: 20px;
}
.flx{
display:inline-flex;
}
.newsbox {
	float: left;
	width: 400px;
	margin-right: 10px;
	margin-left: 10px;
	height: 200px;
}
.newsbox2 {
	width: 838px;
	margin-right: auto;
	margin-left: auto;
}
.toplinebox {
	margin-right: auto;
	margin-left: auto;
	margin-top: 15px;
	margin-bottom: 10px;
}
.topline {
	float: left;
	height: 12px;
	width: 100px;
	margin-top: 18px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #333333;
	margin-right: 8px;
}
.style33 {
	font-size: 26px;
	margin-bottom: 10px;
	letter-spacing: 2px;
	color: #CC6666;
}
.topline2 {
	font-size: 22px;
	float: left;
	line-height: normal;
	color: #3A1082;
	font-family: "FP-こぶりなゴシック StdN W3";
}
/* ウィンドウ幅が0〜479pxの場合に適用するCSS */
@media screen and (max-width:599px){

.side {
	display: block;
	align-items: center;
	justify-content: center;
	top: 20px;
	width: auto;
	height: auto;
	float: left;
	position: -webkit-sticky;
	position: static;
}

.left {
	float: none;
	width: 95%;
		margin-right: auto;
	margin-left: auto;
		margin-bottom: 20px;
}

.right {
	float: none;
	width:95%;
	margin-bottom: 20px;
			margin-right: auto;
	margin-left: auto;

}
.right2 {
	float: none;
	width:95%;
	margin-bottom: 20px;
			margin-right: auto;
	margin-left: auto;

}

.topbox1 {
display: none;
}


.toplogo {
	width: 150px;
	margin-right: auto;
	margin-left: auto;
		float: none;
}
.cnt1 {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 0px;
	padding-bottom: 15px;
}

.footin {
	width: 95%;
	padding-top: 15px;
	padding-bottom: 15px;
}
.drnavi {
	display:block;
}

	
.instaw {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	height: 200px;

}
.hbt {
	margin-left: 15px;
}
.mmbox {
	float: none;
	height: 290px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
	-webkit-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.3));
	-moz-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.3));
	-ms-filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.3));
	filter:drop-shadow(1px 3px 5px rgba(0, 0, 0, 0.3));
}
.style3 {
	font-size: 13px;
	letter-spacing: 1px;
	text-align: center;
	color: #CC9966;
	padding-top: 20px;
}
.head {
	padding-bottom: 0px;
	padding-top: 5px;
		width: 100%;
}
/*.head_r {
	top: 50px;
}*/
.style10 {
	font-size: 35px;
	margin-left: 10px;
	margin-bottom: 20px;
	color: #666666;
}
.style6 {
	font-size: 30px;
	letter-spacing: 0px;
	margin-bottom: 20px;
	line-height: 120%;
}
#topbox2 {
display:block;
	font-family: "FOT-筑紫Aオールド明朝 Pr6 L";
	font-size: 17px;
	color: #666666;
	margin-bottom: 25px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
.size {
	min-width: 300px;
}
.con_bg {
	height: 200px;
	width: 100%;
	background-image: url(../images/bg_con.jpg);
	background-position:center center;
	background-size:  cover;
	margin-bottom: 30px;
}
.line8 th,
.line8 td{
   
    display: block;
    border-top: none;
	width: 95%;
		padding-top: 3px;
	padding-bottom: 3px;

}
.line th,
.line td{
   
    display: block;
    border-top: none;
	width: 95%;
		padding-top: 3px;
	padding-bottom: 3px;

}
.menyline {
display: none;
}
.head_r {
display: none;
}
.size {
	text-align: center;
	margin-bottom: 2%;
	width: 100%;
}
.cnt1 {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
.cov {
	width: auto;
	margin-top: 20px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	font-size: 12px;
	line-height: 130%;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
.box8 {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	float: none;
	font-size: 12px;
	line-height: 130%;
	letter-spacing: 0px;
	margin-bottom: 20px;
	height: auto;
}
.footin {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12px;
}
#cnt10 {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}
.topcmt {
	font-size: 12px;
	text-align: center;
	margin-bottom: 20px;
	line-height: 150%;
}
.topcmt2 {
	font-size: 12px;
	text-align: center;
	margin-bottom: 10px;
	line-height: 150%;
}
.style30 {font-size: 15px}
.pbox {
	float: none;
	width: 80%;
		margin-right: auto;
	margin-left: auto;

}
.pbox3 {
	float: none;
	width: 100%;
}
.plan {
	padding: 5px;
	font-size: 14px;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 100%;
	float: none;
			margin-right: auto;
	margin-left: auto;
}
.style29 {
	font-size: 15px;
}
.ryoribox {
	float: left;
	width: 44%;
	margin-right: 7px;
	margin-bottom: 7px;
	margin-left: 7px;
	font-size: 12px;
	text-align: center;
	height: auto;
}
.access_img {
	width: 100%;
}
.blog {
	width: 100%;
}
.blogbox {
	float: left;
	width: 45%;
	margin-right: 7px;
	margin-left: 7px;
}
.ttl {
	padding-left: 5px;
	font-size: 15px;
	margin-bottom: 10px;
	padding-top: 6px;
	letter-spacing: 0px;
	padding-bottom: 5px;
}
.pboc2 {
	padding: 0px;
	margin-bottom: 10px;
}
.flx{
display:block;
}
.karo {
	float: left;
	width: 30%;
	margin-top: 35px;
	margin-right: 1%;
	margin-left: 1%;
	margin-bottom: 20px;
}
.newsbox2 {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
.newsbox {
	float: none;
	width: 100%;
	margin-right: 0px;
	margin-left: 0px;
height: auto;
		margin-bottom: 10px;
}
#main {
	margin-top: 25px;
}
}
}