@charset "UTF-8";
/* CSS Document */
@import url("../../format/SKDformat-tag.css");
@import url("../../format/common.css");
@import url("../../format/headermenu.css");
@import url("../../format/footer.css");






h1 {
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
	background-attachment: scroll;
	background-image: url(../../../images/introduction/tattoodesign/headimage.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	margin: 0px;
	padding: 38px 0px 0px 40px;
	font-size: 150%;
	line-height: 1;
	height: 62px;
	color: #FFFFFF;
	letter-spacing: 0.1em;
}
h1 span{
	font-size: 60%;
	line-height: 1;
	color: #CCCCCC;
	margin: 0px;
	padding: 0px;
}
#contents p{
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 75%;
	line-height: 1.75;
	color: #CCCCCC;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 40px;
	letter-spacing: 2px;
}
#photolayout {
	list-style-type: none;
	margin: 0px;
	float: right;
	width: 330px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#photolayout li{
	list-style-type: none;
	margin: 0px;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 62%;
	font-style: normal;
	line-height: 1.75;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #CCCCCC;
	float: left;
	padding: 0px;
	width: 106px;
}
#photo1 img{
	background-attachment: scroll;
	background-image: url(../../../images/introduction/tattoodesign/photo1-natural.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#photo2 img{
	background-attachment: scroll;
	background-image: url(../../../images/introduction/tattoodesign/photo2-original.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#photo3 img{
	background-attachment: scroll;
	background-image: url(../../../images/introduction/tattoodesign/photo3-talisman.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#genrelist {
	margin: 0px;
	padding: 0px 0px 0px 40px;
	list-style-position: outside;
	list-style-type: upper-roman;
}
#genrelist li{
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 75%;
	font-style: normal;	line-height: 1.75;
font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #CCCCCC;
	letter-spacing: 1px;
	margin: 0px 0px 0px 28px;
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
#explain p{
	padding-left: 56px;
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 75%;
	line-height: 1.75;
	color: #CCCCCC;
	letter-spacing: 1px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 8px;
}
h2, h3, h4{
	font-family: "Trebuchet MS", "Lucida Sans Unicode", Arial, sans-serif;
	font-size: 94%;
	font-style: normal;	line-height: 1.75;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 40px;
	clear: both;
	letter-spacing: 1px;
}
#explain a:link {
	text-decoration: underline;
	color: #CCCCCC;
}
#explain a:visited {
	text-decoration: underline;
	color: #CCCCCC;
}
#explain a:hover {
	text-decoration: underline;
	color: #666666;
}
#explain a:active {
	text-decoration: underline;
	color: #666666;
}