/*10px＝77%
/*11px＝85%
/*12px＝93%
/*13px＝100%
/*14px＝108%
/*15px＝116%
/*16px＝124%
/*17px＝131%
/*18px＝139%
/*19px＝147%
/*20px＝154%
/*21px＝162%
/*22px＝170%
/*23px＝177%
/*24px＝185%
/*25px＝193%

/* ---------------------------------------------------------------- */
/* メインコンテンツ */
/* ---------------------------------------------------------------- */

/* ピックアップ */

div.PickUpBox{
	margin:35px 0 35px;
	width:960px;
	overflow:hidden;
	height:155px;
}

div.PickUpBox ul{
	margin-right:-22px;
	width:982px;
}

div.PickUpBox li{
	float:left;
	margin-right:22px;
	width:305px;
	font-size:93%;
}

div.PickUpBox li img{ margin-bottom:5px;}
	
/* ニュース関連 */

div.NewsBox{
	background:url(../images/bg01.gif);
	padding:25px 20px; 
	width:430px;
}

div.NewsBox div.TtlBox{
	border-bottom:1px solid #999999;
	padding-bottom:10px;
}

div.NewsBox div.TtlBox h2{float:left;}
div.NewsBox div.TtlBox p{float:right;}

div.NewsBox table.NewsTable{
	width:100%;
	margin-top:8px;
	color:#666666;
	font-size:93%;
}

div.NewsBox table.NewsTable th{ padding-top:10px; vertical-align:top; width:20%; font-size:0.8em;}
div.NewsBox table.NewsTable td{ padding-top:10px; vertical-align:top;}
div.NewsBox table.NewsTable td a{ color:#333333;}
div.NewsBox table.NewsTable td a:hover{ color:#0080cc;}

/* ワークス関連 */

div.WorksList{
	width:960px;
	margin-top:30px;
	overflow: hidden;
	}
	
div.WorksList div{
	width:960px;
	height:150px;
	overflow: hidden;
	text-align: left;
	}
	
div.WorksList h3{ margin-bottom:10px;}
div.WorksList h3 span{ margin-left:10px; color:#0080cc;}
	
div.WorksList a{ display:block; width:1400px;}
div.WorksList a img{float:left;margin-right:2px;height:150px;}
div.WorksList a:hover img{filter:alpha(opacity=70);-moz-opacity: 0.7;opacity: 0.7;}

@media screen and (max-device-width: 576px){
div.NewsBox {
margin-top: 20px;
width:920px;
}
}