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

/* +++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++ 1086 - 847 +++++++++++++++ ++++++++++++++++++++++++++++*/
@media only screen 
and (min-width: 867px) 
and (max-width: 1086px) {
	.main-navi li {
		font-size:12px;
	}
	.main-navi li a{
		padding-top: 32px;
		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) {
	.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:0;
	}
	.main-navi_mobile li {
		font-size:12px;
	}
	.main-navi_mobile li a{
		padding-top: 32px;
		padding-bottom: 15px;
	}
	.main-navi_mobile a{
		padding:0 20px;
	}
	.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;
	}
	.left_side{
		width:55%;
	}
	.right_side{
		width:39%;	
	}
}


/* +++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++ 674 - 300 +++++++++++++++ ++++++++++++++++++++++++++++*/
@media only screen 
and (min-width: 300px) 
and (max-width: 673px) {
	#top_container{
		position: fixed;
		top:0;
		background-color: #ccb8ff;
		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: #a68bff;
		height:70px;
		position:fixed;
		z-index:88888;
		top:0;
	}
	.main-navi{
		display: none;
	}
	.main-navi_mobile{
		display: none;
	}
	#slideout{
		display:block;
		position: fixed;
		top: 19px;
		left: 0;
		width: 50px;
		padding:0;
		text-align: center;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
		-webkit-border-radius: 0 5px 5px 0;
		-moz-border-radius: 0 5px 5px 0;
		border-radius: 0 5px 5px 0;
		z-index:999999999;
	}
	#slideout_inner {
		color:#675A57;
		font-size:12px;
		position: absolute;
		top: 0;
		left: -170px;
		background-color: #ccb8ff;
		width: 160px;
		padding: 50px 5px 0 5px;
		height: 450px;
		-webkit-transition-duration: 0.3s;
		-moz-transition-duration: 0.3s;
		-o-transition-duration: 0.3s;
		transition-duration: 0.3s;
		text-align: left;
		-webkit-border-radius: 0 0 5px 0;
		-moz-border-radius: 0 0 5px 0;
		border-radius: 0 0 5px 0;
		z-index:999999999;
	}
	#slideout:hover {
		left: 0px;
	}
	#slideout:hover #slideout_inner {
		left: 0;
	}
	#slide_mobile_nav{
		top:0px;
		margin:0;
		padding:10px 0 10px 10px;
	}
	#slide_mobile_nav a{
		color:#675A57;
		text-decoration:none;
		line-height:2;
		padding:10px 0;
		font-size:14px;
	}
	#slide_mobile_nav a:hover{
		color:#E8E4E0;
	}
	#logo{
		position:absolute;
		top:110px;
	}
	.txt-selected{
		color:#fff!important;
	}
	.content{
		min-height:400px;
		margin-top: 100px;
		margin: 100px 24px 0px 24px;
	}
	#slider1{
		margin:90px auto;
	}
	.left_side{
		width:45%!important;
		margin-bottom:10px!important;
		padding:20px 30px 0 0px;
	}
	.right_side{
		width:45%!important;	
		margin-bottom:10px!important;
		padding:20px 0 0 0;
	}
	.content_container{
		width:100%;
	}
}

/* +++++++++++++++++++++++++++++++++++++++++ +++++++++++++++++++ 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:90px;
	}
	.content_container div{
		font-size:14px;
	}
	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:#d2c0de;margin:35px 0;padding:0 10px;}
	h2{font-size:20px;color:#d2c0de;margin:35px 0;padding:0 10px;}
	/* .left_side{
		width:100%!important;
		margin:0px!important;
		padding:10px 0px 0px 0px!important;
	}
	.right_side{
		width:100%!important;	
		font-size:16px!important;
		text-align:right!important;
		margin:0px!important;
		padding:0px 0px 10px 0px!important;
	}
	*/
}