@charset "UTF-8";


h1,h2,h3,h4,h5,h6,div,p,ol,ul,li,img,a,form,table,td {font-size:1em; margin:0px; padding:0px; line-height:1em; color:#333; border:0px;}
html { overflow:scroll; }
img { border:0px; padding:0px; margin:0px; }
strong {}

/* container */

body				{ width:970px; padding:0px; margin:0px; position:relative; }
#wrap			{ width:970px; float:left; clear:both; }
#header		{ width:970px; float:left; clear:both; position:relative; height:436px; }
#body			{ width:970px; float:left; clear:both; }
#footer		{ width:970px; float:left; clear:both; }

/* background */

body	 { background-image: url(img/bg.png); }
#wrap { background-image:url(img/borderbg.png); background-repeat:repeat-y; }
#header { background-image:url(img/header.png); background-repeat:no-repeat; }
#footer { background-color:#000; background-image:url(img/bar3.png); background-repeat:no-repeat; background-position: 0px 2px; }

/*  tag */

h2 { margin-left:145px; margin-bottom:45px; }
p.read { margin-left:191px; margin-right:80px; font-size:0.8em; line-height:1.5em; margin-bottom:45px; }

/* other */

#ie6 { display:none; position:absolute; top:0px; left:0px; width:970px; background-color:#F00; color:#FFF; line-height:1.3em; font-size:0.8em; text-align:center; padding:3px 0px; }
#ie6 a { color:#FF0; }
div.bar { margin-bottom:50px; cursor:pointer; }
#fbox { width:970px; float:left; clear:both; margin-top:77px; margin-bottom:300px; }
#copy, #mailto { font-size:0.8em; color:#FFF; }
#copy { width:387px; float:left; clear:both; text-align:right; }
#mailto { width:241px;  float:right; background-image:url(img/icon_mail.png); background-repeat:no-repeat; background-position: 0px center; padding-left:20px; }
#mailto a { color:#FFF; }

/* header */

#logo { position:absolute; top:24px; left:732px; }
#gmenu { position:absolute; top:73px; left:831px; }
#gmenu ul { list-style-type:none; padding:0px; margin:0px; }
#gmenu li { font-size: 0; line-height: 0; vertical-align: bottom; margin-bottom:7px; cursor:pointer; }

/* resp */

#resp { width:970px; float:left; clear:both; margin-bottom:57px; }
div.respbox { width:970px; float:left; clear:both; margin-bottom:43px; }
div.respbox div.reshd3 { width:171px; float:left; clear:both; }
div.respbox div.reshd3 h3 { text-align:right; }
div.respbox div.resimage { width:180px; float:left; text-align:center; }
div.respbox div.restext { width:540px; float:left; font-size:0.8em; line-height:1.5em; }

/* apps */

#apps { width:970px; float:left; clear:both; margin-bottom:57px; }
div.appsbox { width:970px; float:left; clear:both; margin-bottom:43px; }
div.appsbox div.apphd3 { width:180px; float:left; clear:both; margin-right:14px; }
div.appsbox div.apphd3 h3 { text-align:right; padding-top:5px; }
div.appsbox div.appimage { width:80px; float:left; }
div.appsbox div.apptext { width:600px; float:left; font-size:0.8em; line-height:1.5em; }

/* about */

#about { width:970px; float:left; clear:both; margin-bottom:70px; }
#aboutbox { width:970px; float:left; clear:both; }
#outline { width:671px; float:left; clear:both; }
div.otbox { width:671px; float:left; clear:both; margin-bottom:30px; }
div.otbox div.abhd3 { width:271px; float:left; clear:both; text-align:right; }
div.otbox div.abtext { width:380px; float:left; font-size:0.8em; }
#book { width:219px; float:left; }
#book div { margin-bottom:20px; }

/* contact */

#contact { width:970px; float:left; clear:both; margin-bottom:70px; }
div.conbox { width:970px; float:left; clear:both; margin-bottom:70px; }
div.conbox div.conhd3 { width:171px; float:left; clear:both; text-align:right; }
div.conbox div.conmap { width:750px; float:left; }
div.conbox div.conmap img { margin-left:22px; }
div.conbox div.conmail { width:750px; float:left; }
div.conbox div.conmail img { margin-left:100px; }

/* slidemenu */

#slide { cursor:pointer; position:absolute; top:282px; left:-112px; clear:both; background-image:url(img/slidebg.png); background-repeat:no-repeat; background-position:0px 0px; height:103px; width:143px; }
#slide ul { list-style-type:none; padding:15px 0px 0px 0px; margin:0px ; }
#slide li { font-size: 0; line-height: 0; vertical-align: bottom; margin-bottom:4px; padding-left:14px; }
#slide li img { cursor:pointer; }

/* class */

.cursor { cursor:pointer; }