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

h1,h2,h3,h4,h5,p,ul,li{
	margin:0px;
	padding:0px;
}


ul{
	list-style:none;
}
	

img{
	border:none;
}



/* ここからヘッダー */

#header{
	height:360px;
}


#header a{
	display:block;
}


.menu a{
	width:175px;
	height:40px;
}


.item_menu a{
	width:175px;
	height:35px;
}



/* ヘッダー左側 */

#left{
	width:175px;
	height:360px;
	float:left;
    text-indent:-9999px;
}


/* ここにメニューが入る */

#home{
	background-image:url(../images_index/home.gif);
    height:40px;
}


#category{
	background-image:url(../images_index/category.gif);
    height:40px;
}
	

#metalwork{
	background-image:url(../images_index/index_metalwork.gif);
    height:35px;
}
	
	
#lacquer{
	background-image:url(../images_index/index_lacquer.gif);
    height:35px;
}


#ceramics{
	background-image:url(../images_index/index_ceramics.gif);
    height:35px;
}
	
	
#dolls{
	background-image:url(../images_index/index_dolls.gif);
    height:35px;
}
	
#basket{
	background-image:url(../images_index/index_basket.gif);
    height:35px;
}

#furniture{
	background-image:url(../images_index/index_furniture.gif);
    height:35px;
}

#others{
	background-image:url(../images_index/index_others.gif);
    height:35px;
}


/* ヘッダーの真ん中 */

#center{
	width:600px;
	height:360px;
	float:left;
	text-align:center;
}

/* ここにタイトルが入る */

#title{
	width:436px;
	height:94px;
    background-image:url(../metalworks/images_metalworks/top_header.gif);
	margin-top:15px;
	margin-left:82px;	
	}


#category-title{
	width:500px;
	height:200px;
	background-color:#FFF;
	margin-top:16px;
	margin-left:50px;
}



/* ヘッダー右側 */

#right{
	width:175px;
	height:360px;
	float:left;
    text-indent:-9999px;
}

/* ここに右メニューが入る */

#about-us{
	background-image:url(../images_index/about-us.gif);
    height:40px;
}

#contact{
	background-image:url(../images_index/contact.gif);
    height:40px;
}


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


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



/* 背景ホワイト用のボックス、metalworks, lacquer, basket, furniture */ 

.square{
	width:270px;
	height:270px;
	background-color:#fff;
    float:left;
	display:inline;
}



/* 背景ブラック用のボックス、ceramics and dolls */ 

.square_black{
	width:270px;
	height:270px;
	background-color:#000;
    float:left;
	display:inline;
}



/* 背景グレー用のボックス、others */ 

.square_gray{
	width:270px;
	height:270px;
	background-color:#ccc;
    float:left;
	display:inline;
}


/* ここからフッター上 */

#wrapper #footer #footer_top h4{
	font-size:18px;
    color: #FFF;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    text-decoration:underline;
    margin-top:30px;
    margin-bottom:10px;
}


#wrapper #footer #footer_top p{
	color:#FFF;
	font-size: 18px;
	font-family: Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-weight:bold;
}


/* カテゴリーのリンク部分の色を赤にする */

#wrapper #footer #footer_top p a{
	color:#C00;
}



#footer_top{
	width:950px;
	height:650px;
}



.other-category{
	width:200px;
	height:230px;
	margin-top:50px;
	margin-left:88px;
	float:left;
	display:inline;
}


.small_square{
	width:200px;
	height:200px;
	background-color:#000;
    float:left;
	display:inline;
}

.text-box{
	width:200px;
	height:30px;
	background-color:#000;
	float:left;
	display:inline;
}


/* ここからフッター下 */

#footer_bottom{
	width:950px;
	height:250px;
}


/* ここからフッター下の左側 */

#footer_bottom_left{
	width:325px;
	height:250px;
	float:left;
	text-align:left;
}
	


/* ここからフッター下の真ん中 */

#footer_bottom_center{
	width:300px;
	height:250px;
	float:left;
	text-align: center;
}

#wrapper #footer #footer_bottom_center p{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	font-size:22px;
	line-height:100px;
}


#wrapper #footer #footer_bottom_center p a{
		color:#C00;
}


/* ここからフッター下の右側 */

#footer_bottom_right{
	width:325px;
	height:250px;
	float:left;
	text-align:left;
}