@charset "utf-8";
/* CSS Document 
@import url("base.css");
@import url("font.css");
@import url("forms.css");*/
html {overflow-y:scroll}
#container {margin:auto; padding:15px 0; width:960px}
#footer {clear:both; position:relative; padding-top:20px}
#footer .follow {background:#e2e2e4; margin-top:10px; margin-bottom:10px; height:42px; overflow:hidden; color:#000; text-align:right}
#footer .follow h3 {font:bold 18px/42px Arial; width:784px; text-align:right; float:left}
#footer .follow span {display:block; float:right; height:36px; padding:3px 20px; width:126px; background:#c4c5c7 url(../../images/follow_bg.gif) no-repeat left top}
#footer .follow span a {display:block; float:left; width:36px; height:36px; background:url(../../images/icon_follow.png) no-repeat; margin:0 3px}
#footer .follow span a.link_01 {background-position:0 0}
#footer .follow span a:hover.link_01 {background-position:0 -36px}
#footer .follow span a.link_02 {background-position:-36px 0}
#footer .follow span a:hover.link_02 {background-position:-36px -36px}
#footer .follow span a.link_03 {background-position:-72px 0}
#footer .follow span a:hover.link_03 {background-position:-72px -36px}
#footer .copy {text-align:right}
#footer .copy a {text-decoration:underline; margin-right:10px}
#c1 {width:865px; float:left; overflow:visible; zoom:1}
#c2 {width:65px; float:right; text-align:right; vertical-align:top}
#c2 .link li {margin-bottom:12px; display:block}
#c2 .link li .logo {padding:18px 0; margin-bottom:28px}
#header {height:142px; overflow:visible}
#header .top {float:right}
#header .top li {float:left; margin-left:12px; color:#ccc}
#header .content {clear:both}
#header .content img {float:left}
#header .bottom {clear:both; width:865px; padding:15px 0}
#header .bottom h2 {float:left}
#main {position:relative}
#main .m1, #main .m2, #main .m3, #main .m4 {float:left; min-height:1px}
#main .m1 {width:400px; overflow:hidden}
#main .m1 div {margin-bottom:15px}
#main .m1 div.img_box,#main .m1 div.artwork_box {margin-bottom:32px}
#main .m1 div.artwork_box {text-align:left}
.m1 a {position:relative; display:inline-block; *display:inline}
#main .m1 a span.zoom {display:none; width:66px; height:66px; background:url(../../images/icon_zoom_66.png) no-repeat center; position:absolute; left:50%; top:50%; margin:-33px 0 0 -33px }
/* IE6 */* html #main .m1 a span.zoom {background:none}
#main .m1 a:hover span.zoom {display:block}
#main .m1 a * {cursor:pointer}
#main .m1 div div {margin-bottom:12px}
#main .m1 div p {margin:0 0 12px 0}
#main .m2 {width:130px; margin-left:25px}
#main .m3 {width:290px; margin-left:20px}
#main .m4 {width:440px; padding-left:25px; margin-top:0px; padding-bottom:22px; position:relative}
#main .index_div {margin-left:85px}
#c1 .copyright {clear:both; text-align:center; margin:50px 0 0 85px}
#header_submit {height:70px; padding-top:20px}
.ala_loading {background:url(../../images/ala_loading.gif) no-repeat center; height:90px; width:90px; position:fixed; _position:absolute; top:50%; left:50%; margin-top:-45px; margin-left:-45px; z-index:9999; filter:Alpha(Opacity=60); -moz-opacity:0.6; opacity:0.6}