@charset "Shift_JIS";


a:link {
	color: #933;
	text-decoration: none;
}
a:visited {
	color: #933;
	text-decoration: none;
}
a:hover {
	color: #c00;
	text-decoration: underline;
}

body {
	margin: 0;
	padding: 0;
	color: #333;
	background:  #ddc;
	font: normal normal normal 10px/1.5 sans-serif;
}

#cloth {
	background: url(../image/back-body.gif) repeat-y;	
}

#header {
	position: relative;
	left: 0px;
	top: 0px;
	width: 780px;
	height: 96px;
	background: url(../image/navi-n.gif) 30px 48px no-repeat;	
}
#header #always {
	position: absolute;
	left: 30px;
	top: 15px;
}
#header #top {
	position: absolute;
	left: 696px;
	top: 15px;
	border: 0;
}
#header ul {
	margin: 0;
	list-style: none;
}
#header li {
	position: absolute;
	top: 0px;
	height: 36px;
	text-indent: -9999px;
} 
#header li#gallery {left: 30px;top: 48px;width: 180px;}

#header li#workshop {left: 210px;top: 48px;width: 180px;}

/*#header li#workshop {left: 210px;top: 48px;width: 180px;}*/


#header li#blog {left: 390px;top: 48px;width: 180px;}
#header li#store {left: 570px;top: 48px;width: 180px;}

#header li a {height: 36px;text-decaration: none;display: block;}

#header li#gallery a:hover {background: url(../image/navi-p.gif) 0 0;	}
#header li#workshop a:hover {background: url(../image/navi-p.gif) -180px 0;	}
#header li#blog a:hover {background: url(../image/navi-p.gif) -360px 0;	}
#header li#store a:hover {background: url(../image/navi-p.gif) -540px 0;	}

/*#header li#workshop a:hover {background: url(../image/navi-p.gif) -180px 0;	}*/



#header img.gallery {position: relative;top: 48px;left: 30px;}
#header img.workshop {position: relative;top: 48px;left: 210px;}
#header img.blog {position: relative;top: 48px;left: 390px;}
#header img.store {position: relative;top: 48px;left: 570px;}

/*#header img.workshop {position: relative;top: 48px;left: 210px;}
*/

#content {
	padding: 0 30px 30px 30px;
	width: 720px;
}

#hierarchie {
	position: relative;
	left: 0px;
	top: 0px;
	height: 60px;
}
#hierarchie h2 {
	position: absolute;
	left: 0px;
	top: 0px;
	margin: 0;
	padding: 0;
}
#hierarchie h3 {
	position: absolute;
	left: 180px;
	top: 5px;
	margin: 0;
	padding: 0 0 0 12px;
	height: 14px;
	border-left: solid 1px #333;
	font-size: 14px;
	font-weight: normal;
}
#hierarchie h4 {
	position: absolute;
	left: 360px;
	top: 5px;
	margin: 0;
	padding: 0 0 0 12px;
	height: 14px;
	border-left: solid 1px #333;
	font-size: 12px;
	font-weight: normal;
}
#hierarchie img.arr1 {position: absolute;left: 138px;top: 6px;}
#hierarchie img.arr2 {position: absolute;left: 156px;top: 6px;}
#hierarchie img.arr3 {position: absolute;left: 318px;top: 6px;}
#hierarchie img.arr4 {position: absolute;left: 336px;top: 6px;}
#hierarchie img.arr5 {position: absolute;left: 678px;top: 6px;}
#hierarchie img.arr6 {position: absolute;left: 696px;top: 6px;}

#project {
	margin: 0;
	padding: 0;
	position: relative;
	left: 0px;
	top: 0px;
}

#code {
	margin: 0;
	padding: 0;
	position: absolute;
	width: 168px;
	left: 0px;
	top: 0px;
}

#sentence {
	margin: 0 0 0 180px;
	font-size: 12px;
	width: 546px;
}


#sentence p {
	padding: 0;
	font-size: 10px;
	color: #134;
}

#sentence p.pic01 {
	margin: 0 24px 6px 0;
	width: 180px;
	float: left;
}
#sentence p.pic02 {
	margin: 0 0 6px 24px;
	width: 180px;
	float: right;
}

#sentence p.pic03 {
	margin: 0 24px 6px 0;
	width: 336px;
	float: left;
}

#sentence p.pic04 {
	margin: 0 0 6px 24px;
	width: 336px;
	float: right;
}
#sentence p.pic05 {
	margin: 0 0 18px 0;
	width: 540px;
}
#sentence p.pic06 {
	margin: 12px 0 6px 0;
	width: 540px;
}


#sentence #nombre {
	background: #fff;	
	margin: 24px 0 0 0;
	padding: 6px 0 0 0;
	text-align: right;
	border-top: solid 1px #8ab;
	clear: both;
}


#menu p {
	margin: 0;
	padding: 0;
	width: 179px;
	height: 24px;
	float: left;
	border-right: solid 1px #333;
}
#menu h5 {
	margin: 0 0 0 24px;
	padding: 0;
	width: 336px;
	float: left;
	font: normal normal normal 10px/1.5 sans-serif;
}

#menu h5.gal {
	width: 312px;
}

#menu div {
	clear: both;
	height: 24px;
}


#menu table {
	float: right;
	background-color: #ccc;
	width: 180px;
	padding: 6px 0;
}
#menu  td {
	text-align: center;
}


#generation th{
	width: 30px;
	text-align: left;
	padding: 3px 0;
}
#generation  td {
	width: 150px;
	padding: 3px 0;
}


/*��������������������������������������������������*/
/*
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 48px;

*/






/* book----- */
#book td {
	padding-bottom: 36px;
	background-color: #fff;
	width: 144px;
	font: normal normal normal 10px/16px sans-serif;
	text-align: center;
	vertical-align: bottom;
}
#book blockquote {
	margin: 0;
	padding-bottom: 12px;
}



#amazon {
	position: absolute;left: 360px;top: 3px;
	width: 360px;
	background-color: #fff;
	font-weight: bold;
}

#amazon th {
	text-align: left;
}
#amazon td {
	text-align: right;
}
#amazon input {
	vertical-align: middle;

}


#tab-v {
	width: 720px;
}
#tab-v td {
	width: 720px;
	padding: 0 0 24px 0;
	text-align: center;
}
#tab-v div {
	margin: 0;
}
#tab-v  span {
	font-weight: bold;
}
#tab-v  p {
	height: 24px;
	border-bottom: solid 1px #333;
	margin: 0 0 6px;
	padding: 0;
	font: normal normal bold 12px/1.5 serif;
}
#tab-v  h6 {
	margin: 0;
	height: 30px;	
}

#tab-h {
	width: 720px;
}
#tab-h table {
	float: left;
}
#tab-h td {
	background:  #fff;
	padding: 0 24px 0 0;
}
#tab-h div {
	height: 540px;
	margin: 0;
	vertical-align: bottom;
}
#tab-h  span {
	font-weight: bold;
}
#tab-h  p {
	height: 24px;
	border-bottom: solid 1px #333;
	margin: 0 0 6px;
	padding: 0;
	font: normal normal bold 12px/1.5 serif;
}
#tab-h  h6 {
	margin: 0;
	height: 30px;	
	clear: both;
}

#footer {
	width: 810px;
}
#footer p {
	background: url(../image/back-copy.gif) repeat;	
	margin: 0;
	padding: 6px 60px 6px 30px;
	width: 720px;
	height: 12px;
	text-align: right;
}
#footer ul {
	background: url(../image/back-footer.gif) bottom no-repeat;	
	margin: 0;
	padding: 6px 60px 0px 30px;
	width: 720px;
	height: 72px;
	text-align: right;
	color: #666;
	font-weight: bold;
}
#footer li {
	display: inline;
}
#footer img {
	margin: 0 12px 0 6px;
	vertical-align: middle;
}


#link  table {
	width: 720px;
}
#link  td {
	width: 180px;
	text-align: left;
	vertical-align: top;
}
#link h6 {
	margin: 0;
	padding: 0;
	font-size: 10px;
	padding-bottom: 6px;
	font-weight: normal;
}
#link ul {
	list-style: none;
	margin: 0;
	padding: 0 12px 18px;
	list-style: none;
	font: normal normal normal 10px/1.2 sans-serif;
}
#link li {
	padding-bottom: 6px;
}

#p_ttl {
	margin-bottom: 6px;
	padding: 0;
	font-size: 12px;
	font-style: normal;
	display: block;
	border-bottom: solid 1px #333;
}

#smry {
	margin: 24px 0 12px 0;
	border-top: solid 1px #333;
	clear: both;
}

#method {
	margin: 0 auto;
	width: 360px;
	font-size: 12px;
}

ol, ul.copyright {
	margin: 0;
	padding: 0 180px 24px;
	width: 360px;
}

.copyright li {
	font: normal normal normal 12px/1.5 sans-serif;
	padding-bottom: 18px;
}

table .dish {
	float: right;
	background-color: #666;
	width: 180px;
	padding: 6px 0;
	text-align: left;


}