/* screens smaller than 980---------------------------------------------------------- */
@media only screen and (min-width:691px) and (max-width:1023px) {

/*mainimage*/
/*------------------------------------------------------------------------------*/
#mainimage{padding-top: 120px;}
#mainimage_in{
	width: 90%;
	height: 220px;
}
#mainimage h2{
	font-size: 300%;
}
#mainimage h2 span{
	font-size: 40%;
}

/*top layout*/
/*------------------------------------------------------------------------------*/
section{width: 95%;}

/*title*/
/*------------------------------------------------------------------------------*/
.title_area{
	width: 95%;
}

/*common*/
/*------------------------------------------------------------------------------*/
p.txton{
	width: 80%;
}


/*contents01 service*/
/*------------------------------------------------------------------------------*/
#service > div.box4{
	float: left;
	width: 49%;
	margin-right:2%;
	margin-bottom: 20px;
}
#service > div.box4:nth-child(even){
	margin-right: 0;
	margin-top: 0;
}


/*top contents02 company*/
/*------------------------------------------------------------------------------*/
#company{
	width: 95%;
}
#company_left{
	width: 49.9%;
	margin-right: 0.1%;
	height: 300px;
}
#company_right{
	width: 50%;
}
#company_right_top{
	height: 149px;
}
#company_right_bottom{
	height: 150px;
}





/*top contents03 news rss*/
/*------------------------------------------------------------------------------*/
#top_rss_box {
	width: 95%;
}




/*top contents04 blog*/
/*------------------------------------------------------------------------------*/

#blog_in{
	width: 95%;
}

article{
	width: 100%;
	margin-left:0;
	margin-bottom: 15px;
	float: none;
}
article .txt,article .title,article time{
	float: right;
	width: 62%;
}
article time{
	padding: 20px 20px 10px 0;
}
article .title{
	padding: 0 20px 10px 0;
}
article .txt{
	font-size: 100%;
	padding: 0 20px 15px 0;
}
.post_image{
	float: left;
	width: 35%;
}
.post_image img{
	height:auto;
	max-height: 100%;
}
.post_image p.link{
	display: none;
}

#blog_more{
	margin-top: 30px;
}



/*banner*/
/*------------------------------------------------------------------------------*/
#banner{
	width: 95%;
}


















}