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


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


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



ul{
	list-style:none;
}



img{
	border:none;
}



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



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

#header{
	width:950px;
	height:220px;
	text-align:left;
}


#wrapper #header #header_top a{
	display:block;
}


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


/* ここからヘッダーの上部 */

#header_top{
	width:950px;
	height:120px;
}


/* ヘッダー上左側 */

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


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

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

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


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

#center{
	width:595px;
	height:120px;
	float:left;
	background-image:url(../metalworks/images_metalworks/top_header.gif);
	background-repeat:no-repeat;
	background-position:82px 26px;
}



/* ヘッダー上の右側 */

#right{
	width:180px;
	height:120px;
	float:left;
	background-image:url(../images_items/item_design_sasa2.jpg);
	background-repeat:no-repeat;
}


/* ここからヘッダーの下部 */

#header_bottom{
	width:950px;
	height:100px;
}


#wrapper #header #header_bottom p {
	font-size:16px;
	color:#FFF;
    font-family:Arial, Helvetica, sans-serif;
	margin-left:10px;
	margin-top:10px;
}


/* パンくずリストのリンク部分の色を赤にする */

#wrapper #header #header_bottom a{
	color:#F00;
}



#wrapper #header #header_bottom h1 {
	font-size:20px;
	color:#FFF;
    font-family:Arial, Helvetica, sans-serif;
	margin-top:10px;
	text-align:center;
}

#wrapper #header #header_bottom h2 {
	font-size:18px;
	color:#FFF;
	text-align:center;
	margin-top:10px;
}

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

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


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

#pagebody_top{
	width:950px;
	height:350px;
}


#main_visual{
	width:450px;
	height:350px;
	float:left;
}
	

#thumbnail{
	width:500px;
	height:350px;
	float:left;
	position:relative;
}
	

.large_square{
	width:300px;
	height:300px;
	background-color:#000;
	float:left;
	display:inline;
	margin-top:20px;
	margin-left:80px;
}



.small_square{
	width:110px;
	height:110px;
	background-color:#000;
	float:left;
	margin-top:20px;
	margin-left:30px;
	display:inline;
}


#wrapper #pagebody #pagebody_top p {
	color:#FFF;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	position:absolute;
	right:140px;
	bottom:50px;
}



/* ここからページボディー真ん中 */

#pagebody_middle{
	width:950px;
	height:auto;
	text-align:left;
}



/* ここに説明文の箱が入る */

#description{
	width:790px;
	height:auto;
	margin-left:80px;
}


#box1{
	width:790px;
	height:auto;
    background-image:url(../images_items/item_description_box1.gif);
 	min-height: 150px;
    height: auto !important;
    height: 150px;
}


#box2{
	width:790px;
	height:70px;
    background-image:url(../images_items/item_description_box2.gif);
	position:relative;
}


#contact_us{
	width:272px;
	height:37px;
     background-image:url(../images_items/item_contact_us.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	position:absolute;
	right:50px;
	bottom:23px;
 	}
	

#wrapper #pagebody #pagebody_middle #description #box2 a{
	display:block;
	width:272px;
	height:37px;
}



#wrapper #pagebody #pagebody_middle #description #box1 h2{
	font-size: 22px;
	color:#000;
	text-align:center;
    font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding-top:15px;
	padding-bottom:15px;
}


#wrapper #pagebody #pagebody_middle #description #box1 p {
	font-size: 16px;
	color:#000;
    font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:10px;
}


#design{
	width:950px;
	height:150px;
}


/* ここに左側のカルタ画像が入る */

#design_left{
	width:475px;
	height:150px;
	float:left;
	background-image:url(../images_items/item_design_karuta2.jpg);
	background-repeat:no-repeat;
	background-position:90px 9px;
}


/* ここに右側のサンゴ画像が入る */

#design_right{
	width:475px;
	height:150px;
	float:left;
	background-image:url(../images_items/item_design_sango.jpg);
	background-repeat:no-repeat;
	background-position:155px 40px;
	}


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

#pagebody_bottom{
	width:950px;
	height:220px;
}


#wrapper #pagebody #pagebody_bottom p {
	color:#FFF;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:underline;
	text-align:center;
	margin-bottom:30px;
	}


.small_square2{
	width:120px;
	height:120px;
	background-color:#000;
	float:left;
	text-align:left;
	margin-left:58px;
	display:inline;
}



.small_square3{
	width:120px;
	height:120px;
	background-color:#000;
	text-align:left;
	float:left;
	margin-left:147px;
	display:inline;
}

/* others用のサムネイルボックス */

.small_square4{
	width:120px;
	height:120px;
	background-color:#000;
	text-align:left;
	float:left;
	margin-left:94px;
	display:inline;
}

/* lacquer用のサムネイルボックス */

.small_square5{
	width:120px;
	height:120px;
	background-color:#000;
	text-align:left;
	float:left;
	margin-left:236px;
	display:inline;
}

/* lacquer用のサムネイルボックス */

.small_square6{
	width:120px;
	height:120px;
	background-color:#000;
	text-align:left;
	float:left;
	margin-left:415px;
	display:inline;
}

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

#footer{
	width:950px;
	height:220px;
}

/* それぞれのカテゴリーの display block*/

.back a{
	width:320px;
	height:35px;
	display:block;
}

.back1 a{
	width:280px;
	height:35px;
	display:block;
}

.back2 a{
	width:200px;
	height:35px;
	display:block;
}

.back3 a{
	width:200px;
	height:35px;
	display:block;
}

.back4 a{
	width:200px;
	height:35px;
	display:block;
}

.back5 a{
	width:200px;
	height:35px;
	display:block;
}

.back6 a{
	width:200px;
	height:35px;
	display:block;
}



/* ホームへ戻る */

.back_home a{
	width:100px;
	height:35px;
	display:block;
}


/* Metalworks & Shippo へ戻る */

.back{
	width:320px;
	height:35px;
    background-image:url(../images_items/item_back_to_metalworks.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	position:absolute;
	background-repeat:no-repeat;
	left:315px;
}


/* Bamboo basket へ戻る */

.back1{
	width:280px;
	height:35px;
    background-image:url(../images_items/item_back_to_basket.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	position:absolute;
	left:335px;
	}


/* Lacquer へ戻る */

.back2{
	width:200px;
	height:35px;
    background-image:url(../images_items/item_back_to_lacquer.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	position:absolute;
	left:375px;
	}


/* Ceramics へ戻る */

.back3{
	width:200px;
	height:35px;
    background-image:url(../images_items/item_back_to_ceramics.gif);
		background-repeat:no-repeat;
	text-indent:-9999px;
	position:absolute;
	left:375px;
	}



/* Dolls へ戻る */

.back4{
	width:200px;
	height:35px;
    background-image:url(../images_items/item_back_to_dolls.gif);
		background-repeat:no-repeat;
	text-indent:-9999px;
	position:absolute;
	left:375px;
	}


/* Furniture へ戻る */

.back5{
	width:200px;
	height:35px;
    background-image:url(../images_items/item_back_to_furniture.gif);
		background-repeat:no-repeat;
	text-indent:-9999px;
    position:absolute;
	left:375px;
	}


/* Others へ戻る */

.back6{
	width:200px;
	height:35px;
    background-image:url(../images_items/item_back_to_others.gif);
		background-repeat:no-repeat;
	text-indent:-9999px;
	position:absolute;
    left:375px;
	}


/* カテゴリーリンク部分*/

#category{
	width:900px;
	height:45px;
	margin-left:25px;
}



#footer #category li{
	float:left;
	width:150px;
	height:25px;
	font-size:18px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	margin-top:75px;
}




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

#footer #category li a{
	color:#F00;
}
	
	
#bottom_home{
	width:100px;
	height:35px;
	float:left;
	background-image:url(../images_items/item_back_to_home.gif);
	background-repeat:no-repeat;
	text-indent:-9999px;
	margin-top:45px;
    margin-left:425px;
	display:inline;
}