@media screen and (min-device-width: 991px) and (max-device-width: 2000px){

	select{
	display:none;
	}
	#main-nav {   
    width:960px;
	}
	#press_cont ul li img {
	width:142px!important;
	}
	#nicemenu div.sub_menu {
	left:-620px;
	}

}

/************************************************************************************
smaller than 768
*************************************************************************************/
@media screen and (max-device-width: 990px) {
	
	#quick{
		display:none;
	}
		
	#font_size {
		display:none;		
	}

	html {
	/*overflow-x:hidden;*/
	}
	
	body {
	/*overflow-x:hidden;*/
	}

	#inside {
	width: 95%;
	}
	
	#head_width {
	width: 95%;
	margin:0 auto;
	}
	
	.three_column #head_width {
	width: 95%;
	margin:0 auto;
	}
	
	#navi_to_hear{
	display:none;	
	}
		
	#header_border{
	margin:0 auto;
	width:100%;
	}
	
	#button {
	display:none;
	}
	
	#sub-nav {
	top:70px;
	}
	
	#sub-nav_hg {
	top:70px;
	}

	#sub-nav li a{
	color:#222222;	
	}
	
	#sub-nav a:hover {
	color:#222222;
	text-decoration:underline;
	}
			
	#program {
	width: auto;
	float: none;
	margin:0 auto;
	}
		
	#program .bg_border_pro{
	background:none;
	display: inline;
	margin-bottom: 0;	
	}
	
	#link {
	margin:0 auto;
	float: none;
	width:585px;	
	}
	
	#information{
	margin:0 0 10px 0;
	width:100%;
	}
		
	article {
	width: auto;
	float: none;
	margin:0 auto;
	}
	
	aside {
    float: none;
    margin: 0 auto 20px;
    width: 580px;
	}
	
	#program {
	width: auto;
	float: none;
	margin:0 auto;
	}

	#end span {
	display:none;
	}
	
	.lower{
	width:580px;	
	}

	#end p {
	display:none;
	}
	
	#banner{
	width:auto;
	}
	
	#banner ul{
	height: auto;
    margin: 0 auto 20px;
    overflow: hidden;
    width: 582px;
	}
		
	#banner ul li{
	float:left;
	margin-right:2px;
	}
	
	#banner02 ul{
	height: auto;
    margin: 0 auto 20px;
    overflow: hidden;
    width: 582px;
	}
	
	#banner02 ul li{
	float:left;
	margin-right:2px;
	}

	#pagetop{
	display:none;
	}
	
	#foot_container{
	width: 95%;
	}

	.foot_container1{
	margin-left: 2%;
 	width: 20%;	
	}
	
	.foot_container2{
	margin-left: 2%;
 	width: 50%;	
	}
	
	.foot_container3{
	margin-left: 2%;
 	width: 20%;	
	}
	
	.foot_container4{
	float:none;
	width:100%;
	margin:0 auto;
	}
	
	#listCate4{
	margin:0 auto;
	padding-top:60px;
	height:0;
	float:none;
	}
	
	#foot_under{
	float:none;
	width: 100%;
	margin:150px auto 0 auto;
	text-align:center;
	position:relative;
	height:0;
	}
	
	#jst-logo_bla{
	width: 240px;
	text-align:center;
	float:none;
	left:0;	
	margin:0 auto;
 	 text-align: center;
	}
	
	#footer p{
	padding-top:70px;	
	}
	
	#inside {
	width: 95%;
	}
	
	.three_column #inside {
	width: 95%;
	}

	/* content */
	#content {
	width: 100%;
	}

	.post-image {
	width:650px;	
	}

	.slidesContainer{
	margin:0 auto;
	text-align:center;
	}

	/* search form */
	#search {
    width:95%;
	}
	
	#search_nobg {
	width:95%;
	}
	
	#search_nobg #searchform {
    top: 25px;
	}

	/* sidebar */
	#sidebar {
	width: 100%;
	}
			
	#pro {
	width: 588px;
	margin: 0 auto 20px;
	height: auto;
	overflow: hidden;
	}
	
	#pro_left{
	clear:both;
	width:100%;
	}
	
	#pro_left li{
	width:19%;
	float:right;

	}
	
	.board-right{
	float:left;
	margin-right:1px;	
	}
	
	.board-left{
	margin-right:1px;
	}
	
	select{
	display:none;	
	}
		
	element.style {
    width: 74%;
	}

/************************************************************************************
contract
*************************************************************************************/
	
	#header_border{
	border-bottom:2px solid #c5c5c5;
	margin-bottom:30px;
	}
	
	h3{
	width:95%;
	}
	
	.float {
    width: 50%;
	}
	
	#navi_to_hear{
	display:none;
	}
	
	#latest{
	margin-bottom:30px;
	}
	
/************************************************************************************
サイトマップ
*************************************************************************************/
	
	#sitemap_list2 li {
	width:100%;
    float:none;
	}

	#sitemap_list2 li{
	float:none;
	}

	#sitemap_list2 {
    height: 300px;
	}

	#sitemap_pro1  {
	width:100%;
	clear:both;
    float:none;
	}

	#sitemap_pro2 {
	width:100%;
   	clear:both;
    float:none;
	}
	
/************************************************************************************
press
*************************************************************************************/	
	#press_cont ul li dl {
    width: 80%;
	}
	
	#press_cont ul li img {
	width:16%;
	}
	
	#press_cont2 ul li dl {
    width: 80%;
	}
	
	#press_cont2 ul li img {
	width:16%;
	}
	
	.old_data ul li dl {
    width: 80%;
	}
	
	.old_data ul li img {
	width:16%;
	}
	
/************************************************************************************
pdf
*************************************************************************************/
	#press_cont .pdf img {
    width:19px;
	}
	
	#press_cont2 .pdf img {
    width: 19px;
	}
	
/************************************************************************************
dropdown
*************************************************************************************/
	#nicemenu{
	margin:0 auto;
	}
	
	.sub_menu{
	padding-bottom:100px;
	overflow-y: scroll;
	overflow-x: hidden;
	height:150px;
	}

	#nicemenu div.sub_menu {   
    overflow-y: scroll;
	overflow-x: hidden;
	position:absolute;
	left:0!important;
	width:530px!important;
	}
	
	#left {
    float:none;
	width:100%;
	padding:-15px;
	}
	
	#middle {
    float:none;
    width:100%;
	padding:-15px;

	}
	
	#right {
    float:none;
    width:100%;
	background: url("../../../common/images/border_down.gif") no-repeat scroll 0 0 transparent;
	padding:-15px;
	}	
	
	#middle img{
	display:none;
	}
	
	#left img{
	display:none;
	}
	
	#gradient {
    width: 100%;
	}
	
/************************************************************************************
english
*************************************************************************************/	
	
	#main-nav_en{
	font-size:100%;
	}
	
	#sub-nav_en {
    margin: 0;
    right: 0;
    top: 55px;
    width:175px;
	font-weight:normal;
	}

	#sub-nav_en li a{
	color:#222222;	
	}
	
	#sub-nav_en a:hover {
	color:#222222;
	text-decoration:underline;
	}
	
	.foot_container1_en{
	margin-left: 2%;
 	width: 20%;	
	}
	
	#listCate4_en {
	clear:both;
    float: none;
    margin:0 auto;
    width:230px;
	padding-left:50px;
	}
	
	#jst-logo_bla_en{
	width: 240px;
	text-align:center;
	float:none;
	left:0;
	top:-20px;	
	margin:0 auto;
  	text-align: center;
	position:relative;
	}
	
	#foot_under_en {
    float: none;
    height: 0;
    margin: 90px auto 0;
    position: relative;
    text-align: center;
    width: 100%;
	}
		
	#footer_en{
	padding:0;
	}
	
	



}

/************************************************************************************
smaller than 700
*************************************************************************************/
@media screen and (max-device-width: 700px) {
	
	.post-image {
	width:95%;
	height:150px;
	}
		
	.slidesPagination{
	display:none;	
	}
	
	#slides .slidesNext{
     display:none;
	}
	
	#slides a{
	display:none;
	}
		
	#main-nav{
	font-size:90%;
	}
	
}


/************************************************************************************
smaller than 640
*************************************************************************************/
@media screen and (max-device-width: 640px) {
	
	body {
	border-top: 6px solid #000000;
	/*overflow-x:hidden;*/
	}
	
	#pagewrap {
	z-index:2000;
	}
	
	h3{
	width:85%;
	}

	#inside {
	width: 95%;		
	}
	
	#header_era {
    height:180px;
	}
	
	#header_pre {
	height:180px;
	}
	
	#header_cre {
    height:180px;
	}
	
	#navi_to_hear{
	display:none;
	}
	
	/* disable webkit text size adjust (for iPhone) */
	html {
	-webkit-text-size-adjust: none;
	}

	#site-logo{
	width:100%;
	text-align:center;
	padding-top:0;
	margin-top:40px;
	z-index:500;
	}
	
	.three_column #site-logo {
	width:100%;
	text-align:center;
	padding-top:0;
	margin-top:0;
	}
	
	.three_column #jst_logo{
	text-align:center;
	margin:0 auto;
	position:relative;
	top:100px;
	}
	
	#jst-logo{
	text-align:center;
	margin:0 auto;
	position:relative;
	top:10px;
	float:none;
	}
	
	#sub-nav {
	width: 170px;
	position:relative;
	text-align:center;
	margin:0 auto;
	top:20px;
	}
	
	#sub-nav_hg {
	width: 165px;
	position:relative;
	text-align:center;
	margin:0 auto;
	top:110px;
	}
		
	#search {
	clear:both;
    bottom: -80px;
    position: absolute;
    right: 0;
    z-index:5000;
	background: none repeat-y scroll 0 0 #666666;
	width:100%;
	height:80px;
	padding:0;
	}

	#search #searchform {
	float:none;
	margin:20px auto;
	position:relative;
	top:0;
	border-radius:none;
	box-shadow:none;
	background:none;
	width:300px;
	}
	
	#search #searchform #s{
	width:245px;  
	}
		
	#search_nobg{
	clear:both;
    bottom: -80px;
    position: absolute;
    right: 0;
    z-index:5000;
	background: none repeat-y scroll 0 0 #666666;
	width:100%;
	height:80px;
	padding:0;	
	}
	
	#search_nobg #searchform {
	float:none;
	margin:20px auto;
	position:relative;
	top:0;
	border-radius:none;
	box-shadow:none;
	background:none;
	width:300px;
	}
	
	#search_nobg #searchform #s {
	width:245px; 	
	}
	
	.post-image {
	width:95%;
	height:250px;
	margin:-20px auto -100px auto;
	
	}
	
	#link {
	width:100%;	
	}
	
	aside {
    float: none;
    margin: 0 auto 20px;
    width: 580px;
	}

	.slidesPagination{
	display:none;	
	}
	
	#slides .slidesNext {
     display:none;
	}
	
	#slides a{
	display:none;
	}
	
	#pro {
    height: 250px;
	}
	
	#content{
	padding-top:50px;
	border-top:1px solid #7b7b7b;		
	}

	#main-nav{
	display:none;
	}
	
	#main-nav_en{
	display:none;
	}
	
	#press{
	width:100%;	
	}
		
	#event_recrute{
	width:100%;
	}
	
	#information{
	margin:0 0 30px 0;
	}

	.foot_container1{
	margin-left: 2%;
 	width: 95%;
	padding-bottom:20px;
	border-right-style:hidden;
	}
	
	.foot_container2{
	border-right-style:hidden;
	border-top:1px solid #232320;
	border-bottom:1px solid #232320;
	padding-bottom:20px;
	padding-top:20px;
	margin-left: 2%;
 	width: 95%;
	margin-bottom: 20px;
	}
	
	#listCate2{
	width:100%;
	}
	
	#listCate2_2{
	margin-left: 10px;
	float:left;
	width:100%;
	}
	
	.foot_container3{
	border-top:1px solid #232320;
	padding-bottom:10px;
	padding-top:20px;
	margin-left: 2%;
 	width: 95%;	
	}

	.foot_container4{
	bordre-top:1px solid #232320;
	float:none;
	width:100%;
	margin:0 auto;
	}
	
	#foot_under{
	top:120px;
	width:95%;	
	}
	
	#foot_under #pra {
    padding:0 0 0 10px;
	}
		
	#pra{
	clear:both;
	position:absolute;
	text-align:left;
	left:2%;
	border-bottom:1px solid #232320;
	height:40px;
	width:95%;
	top:0px;
	}

	#footer{
	margin-top: 80px;
	}
		
	#footer p {
    padding-top:180px;
	}
	
	#banner ul{
	height: auto;
    margin: 0 auto 20px;
    overflow: hidden;
    width: 290px;
	}
	
	#banner ul li{
	float:left;
	margin-right:2px;
	}
	
	#banner02 ul{
	height: auto;
    margin: 0 auto 20px;
    overflow: hidden;
    width: 290px;	
	}
	
	#banner02 ul li{
	float:left;
	margin-right:2px;
	}

	#banner{
	width:100%;
	}
	
	#gradient {
    top:-190px;
	margin-left: 30%;
    z-index: 2000;
	}
	
	.pos_top{
	position: absolute;
	display:block;
	top:-12px;
	width:95%;
	text-align:right;
	}
	
	nav{
	position: absolute;
	display:block;
	top:-3px;
	width:95%;
	text-align:right;
	}
	
	nav ul{
	display: none;
	}
	
    nav select{
	display: inline-block; 
	border:1px solid #000000;
	background-color:#000000; 
	color:#FFFFFF;
	padding:5px 7px 5px 5px;
	position: relative;
	font-size: 15px;
	font-weight:bold;
	height:30px;
	white-space:nowrap;
	overflow:hidden;
	-webkit-text-overflow:ellipsis;
	text-overflow:ellipsis;
	text-align:center;
	width:100%;
	}
	nav option{
	color:#FFFFFF;
	height:30px;
	padding:10px 0 0 0;
	}
	
	.list_ex {
    width: 85%;
	}
	
	.accordion_wrapper img {
    width:99%;
	}
	
	#program .bg_border_pro {
    background: none;
    display: block;
    margin-bottom:0;
	}

/************************************************************************************
お問い合わせ
*************************************************************************************/	
	.tel_fax {
   padding-bottom:30px;
	}
	
	#tel{
	width:100%;
	}

	#fax{
	width:68%;
	float:none;
	}
	
	.fax_margin {
    margin:0;
	}
/************************************************************************************
サイトマップ
*************************************************************************************/
	#sitemap_list2 li {
	width:100%;
    float:none;
	}

	#sitemap_list2 li{
	float:none;
	}

	#sitemap_pro1  {
	width:100%;
	clear:both;
    float:none;	
	}

	#sitemap_pro2 {
	width:100%;
  	clear:both;
    float:none;
	}

/************************************************************************************
footer
*************************************************************************************/

	#animal {
    border-bottom: 1px solid #232320;
    clear: both;
    height: 40px;
    left: 2%;
    position: absolute;
    text-align: left;
    top:70px;
    width: 92%;
	}

/************************************************************************************
dropdown
*************************************************************************************/
	#nicemenu {
    width:42%;
	}
	
	#nicemenu div.sub_menu {
	width:250px!important;
	position:absolute;
	left:0!important;
	}
	
	#left {
  	width:80%;
	}
	
	#middle {
  	 width:80%;
	}
	
	#right {
   	width:80%;
	}

/************************************************************************************
erato
*************************************************************************************/
	#gradient {
    top:-187px;
	z-index:5000;
	}
	
/************************************************************************************
english
*************************************************************************************/	
	
	#sub-nav_en{
	clear:both;
	float:none;
  	margin:0 auto;
	top:15px;
	width:140px;
	position:relative;
	text-align:center;
	}
		
	.foot_container2_en{
	border-right-style:hidden;
	border-top:1px solid #232320;
	border-bottom:1px solid #232320;
	padding-bottom:20px;
	padding-top:20px;
	margin-left: 2%;
 	width:95%;
	margin-bottom: 20px;	
	}
	
	#press_en ul li{
    float:none;  
	width:100%;
	}
	
	.foot_container1_en{
	margin-left: 2%;
 	width: 95%;
	padding-bottom:20px;
	border-right-style:hidden;
	}
	
	#listCate4_en {
	clear:both;
    margin:0 auto;
    width:300px;
	padding-top:-100px;
	}
	
	#foot_under_en{
    top:50px;
    width: 95%;
	}
	
	#foot_under li_en{
    background: url("../images/arrow.gif") no-repeat scroll 0 7px transparent;
    margin: 0;
    padding: 0 10px;
    right: 30px;
	}
	
	#footer_en p{
    padding-top:120px;
	}
	
	#pro {
	width: 300px;
	height:320px;
	margin:0 auto;
	display:block;
	}
	
	#program .bg_border_pro{
	background:none;
	display: block;
	margin-bottom: 0;
	margin:0 auto;
	width: 100%;
	}
	
	#program{
	clear:both;
	display:block;
	}

}

/************************************************************************************
smaller than 610
*************************************************************************************/

@media screen and (max-device-width: 610px) {
#pro {
	width: 290px;
}

/************************************************************************************
サイトマップ
*************************************************************************************/
#sitemap_list1 {
    font-size:90%;
}

#sitemap_list2 {
    font-size:95%;
	 line-height: 3.5;
}

#sitemap_list3 {
   	font-size:90%;
}

}