@charset "shift_jis";
/* CSS Document */

body {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	line-height: 18px;
	background-image: url(../images/bg_img.jpg);
	background-repeat: repeat-x;
	background-position: center top;
	background-color: #B4E6FF;
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", Osaka, "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}
#clear {
	margin: 0px;
	padding: 0px;
	clear: both;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
}
h1, h2, h3, h4, p {
	font-size: 12px;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
h1#head {
	font-size: 11px;
	line-height: 15px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	color: #00527D;
}
#photoArea {
	margin: 0px;
	padding: 0px;
}

#container {
	padding: 0px;
	width: 908px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header {
	padding: 0px;
	position: relative;
	height: 90px;
	width: 900px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#header h2 {
	position: absolute;
	left: 0px;
	top: 12px;
	width: 0px;
}
#header #centerLogo {
	margin: 0px;
	padding: 0px;
	position: absolute;
	top: 31px;
	left: 174px;
}
#header #contact {
	margin: 0px;
	padding: 0px;
	position: absolute;
	left: 675px;
	top: 17px;
}



#globalNavi {
	padding: 0px;
	width: 908px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#globalNavi ul {
	list-style-type: none;
	display: block;
	padding: 0px;
	line-height: 0px;
	width: 908px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	height: 53px;
}
#globalNavi ul #n01 a {
	background-image: url(../images/globalnavi_img_r1_c1.png);
	background-position: left top;
	height: 53px;
	width: 185px;
	float: left;
	margin: 0px;
	padding: 0px;
	display: block;
	background-repeat: no-repeat;
}
#globalNavi ul #n01 a:hover {
	background-image: url(../images/globalnavi_swap_img_r1_c1.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#globalNavi ul #n02 a {
	background-image: url(../images/globalnavi_img_r1_c2.png);
	background-repeat: no-repeat;
	background-position: center top;
	float: left;
	margin: 0px;
	padding: 0px;
	height: 53px;
	width: 180px;
	display: block;
}
#globalNavi ul #n02 a:hover {
	background-image: url(../images/globalnavi_swap_img_r1_c2.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#globalNavi ul #n03 a {
	background-image: url(../images/globalnavi_img_r1_c3.png);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 53px;
	width: 180px;
	display: block;
}
#globalNavi ul #n03 a:hover {
	background-image: url(../images/globalnavi_swap_img_r1_c3.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#globalNavi ul #n04 a {
	background-image: url(../images/globalnavi_img_r1_c4.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 53px;
	width: 180px;
	display: block;
}
#globalNavi ul #n04 a:hover {
	background-image: url(../images/globalnavi_swap_img_r1_c4.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#globalNavi ul #n05 a {
	background-image: url(../images/globalnavi_img_r1_c5.png);
	background-repeat: no-repeat;
	background-position: center top;
	margin: 0px;
	padding: 0px;
	float: left;
	height: 53px;
	width: 183px;
	display: block;
}
#globalNavi ul #n05 a:hover {
	background-image: url(../images/globalnavi_swap_img_r1_c5.png);
	background-repeat: no-repeat;
	background-position: left top;
}


#mainArea {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 900px;
	background-image: url(../images/cloud.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#mainArea_inner {
	margin: 0px;
	background-color: #FFFFFF;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
}
#contents {
	width: 640px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#sideArea {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 200px;
}
#sideArea_inner_top {
	background-image: url(
../images/sidebar_bg_img_r1_c1.png;
	background-repeat: no-repeat;
	background-position: center top;
	height: 20px;
	background-image: url(../images/sidebar_bg_img_r1_c1.png);
	width: 200px;
	margin: 0px;
	padding: 0px;
}
#sideArea_inner_bottom {
	background-image: url(
../images/sidebar_bg_img_r4_c1.png;
	background-repeat: no-repeat;
	background-position: center bottom;
	height: 20px;
	background-image: url(../images/sidebar_bg_img_r4_c1.png);
	margin: 0px;
	padding: 0px;
	width: 200px;
}
#sideArea_inner_center {
	background-image: url(
../images/sidebar_bg_img_r2_c1.png;
	background-repeat: repeat-y;
	background-position: center top;
	width: 160px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	background-image: url(../images/sidebar_bg_img_r2_c1.png);
	margin: 0px;
}
#bunnerBox {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
p#detail {
	text-align: right;
	margin: 0px;
	padding: 0px;
}
p#bar {
	background-color: #006699;
	width: 160px;
	padding-top: 3px;
	padding-bottom: 3px;
	text-align: center;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 10px;
	background-image: url(../images/bar_bg_img.jpg);
	background-position: center top;
	height: 20px;
}
p#pagetop {
	text-align: right;
	padding: 0px;
	margin-right: 0px;
	margin-top: 10px;
}
p#copyright {
	margin-top: 35px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	padding: 0px;
	font-size: 12px;
	float: left;
}
#footLogo {
	float: left;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 14px;
}
table#border       {
	margin-top:10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
}
td#border             {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #333333;
	padding: 10px;
}
h3#title {
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
h4#miniTitle {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
p#text {
	padding: 0px;
	line-height: 18px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 50px;
	margin-left: 0px;
}
#footer {
	height: 209px;
	background-image: url(../images/footer_bg_img.jpg);
	background-repeat: repeat-x;
	background-position: center bottom;
	margin: 0px;
	padding: 0px;
}
#footer_inner {
	width: 908px;
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}

#footNavi {
	padding: 0px;
	background-image: url(../images/footNavi_bg_img.png);
	background-repeat: no-repeat;
	background-position: center top;
	height: 111px;
	width: 908px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
#footNavi ul {
	text-align: center;
	margin: 0px;
	padding-top: 55px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#footNavi ul li {
	display: inline;
	list-style-type: none;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#footNavi li a:hover {
	color: #FF0000;
}
#footLogo {
	float: left;
	padding: 0px;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 14px;
}
#sitemap {
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
	padding: 10px;
	list-style-image: url(../images/arrow.gif);
}
#sitemap ul {
	margin-top: 30px;
	margin-left: 30px;
	padding: 0px;
	list-style-position: inside;
	list-style-image: url(../images/arrow.gif);
}
#sitemap ul li {
	padding: 0px;
	margin-bottom: 30px;
}
h5#b_title {
	font-size: 12px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	color: #33331A;
	border-bottom-width: 1px;
	border-left-width: 5px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #E6E6C4;
	border-left-color: #E6E6C4;
}
#icon {
	margin-right: 7px;
}





.type-textbound {
  font-size: 60px;
  text-align: center;
}
 
.textbound1 {-webkit-animation: bound .5s ease-in-out;}
.textbound3 {-webkit-animation: bound .7s ease-in-out;}
.textbound2 {-webkit-animation: bound .9s ease-in-out;}
.textbound4 {-webkit-animation: bound 1s ease-in-out;}
 
@-webkit-keyframes bound {
  0% {transform: scale(0) translate(0,-500px);}
  50% {transform: scaleX(2) translate(0,200px);}
  70% {transform: scaleY(.5) translate(0,-100px);}
  90% {transform: scaleX(1.5) translate(0,50px);}
  100% {transform: scale(1) translate(0,0);}
}

@media only screen and (max-width: 767px) {
.pc img { width: 100vw; }
}


*, *:before, *:after {
padding: 0;
margin: 0;
box-sizing: border-box;
}
ol, ul {
list-style: none;
}
a {
text-decoration: none;
color: inherit;
}
.cp_cont {
height: 65vh;
}
/* menu */
.cp_offcm03 {
position: relative;
z-index: 5;
top: 0;
left: 0;
overflow: auto;
width: 100%;
height: auto;
padding-top: 0;
-webkit-transition: transform 0.3s ease-in;
transition: transform 0.3s ease-in;
text-align: center;
color: red;
background-color: #FFFACD;
}
.cp_offcm03 nav,
.cp_offcm03 ul {
height: 100%;
}
.cp_offcm03 li {
display: inline-block;
margin-right: -6px;
border: none;
}
.cp_offcm03 a {
display: block;
padding: 12px 45px;
-webkit-transition: background-color .3s ease-in;
transition: background-color .3s ease-in;
}
.cp_offcm03 a:hover {
background-color: black;
}
/* menu toggle */
#cp_toggle03 {
display: none;
}
#cp_toggle03:checked ~ .cp_offcm03 {
-webkit-transform: translateX(0);
transform: translateX(0);
}
#cp_toggle03:checked ~ .cp_container {
-webkit-transform: translateX(0);
transform: translateX(0);
}
.cp_mobilebar {
display: none;
}
/* content */
.cp_container {
position: relative;
top: 0;
padding: 35px auto;
-webkit-transition: transform .3s ease-in;
transition: transform .3s ease-in;
}
.cp_content {
margin: 0 auto;
padding: 20px;
height: 65vh;
text-align: center;
}
@media (max-width: 767px) {
/* menu */
.cp_offcm03 {
position: fixed;
left: -250px;
overflow-y: hidden;
width: 250px;
height: 100%;
padding-top: 60px;
color: #ffffff;
background-color: #FFFACD;
}
.cp_offcm03 nav {
background: #29B6F6;
}
.cp_offcm03 li {
display: block;
margin-right: 0;
border-bottom: 1px solid #ffffff;
}
.cp_offcm03 a {
padding: 20px;
}
/* menu toggle */
.cp_mobilebar {
display: block;
z-index: 10;
position: fixed;
top: 0;
left: 0;
padding: 0 25px;
width: 100%;
height: 60px;
background-color: #FFFACD;
}
.cp_menuicon {
display: block;
position: relative;
width: 25px;
height: 100%;
cursor: pointer;
-webkit-transition: transform .3s ease-in;
transition: transform .3s ease-in;
}
.cp_menuicon > span {
display: block;
position: absolute;
top: 55%;
margin-top: -0.3em;
width: 100%;
height: 0.2em;
border-radius: 1px;
background-color: #eeeeee;
-webkit-transition: transform .3s ease;
transition: transform .3s ease;
}
.cp_menuicon > span:before,
.cp_menuicon > span:after {
content: '';
position: absolute;
width: 100%;
height: 100%;
border-radius: 1px;
background-color: #eeeeee;
-webkit-transition: transform .3s ease-in;
transition: transform .3s ease-in;
}
.cp_menuicon > span:before {
-webkit-transform: translateY(-0.6em);
transform: translateY(-0.6em);
}
.cp_menuicon > span:after {
-webkit-transform: translateY(0.6em);
transform: translateY(0.6em);
}
#cp_toggle03:checked + .cp_mobilebar .cp_menuicon {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}
#cp_toggle03:checked + .cp_mobilebar span:before,
#cp_toggle03:checked + .cp_mobilebar span:after {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
}
#cp_toggle03:checked ~ .cp_offcm03 {
-webkit-transform: translateX(100%);
transform: translateX(100%);
}
#cp_toggle03:checked ~ .cp_container {
-webkit-transform: translateX(250px);
transform: translateX(250px);
}
/* content */
.cp_container {
top: 60px;
height: 92vh;
}
}



@media screen and (max-width: 767px) {
.toplogo img {
  display: none;
}