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

body {
	margin:0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

	
@media screen and ( max-width:950px ){
.paragraph {
	display:block;
	}}


.line {
	border-bottom:#008CC9 1px solid;
	margin-left:-15px;
	text-align:center;
}

@media screen and ( max-width:950px ){
.line {
	border-bottom:0px;
	margin-left:0px;
	}}


.center {
	text-align:center;
	color:#444444;
	font-size:20px;
	font-weight:;
}

@media screen and ( max-width:950px ){
.center  {
	font-size:18px;
	}}

.category {
	width: 950px;
	margin: 0 auto;
}

@media screen and ( max-width:950px ){
.category {
	width:379px;
	margin: 0 auto;
	}}
	
@media screen and ( max-width:390px ){
.category {
	width:323px;
	margin: 0 auto;
	}}

.category_work1 {
	width:188px;
	height:155px;
	float:left;
	border-left:#008CC9 1px solid;
	border-right:#008CC9 1px solid;
	margin-bottom: 20px;
}
.category_work2 {
	width:188px;
	height:155px;
	float:left;
	border-right:#008CC9 1px solid;
	margin-bottom: 20px;
}
.category_work3 {
	width:188px;
	height:155px;
	float:left;
	border-right:#008CC9 1px solid;
	margin-bottom: 20px;
}
.category_work4 {
	width:188px;
	height:155px;
	float:left;
	border-left:#008CC9 1px solid;
	border-right:#008CC9 1px solid;
	margin-bottom: 20px;
}

.category_work1:hover,.category_work2:hover,.category_work3:hover,.category_work4:hover {
	/*opacity:.7;*/
}



@media screen and ( max-width:950px ){
.category_work3 {
	width:188px;
	height:155px;
	float:left;
	border-left:#008CC9 1px solid;
	border-right:#008CC9 1px solid;
	margin-bottom: 20px;
	}}
	
@media screen and ( max-width:950px ){
.category_work4 {
	width:188px;
	height:155px;
	float:left;
	border-left: none;
	border-right:#008CC9 1px solid;
	margin-bottom: 20px;
	}}

@media screen and ( max-width:390px ){
.category_work1 {
	width:160px;
	height:100%;
	float:left;
	border-left:#008CC9 1px solid;
	border-right:#008CC9 1px solid;
	margin-bottom: 20px;
	}}
@media screen and ( max-width:390px ){
.category_work2 {
	width:160px;
	height:100%;
	float:left;
	border-right:#008CC9 1px solid;
	margin-bottom: 20px;
	}}


@media screen and ( max-width:390px ){
.category_work3 {
	width:160px;
	height:100%;
	float:left;
	border-left:#008CC9 1px solid;
	border-right:#008CC9 1px solid;
	margin-bottom: 20px;
	}}
	
@media screen and ( max-width:390px ){
.category_work4 {
	width:160px;
	height:100%;
	float:left;
	border-left: none;
	border-right:#008CC9 1px solid;
	margin-bottom: 20px;
	}}


.box {
	width:950px;
	height:26px;
	margin-bottom:15px;
}
	
.box1 {
	float:left;
	width:126px;
	height:26px;
	background-color:#D9EEF7;
	color:#008CC9;
	font-weight:bold;
	padding:5px 0px 1px 0px;
	margin-right:10px;
	text-align:center;
}

.box2 {
	float:left;
	height:26px;
	padding:5px;
}

@media screen and ( max-width:950px ){
.box {
	float:left;
	width:320px;
	height:100%;
	}}
	
@media screen and ( max-width:950px ){
.box1,.box2 {
	width:320px;
	height:100%;
	}}