@charset "utf-8";

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

/*                             共通        */
body {  
	text-align : center ; 
	color : #ffffff ; 
	font-weight : bold ; 
	font-size : 14px ; 
	font-family : AmericanTypewriter , Courier , Arial , sans-serif ; 
	line-height : 106% ; 
	letter-spacing : 0 ; 
	-webkit-text-size-adjust : none ; 
	}
a:link { color : #ffffff ; font-weight : bold ; font-size : 16px ;  text-decoration : none ; } 
a:visited { color : #ffffff ; } 
a:hover { color : #ffffff ; } 

/*    html                 DecoTop Works    */
html { 
	background-color : #000000 ; 
	background-repeat : no-repeat ; 
	background-position : center center ; 
	background-attachment : fixed ; 
	}
/*    html                     WorksTop     */
html#wIndex { 
	background-color : #000000 ; 
	background-image : url('bg.png') ; 
	background-repeat : repeat-y ; 
	background-position : center 0 ; 
	background-attachment : scroll ; 
	}

/*     Copyright                  固定       */

div#cho { 
	width : 100% ; 
	position : fixed ; right : 0 ; bottom : 5px ; z-index : 4 ; 
	font-weight : lighter ; 
	font-size : 16px ; 
	text-align : center ; 
	color : #ffffff ; 
	font-family : AmericanTypewriter , Courier , Arial , sans-serif ;
	overflow : hidden ;
	}

/*    Copyright              区切り線付      */
#copyright { 
	clear : both ; 
	height : 70px ;
	padding-top : 20px ; 
	text-align : center ; 
	color : #ffffff ; 
	font-weight : bold ; 
	font-size : 16px ; 
	font-family : AmericanTypewriter , Courier , Arial , sans-serif ; 
	}
	#copyright hr { width : 90% ; border : 1px solid #ffffff ; margin : 30px auto 10px ; }

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

#backTop { 
	background-color : #000000 ; 
	margin : 30px 0 0 ; 
	padding : 10px 20px ; 
	color : #ffffff ; 
	text-align : left ; 
	}
#wMenuAll { 
	width : 800px ; 
	margin : 0 auto ; 
	text-align : center ; 
	 }
#wMenu { 
	width : 540px ; 
	margin : 0 auto ; 
	text-align : left ; 
	margin : 0 130px ; 
	 }
	div#wMenu h2 { 
		font-weight : bold ; 
		font-size : 150% ;  
		color : #ff69b4 ; 
		margin-top : 30px ; 
		} 
	div#wMenu h4 { 	margin : 20px 0 10px ; 	}
	div#wMenu img { margin : 5px ; }


/* -------------------------------------------
                              Works           
------------------------------------------- */

div#cl { 
	width : 50px ; 
	height : 50px ; 
	position : fixed ; right : 1px ; top : 1px ; z-index : 3 ; 
	padding : 5px 5px 5px 5px ; 
	}
a#cl {
	background-image : url('./x.gif'); 
	background-repeat : no-repeat; 
	text-indent : -9999px ; 
	overflow : hidden ; 
	width : 40px ; 
	height : 40px ; 
	display : block ; 
	}

div#yn { 
	width : 40px ; 
	height : 40px ; 
	position : fixed ; right : 90% ; top : 50% ; 
	z-index : 2 ; 
	}
a#yn {
	background-image : url('./yn.gif'); 
	background-repeat : no-repeat; 
	text-indent : -9999px ; 
	overflow : hidden ; 
	width : 40px ; 
	height : 40px ; 
	display : block ; 
	}

div#yp { 
	width : 40px ; 
	height : 40px ; 
	position : fixed ; left : 90% ; top : 50% ; 
	z-index : 1 ; 
	}
a#yp {
	background-image : url('./yp.gif'); 
	background-repeat : no-repeat; 
	text-indent : -9999px ; 
	overflow : hidden ; 
	width : 40px ; 
	height : 40px ; 
	display : block ; 
	}
	

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

body#decoBody img { margin : 1px ; }

#Dface { 
	width : 310px ; 
	background-image : url('./deco/face.gif') ; 
	background-position : 0 0 ; 
	background-repeat : no-repeat ; 
	text-align : left ; 
	margin : 50px auto 5px ; 
	padding : 4px ; 
	}

#Dstate { 
	width : 310px ; 
	background-image : url('./deco/state.gif') ; 
	background-position : left top ; 
	background-repeat : no-repeat ; 
	text-align : left ; 
	margin : 5px auto ; 
	padding : 4px ; 
	}

#Dbody { 
	width : 310px ; 
	background-image : url('./deco/body.gif') ; 
	background-position : left top ; 
	background-repeat : no-repeat ; 
	text-align : left ; 
	margin : 5px auto ; 
	padding : 4px ; 
	}

#Dother { 
	width : 310px ; 
	background-image : url('./deco/other.gif') ; 
	background-position : left top ; 
	background-repeat : no-repeat ; 
	text-align : left ; 
	margin : 5px auto ; 
	padding : 4px ; 
	}

#Dchara { 
	width : 310px ; 
	background-image : url('./deco/chara.gif') ; 
	background-position : left top ; 
	background-repeat : no-repeat ; 
	text-align : left ; 
	margin : 5px auto ; 
	padding : 4px ; 
	}

#Dspecial { 
	width : 310px ; 
	background-image : url('./deco/special.gif') ; 
	background-position : left top ; 
	background-repeat : no-repeat ; 
	text-align : left ; 
	margin : 5px auto 40px ; 
	padding : 4px ; 
	}

#allDL { width : 100% ;  height : 30px ; text-align : center ; }