@charset "utf-8";

html{height:100%;}
body{margin:0px;padding:0px;font:normal normal normal 85%/2.5em arial,sans-serif;
          letter-spacing:0.01em;color:#333;text-align:center;background:url("img/bg.png") repeat-y top center #efefef;}

/*all*/
a{color:#39f;}
a:visited{color:#9bcb56;}
a:hover{color:#f60;}
img{border:0px;}
.none{display:none;}
.clear{clear:both;}
.b{font-weight:bold;}
.red{color:#d62408;}
.right{text-align:right;}
.center{text-align:center;}

/*page*/
#page{position:relative;margin:0 auto;padding:0;width:980px;text-align:left;background:#fff;}
#head{margin:0;padding:0;width:980px;height:299px;}
#menu{padding:5px 40px;width:900px;height:40px;background:url("img/menu.png") repeat-x;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;}
#content{float:right;padding:20px;width:760px;}
#ad1{padding:0 0 10px 0;width:380px;}
#ad2{float:right;padding:20px 0 20px 20px;width:160px;height:600px;}
#foot{
	clear:both;
	margin:0;
	padding:0;
	width:100%;
	height:101px;
	text-align:center;
	background:url(http://jo-studio.com/img/foot.png) repeat-x;
	position:relative;
}
#footbox{margin:0 auto;padding:0;width:960px;text-align:left;}


/*head*/
h1{margin:0;padding:0;width:980px;height:299px;}

/*menu*/
#menu ul{margin:0;padding:0;width:900px;height:40px;}
#menu li{text-align:center;list-style-type:none;display:block;float:left;margin:0;padding:0;width:180px;height:50px;line-height:1em;}
#menu a{text-decoration:none;color:#333;display:block;padding:14px 20px 10px 0;width:160px;height:16px;background:url("img/menu1-trans.png") 0 13px no-repeat;}
#menu a:visited{color:#777;}
#menu a:hover{color:#ff664f;background:url("img/menu2-trans.png") 0 13px no-repeat;}

/*content*/
h2{margin:0 0 10px 0;padding:0 0 0 20px;font-size:100%;background:#efefef;height:30px;clear:both;}
h3{margin:0;padding:0;font-size:100%;display:inline;clear:both;}
#content .text{padding:0 20px 20px 20px;clear:both;}
#content #comic{float:left;padding:0 20px 20px 0;width:360px;}
#content #sub{float:left;padding:0 0 20px 0;width:380px;}
#content .comment{background:url("img/comment-trans.png") no-repeat;padding:0 0 0 25px;}
#content dl,dt,dd,ul,ol,li{margin:0;padding:0;}
#content dd{padding-left:50px;}
#content li{margin-left:50px;}
#content .FR{padding:0 0 10px 10px;float:right;}

/*bottom*/
#bottom a{text-decoration:none;color:#333;}
#bottom a:hover{text-decoration:underline;}

/*form*/
form{margin:0;padding:0;}
.formtext{float:left;font-size:100%;color:#333;border:solid 1px #888;padding:2px;width:378px;height:1.4em;font-family:arial,sans-serif;}
.formsubmit{font-size:100%;margin:10px 0;color:#333;border:solid 1px #888;padding:2px;}

/*table*/
table{border:0;border-collapse:collapse;border-spacing:0;background:#fff;empty-cells:show;}
tr{background:#fff;}
td{border:0;border-bottom:1px solid #ccc;}
table .td1{width:100px;text-align:center;}
table .td2{width:680px;text-align:left;padding:0 20px;}
table a{color:#333;text-decoration:none;display:block;}
table a:visited{color:#555;}
table tr:hover{background:#e8e8e8;}

/*foot*/
#foot #jo-studio{
	display:block;
	margin:26px 34px 26px 0;
	width:196px;
	height:29px;
	float:left;
}
#foot #service{
	padding: 10px 0;
	width:730px;
	height:61px;
	font-size:95%;
	float:left;
	line-height:1.5em;
}
#foot ul{list-style:none;}
#foot li{
	margin:0;
	display:inline;
	padding:0 20px 0 0;
}
#foot a{
	color:#333;
	text-decoration:none;
}
#foot a:hover{color:#39f;}
3
#fontsize{
	position:absolute;
	top:70px;
	left:50%;
	margin:0 0 0 -480px;
	width:200px;
	height:20px;
	line-height:1em;
}
#foot .left{
	position:absolute;
	top:81px;
	left:50%;
	margin:0 0 0 -260px;
	text-align:left;
	width:400px;
	height:20px;
	line-height:1em;
	color:#fff;
}
#foot .right{
	position:absolute;
	top:81px;
	left:50%;
	margin:0 0 0 140px;
	text-align:right;
	width:340px;
	height:20px;
	line-height:1em;
	color:#fff;
}
#foot .left a,#foot .right a{
	text-decoration:none;
	color:#fff;
}
#foot .left a:hover,#foot .right a:hover{text-decoration:underline;}