@charset "utf-8";
/* CSS Document */
*				{ margin:0; padding:0px; }
p 				{ font-family:"Arial Black", Gadget, sans-serif; font-size:14px; color:#ff0007;}
body 			{ color:#ff0007; background-color: #ffffff; margin: 0px; padding: 0px; font-family:"Arial Black", Gadget, sans-serif;}
ul				{ list-style-type: none; margin:0; padding:0;}
img				{ border: none;}
a 				{ color: #ff0007; text-decoration:none;}
#mid-container 	{ background:url(../images/bkg.png) repeat; width:100%;}
.mid 			{ width:1000px; min-height:650px; margin:0 auto; padding-top:20px; background:url(../images/girl.png) no-repeat bottom;}
.mid ul#nav li 	{ display:inline-block; position:relative;}

#bio	    	{ width:466px; height:385px; background:url(../images/navi_01.png) no-repeat; position:absolute; top:60px; left:5px;}
#bio:hover		{ width:520px; height:434px; background:url(../images/navi_02.png) no-repeat; position:absolute; top:0px; left:-45px;}
#photo	    	{ width:370px; height:374px; background:url(../images/navi_03.png) no-repeat; position:absolute; top:0px; left:500px; z-index:99; }
#photo:hover	{ width:440px; height:432px; background:url(../images/navi_04.png) no-repeat; position:absolute; top:-40px; left:480px; }
#contact 	    { width:470px; height:333px; background:url(../images/navi_05.png) no-repeat; position:absolute; top:150px; left:550px; z-index:0;}
#contact:hover	{ width:520px; height:368px; background:url(../images/navi_06.png) no-repeat; position:absolute; top:90px; left:550px; z-index:999;}

#about			{ background:url(../images/about.png) no-repeat; width:1000px; height:506px; margin:0 auto; padding-top:0px; }
#about p		{ position: relative; top:35px; width:930px; height:350px; text-align:left; margin:0px auto; line-height:32px; font-size:22px; overflow-y:scroll;}
#girl			{ margin:0 auto; background:url(../images/girl.png) no-repeat bottom; width:120px; height:284px; margin-top:-120px; }

#contact-me		{ background:url(../images/contact-1.png) no-repeat; width:1000px; height:506px; margin:0 auto;}
#contact-me p 	{ font-size:25px; padding:150px 0 0 150px;}
#contact-me a	{ vertical-align:middle; padding:10px 0 0 10px;}
form 			{ width:620px; margin:0 auto; padding-top:100px;}
.form-left		{ width:320px; float:left;}
.form-right		{ width:300px; float:right;}
#submit	{ float:right; background-color:#ff0007; padding:5px; border:none; color:#fff; font-family:"Arial Black", Gadget, sans-serif; font-size:18px;}
label, input, textarea { margin:5px 0;}
.form-small		{ background-color:#fff; border:#ff0007 2px solid; color:#555555; width:300px; height:28px;}
.form-large		{ background-color:#fff; border:#ff0007 2px solid; color:#555555; width:620px; height:100px;}
.thanks			{ width:500px; margin:10px auto 0;}


/*footer*/

#footer-container 	{ background: #fff; border-top: #ff0007 2px solid;}
.footer 			{ width:1000px; margin:0 auto; text-align:center;}
.footer .logo 		{ margin:8px 0;}
.footer ul#sns 		{ margin:-30px 5px 5px 0px;}
.footer ul#sns li	{ float:right;	margin:0 2px;}
.copy				{ float:right; font-size:10px; width:145px; vertical-align:top; margin-top:-10px;}