þÿ/* CSS Document */





html, body {

	margin: 0px 0px 0px 0px;

	background-image: url(../img/back.gif);

	background-color: #666666;

	}

	

img {margin: 0px; border: 0px; padding : 0px; vertical-align : top; } 

p.imgstyle {border: 0px; font-size: 0px; float: left;} 



a:link {color:#dddddd; text-decoration:none;}

a:visited {color:#dddddd; text-decoration:none;}

a:active {color:#dddddd; text-decoration:none;}

a:hover {color:#dddddd; text-decoration:none;}





div#container_all {

    clear:both;

	background: #ffffff url(../img/base_1.gif);

	width: 800px;

	}

	

div#head_1{

    clear:both;

	position: relative;

	width: 800px;

	height: 100px;

	background: #ffffff url(../img/head_01.gif);

	}





div#head_2{

    clear:both;

	position: relative;

	width: 800px;

	height: 100px;

	background: #ffffff url(../img/head_02.gif);

	}	

	

	

div#container {

    clear:both;

	width: 800px;

	}





div#right {

	top: 0;

	float: right;

	width: 580px;

	}

	

div#left {

	top: 0;

	float: left;

	width: 220px;

	}

	

		



div#foot_b {

    clear:both;

	background: url(../img/foot_bio.gif);

	width: 800px;

	height: 370px;

	top: auto;

		}



	

div#foot_i {

    clear:both;

	background: url(../img/foot_illust.gif);

	width: 800px;

	height: 370px;

	}



	

div#foot_c {

    clear:both;

	background: url(../img/foot_cont.gif);

	width: 800px;

	height: 370px;

	}





a:link {color:#cccccc; text-decoration:none;}

a:visited {color:#cccccc; text-decoration:none;}

a:active {color:#cccccc; text-decoration:none;}

a:hover {color:#cccccc; text-decoration:none;}





li{clear:left;}



/* navi ---------------- */



#navigation ul {

	margin: 0 0 1em;

	padding: 0;

	list-style: none;

	}

#navigation li {

	margin: 0;

	padding: 0;

	width: 220px;

	height: 45px;

	text-indent: -9999px;

	}

#navigation li a {

	taxt-decoration: none;

	display: block;	

	width: 220px;

	height: 45px;

	}





#navigation li#home {

	background: url(../img/navi_01off.gif) no-repeat;

	}

#navigation li#home a:hover {

	background: url(../img/navi_01over.gif) no-repeat;

	}

#navigation li#homeon {

	background: url(../img/navi_01on.gif) no-repeat;

	}





#navigation li#bio {

	background: url(../img/navi_02off.gif) no-repeat;

	}

#navigation li#bio a:hover {

	background: url(../img/navi_02over.gif) no-repeat;

	}

#navigation li#bioon {

	background: url(../img/navi_02on.gif) no-repeat;

	}





#navigation li#illust {

	background: url(../img/navi_03off.gif) no-repeat;

	}

#navigation li#illust a:hover {

	background: url(../img/navi_03over.gif) no-repeat;

	}

#navigation li#illuston {

	background: url(../img/navi_03on.gif) no-repeat;

	}	





#navigation li#cont {

	background: url(../img/navi_04off.gif) no-repeat;

	}

#navigation li#cont a:hover {

	background: url(../img/navi_04over.gif) no-repeat;

	}

#navigation li#conton {

	background: url(../img/navi_04on.gif) no-repeat;

	}



	

	

#navigation li#link {

	background: url(../img/navi_05off.gif) no-repeat;

	}

#navigation li#link a:hover {

	background: url(../img/navi_05over.gif) no-repeat;

	}	

#navigation li#linkon {

	background: url(../img/navi_05on.gif) no-repeat;

	}	

	



#navigation li#diary {

	background: url(../img/navi_06off.gif) no-repeat;

	}

#navigation li#diary a:hover {

	background: url(../img/navi_06over.gif) no-repeat;

	}

#navigation li#diaryon {

	background: url(../img/navi_06on.gif) no-repeat;

	}	

	





#navigation li#eng {

	background: url(../img/navi_07off.gif) no-repeat;

	}

#navigation li#eng a:hover {

	background: url(../img/navi_07over.gif) no-repeat;

	}

	

#navigation li#foot {

	background: url(../img/navi_foot.gif) no-repeat;

	}	



/* text---------------- */

h1 {

	font-size: small; 

	font-face: Arial, Helvetica, sans-serif;

	padding: 10px 0 0 40px;

	color: #ffffff;

	background: #ffffff url(../img/title_h1.gif) no-repeat;

	width: 370px;

	height: 60px; 

	line-height: 120%;

}





h2 {

	font-size: small; 

	font-face: Arial, Helvetica, sans-serif;

	color: #cccccc;

}



/* head text---------------- */





.head_t {

	font-size: 9px;

	color: #dddddd;

	padding: 60px 0 0 20px;

	margin: 0;

	}









/* navi text---------------- */

.navi {

	font-size: x-small;

	padding: 10px 30px 10px 10px;

	}







/* cont---------------- */



	

.cont {

	width: 470px;

	background: url(../img/cont_base.gif) ; 

	padding: 0;

	}

	

.cont_foot {

	background: url(../img/cont_foot.gif) bottom left no-repeat;

	width: 470px;

	height: 20px; 

	margin: 0;

	

	}		



.cont_top {

	width: 470px;

	margin: 0;

	height: 20px; 

	background: url(../img/cont_top.gif) top left no-repeat; 

	}

	

.cont_text {

	font-size: small;

	border: 1px solid #eeeeee;

	color: #999999;

	margin: 20px 60px 30px 40px;

	padding: 30px 50px 30px 50px;

	line-height: 170%;

	}

			

.cont_text02 {

	font-size: x-small;

	border: 1px solid #eeeeee;

	color: #999999;

	margin: 30px 60px 0 100px;

	padding: 10px 10px 10px 20px;

	line-height: 120%;

	}

	

.cont_text03 {

	font-size: x-small;

	color: #999999;

	margin: 0;

	padding: 0 0 0 120px;

	line-height: 120%;

	}



.cont_textcon {

	font-size: x-small;

	color: #999999;

	width: 370px;

	height: 189px; 

	margin: 0;

	padding: 30 0 0 100px;

	line-height: 120%;

	background: url(../cont/img/ki.gif) top left no-repeat; 

	}







/* illust---------------- */



.cont_illust {

	font-size: small;

	border: 1px solid #eeeeee;

	color: #999999;

	margin: 30px 60px 30px 40px;

	padding: 0;

	line-height: 120%;

	}

.cont_illust02 {

	font-size: x-small;

	border: 1px solid #eeeeee;

	color: #999999;

	margin: 30px 60px 0 100px;

	padding: 10px 10px 10px 20px;

	line-height: 120%;

	}

	

/* form---------------- */

	

	

.dt {	

	display: block;

	float: left;

	clear: left;

	width: 100px;

	margin: 1px;

	padding: 0 10px 0 10px;

	border: 0;

	font-size: x-small;

	font-weight: nomal;

	text-algin: right;

	background: #eeeeee;

	}



.dd {

	margin: 5px;

	padding: 0 10px 0 10px;

	font-size: x-small;

	font-weight: nomal;

	}