@charset "utf-8";

body  {
	font-family: "Arial","ＭＳ ゴシック", sans-serif;
  	font-size: 90%; /* フォントサイズは%などの相対値が基本 ptの絶対値だとブラウザ側でフォントの変更ができない */

	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;

}

#container { 
	width: 790px;
	height:500px;
	text-align: left;
	margin: 0 auto;
	padding: 0;

}

#mailhead{
	display:block;
	margin-right:76px;
	margin-top:37px;
	height:12px;
	}
	
#header {
	width:690px;
	height:50px;

	margin-left:43px;
}



#content-top {
	background-image:url(top/top-pic.jpg);
	background-position:top;
	margin-top:120px;
	width:780px;
	height:500px;
	background-repeat:no-repeat;
}

#content-message {
	margin:0 auto;
	background-image:url(top/message.jpg);
	background-position:center;
	width:780px;
	height:600px;
	background-repeat:no-repeat;
}

/*各ページCSS*/
#content-silk {
	background-image:url(silk/page-silk1-pic.jpg);
	background-repeat:no-repeat;
	width:780px;
	height:500px;
	margin-top:23px;
}

#content-silk2 {
	background-image:url(silk/page-silk2-pic.jpg);
	background-repeat:no-repeat;
	width:780px;
	height:500px;
	margin-top:23px;
}

#content-party {
	background-image:url(party/page-party1-pic.jpg);
	background-repeat:no-repeat;
	width:780px;
	height:500px;
	margin-top:23px;
}

#content-party2 {
	background-image:url(party/page-party2-pic.jpg);
	background-repeat:no-repeat;
	width:780px;
	height:500px;
	margin-top:23px;
}

#content-party3 {
	background-image:url(party/page-party3-pic.jpg);
	background-repeat:no-repeat;
	width:780px;
	height:900px;
	margin-top:23px;
}

#content-party4 {
	background-image:url(party/page-party4-pic.jpg);
	background-repeat:no-repeat;
	width:780px;
	height:500px;
	margin-top:23px;
}

#content-item {
	background-image:url(item/page-item1-pic.jpg);
	background-repeat:no-repeat;
	width:780px;
	height:500px;
	margin-top:23px;
}

#content-item2 {
	background-image:url(item/page-item2-pic.jpg);
	background-repeat:no-repeat;
	width:780px;
	height:500px;
	margin-top:23px;
}

#content-item3 {
	background-image:url(item/page-item3-pic.jpg);
	background-repeat:no-repeat;
	width:780px;
	height:500px;
	margin-top:23px;
}

#content-item4 {
	background-image:url(item/page-item4-pic.jpg);
	background-repeat:no-repeat;
	width:780px;
	height:500px;
	margin-top:23px;
}

/*右上の各ページナビ*/
#icon-n a{
	float: right;
		margin-right:12px;
	margin-top:20px;
	maegin-left:20px;
	display:block;
	width:56px;
	height:24px;
	background:url(common/page-button-blog-re.jpg) no-repeat;
}

#icon-n a:hover{
	background:url(common/page-button-blog.jpg) no-repeat;
}


#icon-i a{
	float: right;
	margin-top:20px;
	margin-left:20px;
		margin-right:15px;
	display:block;
	width:56px;
	height:24px;
	background:url(common/page-button-item-re.jpg) no-repeat;
}

#icon-i a:hover{
	background:url(common/page-button-item.jpg) no-repeat;
}


#icon-y a{
	float: right;
	margin-top:20px;
	margin-left:20px;
	display:block;
	width:56px;
	height:24px;
	background:url(common/page-button-party-re.jpg) no-repeat;
}

#icon-y a:hover{
	background:url(common/page-button-party.jpg) no-repeat;
}


#icon-r a{
	float: right;
	margin-top:20px;
	margin-left:20px;
	display:block;
	width:56px;
	height:24px;
	background:url(common/page-button-silk-re.jpg) no-repeat;
}

#icon-r a:hover{
	background:url(common/page-button-silk.jpg) no-repeat;
}
/*各ページNo.ナビ*/

#page-no1{
	float:left;
	width:139px;
	}

#page-no2 a{
	float:left;
	margin-top:23px;
	margin-left:25px;
	width:8px;
	height:13px;
	display:block;
	background:url(common/1-re.jpg) no-repeat;
	}

#page-no2 a:hover{
	background:url(common/1.gif) no-repeat;
	}

#page-no3 a{
	float:left;
	margin-top:23px;
	margin-left:12px;
	width:8px;
	height:13px;
	display:block;
	background:url(common/2-re.jpg) no-repeat;
	}

#page-no3 a:hover{
	background:url(common/2.gif) no-repeat;
	}

#page-no4 a{
	float:left;
	margin-top:23px;
	margin-left:12px;
	width:8px;
	height:13px;
	display:block;
	background:url(common/3-re.jpg) no-repeat;
	}

#page-no4 a:hover{
	background:url(common/3.gif) no-repeat;
	}

#page-no5 a{
	float:left;
	margin-top:23px;
	margin-left:12px;
	width:8px;
	height:13px;
	display:block;
	background:url(common/4-re.jpg) no-repeat;
	}

#page-no5 a:hover{
	background:url(common/4.gif) no-repeat;
	}

/*各ページコンテンツ*/




#topnavi{
	display:block;
	margin-left:35px;
	padding-top:167px;
	}

#navi1 {
	float:left;
	background-color:#FFF;
	padding-left:18px;
} 




#syosai{

	height:13px;
	padding-top:364px;
	text-align:right;
	margin-right:63px;
	}
	
#syosai2{

	height:13px;
	padding-top:764px;
	text-align:right;
	margin-right:63px;
	}

#copy {
	padding-top:40px;
	margin-left:478px;
} 

#copy-item {
	padding-top:40px;
	margin-left:478px;
} 

#copy2 {
	text-align:center;
	margin-top:215px;
} 

#heart{
	float:right;
	margin-right:10px;
	}
	
#heart2{
	float:right;
	margin-top:519px;
	margin-right:13px;
	}

#maillink{
	margin-top:5px;}