@charset "utf-8";

html{width:100%;height:100%;}
body{margin:0;padding:0;width:100%;height:100%;font:normal normal normal 85%/2.5em arial,sans-serif;
          letter-spacing:0.05em;color:#111;text-align:center;background:url("img/bg.png") 0 0 repeat-x #ffd647;}

/*all*/
a{color:#06c;}
a:visited{color:#b43333;}
a:hover{color:#f37919;}
img{border:0;}
.clear{clear:both;}
.none{display:none;}
.center{text-align:center;}
.right{text-align:right;}
.PhotoLeft{float:left;padding:10px 20px 10px 0;}
.PhotoRight{float:right;padding:10px 0 10px 20px;}
.small{font-size:95%;}
.red{color:#d62408;}

/*page*/
#page{margin:0 auto;padding:0;width:962px;text-align:left;}
#head{margin:0;padding:10px 21px;width:920px;height:40px;}
#main{margin:0 0 20px 0;padding:0;width:960px;border:1px solid #969696;border-top:0;min-height:550px;background:url("img/border.png") 220px 0 repeat-y #fff;}
#content{float:right;padding:20px 30px;width:680px;}
#menu{float:right;padding:20px;width:180px;}
#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{float:left;margin:0;padding:0;width:230px;height:40px;}
#head div{float:left;margin:0;padding:18px 0 0 90px;width:600px;height:22px;text-align:right;line-height:1em;font-size:95%;}
#head div a{color:#111;}

/*content*/
#main #info{margin:0;padding:80px;width:800px;height:60px;background:url("img/main.png");font-size:200%;color:#555;font-family:serif,"ＭＳ Ｐ明朝","ＭＳ 明朝";}
h2{margin:0;padding:0 0 0 20px;font-size:100%;background:url("img/h-trans.png") 0 0 no-repeat;line-height:1.3em;}
h2 a,h2 a:visited,h2 a:hover{color:#111;text-decoration:none;}
#content dl,dt,dd,ul,ol,li{margin:0;padding:0;}
#content dd{padding-left:50px;}
#content li{margin-left:50px;}
#content .text{padding:5px 0 20px 0;}

/*menu*/
h3{margin:0;padding:0 0 0 20px;font-size:100.6%;background:url("img/h-trans.png") 0 0 no-repeat;line-height:1.3em;}
h3.thikyu{margin:0;padding:0 0 0 20px;font-size:100.6%;background:url("img/thikyu-trans.png") 0 0 no-repeat;line-height:1.3em;}
#menu dl,dt,dd,ul,ol,li{margin:0;padding:0;}
#menu li{list-style-type:none;padding:0 5px;}
#menu li a{background:url("img/link-trans.png") 0 0 no-repeat;padding-left:20px;text-decoration:none;color:#111;}
#menu li a:visited{color:#555;}
#menu li a:hover{color:#f37919;}
#menu .text{padding:5px 0 15px 0;}

/*form*/
form{margin:0;padding:0;}
.InputText{margin:0;padding:3px 9px;border:1px solid #969696;width:610px;height:1.3em;font-size:100%;color:#111;background:#fff;font-family:arial,sans-serif;}
.TextArea{margin:0;padding:3px 9px;border:1px solid #969696;width:610px;height:15em;font-size:100%;color:#111;background:#fff;font-family:arial,sans-serif;}
.Submit{margin:5px 0;border:1px solid #969696;padding:3px;font-size:100%;color:#111;background:#ccc;}

/*html*/
pre{white-space:-moz-pre-wrap;white-space:-pre-wrap;white-space:-o-pre-wrap;white-space:pre-wrap;word-wrap:break-word;}

/*login*/
.account{padding:0 0 20px 0;}
.account dd{margin:-0.8em 0 0 0;}
.account .InputText{margin:0;padding:2px 4px;width:170px;border:1px solid #969696;height:1.3em;font-size:100%;color:#111;background:#fff;font-family:arial,sans-serif;}
.account .Submit{margin:5px 0;border:1px solid #969696;padding:3px;font-size:100%;color:#111;background:#ccc;}

/*link*/
#menu .link{margin:-20px -20px 20px -20px;padding:0;width:220px;}
#menu .link li{list-style-type:none;margin:0;padding:10px 0;width:220px;background:url("img/menu.png");border-bottom:1px solid #969696;}
#menu .link li a{background:url("img/link1.png") 15px 12px no-repeat;padding-left:30px;width:190px;display:block;}
#menu .link li a:hover{background:url("img/link2.png") 15px 12px no-repeat;color:#000;}
#menu .BorderTop{border-top:1px solid #969696;}

/*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;}