/* +++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++ 1206 - 1087 +++++++++++++++ ++++++++++++++++++++++++++++*/
@media only screen 
and (min-width: 1087px) 
and (max-width: 1206px) {
	.main-navi li {
		font-size:16px;
	}
	.main-navi li a{
	padding-top: 62px;
    padding-bottom: 15px;
}
}

/* +++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++ 1086 - 847 +++++++++++++++ ++++++++++++++++++++++++++++*/
@media only screen 
and (min-width: 867px) 
and (max-width: 1086px) {
	.main-navi li {
		font-size:16px;
	}
	.main-navi li a{
		padding-top: 62px;
		padding-bottom: 15px;
	}
	.main-navi a{
		padding:0 10px;
	}
	.top_content{
		padding:10px;
		font-size: 14px;
		line-height:16px;
	}
	.top_content img{
		width:15px;
		height:15px;
	}
	.content{
		min-height:400px;
		
	}
}

/* +++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++ 846 - 674 +++++++++++++++ ++++++++++++++++++++++++++++*/
@media only screen 
and (min-width: 674px) 
and (max-width: 866px) {
	
	.top_content{
		padding:10px;
		font-size: 14px;
		line-height:16px;
	}
	.top_content img{
		width:15px;
		height:15px;
	}
	.content{
		min-height:400px;
		
	}
	#slider1{
		margin:25px auto;
	}
}


/* +++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++ 674 - 300 +++++++++++++++ ++++++++++++++++++++++++++++*/
@media only screen 
and (min-width: 300px) 
and (max-width: 673px) {
	#top_container{
		position: fixed;
		top:0;
		background-color: #9dd4d2;
		width:100%;
		margin: 0;
		padding: 0;
		z-index: 99999;
	}
	.top_content{
		font-family: 'sinkin_light';
		color: #616161;
		position:relative;
		padding:2px 10px;
		font-size: 12px;
		line-height:20px;
		text-align:right;
		vertical-align:middle;
	}
	.top_content img{
		width:12px;
		height:12px;
	}
	#navi_container{
		width: 100%;
		background-color: #65c1be;
		height:104px;
		position:fixed;
		z-index:88888;
		top:0;
	}
	
	#logo{
		position:absolute;
		top:110px;
	}
	.txt-selected{
		color:#fff!important;
	}
	.content{
		min-height:400px;
		margin:150px auto 0 auto;
		
	}
	#slider1{
		margin:117px auto 50px auto;
	}
}
@media only screen 
and (min-width: 300px) 
and (max-width: 510px) {
	.main-navi{
		display: none;
	}
	.main-navi_mobile{
		display: block;
		width:100%;
		position:relative;
		list-style-type:none;
		color:#fff;
		text-align:center;
		margin:0;
		padding:16px 0 5px 0;
	}
	.main-navi_mobile li {
		font-size:14px;
	}
	.main-navi_mobile li a{
		padding-top: 50px;
		padding-bottom: 15px;
		font-size:10px;
	}
	.main-navi_mobile a{
		padding:0 5px;
	}
	#navi_container{
		width: 100%;
		background-color: #65c1be;
		height:102px;
		position:fixed;
		z-index:88888;
		top:0;
	}
}
/* +++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++ 650 - 421 +++++++++++++++ ++++++++++++++++++++++++++++*/
@media only screen 
and (min-width: 421px) 
and (max-width: 650px) {
	.footer_content{
		width:100%;
		height:170px;
	}
	.content{
		min-height:150px;
		
	}
}
/* +++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++ 540 - 300 +++++++++++++++ ++++++++++++++++++++++++++++*/
@media only screen 
and (min-width: 300px) 
and (max-width: 540px) {
	#top_container{
		height:45px;
	}
	#slideout{
		top: 38px;
	}
	#navi_container{
		height:104px;
	}
	.left_side{
		width:55%;
		padding:10px;
	}
	.right_side{
		width:25%;	
		padding-top:10px;
		padding-left:10px;
		font-size:16px!important;
		text-align:right!important;
	}
	.content_container div{
		font-size:12px;
	}
	table{
		margin-left:-30px!important;
	}
	table tr th{
		font-size:12px;
		vertical-align:middle;
	}
	table tr td{
		font-size:12px;
		vertical-align:middle;
	}
	th.spacer1{width:33%;}
	th.spacer2{width:33%;}
	td.spacer1{width:33%;}
	td.spacer2{width:33%;}
	
	.txt_block_l{
		width:100%;
	}
	.txt_block_r{ 
		width:100%;
	}
	.txt_block_r input{
		-webkit-border-radius: 3px;
		-moz-border-radius: 3px;
		border-radius: 3px;
		border: 1px solid #ccc;
		font-size:14px;
		width:90%;
	}
	.content{
		min-height:150px;
		
	}
}
/* +++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++ 420 - 300 +++++++++++++++ ++++++++++++++++++++++++++++*/
@media only screen 
and (min-width: 300px) 
and (max-width: 420px) {
	#logo img{
		width:85%;
	}
	.footer_content{
		width:100%;
		height:235px;
	}
	h1{font-size:30px;color:#9dd4d2;margin:35px 0;padding:0 10px;}
	h2{font-size:20px;color:#9dd4d2;margin:35px 0;padding:0 10px;}
}