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

#tech .message {
	background: url(../thumb/140218/03.gif) no-repeat;
	text-indent: -9999px;
	height: 131px;
	width: 660px;
}

#tech h5 {
	height:30px;
	line-height:30px;
	width:305px;
	color:#826B3C;
	font-size:12px;
	padding:0 5px;
	background:url(../images/techstyle_32.gif) no-repeat;
	margin:0 0 10px 0 !important;
}

#tech h5.ex {
	height:30px;
	line-height:30px;
	width:100%;
	color:#826B3C;
	font-size:12px;
	padding:0 5px;
	background:url(../images/techstyle_32.gif) repeat-x;
	margin:0 0 10px 0 !important;
}

.frame{
	width:315px;
	text-align:center;
	margin-bottom:10px;
	margin-top:5px;
}

.frame img{
	padding:2px;
	border:1px solid #CCC;
	margin:0 !important;
}

.picRight{
	float:right;
	margin-left:20px;
}

.picRight img{
	padding:2px;
	border:1px solid #CCC;
	margin:0 !important;
}

#page_title{
	background:url(../thumb/140218/01.jpg) no-repeat;
}


/**
 * タブレット端末用
**/

@media only screen and (min-width: 651px) and (max-width: 960px) {

}


/**
 * スマートフォン端末用
**/

@media only screen and (max-width: 650px) {

#page_title{
	background-size:100% auto;
}

#tech h5 {
background-repeat:repeat-x;
height: auto;
line-height: 1.6;
width: auto;
font-size: 18px;
padding: 0 5px;
background-position:0 bottom;
}


#tech .message {
height: 1px;
width: auto;
padding-bottom:19.84%;
background-size:100% auto;
margin-bottom:30px;
}


}