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


a.touchstart{
	-webkit-box-shadow: 0px 0px 5px #333 inset;
	background-color:#aaa;
	display:block;
	text-decoration:none;
	color:#000 !important;

}
nav#menu_nav ul li a.touchstart {
	-webkit-box-shadow: 0px 0px 5px #333 inset;
	background:url(../images/sp/nav_bg.png) no-repeat 290px 50%;
	background-size:20px 20px;
	background-color:#27467E;
	display:block;
	text-decoration:none;
	color:#FFF;

}

ul#menu li a.touchstart{
	-webkit-box-shadow: 0px 0px 5px #333 inset;
	background-image:none;
	background-color:#233E6D;
}

.btn06 a.touchstart{
	-webkit-box-shadow: 0px 0px 5px #333 inset;background:url(../images/sp/btn06_bg.png) no-repeat;
	background-size:304px 48px;
}

.nonpc li:active{
    -webkit-box-shadow: 0px 0px 10px #666 inset;
	color:#000 !important;
}

ul#menu .nonpc a:active{
    -webkit-box-shadow: 0px 0px 5px #333 inset;

}
ul#faq_list li a.touchstart{
	-webkit-box-shadow: 0px 0px 5px #333 inset;
	background-color:#ddd;
	display:block;
	text-decoration:none;
	color:#000;

}

/* /////////////////////////////////////////////////
‰æ‘œCSS
///////////////////////////////////////////////*/

div.image_550{
	width:550px;
	text-align:center;
	margin:10px auto;
}

div.image_350{
	width:350px;
	text-align:center;
	margin:10px auto;
}

div.image_230{
	width:230px;
	text-align:center;
	margin:10px auto;
}

@media only screen and (min-width: 768px) and (max-width: 959px) {
ul#menu li{
	background:#476494;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(102,126,166)),color-stop(0.48, rgb(72,101,149)),color-stop(1, rgb(32,61,113)));
background-image:-webkit-linear-gradient(-90deg,rgb(102,126,166) 0%,rgb(72,101,149) 48%,rgb(32,61,113) 100%);
background-image:linear-gradient(-90deg,rgb(102,126,166) 0%,rgb(72,101,149) 48%,rgb(32,61,113) 100%);
width:89px;
height:76px;
border-left:1px solid #ccc;
}

ul#menu li:active{
	-webkit-box-shadow: 0px 0px 5px #999 inset;
	background-image:none;
	background:#233E6D;
}


ul#menu li a.menu01{
	background:url(../images/tablet/sp_gnav_01.png) no-repeat 50% 50%;
	background-size:50%;
	display:block;
	width:100%;
	height:100%;
}
ul#menu li a.menu02{
	background:url(../images/tablet/sp_gnav_02.png) no-repeat 50% 50%;
	background-size:50%;
	display:block;
	width:100%;
	height:100%;
}
ul#menu li a.menu03{
	background:url(../images/tablet/sp_gnav_03.png) no-repeat 50% 50%;
	background-size:50%;
	display:block;
	width:100%;
	height:100%;
}



}

@media only screen and (max-width: 767px) {
ul#menu li{
	background:#476494;
	background-image:-webkit-gradient(linear,50% 0%,50% 100%,color-stop(0, rgb(102,126,166)),color-stop(0.48, rgb(72,101,149)),color-stop(1, rgb(32,61,113)));
background-image:-webkit-linear-gradient(-90deg,rgb(102,126,166) 0%,rgb(72,101,149) 48%,rgb(32,61,113) 100%);
background-image:linear-gradient(-90deg,rgb(102,126,166) 0%,rgb(72,101,149) 48%,rgb(32,61,113) 100%);
width:58px;
height:53px;
border-left:1px solid #ccc;
}

ul#menu li:active{
	-webkit-box-shadow: 0px 0px 5px #999 inset;
	background-image:none;
	background:#233E6D;
}


ul#menu li a.menu01{
	background:url(../images/tablet/sp_gnav_01.png) no-repeat 50% 50%;
	background-size:50%;
	display:block;
	width:100%;
	height:100%;
}
ul#menu li a.menu02{
	background:url(../images/tablet/sp_gnav_02.png) no-repeat 50% 50%;
	background-size:50%;
	display:block;
	width:100%;
	height:100%;
}
ul#menu li a.menu03{
	background:url(../images/tablet/sp_gnav_03.png) no-repeat 50% 50%;
	background-size:50%;
	display:block;
	width:100%;
	height:100%;
}

}


@media only screen and (max-width: 480px) {
	
	
	/* /////////////////////////////////////////////////
‰æ‘œCSS
///////////////////////////////////////////////*/


div.image_550{
	width:390px;
	text-align:center;
	margin:10px auto;
}

div.image_350{
	width:300px;
	text-align:center;
	margin:10px auto;
}

div.image_230{
	width:230px;
	text-align:center;
	margin:10px auto;
}
	
	
}

@media only screen and (max-width: 320px) {
	
	
	/* /////////////////////////////////////////////////
‰æ‘œCSS
///////////////////////////////////////////////*/


div.image_550{
	width:230px;
	text-align:center;
	margin:10px auto;
}

div.image_350{
	width:230px;
	text-align:center;
	margin:10px auto;
}

div.image_230{
	width:230px;
	text-align:center;
	margin:10px auto;
}
	
	
}