@charset "Shift_JIS";


* {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

* html body {
	font-size: 55%;
}

*:first-child+html body {
	font-size: 55%;
}

.clfx:after {
    content: " "; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clfx {display: inline-block;}
/* Hides from IE-mac \*/
* html .cf {height: 1%;}
.clfx {display: block;}
/* End hide from IE-mac */

/*タグ*/
body {
	font-size: 9px;
	font-weight: normal;
	font-family: "Hiragino Kaku Gothic Pro", "MS PGothic", Osaka, Meiryo, sans-serif;
	color: #999;
	line-height: 1.1;
	background-color: #000;
}

h1 {
	font-size: 1em;
	font-weight: normal;
	display: inline;
}

p {
	padding-bottom: 0.5em;
}

em {
	font-size: 1em;
	font-weight: normal;
	font-style: normal;
}

address {
	font-size: 1.2em;
	font-style: normal;
	color: #FFF;
	text-transform: capitalize;
	position: absolute;
	bottom: 8px;
	right: 72px;
}

a:link {
	font-weight: normal;
	color: #FFF;
	text-decoration: none;
}

a:visited {
	color: #FFF;
	text-decoration: none;
}

a:hover {
	color: #F00;
	text-decoration: underline;
}

a:active {
	color: #F00;
	text-decoration: underline;
}

img {
	border: none;
	display: block;
}

marquee {
	width: 115px;
	padding-top: 7px;
	color: #FFF;
	float: left;
}

marquee a:link {
	color: #FFF;
	font-weight: normal;
	text-decoration: none;
}

marquee a:visited {
	color: #FFF;
	font-weight: normal;
}

marquee a:hover {
	color: #F00;
	font-weight: normal;
	text-decoration: underline;
}

marquee a:active {
	color: #F00;
	font-weight: normal;
}

/*以下コンテンツ*/
#wrapper {
	width: 950px;
	height: 869px;
	margin: 0 auto;
	position: relative;
	background: url(../images/background.gif) no-repeat;
}

#id {
	width: 331px;
	height: 40px;
	position: absolute;
	top: 54px;
	left: 332px;
}

#switch {
	width: 55px;
	height: 90px;
	overflow: hidden;
	position: absolute;
	top: 27px;
	left: 24px;
}

#project {
	width: 315px;
	height: 15px;
	position: absolute;
	bottom: 220px;
	left: 330px;
}

/*ニュース*/
#news {
	width: 104px;
	height: 22px;
	text-indent: -9999px;
	position: absolute;
	top: 140px;
	left: 24px;
	background: url(../images/nav.gif) no-repeat 0 0;
	z-index: 100;
}

#news a {
	height: 22px;
	display: block;
	overflow: hidden;
}

#news a:hover {
	background: url(../images/nav.gif) no-repeat -235px 0;
}

#new_arrival {
	width: 115px;
	height: 20px;
	position: absolute;
	top: 170px;
	left: 95px;
}

#date {
	width: 20px;
	height: 20px;
	font-size: 13px;
	font-weight: bold;
	color: #FFF;
	position: absolute;
	top: 174px;
	left: 51px;
}

/*ナビゲーション*/
#nav {
	width: 235px;
	height: 415px;
	overflow: hidden;
	position: absolute;
	top: 140px;
	left: 24px;
}

#nav ul {
	width: 150px;
	text-indent: -9999px;
	position: absolute;
	top: 58px;
	left: 0px;
}

#nav ul li {
	height: 18px;
	margin-bottom: 9px;
}

#nav ul li a {
	height: 18px;
	display: block;
	overflow: hidden;
}

#b_a {
	width: 148px;
	background: url(../images/nav.gif) no-repeat 0 -62px;
}
#b_a a:hover {
	width: 148px;
	background: url(../images/nav.gif) no-repeat -235px -62px;
}

#q_a {
	width: 60px;
	background: url(../images/nav.gif) no-repeat 0 -90px;
}
#q_a a:hover {
	width: 60px;
	background: url(../images/nav.gif) no-repeat -235px -90px;
}

#order {
	width: 97px;
	background: url(../images/nav.gif) no-repeat 0 -118px;
}
#order a:hover {
	width: 97px;
	background: url(../images/nav.gif) no-repeat -235px -118px;
}

#custom {
	width: 77px;
	background: url(../images/nav.gif) no-repeat 0 -146px;
}
#custom a:hover {
	width: 77px;
	background: url(../images/nav.gif) no-repeat -235px -146px;
}

#staff {
	width: 58px;
	background: url(../images/nav.gif) no-repeat 0 -174px;
}
#staff a:hover {
	width: 58px;
	background: url(../images/nav.gif) no-repeat -235px -174px;
}

#media {
	width: 61px;
	background: url(../images/nav.gif) no-repeat 0 -202px;
}
#media a:hover {
	width: 61px;
	background: url(../images/nav.gif) no-repeat -235px -202px;
}

#blog {
	width: 112px;
	background: url(../images/nav.gif) no-repeat 0 -230px;
}
#blog a:hover {
	width: 112px;
	background: url(../images/nav.gif) no-repeat -235px -230px;
}

#link {
	width: 49px;
	background: url(../images/nav.gif) no-repeat 0 -259px;
}
#link a:hover {
	width: 49px;
	background: url(../images/nav.gif) no-repeat -235px -259px;
}

#recruit {
	width: 60px;
	background: url(../images/nav.gif) no-repeat 0 -286px;
}
#recruit a:hover {
	width: 60px;
	background: url(../images/nav.gif) no-repeat -235px -286px;
}

#partner {
	width: 127px;
	background: url(../images/nav.gif) no-repeat 0 -314px;
}
#partner a:hover {
	width: 127px;
	background: url(../images/nav.gif) no-repeat -235px -314px;
}

#company {
	width: 68px;
	background: url(../images/nav.gif) no-repeat 0 -342px;
}
#company a:hover {
	width: 68px;
	background: url(../images/nav.gif) no-repeat -235px -342px;
}

#contact {
	width: 135px;
	background: url(../images/nav.gif) no-repeat 0 -370px;
}
#contact a:hover {
	width: 135px;
	background: url(../images/nav.gif) no-repeat -235px -370px;
}

#top {
	width: 38px;
	background: url(../images/nav.gif) no-repeat 0 -398px;
}
#top a:hover {
	width: 38px;
	background: url(../images/nav.gif) no-repeat -235px -398px;
}

/*豆電球（new）*/
#new_news {
	width: 25px;
	height: 35px;
	background: url(../images/new.gif) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 138px;
	left: 132px;
}

#new_b_a {
	width: 25px;
	height: 35px;
	background: url(../images/new.gif) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 193px;
	left: 178px;
}

#new_q_a {
	width: 25px;
	height: 35px;
	background: url(../images/new.gif) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 219px;
	left: 89px;
}

#new_order {
	width: 25px;
	height: 35px;
	background: url(../images/new.gif) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 248px;
	left: 125px;
}

#new_custom {
	width: 25px;
	height: 35px;
	background: url(../images/new.gif) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 276px;
	left: 105px;
}

#new_staff {
	width: 25px;
	height: 35px;
	background: url(../images/new.gif) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 303px;
	left: 88px;
}

#new_media {
	width: 25px;
	height: 35px;
	background: url(../images/new.gif) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 331px;
	left: 88px;
}

#new_blog {
	width: 25px;
	height: 35px;
	background: url(../images/new.gif) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 354px;
	left: 140px;
}

#new_link {
	width: 25px;
	height: 35px;
	background: url(../images/new.gif) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 380px;
	left: 78px;
}

#new_recruit {
	width: 25px;
	height: 35px;
	background: url(../images/new.gif) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 409px;
	left: 88px;
}

#new_partner {
	width: 25px;
	height: 35px;
	background: url(../images/new.gif) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 435px;
	left: 157px;
}

#new_company {
	width: 25px;
	height: 35px;
	background: url(../images/new.gif) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 462px;
	left: 96px;
}

#new_contact {
	width: 25px;
	height: 35px;
	background: url(../images/new.gif) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 488px;
	left: 163px;
}

#new_top {
	width: 25px;
	height: 35px;
	background: url(../images/new.gif) no-repeat;
	text-indent: -9999px;
	position: absolute;
	top: 515px;
	left: 66px;
}

/*コンテンツ中央*/
#main {
	width: 468px;
	height: 468px;
	overflow: hidden;
	position: absolute;
	top: 127px;
	left: 259px;
	z-index: 200;
}

.main-inner {
	width: 234px;
	height: 468px;
	float: left;
}

#tv {
    width: 160px;
	height: 120px;
	position: absolute;
	top: 343px;
	left: 288px;
}

#tv-link {
    width: 160px;
	height: 120px;
	position: absolute;
	top: 343px;
	left: 288px;
	z-index: 200;
}

#tv-link a {
	height: 120px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/tv_link.gif) no-repeat;
}

#histry {
	width: 110px;
	height: 84px;
	overflow: auto;
	position: absolute;
	top: 152px;
	left: 290px;
	z-index: 300;
}

#histry p {
	font-size: 1em;
	color: #FFF;
}

#counter {
    width: 81px;
	height: 21px;
	position: absolute;
	top: 565px;
	left: 270px;
	z-index: 300;
}

/*バナー*/
#orange {
	width: 143px;
	height: 70px;
	overflow: hidden;
	position: absolute;
	top: 37px;
	right: 32px;
}

#pink {
	width: 140px;
	height: 50px;
	overflow: hidden;
	position: absolute;
	top: 115px;
	right: 4px;
}

#purple {
	width: 139px;
	height: 48px;
	overflow: hidden;
	position: absolute;
	top: 192px;
	right: 24px;
}

#yellow {
	width: 139px;
	height: 56px;
	overflow: hidden;
	position: absolute;
	top: 258px;
	right: 10px;
}

#blue {
	width: 139px;
	height: 54px;
	overflow: hidden;
	position: absolute;
	top: 332px;
	right: 13px;
}

#concent {
	width: 143px;
	height: 190px;
	overflow: hidden;
	position: absolute;
	bottom: 194px;
	right: 80px;
}

#bottom {
	width: 886px;
	height: 76px;
	padding: 35px 0;
	overflow: hidden;
	position: absolute;
	bottom: 32px;
	left: 0;
	background: url(../images/bottom.gif) no-repeat 0 0;
}