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

body{
	margin:0px;
	padding:0px;
	background-color:#CCC;
}

#wrapper{
	width:950px;
	background-color:#000;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}


/* ここからページボディー */


/* ページボディーh3のテキストカラーを黒から白へ、padding-top:30pxをなし */

#wrapper #pagebody h3 {
	color:#fff;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
}


/* タイトルボックス内のh2,h4とPのテキストカラーを黒から白へ */

#wrapper #pagebody h2 {
	color:#fff;
	font-size: 18px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:15px;
	margin-bottom:10px;
}



#wrapper #pagebody h4 {
	color:#fff;
	font-size: 16px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
	margin-bottom:15px;
}



#wrapper #pagebody p {
	color:#fff;
	font-size:16px;
	font-family:Arial, Helvetica, sans-serif;
	line-height:0px;
}

/*　ページボディーの高さと背景色の変更(ラッパーの色が黒なので色の指定なし) */

#pagebody{
	width:950px;
	height:550px;
}

/* アイテムボックスのマージンレフト 136px マージントップ 65px */


.item{
	width:270px;
	height:370px;
	margin-top:65px;
	margin-left:35px;
	float:left;
	display:inline;
}

/* 下段の3列を2列にする　margin-left:136px */

.item2{
	width:270px;
	height:370px;
	margin-top:50px;
	margin-left:136px;
	float:left;
	display:inline;
}


/*　タイトルボックスのイメージの変更、カラーなし、マージントトップなしから30pxに変更 */

.title-box{
	width:270px;
	height:100px;
	background-image:url(../ceramics/images_ceramics/title_box_dark.gif);
	float:left;
	display:inline;
	margin-top:10px;
}