﻿	.bg01 {
		background-color: #008bd1;
    	color: #fff;
    	text-align: center;
    	font-size: 110%;
		padding-top: 20px;
		padding-bottom: 40px;
	}
	
	.bg01-1 {
		background-color: #008bd1;
    	color: #fff;
    	text-align: center;
    	font-size: 110%;
	    padding-top: 50px;
	}

	
	.bg02 {
    	background-color: #0165a0;
    	padding: 0 10px 0px 10px;
    	text-align: center;
    	font-size: 110%;
	}
	
	.bg03 {
		background-color: #008bd1;
    	padding: 0 10px 10px 10px;
		text-align: center;
		font-size: 110%;
	}
	
	.box01 {
    	background-color: #eee;
    	padding: 20px;
    	margin: 0px 10px 10px 10px;
	}
	
	.title01 {
		border: solid 2px #008bd1;
	    display: inline-block;
    	padding:10px 15px;
    	color: #008bd1;
    	font-size: 110%;
    	font-weight: bold;
    	margin: 0px 0px 15px 0px;
		letter-spacing: 4px;
	}
	
	.table01 {
		vertical-align: middle !important;
		text-align: center;
	}
	
	.type1 dl {
	  opacity: 0;
	  -webkit-transform: translateY(100%);
	  transform: translateY(100%);
	  -webkit-transition: opacity 0.6s, -webkit-transform 0.6s;
	  transition: opacity 0.6s, transform 0.6s;
	}

	.type1:hover dl {
	  opacity: 1;
	  -webkit-transform: translateY(0);
	  transform: translateY(0);
	}
	
	.hover01 {
		color: yellow;
		font-weight: bold;
		margin-bottom: 9px;
	}
	
	.img03 {
		position: relative;
	}
	
	.img04 {
		position: absolute;
		top: 220px;
	}
	
	.img05 {
		position: relative;
	}
	
	.img06 {
		position: absolute;
    	bottom: 0px;
    	right: 5%;
    	width: 45%;
    	max-width: 40%;
	}
	
	.disc01 {
		text-align: center;
    	display: inline-block;
		padding-left: 10px;
	}
	
	.disc02 {
		list-style-type: disc !important;
    	margin: 0 auto;
	    text-align: left;
	}
	
	.kome {
		font-size: 80%;
	}
	
	.store {
		font-size: 85%;
	}
	
@media ( max-width: 767px ) {
	
	.left-xs-sm {
		width: 50%;
	}
	
	.right-xs-sm {
		width: 50%;
		vertical-align: middle !important;
	}
	
	.btnlocal {
		padding: 15px;
	}
}
	
@media ( min-width: 768px ) and ( max-width: 992px ) {
	
	.left-xs-sm {
		width: 50%;
	}

	.right-xs-sm {
		width: 50%;
		vertical-align: middle !important;
	}

	
}