@charset "utf-8";
/* CSS Document */

a {
	text-decoration: none;}

a:link {
	color: #1EA2E3;
	}
a:visited {
	color: #1EA2E3;
	}
a:hover,
a:focus,
a:active {
	color: #00429c;
	}

img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

body {
	background: url(../images/bk.png);
}

.full-wrapper{
width:100%;
background: url(../images/bk-top.png) repeat-x;
}
.inner-wrapper{
	margin: 0 auto;
	width: 980px;
	
}
/*----------------------------------------------------
company-index
------------------------------------------------------*/
.company-contens {
	text-align: center;
	
}

.com-logo-area {
	margin: 0 auto;
	padding: 80px 0 30px 0;
	
}
.company-name {
	margin: 0px auto 50px auto;

}
.company-message{
	margin: 0 auto 30px auto;
	background:url(../images/company-message.png) no-repeat 0 0;
	background-size:cover;
	text-indent: -9999px;
	width: 656px;
	height: 55px;
}
.tositter a{
	display: block;
	margin: 0 auto 50px auto;
	background:url(../images/tositter.png) no-repeat 0 0;
	text-indent: -9999px;
	width: 361px;
	height: 116px;
}

.footer-address-company01 {
	margin: 0px 10px 20px 10px;
	text-indent: -9999px;
	background:url(../images/footer-info-company01.png) no-repeat 0 0;
	background-size: 100%;
	width: 238px;
	height: 95px;
	float: right;
}
.footer-address-company02 {
	margin: 0 10px 30px 10px;
	text-indent: -9999px;
	background:url(../images/footer-info-company02.png) no-repeat 0 0;
	background-size: 100%;
	width: 252px;
	height: 119px;
	float: right;
}

.footer-nav05  li{
	float:left;
	padding: 5px 20px 5px 25px;
	background:url(../images/footer-heading.png) no-repeat left 3px;
}

.contents {
	
}
.sub-img01 {
	margin: 0 0 0 30px;
}

.info-box {
	padding: 20px;
	float: left;
	width: 440px;
	height: 210px;
	margin-right: 20px;
	margin-bottom: 20px;
	border-radius: 8px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
	font-size: 90%;
	line-height: 1.7;
	position: relative;
}

.info-box.green { background: url(../images/toppage/bk-green.png) no-repeat -20px -20px #fff;}
.info-box.yellow { background: url(../images/toppage/bk-yellow.png) no-repeat -20px -20px #fff;}
.info-box.red { background: url(../images/toppage/bk-red.png) no-repeat -20px -20px #fff;}
.info-box.blue { background: url(../images/toppage/bk-blue.png) no-repeat -20px -20px #fff;}
.info-box.purple { background: url(../images/toppage/bk-purple.png) no-repeat -20px -20px #fff;}


.info-box.right {
	float: left;
	margin-right: 0;
}

.info-box-title{
	margin: 15px 0 35px 0;
	width: 141px;
	height: 16px;
	background:url(../images/toppage/info-box-sprite.png) no-repeat 0 0;
	text-indent: -99999px;
}

.green .info-box-title{
	background-position: 0 0;
}
.yellow .info-box-title{
	background-position: 0 -50px;
}
.blue .info-box-title{
	background-position: 0 -100px;
}

.red .info-box-title{
	background-position: 0 -148px;
}
.purple .info-box-title{
	background-position: 0 -198px;
}

.readmore a{
	position: absolute;
	bottom: 20px;
	right: 20px;
	width: 187px;
	height: 44px;
	display: block;
	text-indent: -99999px;
}

.green .readmore a{
	background: url(../images/toppage/readmore-green.png) no-repeat 0 0;
}
.red .readmore a{
	background: url(../images/toppage/readmore-red.png) no-repeat 0 0;
}
.blue .readmore a{
	background: url(../images/toppage/readmore-blue.png) no-repeat 0 0;
}
.purple .readmore a{
	background: url(../images/toppage/readmore-purple.png) no-repeat 0 0;
}


.information {
	background:url(../images/toppage/bk-sky.png) no-repeat bottom right;	
	
}


.header{
	margin-bottom: 20px;
	position: relative;
}

.upper-header{
	padding: 20px 0 20px 0;
}
.info-text {
	padding: 5px 0;
	font-size: 80%;
}


.logo-area {
	width: 417px;
	float: left;
}
.contact-area a{
	margin: 10px;
	width: 403px;
	height: 124px;
	background:url(../images/contact.png) no-repeat;
	display: block;
	text-indent: -99999px;
	position: absolute;
	top:0;
	right: 0;
}
.gnav li a{
	text-indent: -99999px;
	float: left;
	width: 163px;
	height: 63px;
	display: block;
	margin-right: 41px;
	background:url(../images/g-nav-sprite.png) no-repeat;
}


.gnav li.nav-01 a{ background-position: 0 0;}
.gnav li.nav-02 a{ background-position: -205px 0;}
.gnav li.nav-03 a{ background-position:-409px 0; }
.gnav li.nav-04 a{ background-position: -612px 0; margin-right: 42px;}
.gnav li.nav-05 a{ background-position: -816px 0;}


.gnav li.end{
	float: left;
	width: 163px;
	height: 63px;
	margin-right: 0;
}


.main-image {
	margin-bottom: 20px;
	
}
.content-box{
	margin-bottom: 20px;
}

.heading01 {
	padding: 0 0 0 45px;
	margin-bottom: 15px;
	background:url(../images/heading01.png) no-repeat 0 0    ;
	height: 30px;
}

.heading01 h3{
	
	background:url(../images/heading01-text.png) no-repeat 0 0    ;
	text-indent: -9999px;
}

.text-intro {
	padding: 0 10px;
	line-height: 1.8;
}


.totop{
	display:none;
	position:fixed;
	right:20px;
	bottom:20px;
}
 
.totop a{
	text-decoration: none;
	display: block;
	padding: 30px;
	width: 50px;
	height: 50px;
	margin:0;
	padding:10px;
	text-align:center;
	background:url(../images/totop.png) no-repeat 15px 15px rgba(105,172,36,0.5);
	-webkit-transition:all 0.3s;
	-moz-transition:all 0.3s;
	transition:all 0.3s;
	color: #fff;
	border-radius: 8px; 
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	text-indent: -99999px;
}
 
.totop a:hover{
	background:url(../images/totop.png) no-repeat 15px 15px rgba(105,172,36,0.8);
}

/*----------------------------------------------------
two column
------------------------------------------------------*/
.main-contents {
	width: 75%;
	max-width: 720px;
	float: left;
}
.side-contents {
	margin-left: 20px;
	float: left;
	width:240px;
}

/*----------------------------------------------------
contact
------------------------------------------------------*/

.tit-box-contact{
	background:url(../images/contact/tit-img-contact.png) no-repeat 0 0;
	text-indent: -99999px;
	width: 200px;
	height:53px;
	margin:40px 0;
}

.contact-box01, .contact-box02{
	padding: 20px;
	margin:20px 20px 20px 0;
	width: 300px;
	float: left;
	background-color:#fff;
	 border-radius: 8px; 
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	text-align: center;
	height: 100px;
}
.contact-box02 {
	margin-right: 0;
}
.contact-box02 h2{
	margin:10px 0 30px;
}

.text-size03 {
	font-size: 80%;
	margin-bottom: 20px;
}

.contact-box03{
	clear:both;
	padding: 20px;
	margin:20px 3% 20px 0;
	background-color:#fff;
	 border-radius: 8px; 
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	text-align: center;
	}
.contact-box03 p{
	margin: 0 15px 0 0;
	font-weight: bold;
	
	}


/*----------------------------------------------------
policy
------------------------------------------------------*/

.tit-box-policy{
	background:url(../images/policy/tit-img-policy.png) no-repeat 0 0;
	text-indent: -99999px;
	width: 411px;
	height:53px;
	margin:40px 0;
}

.policy-contens {
	margin-bottom: 30px;
}

.policy-contens p {
	margin: 10px 0;
	padding: 10px;
}

.policy-contens .policy-heading {
	font-weight: bold;
	margin: 40px 0 20px 0;
}

.policy-contens ol {
	padding: 10px 0 10px 40px;
	list-style-type:decimal;
}
.policy-contens ol li{
	margin: 0 0 10px;
}


/*----------------------------------------------------
price
------------------------------------------------------*/
.heading04 {
	margin-bottom: 20px;
	padding: 12px;
	background:url(../images/price/heading04.png) no-repeat 0 0;
}
.price-box {
	margin: 0 0 40px 0;
	line-height: 1.6;
}
.tit-box-price{
	background:url(../images/price/tit-img-price.png) no-repeat 0 0;
	text-indent: -99999px;
	width: 178px;
	height:34px;
	margin: 30px 0;
}

.price-box .table-head, .price-box .table-box{
display: table-cell;
font-size:90%;
padding: 10px;
}
.price-box .table-head {
  vertical-align: middle;
	text-align: center;
	width: 20%;
	background:#77b023;
	color: #fff;
	font-size: 110%;
	
}
.price-box .table-box {
	margin-bottom: 2px;
	background:#dceec1;
	padding: 10px;
	width: 70%;
  vertical-align: middle;
  font-size: 90%;
}

.price-box .frame {
margin: 0 0 20px 0;
  border-collapse: separate;
  border-spacing: 4px 2px;
  display: table;
  width: 100%;
}

.price-box .green {
	color: #629812;
	font-size: 120%;
	font-weight: bold;
}
.price-box .green02 {
	color: #629812;
}


.price-text01 {
	margin-bottom: 20px;
	padding: 0 10px 0;
}

.price-text02{
	margin:20px 0 10px 0;
	font-size: 90%;
}

.price-text03{
	margin:20px 0 10px 0;
}

.price-table01{
	width: 60%;
	display:table;
	border-collapse:separate;
	border-spacing:3px 2px;	
}

.price-table01 td{
	padding: 10px;
	background: #b8e376;
}

.price-table01 td{
	padding: 10px;
	background: #dcf0bc;
	text-align: center;
	
}
.price-table01 td.td-head {
	background: #b8e376;
	text-align: center;
	
}

.price-table01 td.td-red {
	background: #ffc9c9;
	text-align: center;
	color: #f25555;
	line-height: 1.2;
	font-weight: bold;
}

.price-table01 td.td-red .text-size02{
	color: #000;
	font-weight: normal;
}

.price-table01-blue{
	width: 60%;
	display:table;
	border-collapse:separate;
	border-spacing:3px 2px;	
}

.price-table01-blue td{
	padding: 10px;
	background: #ceecf4;
}

.price-table01-blue td{
	padding: 10px;
	background: #ceecf4;
	text-align: center;
	
}
.price-table01-blue td.td-head {
	background: #ace2f0;
	text-align: center;
	
}

.price-table01-orange{
	width: 60%;
	display:table;
	border-collapse:separate;
	border-spacing:3px 2px;	
}

.price-table01-orange td{
	padding: 10px;
	background: #FFE4C3;
}

.price-table01-orange td{
	padding: 10px;
	background:#FFE4C3;
	text-align: center;
	
}
.price-table01-orange td.td-head {
	background: #F9C876;
	text-align: center;
	
}
p.text-orange {
	color: #F79D2B;
	font-weight: bold;
}



.price-table02{
	width: 60%;
	display:table;
	border-collapse:separate;
	border-spacing:3px 2px;	
}

.price-table02 td{
	padding: 10px;
	background: #b8e376;
}

.price-table02 td{
	padding: 10px;
	background: #dcf0bc;
	text-align: center;
	
}
.price-table02 td.td-head {
	background: #b8e376;
	text-align: center;
	
}

.price-table02 td.td-red {
	background: #ffc9c9;
	text-align: center;
	color: #f25555;
	line-height: 1.2;
	font-weight: bold;
}

.price-table02 td.td-red .text-size02{
	color: #000;
	font-weight: normal;
}
	


/*----------------------------------------------------
service
------------------------------------------------------*/
.tit-box{
	background:url(../images/service/tit-img.png) no-repeat 0 0;
	text-indent: -99999px;
	width: 178px;
	height:34px;
	margin: 30px 0;
}

.heading02 {
	margin-bottom: 20px;
	padding: 12px;
	background:url(../images/service/heading02.png) no-repeat 0 0;
}
.heading03 {
	margin-bottom: 20px;
	padding: 12px;
	background:url(../images/service/heading03.png) no-repeat 0 0;
}



.service-box ul{
	padding: 0 10px 20px 10px;
}
.text-size01 {
	font-size: 90%;
}
.text-size02 {
	font-size: 80%;
	
}
span.blue {
	font-size: 110%;
	font-weight: bold;
	color: rgba(10,140,173,1.00);
}
.service-box ul li{
	margin-bottom: 10px;
	padding: 3px 0 0 20px;
	background:url(../images/service/orange-dot.png) no-repeat left 10px;
}
.service-box {
	margin: 0 0 30px 0;
	padding: 0 0 90px 0;
	position: relative;
	line-height: 1.7;
}

.toprice a{
	position: absolute;
	bottom: 10px;
	right: 0;
	padding: 27px 0 0 30px;
	color: #fff;
	display: block;
	width: 238px;
	height: 53px;
	background:url(../images/service/toprice.png);
}

.flow-box {
	margin: 15px 0 0 0;
	padding-bottom: 40px;
	background:url(../images/service/blue-tri.png) no-repeat bottom center;
	
}
.flow-box.end {
	margin: 15px 0 0 0;
	padding-bottom: 40px;
	background:none;
	
}

.inner-flow-box{
	padding: 20px;
	background:#fff;
	 border-radius: 8px; 
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; 
}

.table01 {
	border: none;
	font-size:90%;
	
}
.table01 tr{margin-bottom: 2px;}


.table01 td{
	
	
	
}
.table-head,.table-box{
display: table-cell;
font-size:90%;
padding: 10px;
}
.table-head {
  vertical-align: middle;
	text-align: center;
	width: 10%x;
	background:#ace2f0;
}
.table-box {
	margin-bottom: 2px;
	background:#ceecf4;
	padding: 10px;
	width: 80%;
  vertical-align: middle;
}

.frame {
  border-collapse: separate;
  border-spacing: 4px 2px;
  display: table;
  width: 100%;
}

/*----------------------------------------------------
side
------------------------------------------------------*/
.member-flow a{
	margin-bottom: 10px;
	text-indent: -9999px;
	width: 244px;
	height: 81px;
	background:url(../images/service/member-flow.png) no-repeat 0 0;
	display: block;
}
.side-menu.orange {
	margin-bottom: 20px;
	background: url(../images/side/side-orange.png) no-repeat bottom  rgba(255,255,255,1.00);
}
.side-menu.green {
	margin-bottom: 20px;
	background: url(../images/side/side-green.png) no-repeat bottom  rgba(255,255,255,1.00);
}

.side-menu.orange .side-title {
	text-align: center;
	color: #ff9813;
	font-weight: bold;
	padding: 30px 0 20px 0;
	background:url(../images/side/side-orange.png) no-repeat top;
}

.side-menu.green .side-title {
	text-align: center;
	color: rgba(117,191,41,1.00);
	font-weight: bold;
	padding: 30px 0 20px 0;
	background:url(../images/side/side-green.png) no-repeat top;
}

.side-menu ul {
	font-size: 90%;
	padding: 0 0 20px 0;
	margin-bottom: 10px;
}
.side-menu.orange ul li{
	margin: 0 0 10px 15px;
	padding: 3px 10px 5px 20px;
	background:url(../images/side/side-orange-dot.png) no-repeat left 3px;
}

.side-menu.green ul li{
	margin: 0 0 10px 15px;
	padding: 3px 10px 5px 20px;
	background:url(../images/side/side-green-dot.png) no-repeat left 3px;
}




/*----------------------------------------------------
footer
------------------------------------------------------*/
.footer {
	padding-top: 167px;
	background:url(../images/footer-bk-02.png) repeat-x top;
}
.full-inner-footer {
	background: #fffaf1;
}
.inner-footer {
	margin: 0 auto;
	width: 980px;
	heght:200px;
	padding: 20px 0;
	font-size: 80%;
}

.inner-footer ul li{
	margin-bottom: 6px;
}

.inner-footer ul {
	padding: 0 0 0 25px;
}
.inner-footer a {
	text-decoration: none;
}

.footer-nav01 {
	margin: 0 10px 0 0;
	width: 290px;
	float: left;
}

.footer-nav02 {
	margin: 0 10px 0 0;
	width: 190px;
	float: left;
}

.footer-nav03 {
	margin: 0 10px 0 0;
	width: 120px;
	
	float: left;
}
.footer-nav04 {
	width: 330px;
	
	float: right;
	text-indent: -99999px;
}

.footer-nav05 {
	margin: 0 10px 0 0;
	width: 100%;
	
}


.footer-address{
	border: 3px solid #f5deb6;
	padding: 20px;
	height:150px;
	background:url(../images/footer-info.png) no-repeat 15px 15px #fff;
	border-radius: 8px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}


.footer-heading {
	font-weight: bold;
	margin-bottom: 5px;
	height: 25px;
	padding: 0 0 0 25px;
	background:url(../images/footer-heading.png) no-repeat left 0;
}

.copyright {
	padding: 0 0 10px 0;
	text-align: center;
	font-size: 80%;
}

/*===============================================
●style
===============================================*/
@media screen and (min-width: 981px) {
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}

.inner-wrapper{
	margin: 0 auto;
	width: 980px;
}

.header {
	height: 210px;
	
}





}
/*===============================================
●tablet
===============================================*/
@media only screen and (min-width: 641px) and (max-width: 980px) {
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}


.sub-img01 {
	display: none;
}

.footer-nav05 {
	padding: 0 0 10px 0;
	margin: 0 10px 0 0;
	width: 100%;
	float: left;
}

.company-name {
	margin: 0px auto 50px auto;
}


.company-message{
	margin: 0 auto 30px auto;
	background:url(../images/company-message.png) no-repeat 0 0;
	text-indent: -9999px;
	background-size: 100%;
	width: 80%;
	height: 80px;
}

.header {
  margin-bottom: 10px;
}

.inner-wrapper{
	margin: 0 auto;
	width:100%;
}
.content-box {
	padding: 10px;
}
.upper-header {
  padding: 20px 0 10px 0;
}

.info-box {
	padding: 20px;
	float: left;
	width: 42%;
	margin-right: 20px;
	margin-bottom: 20px;
	background:#FFFFFF;
	height: 250px;
}

.info-box.right {
	float: left;
	margin-right: 0;
}

.gnav li a{
	
	margin-right: 5px;
	
}
.gnav li.nav-04 a{ margin-right: 5px;}
.contact-area a{
	width:35%;
	background-size:contain;
}

/*----------------------------------------------------
two column
------------------------------------------------------*/
.main-contents {
	width: 69%;
	float: left;
}
.side-contents {
	float: left;
	width:27%;
}

/*----------------------------------------------------
side
------------------------------------------------------*/
.member-flow a{
	margin-bottom: 10px;
	text-indent: -9999px;
	width: 100%;
	height: 81px;
	background:url(../images/service/member-flow.png) no-repeat 0 0;
	background-size: 100%;
	display: block;
}
/*----------------------------------------------------
service
------------------------------------------------------*/
.service-contents{
	padding: 10px;
}
/*----------------------------------------------------
price
------------------------------------------------------*/
.price-contents{
	padding: 10px;
}
.price-table01 {
	width: 80%;
}

.price-table02{
	width: 80%;
}



/*----------------------------------------------------
footer
------------------------------------------------------*/
.inner-footer {
	width: 100%;
	padding: 20px 0;
}
.footer-nav01 {
margin: 0 0 0 20px;
}

.footer-nav02 {
	margin: 0 0 0 20px;
}

.footer-nav03 {
	margin: 0 0 0 20px;
}

.footer-nav04 {
	margin: 0 0 0 20px;
	float: right;
}


.footer-address{
	margin: 20px 0 0 0;
	border: 3px solid #f5deb6;
	padding: 20px;
	height:150px;
	background:url(../images/footer-info.png) no-repeat 15px 15px #fff;
	border-radius: 8px; 
	-webkit-border-radius: 8px;
	-moz-border-radius: 8px;
}




}

/* smartPhone */
@media screen and (max-width: 853px) {
	.naver-wrapper {
  margin-top: 4px;
}
	.gnav li a{
	width: auto;
	text-indent: inherit;
	float: none;
	padding: 15px;
	background: none;
	height: auto;
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	  margin-right: 0px;
}
.gnav li.nav-04 a{margin-right: 0;}
.gnav li{
	margin-bottom: 4px;
	float: none;
	width: 100%;
	 background-color:rgba(126,209,28,0.8);
}

.gnav li:hover{
	float: none;
	width: 100%;
	 background-color:rgba(126,209,28,1.0);
}

.gnav li.end{
	float: none;
	width: 100%;
	margin-right: 0;
	height: auto;
}
}

/* smartPhone */
@media screen and (max-width: 640px) {
img{
max-width: 100%;
height: auto;
width /***/:auto;　
}
.header {
  margin-bottom: 10px;
}
.upper-header {
  padding: 20px 0 10px 0;
}

.inner-wrapper{
	margin: 0 auto;
	width:100%;
}


.sub-img01 {
	display: none;
}


.footer-nav01,.footer-nav02{
	display: none;
}
	
	
.contact-box01, .contact-box02{
	padding: 20px;
	margin:20px 0 20px 0;
	width: auto;
	float: none;
	background-color:#fff;
	 border-radius: 8px; 
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	text-align: center;
	height: auto;
}	

/*----------------------------------------------------
company-index
------------------------------------------------------*/
.com-logo-area {
	width: 70%;
	margin: 0 auto;
	padding: 80px 0 30px 0;
	
}
.company-name {
	margin: 0px auto 50px auto;
	background:url(../images/company-name-m.png) no-repeat 0 0;
	background-size: 100%;
	text-indent: -9999px;
	width: 70%;
	height: 110px;
}


.company-message{
	margin: 0 auto 30px auto;
	background:url(../images/company-message-m.png) no-repeat 0 0;
	text-indent: -9999px;
	background-size: 100%;
	width: 75%;
	height: 130px;
}
.tositter a{
	display: block;
	margin: 0 auto 50px auto;
	background:url(../images/tositter.png) no-repeat 0 0;
	text-indent: -9999px;
	width: 361px;
	height: 116px;
}
.footer-nav05{
	margin: 0 0 20px 0;
}

.footer-address-company01 {
	background-size: 90%;
	margin: 10px auto 20px;
	
}
.footer-address-company02 {
	background-size: 90%;
	margin: 10px auto 30px;	
	
}

.content-box {
	padding: 10px;
}

.naver-wrapper {
	margin-top: 4px;
}
.gnav li a{
	width: auto;
	text-indent: inherit;
	float: none;
	padding: 15px;
	background: none;
	height: auto;
	display: block;
	color: #fff;
	text-decoration: none;
	text-align: center;
	  margin-right: 0px;
}
.gnav li.nav-04 a{margin-right: 0;}
.gnav li{
	margin-bottom: 4px;
	float: none;
	width: 100%;
	 background-color:rgba(126,209,28,0.8);
}

.gnav li:hover{
	float: none;
	width: 100%;
	 background-color:rgba(126,209,28,1.0);
}

.gnav li.end{
	float: none;
	width: 100%;
	margin-right: 0;
	height: auto;
}



/*----------------------------------------------------
two column
------------------------------------------------------*/
.main-contents {
	width: 100%;
	max-width: 720px;
	float: none;
}
.side-contents {
	margin: 0;
	float: none;
	width:100%;
}

/*----------------------------------------------------
price
------------------------------------------------------*/
.price-contents{
	padding: 10px;
}
.price-table01 {
	width: 100%;
}

.price-table02{
	width: 100%;
}
.heading04 {
	margin: 50px 0 20px;
	padding: 12px;
	background: #a9e153;
	border-radius:0px 5px 5px 0px;
-webkit-border-radius:0px 5px 5px 0px;
-moz-border-radius:0px 5px 5px 0px; 
	font-weight: bold;
	border-left: #80c419 8px solid;
}

/*----------------------------------------------------
service
------------------------------------------------------*/
.service-contents{
	padding: 10px;
}
.service-box {
  margin: 0 0 30px 0;
  padding: 0 0 20px 0;
  position: relative;
  line-height: 1.7;
}

.toprice a{
	position: inherit;	
}

.heading02 {
	margin-bottom: 20px;
	padding: 12px;
	background: #EFD656;
	border-radius:0px 5px 5px 0px;
-webkit-border-radius:0px 5px 5px 0px;
-moz-border-radius:0px 5px 5px 0px; 
border-left: #C1A821 8px solid;
	
}
.heading03 {
	margin-bottom: 20px;
	padding: 12px;
	background: #7ad2e9;
	border-radius:0px 5px 5px 0px;
-webkit-border-radius:0px 5px 5px 0px;
-moz-border-radius:0px 5px 5px 0px;
 border-left: #0a8cad 8px solid;
}


.heading01 {
	height: 3.3em;
	background-position: bottom left;
}

.heading01 h3{
	height: ;
	background:none;
	text-indent: inherit;
}
.info-box {
	padding: 20px;
	float: left;
	width: 90%;
	margin-right: 20px;
	margin-bottom: 20px;
	min-height: 220px;
	height: auto;
}

.info-box.right {
	float: left;
	width: 90%;
	margin-right: 0;
}
.logo-area {
	padding: 0 0 10px 20px;
	width: 80%;
	float: none;
}
.info-text {
	text-align: center;
	padding: 5px 0;
	font-size: 80%;
}

.contact-area a{
	margin: 0;
	padding: 20px;
	height: auto;
	float:none;
	background: #7DCEE7;
	text-indent: inherit;
	position:inherit;
	width: auto;
	color: #fff;
	text-decoration: none;
	text-align: center;
	 border-radius: 8px; 
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; 
	margin: 0 10px;
box-shadow:rgba(8, 124, 166, 0.168627) 0px 0px 5px 2px;
-webkit-box-shadow:rgba(8, 124, 166, 0.168627) 0px 0px 5px 2px;
-moz-box-shadow:rgba(8, 124, 166, 0.168627) 0px 0px 5px 2px;
}

.table-head {
 
	width: 20%;
	background:#ace2f0;
}
.table-box {
	margin-bottom: 2px;
	background:#ceecf4;
	padding: 10px;
	width: 80%;
  vertical-align: middle;
}

/*----------------------------------------------------
side
------------------------------------------------------*/
.member-flow a{
	padding: 20px;
		text-align: center;
	margin: 10px;
	text-indent: inherit;
	width: auto;
	height: auto;
	background: #58CAE7;
	display: block;
	color: #fff;
	 border-radius: 8px; 
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px;
	font-size:120%;
}

.side-menu {
	font-size: 110%;
}

.side-menu.orange {
	margin-bottom: 20px;
	background: url(../images/side/side-orange-full.png) no-repeat bottom  rgba(255,255,255,1.00);
}
.side-menu.green {
	margin-bottom: 20px;
	background: url(../images/side/side-green-full.png) no-repeat bottom  rgba(255,255,255,1.00);
}

.side-menu.orange .side-title {
	
	background:url(../images/side/side-orange-full.png) no-repeat top;
}

.side-menu.green .side-title {
	
	background:url(../images/side/side-green-full.png) no-repeat top;
}

/*----------------------------------------------------
footer
------------------------------------------------------*/
.footer{
	width: 100%;
}
.inner-footer {
	margin: 0 auto;
	width: auto;
	heght:200px;
	padding: 20px 0;
}

.footer-nav01 {
	margin: 0 10px 20px 20px;
	width: 90%;
	float: none;
}

.footer-nav02 {
	margin: 0 10px 20px 20px;
	width: 90%;
	float: none;
}

.footer-nav03 {
	margin: 0 10px 20px 20px;
	width: 90%;
	float: none;
}
.footer-nav03 ul li{
	margin: 0 10px 20px 0;
	width: 90%;
	float: none;
	height: 25px;
  padding: 0 0 0 25px;
  background: url(../images/footer-heading.png) no-repeat left 0;
}
.footer-nav04 {
	width: 90%;
	float: none;
	text-indent: -99999px;
}
.footer-address{
	width: 95%;
	margin: 0 0 0 20px;
	padding: 10px;
	
}
.inner-footer ul {
  padding: 0 0 20px 20px;
}

}

@media screen and (max-width: 480px) {
	
.main-image {
	margin-bottom: 20px;
	background: url(../images/main-image-m.png) no-repeat 0 0;
	text-indent: -9999px;
	background-size: cover;
}	
	
	
/*----------------------------------------------------
company-index
------------------------------------------------------*/
.com-logo-area {
	width: 70%;
	margin: 0 auto;
	padding: 80px 0 30px 0;
	
}
.company-name {
	margin: 0px auto 20px auto;
	background:url(../images/company-name-m.png) no-repeat 0 0;
	background-size: 100%;
	text-indent: -9999px;
	width: 70%;
	height: 80px;
}


.company-message{
	margin: 0 auto 10px auto;
	background:url(../images/company-message-m.png) no-repeat 0 0;
	text-indent: -9999px;
	background-size: 100%;
	width: 80%;
	height: 120px;
}
.tositter a{
	display: block;
	margin: 0 auto 50px auto;
	background:url(../images/tositter.png) no-repeat 0 0;
	text-indent: -9999px;
	background-size: 100%;
	width: 80%;
	height: 116px;
}
.footer-address-company01 {
	width: 70%;
	margin: 10px auto 20px;
	float: none;
	height: 100px;
}
.footer-address-company02 {
	margin: 10px auto 10px;	
	width: 70%;
	float: none;
	height: 140px;
}


.footer-nav05  li{
	float:none;
	padding: 5px 20px 5px 25px;
	background:url(../images/footer-heading.png) no-repeat left 3px;
}
.footer-nav05 {
	margin: 0 10px 0 0;
	width: 100%;
	
	float: none;
}


	
}

/* よく使うCSS start
 
img {
    max-width:100%;
}
 
table {
    width:100%;
}
 
a,a:hover {
    -webkit-transition: 0.7s;
    -moz-transition: 0.7s;
    -o-transition: 0.7s;
    transition: 0.7s;
}
 
a img:hover {
    filter: alpha(opacity=75);
    -moz-opacity:0.75;
    opacity:0.75;
}
 
よく使うCSS end -----
時々使うCSS3 start ---
 
テキストシャドウ {
    text-shadow: 1px 1px 3px #000;
}
 
テキストシャドウ {
    text-shadow: 1px 1px 3px #000;
}
 
ボックスシャドウ {
    -moz-box-shadow: 1px 1px 3px #000;
    -webkit-box-shadow: 1px 1px 3px #000;
    box-shadow: 1px 1px 3px #000;
}
 
ボックスシャドウ内側 {
    -moz-box-shadow: inset 1px 1px 3px #000;
    -webkit-box-shadow: inset 1px 1px 3px #000;
    box-shadow: inset 1px 1px 3px #000;
}
 
角丸 {
    border-radius: 8px; 
    -webkit-border-radius: 8px;
    -moz-border-radius: 8px; 
}
 
トランジション {
    -webkit-transition: 1.5s;
    -moz-transition: 1.5s;
    -o-transition: 1.5s;
    transition: 1.5s;
}
 
透明 {
    filter: alpha(opacity=25);
    -moz-opacity:0.25;
    opacity:0.25;
}
 
背景のみ透明 {
    background-color:rgba(255,255,255,0.2);
}
 
グラデーション {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000');
    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#ffffff', endColorstr = '#000000')";
    background-image: -moz-linear-gradient(top, #ffffff, #000000);
    background-image: -ms-linear-gradient(top, #ffffff, #000000);
    background-image: -o-linear-gradient(top, #ffffff, #000000);
    background-image: -webkit-gradient(linear, center top, center bottom, from(#ffffff), to(#000000));
    background-image: -webkit-linear-gradient(top, #ffffff, #000000);
    background-image: linear-gradient(top, #ffffff, #000000);
}
 
スマホ対応
@media screen and (max-width: 480px){
    
}
@media screen and (max-width: 320px){
    
}
 
時々使うCSS3 end */