/* -----------------------------------
		�¥ GLOBAL LAYOUT�¥ 
--------------------------------------*/

#body {
				margin: 0; padding:0;
				}
#container {
				background-color: #fff;
				}
#main {
				margin-top: 18px;
				}

a:link {
				color: #000000;
				}
a:visited {
				color: #696969;
				}
a:active {
				color: #000000;
				}


/* -----------------------------------
		�¥ TOPPAGE LAYOUT�¥ 
--------------------------------------*/
#main {
				font-family: 'hirakakupro-w3', osaka, Meiryo, "ms pgothic", sans-serif;
				}
#main #logocage {
				width: 400px;
				height: 250px;
				position: absolute;
				display: block;
				margin-left: 50%;
				left: -200px;
				top: 8em;
				}
#main #logocage #toplogo {
				width: 350px;
                		height: 210px;
                		background-image: url(image/top_facelogo.gif);
				background-repeat: no-repeat;
				    position: absolute;     
				    display: block;
			    	top: 22px;
			    	margin: 0px; padding: 0;
			    }
#main #logocage #toplogo b#version {
				font-size: 6pt;
				position: absolute;
				display: block;
				top: 196px; left: 322px;
				margin: 0px; padding: 0px;
				}
#main #info {
				width: 600px;
				height: 50px;
				position: absolute;
				display: block;
				top: 290px; left: -50px;
				margin: 0px; padding: 0px;
				font-family: 'hirakakupro-w3', osaka, Meiryo, "ms pgothic", sans-serif;
				}

ul.infomation {
				font-size: 0.75em;
				line-height: 160%;
				list-style-image: url(image/exclamation.gif);
				}

ul.infomation_old {
				margin-top: -2px;
				font-size: 0.75em;
				line-height: 160%;
				list-style-image: url(image/exclamation_non.gif);
				}

/* -----------------------------------
		�¥ ARTWORKS PAGE LAYOUT�¥ 
--------------------------------------*/
				
#main #logocage #windowlogo {
				width: 350px;
              			height: 210px;
				position: absolute;     
				display: block;
				top: 22px;
				margin: 0px; padding: 0;
			    }
#main #logocage #positioning_main {
				width: 320px;
				height: 10px;
				position: absolute;
				top: 240px; left: 62px; right: 40px;
				display: block;
			   }

/* -----------------------------------
		�¥ TOPPAGE LAYOUT�¥ 
--------------------------------------*/
#contact {
				width: 480px; height: 284px;
				background-image:url("image/contact.png");
				background-repeat: no-repeat;
				position: absolute;
				margin-left: 180px; margin-top: 120px;
				display: block;
				}
				
/* -----------------------------------
		�¥ GARELLY MENU �¥ 
--------------------------------------*/
#galmenu { 
				width: 320px;
				height: 10px;
				display: block;
			   }
.sthidden {
				display: none;
				}

/* GARELLY BUTTON */
#galmenu #artworks a {
				background-image: url(image/artwork_menu_01artworks.gif);
				background-repeat: no-repeat;
				width: 50px; height: 10px;
				display: block;
				float: left;
				}
#galmenu #blank {
				background-image: url(image/artwork_menu_02blank.gif);
				background-repeat: no-repeat;
				width: 7px; height: 10px;
				display: block;
				float: left;
				}
#galmenu #poster a {
				background-image: url(image/artwork_menu_03poster.gif);
				background-repeat: no-repeat;
				width: 32px; height: 10px;
				display: block;
				float: left;
				}
#galmenu #slash_a {
				background-image: url(image/artwork_menu_04slash.gif);
				background-repeat: no-repeat;
				width: 5px; height: 10px;
				display: block;	
				float: left;
				}
#galmenu #symbol a {
				background-image: url(image/artwork_menu_05symbol.gif);
				background-repeat: no-repeat;
				width: 36px; height: 10px;
				display: block;
				float: left;
				}
#galmenu #slash_b {
				background-image: url(image/artwork_menu_06slash.gif);
				background-repeat: no-repeat;
				width: 7px; height: 10px;
				display: block;
				float: left;
				}	
#galmenu #logotype a {
				background-image: url(image/artwork_menu_07logotype.gif);
				background-repeat: no-repeat;
				width: 46px; height: 10px;
				display: block;
				float: left;
				}
#galmenu #slash_c {
				background-image: url(image/artwork_menu_08slash.gif);
				background-repeat: no-repeat;
				width: 6px; height: 10px;
				display: block;
				float: left;
				}
#galmenu #packaging a {
				background-image: url(image/artwork_menu_09packaging.gif);
				background-repeat: no-repeat;
				width: 51px; height: 10px;
				display: block;
				float: left;
				}
#galmenu #slash_d {
				background-image: url(image/artwork_menu_10slash.gif);
				background-repeat: no-repeat;
				width: 5px; height: 10px;
				display: block;
				float: left;
				}	
#galmenu #illustration a {
				background-image: url(image/artwork_menu_11illustration.gif);
				background-repeat: no-repeat;
				width: 52px; height: 10px;
				display: block;
				float: left;
				}
#galmenu #slash_e {
				background-image: url(image/artwork_menu_12slash.gif);
				background-repeat: no-repeat;
				width: 5px; height: 10px;
				display: block;
				float: left;
				}
#galmenu #etc a {
				background-image: url(image/artwork_menu_13etc.gif);
				background-repeat: no-repeat;
				width: 18px; height: 10px;
				display: block;
				float: left;
				}

/* ON MOUSEOVER */
#galmenu #artworks a:hover {
				background-image: url(image/artwork_menu_01artworks.gif);
				background-repeat: no-repeat;
				background-position: 0 0px;
				cursor: default;
				width: 50px; height: 10px;
				display: block;
				}
#galmenu #poster a:hover {
				background-image: url(image/artwork_menu_03poster.gif);
				background-repeat: no-repeat;
				background-position: 0 -10px;
                width: 32px; height: 10px;
                display: block;
                }
#galmenu #symbol a:hover {
				background-image: url(image/artwork_menu_05symbol.gif);
				background-repeat: no-repeat;
				background-position: 0 -10px;
                width: 36px; height: 10px;
                display: block;
                }
#galmenu #logotype a:hover {
				background-image: url(image/artwork_menu_07logotype.gif);
				background-repeat: no-repeat;
				background-position: 0 -10px;
                width: 46px; height: 10px;
                display: block;
                }
#galmenu #packaging a:hover {
				background-image: url(image/artwork_menu_09packaging.gif);
				background-repeat: no-repeat;
				background-position: 0 -10px;
                width: 51px; height: 10px;
                display: block;
                }
#galmenu #illustration a:hover {
				background-image: url(image/artwork_menu_11illustration.gif);
				background-repeat: no-repeat;
				background-position: 0 -10px;
				width: 52px; height: 10px;
				display: block;
				}
#galmenu #etc a:hover {
				background-image: url(image/artwork_menu_13etc.gif);
				background-repeat: no-repeat;
				background-position: 0 -10px;
                width: 18px; height: 10px;
                display: block;
                }
                            
/* ON MOUSECLICK */
#galmenu #artworks a:active {
				background-image: url(image/artwork_menu_01artworks.gif);
				background-repeat: no-repeat;
				background-position: 0 -10px;
                width: 50px; height: 10px;
                display: block;
                }

/* DEF STAYING */
#galmenu #poster_def {
				background-image: url(image/artwork_menu_03poster.gif);
				background-repeat: no-repeat;
				background-position: 0 -10px;
                width: 32px; height: 10px;
                display: block;
				float: left;
                }
#galmenu #symbol_def {
				background-image: url(image/artwork_menu_05symbol.gif);
				background-repeat: no-repeat;
				background-position: 0 -10px;
                width: 36px; height: 10px;
                display: block;
				float: left;
                }
#galmenu #logotype_def {
				background-image: url(image/artwork_menu_07logotype.gif);
				background-repeat: no-repeat;
				background-position: 0 -10px;
                width: 46px; height: 10px;
                display: block;
				float: left;
                }
#galmenu #packaging_def {
				background-image: url(image/artwork_menu_09packaging.gif);
				background-repeat: no-repeat;
				background-position: 0 -10px;
                width: 51px; height: 10px;
                display: block;
				float: left;
                }
#galmenu #illustration_def {
				background-image: url(image/artwork_menu_11illustration.gif);
				background-repeat: no-repeat;
				background-position: 0 -10px;
				width: 52px; height: 10px;
				display: block;
				float: left;
				}
#galmenu #etc_def {
				background-image: url(image/artwork_menu_13etc.gif);
				background-repeat: no-repeat;
				background-position: 0 -10px;
                width: 18px; height: 10px;
                display: block;
				float: left;
                }