/*------------------------------------------------
	IDENTIFICATION DIVISION.
	Version.					0.8.2;
	Author.					Natsuko Hayashida(admin)
------------------------------------------------*/

body{
	background				: #ffffff;
	color							: #666666;
	margin						: 0px;
	padding						: 0px;
	text-align					: left;
	font-family					: "verdana","helvetica","osaka","ＭＳ ゴシック","ヒラギノ角ゴ Pro W3", sans-serif;
	font-size						: 0.8em;
}

#wrap{
	width:900px;
	height:765px;
        background-color: #ffffff; 
}

/* 右サイド　オフ*/
.right-bg{
	background				: url("../images/swallowtail-web-bg.jpg") no repeat #ffffff;
	width						: 248x;
	height						: 700px;
	position					: absolute;
	top						: 1px;   
	left						: 900px; 

}

.copyright{
	font-size						: 9px;
}
a							{color:#BECA00;text-decoration:none;}
a:link							{color:#BECA00;text-decoration:none;}
a:visited						{color:#BECA00;text-decoration:none;}
a:active						{color:#4B4B4B;text-decoration:none;}
a:hover							{color:#4B4B4B;text-decoration:none;}

H1 {
	color: #BECA00; 
	font-size: 14px;
}
H2 {
	color: #666666; 
	font-size						: 11px;
        	padding					: 20px 0px 0px 0px;
}
p {
	font-size						: 11px;
	margin					: 0px 10px 10px 10px;
}
p.right {
	color:#8DBBBB;
	margin					: 0px 10px 10px 15px;
}
/* menu */
a#graphic {
	position					: absolute;
	top						: 92px;   
	left						: 641px; 
	width: 259px;
	height: 29px; 
	background-image: url("../images/graphic.jpg"); 
	text-indent: -1000px;
}
a#graphic:hover {
	background-position: top right; 
}
a#fonts {
	position					: absolute;
	top						: 121px;   
	left						: 641px; 
	width: 259px;
	height: 31px; 
	background-image: url("../images/fonts.jpg"); 
	text-indent: -1000px;
}
a#fonts:hover {
	background-position: top right; 
}
a#sl {
	position					: absolute;
	top						: 152px;   
	left						: 641px; 
	width: 259px;
	height: 24px; 
	background-image: url("../images/sl.jpg"); 
	text-indent: -1000px;
}
a#sl:hover {
	background-position: top right; 
}
a#jewelry {
	position					: absolute;
	top						: 176px;   
	left						: 641px; 
	width: 259px;
	height: 36px; 
	background-image: url("../images/jewelry.jpg"); 
	text-indent: -1000px;
}
a#jewelry:hover {
	background-position: top right; 
}
a#contact {
	position					: absolute;
	top						: 120px;   
	left						: -5px; 
	width: 150px;
	height: 81px; 
	background-image: url("../images/contact.gif"); 
	text-indent: -1000px;
}
a#contact:hover {
	background-position: top right; 
}

/* トップ */
.top{
	width						: 603px;
	height						: 92px;
	position					: absolute;
	top						: 0px;   
	left						: 297px; 
	background				: url(../images/graphic_02.jpg)  no-repeat #ffffff;
}
/* ロゴ */
.logo{
	width						: 344px;
	height						: 120px;
	position					: absolute;
	top						: 92px;   
	left						: 297px; 
	background				: url(../images/graphic_03.jpg)  no-repeat #ffffff;
}
/* 左サイド */
.left{
	width						: 297px;
	height						: 765px;
	position					: absolute;
	top						: 0px;   
	left						: 0px; 
	background				: url(../images/graphic_01.jpg)  no-repeat #ffffff;
}
.butterfly{
	width						: 177px;
	height						: 359px;
	position					: absolute;
	top						: 148px;   
	left						: 133px; 
}
#sl-left{
	width						: 200px;
	height						: 765px;
	position					: absolute;
	top						: 800px;   
	left						: 0px; 
}

/* コンテンツ */
.contents-p{      
	width						: 603px;
	height						: 553px;
	position					: absolute;
	top						: 202px;   
	left						: 277px; 
	padding						: 100px 10px 10px 0px; 
}
.contents{
	width						: 603px;
	height						: 553px;
	position					: absolute;
	top						: 212px;   
	left						: 297px; 
	background				: url(../images/graphic_08.jpg)  no-repeat #ffffff;
	padding						: 120px 10px 10px 0px; 
}
/* コンタクト　コンテンツ */
.contents-contact{
	width						: 603px;
	height						: 553px;
	position					: absolute;
	top						: 212px;   
	left						: 297px; 
	background				: url(../images/contact-bg.jpg)  no-repeat #ffffff;
	padding						: 120px 10px 10px 0px; 
}
.contact{
	width						: 330px;
	height						: 553px;
	position					: absolute;
	top						: 0px;   
	right						: 100px; 
	padding						: 180px 0px 100px 0px; 
        text-align					: right;
}


.space{
      	clear:left;
}
.hosoku{
         	color: #3E332C;
　　　  	font-size: 9px;
        	text-align: right;
        	line-height: 140%;
}
/*------------------------------------------------
	Graphic Designのテーブル
------------------------------------------------*/
table.portfolio{
	with:603px;
	margin-bottom: 10px;
	right: 10px;
	font-size						: 0.8em;
}
.dis {
	width:296px;
        	text-align: right;
	padding					: 10px 10px 10px 10px;
}

.pic {
	width:307px; 
	padding					: 0px 0px 10px 0px;
}
caption {
	font-weight: bold;
	text-align: right;
	padding					: 10px 10px 20px 10px;
}
p.open{
	color							: #888888;
	font-size						: 0.8em;
}

table.graphic{
	with:603px;
	margin-bottom: 10px;
	right: 10px;
	font-size						: 0.8em;
	align: right;
        	text-align: right;
}
.graphic-pic {
	width:115px;
	align: right;
        	text-align: right;
	padding					: 0px 5px 0px 0px;
}
/*------------------------------------------------
	Font Designのテーブル
------------------------------------------------*/
table.font{
	with:603px;
        	align: right;
	margin-bottom: 10px;
	font-size						: 0.8em;
}
.font-pic {
	width:428px;
        	text-align: right;
	padding					: 0px 0px 10px 0px;
}

.font-ad{
	width:100px; 
        	text-align: right;	
        	padding					: 0px 0px 10px 10px;
}
caption {
	font-weight: bold;
	text-align: right;
	padding					: 10px 10px 20px 10px;
}
/*------------------------------------------------
	SLのテーブル
------------------------------------------------*/

table.sl{
	width:603px; 
        	align: right;	
        	text-align: right;	
        	padding					: 0px 0px 10px 10px;
}
table.sl-jewelry{
	position					: absolute;
	top						: 280px;   
	left						: 0px; 
	width:603px; 
        	align: right;	
        	text-align: right;	
        	padding					: 0px 0px 10px 10px;
}

.sl-pic{
	width:136px; 
        	align: right;	
        	text-align: right;	
        	padding					: 0px 0px 10px 10px;
	font-size						: 0.75em;
}
.sl-spacer{
	width:1px; 
}
.sl-right{
	width:600px;
        	align: right;	
        	text-align: right;	
        	padding					: 0px 0px 10px 10px; 
}

/*------------------------------------------------
	Jewelryのテーブル
------------------------------------------------*/

table.jewelry{
	width:603px; 
        	align: right;	
        	text-align: right;	
        	padding					: 0px 0px 10px 10px;
}
table.jewelry2{
	position					: absolute;
	top						: 240px;   
	right						: 10px; 
	width:520px; 
        	align: right;	
        	text-align: right;	
        	padding					: 0px 0px 10px 10px;
}

.jewelry-pic{
	width:175px; 
        	align: right;	
        	text-align: right;	
        	padding					: 0px 0px 10px 10px;
	font-size						: 0.75em;
}
.jewelry-spacer{
	width:1px; 
}
.jewelry-right{
	width:600px;
        	align: right;	
        	text-align: right;	
        	padding					: 0px 0px 10px 10px; 
}