@charset "utf-8" ;

* { margin : 0 ; padding : 0 ; border : 0 ; }

body { 
	width : 900px ;
	height : 100% ;  
	margin : 5px auto ;
	padding : 0 ; 
	text-align : center ; 
	color : #ffffff ; 
	font-weight : bold ; 
	font-size : 14px ; 
	font-family : AmericanTypewriter , Courier , Arial , sans-serif ; 
	line-height : 106% ; 
	-webkit-text-size-adjust : none ; 
	}

a:link { color : #ffffff ; font-weight : lighter ; font-size : 14px ;  text-decoration : none ; } 
a:visited { color : #ffffff ; } 
a:hover { color : #ffffff ; } 

/*           Copyright               */

div#copyright { 
	clear : both ; 
	font-size : 16px ; 
	width : 900px ; 
	height : 50px ;
	padding : 0px ; 
	text-align : center ; 
	}
	div#copyright a:link { color : #ffffff ; font-weight : bold ; font-size : 16px ;  text-decoration : none ; } 
	div#copyright a:visited { color : #ffffff ; } 
	div#copyright a:hover { color : #ffffff ; } 
	
	div#copyright hr { 
	width : 90% ; 
	border : 1px solid #ffffff ; 
	margin : 10px auto 10px ; 
	}


/* -------------------------------------------
                                    Index     
------------------------------------------- */

html#indexPage { 
	background-color : #000000 ; 
	text-align : center ; 
	}
	
div#zmEnter { 
	text-align : right ; 
	font-family : AmericanTypewriter , Courier , Arial , sans-serif ; 
	margin  0 ;
	}
	div#zmEnter a:link { color : #ffffff ; font-weight : lighter ; font-size : 12px ;  text-decoration : none ; } 
	div#zmEnter a:visited { color : #ffffff ; text-decoration : none ; } 
	div#zmEnter a:hover { color : #ffffff ; text-decoration : none ; } 

a#enter { 
	background-image: url('./zenter.gif');
	background-repeat: no-repeat;
	text-indent: -10000px;
	overflow:hidden;
	width : 320px ; 
	height : 200px ; 
	margin : 200px auto 100px ;
	display : block ; 
	}
div.using { font-weight : lighter ; font-size : 80% ; color : #2f4f4f ; margin-top : 10px ; }

/* -------------------------------------------
                                    Top       
------------------------------------------- */

html#topPage { 
	background-color : #000000 ; 
	background-image : url('bg.png') ; 
	background-repeat: repeat-y ; 
	background-position : center top ; 
	background-attachment: scroll ; 
	text-align : center ; 
	}
	
h1,h2,h3,h4,h5 { display : none ; }

/*           Top Header               */

#header { 
	height: 280px ;
	background-image : url('./a.png') ; 
	background-repeat: no-repeat ; 
	background-position : 0 0 ; 
	}
	

/*           Top Works Menu               */

div#works { 
	height: 590px ; 
	width : 480px ; 
	float : left ; 
	color : #ffffff ; 
	background-image : url('./b.png') ; 
	background-repeat: no-repeat ; 
	background-position : top right ; 
	_height : 1px ; /*  float clear Start  */
	min-height : 1px ; 
	overflow : hidden ; 
	}
div#works:after { 
	content : "." ; 
	display : block ; 
	clear : both ; 
	height : 0 ; 
	visibility : hidden ; 
	}/*  float clear End  */
	

div#works table { margin : 80px 70px auto auto ; }

div#works a { 
	background-repeat : no-repeat ; 
	display : block ; 
	text-indent : -10000px ; 
	overflow : hidden ; 
	}
	a#w01 { /*  PickUp  */
		background-image : url('./w/b/40.png') ; 
		width : 80px ; 
		height : 80px ; 
		margin : 7px ; 
		}
	a#w02 { 
		background-image : url('./w/b/39.png') ; 
		width : 80px ; 
		height : 80px ; 
		margin : 7px ; 
		}
	a#w03 { 
		background-image : url('./w/b/38.png') ; 
		width : 80px ; 
		height : 80px ; 
		margin : 7px ; 
		}
	a#w04 { 
		background-image : url('./w/b/36.png') ; 
		width : 80px ; 
		height : 80px ; 
		margin : 7px ; 
		}
	a#w05 { 
		background-image : url('./w/b/35.png') ; 
		width : 80px ; 
		height : 80px ; 
		margin : 7px ; 
		}
	a#w06 { 
		background-image : url('./w/b/32.png') ; 
		width : 80px ; 
		height : 80px ; 
		margin : 7px ; 
		}
	a#w07 { 
		background-image : url('./w/b/31.png') ; 
		width : 80px ; 
		height : 80px ; 
		margin : 7px ; 
		}
	a#w08 { 
		background-image : url('./w/b/25.png') ; 
		width : 80px ; 
		height : 80px ; 
		margin : 7px ; 
		}
	a#w09 { 
		background-image : url('./w/b/23.png') ; 
		width : 80px ; 
		height : 80px ; 
		margin : 7px ; 
		}
	a#w10 { 
		background-image : url('./w/b/15.png') ; 
		width : 80px ; 
		height : 80px ; 
		margin : 7px ; 
		}
	a#w11 { 
		background-image : url('./w/b/13.png') ; 
		width : 80px ; 
		height : 80px ; 
		margin : 7px ; 
		}
	a#w12 { 
		background-image : url('./w/b/12.png') ; 
		width : 80px ; 
		height : 80px ; 
		margin : 7px ; 
		}
	a#deco { 
		float : left ; 
		background-image : url('./xx.gif') ; 
		width : 170px ; 
		height : 45px ; 
		margin : 15px auto auto 80px ; 
		}
	a#more { 
		float : right ; 
		background-image : url('./xx.gif') ; 
		width : 170px ; 
		height : 45px ; 
		margin : 15px 30px ; 
		}

/*           Twitter               */

div#tweet { 
	float : right ; 
	height : 590px ; 
	width : 420px ; 
	background-image : url('./c.png') ; 
	background-repeat: no-repeat ; 
	background-position : left top ; 
	text-align : left ; 
	}


img#tweetIcon { margin-right : 5px ; margin-bottom : -2px ; }

p#wwsLink { margin : 60px auto 20px ; }

#twitter_div ul { 
	width : 280px ; 
	height : 300px ; 
	overflow-y : scroll ; 
	overflow-x : hidden ; 
	text-align : left ;
	margin : 0 auto auto 25px ; 
	list-style-type : none ; 
	}
#twitter_div li {
	background-image : url('http://www.katch.ne.jp/~kz-ito/zoobz/yucobl.gif') ; 
	background-repeat : no-repeat ;
	background-position : 1px 8px ; 
	border-bottom : dashed 1px #ffffff ; 
	padding : 10px 5px 10px 28px; 
	}
#twitter_div li a { 
	font-weight : lighter ;
	font-size : 80% !important; 
	font-family : Arial , sans-serif ; 
	color : #4b0082; 
	}
#twitter_div li a:visited { color : #4b0082 ; }
#twitter_div li a:hover { color : #ffffff ; }
#twitter_div li span { 
	font-weight : bold ;
	font-size : 14px !important ;
	font-family : Meiryo , Arial , sans-serif ; 
	color : #191970 ; 
	}
#twitter_div li span a { 
	color : #280065 ; 
	font-weight : lighter ;
	font-size : 14px !important ; 
	font-family : Arial , sans-serif ; 
	}
#twitter_div li span a:visited { color : #280065 ; }
#twitter_div li span a:hover { color : #ffffff ; }
a#twitter-link {
	color : #ffa07a ; 
	font-weight : bold ;
	font-size : 20px ; 
	font-family : AmericanTypewriter , Courier , Arial , sans-serif ; 
	}
	a#twitter-link:hover { color : #ffffff ; }

/*              What are they?                  */

div#tweet p#wat { 
		width : 257px ; 
		height : 88px ; 
		position : relative ; top : 90px ; left : 45px ; 
		margin-right : -100px ;  
		background-image : url('./wat.png') ; 
		background-repeat : no-repeat ; 
		display : block ; 
		text-indent : -10000px ; 
		overflow : hidden ; 
		}

/*               Contact                   */

#zoobzmailform_top {
	float : left ; 
	height : 540px ; 
	width : 470px ; 
	text-align : right ;
	margin : 0 ; 
	padding : 0px ; 
	color : #D4C8BC ; 
	font-weight : bold ; 
	font-size : 16px ; 
	font-family : AmericanTypewriter , Courier , Arial , sans-serif ; 
	background-image : url('./d.png') ; 
	background-repeat: no-repeat ; 
	background-position : right top ; 
	overflow : hidden !important ; 
	}
#zoobzmailform_top div#ninjaLink { /* Powerd by 絶対位置 */
		color : #847884 ; 
		position : absolute ; top : 1360px ; left : 50% ; 
		margin-left : -300px ; 
		font-weight : lighter ; 
		font-size : 12px ; 
		font-family : AmericanTypewriter , Courier , Arial , sans-serif ; 
		white-space : pre ; 
		}
	div#ninjaLink a:link { 
		color : #847884 ; 
		font-weight : lighter ; 
		font-size : 12px ; 
		font-family : AmericanTypewriter , Courier , Arial , sans-serif ; 
		text-decoration : none ; 
		} 
		div#ninjaLink a:visited { color : #847884 ; } 
		div#ninjaLink a:hover { color : #ffffff ; } 
		
#zoobzmailform_top .main { margin-top : 125px ;   padding-right : 15px ;  }
	#zoobzmailform_top .name_parts { 
		width : 150px ; 
		height : 22px ; 
		color : #ffffff ; 
		font-size : 16px ; 
		font-family : AmericanTypewriter , Courier , Arial , sans-serif ; 
		background-color : transparent ;
		border-top : 2px solid  #000000 ;
		border-right : 1px solid  #847884 ; 
		border-bottom : 2px solid  #847884 ; 
		border-left: 1px solid  #000000 ; 
		}
	#zoobzmailform_top .mail_parts {
	width : 250px ; 
	height : 22px ; 
	color : #ffffff ; 
	font-size : 16px ; 
	font-family : AmericanTypewriter , Courier , Arial , sans-serif ; 
	background-color : transparent ;
	border-top : 2px solid  #000000 ;
	border-right : 1px solid  #847884 ; 
	border-bottom : 2px solid  #847884 ; 
	border-left: 1px solid  #000000 ; 
	}
	
#zoobzmailform_top .textarea_top div:first-letter { color : #8b0000 ; }/* 必須強調 */
#zoobzmailform_top .url_parts {
	width : 250px ; 
	height : 22px ; 
	color : #ffffff ; 
	font-size : 16px ; 
	font-family : AmericanTypewriter , Courier , Arial , sans-serif ; 
	background-color : transparent ;
	border-top : 2px solid  #000000 ;
	border-right : 1px solid  #847884 ; 
	border-bottom : 2px solid  #847884 ; 
	border-left: 1px solid  #000000 ; 
	}
	
#zoobzmailform_top .textarea_parts {
	width : 300px ; 
	height : 80px ;  
	color : #ffffff ; 
	font-size : 16px ; 
	font-family : AmericanTypewriter , Courier , Arial , sans-serif ;
	background-color : transparent ;
	border-top : 2px solid  #000000 ;
	border-right : 1px solid  #847884 ; 
	border-bottom : 2px solid  #847884 ; 
	border-left: 1px solid  #000000 ; 
	}
	
#zoobzmailform_top .submit {  }
#zoobzmailform_top .submit_button {
	width : 100px ;
	height : 25px ; 
	color : #D4C8BC ; 
	font-size : 12px ; 
	font-family : Meiryo , AmericanTypewriter , Courier , Arial , sans-serif ; 
	background-color : #150136 ; 
	border : 2px solid  #847884 ; 
	}
	#zoobzmailform_top  .submit input[name=submit]{ /* submit Button */
		border : 0px !important ; 
		width : 150px ; 
		height : 50px; 
		background : url('./submit.png') left center no-repeat ; 
		text-indent : -10000px ; 
		cursor : pointer ; 
		}

#zoobzmailform_top .error {
	margin : 200px 10px 10px auto ; 
	text-align : right ; 
	color : #D4C8BC ; 
	font-size : 12px ; 
	font-family : Meiryo , Arial , sans-serif ; 
	line-height : 20px ; 
	}
	
#zoobzmailform_top .error_submit_button { 
	width : 80px ; 
	height : 25px ; 
	color : #D4C8BC ; 
	font-family : Meiryo , AmericanTypewriter , Courier , Arial , sans-serif ; 
	font-size : 12px ; 
	background-color : #800000 ; 
	border : 2px solid  #847884 ; 
	}
	
#zoobzmailform_top .result {
	margin : 200px 10px 10px auto ; 
	text-align : right ; 
	color : #D4C8BC ; 
	font-size : 12px ; 
	font-family : Meiryo , Arial , sans-serif ; 
	line-height : 20px ; 
	}

#zoobzmailform_top .result_submit_button {
	width : 80px ; 
	height : 25px ; 
	color : #D4C8BC ; 
	font-size : 12px ; 
	font-family : Meiryo , AmericanTypewriter , Courier , Arial , sans-serif ; 
	background-color : #150136 ; 
	border : 2px solid  #847884 ; 
	}

/*              Thanks                  */

div#thanks { 
	float : right ; 
	height : 540px ; 
	width : 430px ; 
	text-align : center ; 
	color : #ffffff ; 
	background-image : url('./e.png') ; 
	background-repeat: no-repeat ; 
	background-position : left top ; 
	}
	
	div#thanks img { margin : 2px 2px 10px ; } 
	

	div#thanks ul { 
	margin-top : 155px ; 
	margin-bottom : 30px ; 
	line-height : 17px ; 
	}
	
	div#thanks li {
	color : #ff69b4 ; 
	font-weight : bold ; 
	font-size : 16px ; 
	font-family : AmericanTypewriter , Courier , Arial , sans-serif ; 
	list-style : none ; 
	}
	
	div#thanks a:link { 
		color:#ff69b4; 
		font-weight : bold ; 
		font-size:16px ; 
		font-family : AmericanTypewriter , Courier , Arial , sans-serif ; 
		text-decoration : none ; 
		} 
	div#thanks a:visited { color : #ff69b4 ; text-decoration : none ; } 
	div#thanks a:hover { color : #ffffff ; } 
	div#thanks a:active { color : #ffffff ; } 

	div#thanks dt,dd { 
		margin-right : 80px; 
		font-weight : lighter ; 
		font-size : 12px ; 
		color : #ffffff ; 
		text-align : right ; 
		}

	div#thanks strong { color : #fffa66 ; font-weight : bold ; font-size : 14px ; }