* {
margin: 0;
padding: 0;
}

html {
overflow-y: scroll;
height:100%;
}

body {
color: #fff;
text-align: left;
line-height: 2;
font-size: 0.8em;
font-family:'ƒq?ƒMƒmŠpƒS Pro W3','Hiragino Kaku Gothic Pro','?ƒC?ƒI',Meiryo,'‚l‚r ‚oƒSƒVƒbƒN',sans-serif;
background:#000000;
}
a:link {
color: #ffffff;
text-decoration: underline;
}
a:visited {
color: #ffffff;
text-decoration: underline;
}
a:hover {
color: #cccccc;
text-decoration: none;
}
a:active {
color: #ffffff;
text-decoration: none;
}
img {
border: none;
}


/*------------------------------------------------------------
	page
------------------------------------------------------------*/
#page {
margin: 0 auto;
overflow: hidden;
width:1030px;
}
#pageTop {
margin: 0 auto;
width:100%;
}


/*------------------------------------------------------------
	header
------------------------------------------------------------*/
#page-header {
position: fixed;
left:0;top:0;
width: 330px;
height:100%;
color: #000;
background: url(/img/common/main.png) left top repeat;
-moz-box-shadow: 1px 0 3px #666;
-webkit-box-shadow: 1px 0 3px #666;
}

#page-header .headerInner{
position: absolute;
top: 40%;
width: 330px;
margin:-270px auto 0 auto;
text-align: center;
}

#page-header .headerLogo{
width: 330px;
margin:0 0 30px 0;
}


/*------------------------------------------------------------
	navi
------------------------------------------------------------*/
.category-nav{
margin:0 auto;
width: 210px;
}
.category-nav p{
font-size: 0.7em;
text-align: left;
}
.category-nav ul {}
.category-nav ul li {list-style:none;float:right;margin-left:1px;margin-bottom:10px;width: 51px;height:176px;}
.category-nav ul li a{list-style:none;float:right;border-right:solid 1px #ccc;border-left:solid 1px #cccccc;margin-bottom:10px;width: 51px;height:176px;}
.category-nav ul li a.current img {
display: block !important;
position: absolute !important;
overflow: hidden !important;
margin: 0 !important;
padding: 0 !important;
border: 0 !important;
left: 0 !important;
top: 0 !important;
width: 0 !important;
height: 0 !important;
background: transparent !important;
}


/*------------------------------------------------------------
	main
------------------------------------------------------------*/
#maincont{
float:right;
width: 700px;
margin: 0 auto ;
height:100%;
}
.cont{
width: 600px;
margin: 40px auto 30px auto;
padding:40px;
height:100%;
min-height:500px;
background:url(/img/common/bg_alpha.png) repeat;
}
.back {
margin:50px 0;
text-align:right;
}
.main{
float:right;
width: 500px;
}
.dash {
background:url(/img/common/dash.gif) no-repeat;
width:15px;
height:1px;
margin:0 0 15px 0;
}

/*------------------------------------------------------------
	back to top
------------------------------------------------------------*/
#back-top {
position: fixed;
bottom: 30px;
right:0;
}
#back-top a {
	width: 30px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top span {
	width: 31px;
	height: 138px;
	display: block;
	margin-bottom: 7px;
	background:url(/img/common/up-arrow.png) no-repeat center center;
	text-indent:-9999px;
}
#back-top a:hover span {
	background:url(/img/common/up-arrow_hover.png) no-repeat center center;
}