/* 
MacIEだとスクロールが長いなぁ
コピーも背後にもっていかないとなぁ
 */

html {
background: #F7F4EB url(http://www.mikazki.com/img/background.gif) repeat-x;
overflow-y:scroll;  
height:100%;
}
* {  
margin:0;  
padding:0;  
} 
body {
height:100%;
margin-left: 0px;margin-top: 0px;margin-right: 0px;margin-bottom: 0px;
background: url(http://www.mikazki.com/img/bg.jpg) top left no-repeat;
font-family:メイリオ,Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック", "MS P Gothic",Osaka,Verdana,Arial, Helvetica, sans-serif;	
color:#252121;
}
a {
color:#252121;
}

#head
	{
	vertical-align:top;
	height:270px;
	padding-right:10px;
	margin-bottom:20px;
	text-align:right;
	background:#;
	}
/*↓#headのpadding-topだと余白が余分になり↓どちらかだとsafariとfirefoxで違う*/
#head embed, #head object {
margin-top:38px;
}

/* works //////////////////*/
/*バックアップ
#worksmenu
	{
	padding:0;
	margin:0;
	float:left;
	width:15%;
	max-width:300px;
	text-align:right;
	font: normal 12px /20px "Lucida Grande";
	letter-spacing:0.1em;
	}*/
#worksmenu
	{
	padding:0;
	margin:0;
	float:left;
	width:15%;
	max-width:300px;
	text-align:right;
	font: normal 10px /22px "Lucida Grande";
	letter-spacing:0.3em;
	}
#worksmenu a:link {
color:#840000;text-decoration:none;
}
#worksmenu a:visited {
color:#840000;text-decoration:none;
}
#worksmenu a:hover {
color:#252121;text-decoration: none;border-bottom: 1px dashed #840000;
}
#worksmenu a:active {
color:#252121;text-decoration:none;
}

#worksmain {
	float:left;
	width:85%;
}

#frame {
	z-index:1;
	font : 11px /18px "ＭＳ Ｐゴシック", "ヒラギノ丸ゴ Pro W4", HiraMaruPro-W4, Osaka ,MS Gothic,verdana,sans-serif;
color:#999999;
	padding-bottom: px;
	height: 420px;
	width: 99%;
	overflow: auto;
	overflow-y: hidden;
	scrollbar-base-color: #A4A4A4;
	scrollbar-track-color: #F2F2F2;
	scrollbar-face-color: #BCBCBC;
	scrollbar-shadow-color: #F2F2F2;
	scrollbar-darkshadow-color: #;
	scrollbar-highlight-color: #A4A4A4;
	scrollbar-3dlight-color: #;
	scrollbar-arrow-color: #840000;
	border:1px solid #999999;
	
}

#description {
z-index:1;
text-align:right;
padding:3px;
font-size : 10px;
line-heught:10px;
color:#252121;

}

#worksmain #copy {
    z-index:0;
	position:absolute;
	bottom:20px;
	right:20px;
	margin:0;
	padding:0px;
}


/* contact //////////////////*/

#contactbg {
overflow: auto;
width: 100%;
height:100%;
background:url(http://www.mikazki.com/img/c_map.gif) right top no-repeat;
}

#contactbg #copy {
	position:absolute;
	bottom:20px;
	right:20px;
	margin:0;
	padding:0px;
}

/* about us //////////////////*/
#aboutusbg {
overflow: auto;
width: 100%;
height:100%;
background:url(http://www.mikazki.com/img/a_text.gif) right top no-repeat;
}

#aboutusbg #copy {
	position:absolute;
	bottom:20px;
	right:20px;
	margin:0;
	padding:0px;
}
/* top //////////////////*/

#topbg {
vertical-align:middle;
overflow: auto;
width: 100%;
height:100%;
background:#ffffff;
}

#topbg #copy {
	position:absolute;
	bottom:20px;
	right:20px;
	margin:0;
	padding:0px;
}