@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:#fff;
	text-align:center;
	background:url("img/bg.jpg") 0 40px no-repeat #171F37;
}

/*all*/
a {
	color:#ccc;
}
a:visited {
	color:#fff;
}
a:hover {
	color:#fff;
}
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;
	min-height:550px;
	background:url("img/border.png") 279px 0 repeat-y;
}
#backnumber {
	margin:0 0 20px 0;
	padding:20px 30px;
	width:900px;
	border:1px solid #969696;
	min-height:550px;
}
#content {
	float:right;
	padding:20px 30px;
	width:620px;
}
#menu {
	float:right;
	padding:20px;
	width:240px;
}
#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;
}

/*head*/
h1 {
	float:left;
	margin:0;
	padding:0;
	width:250px;
	height:40px;
}
#head div {
	float:left;
	margin:0;
	padding:5px 0 0 70px;
	width:600px;
	height:30px;
	text-align:right;
	line-height:1em;
	font-size:95%;
}
#head div a {
	color:#fff;
}

/*content*/
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 dl, dt, dd, ul, ol, li {
	margin:0;
	padding:0;
}
#menu dd {
	padding-left:20px;
}
#menu li {
	margin-left:20px;
}
#menu .text {
	padding:5px 0 15px 0;
}
/*form*/
form {
	margin:0;
	padding:0;
}
input[type=text] {
	margin:0;
	padding:3px 9px;
	border:1px solid #969696;
	width:220px;
	height:1.3em;
	font-size:100%;
	color:#111;
	background:#fff;
	font-family:arial, sans-serif;
}
.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;
}

/*backnumber*/
#backnumber ul {
	margin:0;
	padding:0;
	list-style:none;
}
#backnumber li {
	float:left;
	margin:0;
	padding:0 0 10px 20px;
	width:160px;
}
#backnumber li img {
	vertical-align:top;
	margin:0;
	padding:5px;
	width:160px;
	height:213px;
	background:#d7d7d7;
	border-bottom:1px solid #ccc;
}
#backnumber span {
	display:block;
	width:170px;
	text-align:center;
	background:#333;
	color:#fff;
	font-weight:bold;
	line-height:1.2em;
	height:2.4em;
	padding:7px 0;
}
#backnumber a {
	color:#fff;
	text-decoration:none;
}