@charset "UTF-8";

* {
	margin: 0;
	padding: 0;
	border: 0;
	}

body {
	background-color: #FFFFFF;
	font-family: "Helvetica Black", "中ゴシックBBB", sans-serif;
	font-size: 66%;
	line-height: 160%;
	letter-spacing: 0.02em; 
	}

div#wrapper {
	margin: 0 auto;
	width: 924px;
	height: 698px;
	}

.hide-block {
	display: none;
	}

.hide-view {
	visibility: hidden;
	}

.clear {
	clear: both;
	width: 1px;
	height: 1px;
	font-size: 1px;
	}

/*** ヘッダ ***/

div#header {
	width: 924px;
	height: 155px;
	}

div#header a#title {
	display: block;
	float: left;
	margin: 25px 0 0 7px;
	width: 281px;
	height: 62px;
	background: url(../img/common/title.jpg) top left no-repeat;
	}

div#header img {
	float: right;
	margin: 5px 8px 8px 0;
	width: 96px;
	height: 97px;
	}

/* ナビゲーション */

div#header div#navi {
	clear: both;
	width: 924px;
	height: 45px;
	}

div#header div#navi p.box1 {
	float: left;
	margin: 0 0 0 12px;
	width: 140px;
	height: 45px;
	background: url(../img/common/box1.jpg) top left no-repeat;
	}

div#header div#navi p.box2 {
	position: relative;
	float: left;
	margin: 0 12px;
	width: 292px;
	height: 45px;
	background: url(../img/common/box2.jpg) top left no-repeat;
	}

div#header div#navi p a {
	display: block;
	text-indent: -9999px;
	font-size: 1px;
	}

div#header div#navi p.box1 a {
	position: relative;
	top: 8px;
	left: 8px;
	width: 124px;
	height: 29px;
	}

div#header div#navi p.box1 a#concept {
	background: url(../img/common/navi_concept.jpg) top left no-repeat;
	}

div#header div#navi p.box1 a#whats {
	background: url(../img/common/navi_whats.jpg) top left no-repeat;
	}

div#header div#navi p.box1 a#interview {
	background: url(../img/common/navi_interview.jpg) top left no-repeat;
	}

div#header div#navi p.box1 a#faq {
	background: url(../img/common/navi_faq.jpg) top left no-repeat;
	}

div#header div#navi p.box1 a#news {
	background: url(../img/common/navi_news.jpg) top left no-repeat;
	}

div#header div#navi p.box1 a#muji {
	background: url(../img/common/navi_muji.jpg) top left no-repeat;
	}

div#header div#navi p.box1 a#concept:hover, div#header div#navi p.box1 a#whats:hover, div#header div#navi p.box1 a#interview:hover, div#header div#navi p.box1 a#faq:hover, div#header div#navi p.box1 a#news:hover, div#header div#navi p.box1 a#muji:hover {
	background-position: 0 -29px;
	}

div#header div#navi p.box2 a#club {
	position: relative;
	top: 8px;
	left: 8px;
	width: 138px;
	height: 28px;
	background: url(../img/common/navi_club.jpg) top left no-repeat;
	}

div#header div#navi p.box2 a#club:hover {
	background-position: 0 -28px;
	}

div#header div#navi p.box2 a#event-now, div#header div#navi p.box2 a#event-past {
	position: absolute;
	top: 10px;
	left: 164px;
	width: 109px;
	height: 12px;
	}

div#header div#navi p.box2 a#event-now {
	background: url(../img/common/navi_event_now.jpg) top left no-repeat;
	}

div#header div#navi p.box2 a#event-past {
	top: 24px;
	background: url(../img/common/navi_event_past.jpg) top left no-repeat;
	}

div#header div#navi p.box2 a#event-now:hover, div#header div#navi p.box2 a#event-past:hover {
	background-position: 0 -12px;
	}

/*** メイン ***/

div#main {
	
	}

div#main p.box3 {
	float: left;
	margin: 12px 0 0 12px;
	width: 536px;
	height: 282px;
	background: url(../img/index/box3.jpg) top left no-repeat;
	}

div#main p.box3 a#img-link {
	display: block;
	position: relative;
	top: 8px;
	left: 8px;
	width: 520px;
	height: 260px;
	background: url(../img/index/img_link.jpg) top left no-repeat;
	}

div#main p.box3 a#img-link:hover {
	background-position: 0 -260px;
	}


div#main div.right {
	float: left;
	margin: 12px 0 0 0;
	}

div#main div.right p.box4 {
	margin: 0 0 0 12px;
	width: 352px;
	height: 184px;
	background: url(../img/index/box4.jpg) top left no-repeat;
	}

div#main div.right p.box4 a#interview {
	display: block;
	position: relative;
	top: 8px;
	left: 8px;
	width: 336px;
	height: 168px;
	background: url(../img/index/link_interview.jpg) top left no-repeat;
	}
div#main div.right p.box4 a#interview:hover {
	background-position: 0 -168px;
	}

div#main div.right p.box5 {
	float: left;
	margin: 12px 0 0 12px;
	width: 170px;
	height: 86px;
	background: url(../img/index/box5.jpg) top left no-repeat;
	}

div#main div.right p.box5 a#case1 {
	display: block;
	position: relative;
	top: 8px;
	left: 8px;
	width: 154px;
	height: 70px;
	background: url(../img/index/case1.jpg) top left no-repeat;
	}
div#main div.right p.box5 a#case1:hover {
	background-position: 0 -70px;
	}

div#main div.right p.box5 span#case6 {
	display: block;
	position: relative;
	top: 8px;
	left: 8px;
	width: 154px;
	height: 70px;
	background: url(../img/index/case6.jpg) top left no-repeat;
	}

div#main div.bottom {
	clear: both;
	}

div#main div.bottom p.box6 {
	float: left;
	margin: 12px 0 0 12px;
	width: 354px;
	height: 184px;
	background: url(../img/index/box6.jpg) top left no-repeat;
	}

div#main div.bottom p.box6 a#case2 {
	display: block;
	position: relative;
	top: 8px;
	left: 8px;
	width: 338px;
	height: 168px;
	background: url(../img/index/case2.jpg) top left no-repeat;
	}
div#main div.bottom p.box6 a#case2:hover {
	background-position: 0 -168px;
	}

div#main div.bottom p.box7 {
	float: left;
	margin: 12px 0 0 12px;
	width: 170px;
	height: 184px;
	background: url(../img/index/box7.jpg) top left no-repeat;
	}

div#main div.bottom p.box7 span#case3 {
	display: block;
	position: relative;
	top: 8px;
	left: 8px;
	width: 154px;
	height: 168px;
	background: url(../img/index/case3.jpg) top left no-repeat;
	}
	
div#main div.bottom p.box7 a#case3 {
	display: block;
	position: relative;
	top: 8px;
	left: 8px;
	width: 154px;
	height: 168px;
	background: url(../img/index/case3.jpg) top left no-repeat;
	}
div#main div.bottom p.box7 a#case3:hover {
	background-position: 0 -168px;
	}

div#main div.bottom p.box7 span#case4 {
	display: block;
	position: relative;
	top: 8px;
	left: 8px;
	width: 154px;
	height: 168px;
	background: url(../img/index/case4.jpg) top left no-repeat;
	}
	
div#main div.bottom p.box7 a#case4 {
	display: block;
	position: relative;
	top: 8px;
	left: 8px;
	width: 154px;
	height: 168px;
	background: url(../img/index/case4.jpg) top left no-repeat;
	}
div#main div.bottom p.box7 a#case4:hover {
	background-position: 0 -168px;
	}	
	

div#main div.bottom p.box7 span#case5 {
	display: block;
	position: relative;
	top: 8px;
	left: 8px;
	width: 154px;
	height: 168px;
	background: url(../img/index/case5.jpg) top left no-repeat;
	}

/*** フッタ ***/

div#top-footer {
	
	}

div#top-footer p#copyright {
	float: left;
	margin: 20px 0 0 12px;
	width: 170px;
	height: 14px;
	background: url(../img/common/copyright.jpg) top left no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	}

div#top-footer a#muji {
	display: block;
	float: right;
	margin: 20px 9px 0 0;
	width: 68px;
	height: 14px;
	background: url(../img/common/link_muji.jpg) top left no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	}

/*** サブメイン ***/

div#sub-main {
	position: relative;
	margin: 25px 0 0 12px;
	width: 900px;
	height: 350px;
	}

div#sub-main div.left {
	float: left;
	position: relative;
	height: 350px;
	}

div#sub-main div.center {
	float: left;
	position: relative;
	height: 350px;
	}

div#sub-main div.right {
	float: right;
	position: relative;
	height: 350px;
	}

div#sub-main div.left#concept {
	width: 442px;
	}
div#sub-main div.right#concept {
	width: 446px;
	}

div#sub-main div.left#whats {
	width: 442px;
	}
div#sub-main div.right#whats {
	width: 446px;
	}

div#sub-main div.left#news {
	
	}
div#sub-main div.right#news {
	
	}

div#sub-main div.left#interview {
	width: 442px;
	}
div#sub-main div.right#interview {
	width: 446px;
	}

div#sub-main div.left#faq, div#sub-main div.center#faq, div#sub-main div.right#faq {
	width: 300px;
	height: 328px;
	}

div#sub-main div img {
	
	}

div#sub-main div p:first-child {
	height: 11px;
	text-indent: -9999px;
	font-size: 1px;
	}

div#sub-main div p#concept-title {
	background: url(../img/sub/concept_title.jpg) top left no-repeat;
	}

div#sub-main div p#whats-title {
	background: url(../img/sub/whats_title.jpg) top left no-repeat;
	}

div#sub-main div p#interview-title {
	background: url(../img/sub/interview_title.jpg) top left no-repeat;
	}

div#sub-main div p#faq-title {
	float: left;
	width: 23px;
	background: url(../img/sub/faq_title.jpg) top left no-repeat;
	}

div#sub-main div h3 {
	margin: 18px 0 0 0;
	text-indent: -9999px;
	font-size: 1px;
	}

div#sub-main div h3#concept-copy {
	height: 43px;
	background: url(../img/sub/concept_copy.jpg) top left no-repeat;
	}

div#sub-main div h3#whats-copy {
	height: 18px;
	background: url(../img/sub/whats_copy.jpg) top left no-repeat;
	}

div#sub-main div h3#interview-copy {
	
	}

div#sub-main div h3#faq-copy {
	float: right;
	margin: 0;
	width: 805px;
	height: 19px;
	background: url(../img/sub/faq_copy.jpg) top left no-repeat;
	}

div#sub-main a#arrow-next, div#sub-main a#arrow-prev {
	display: block;
	position: absolute;
	top: 8px;
	left: 0;
	width: 51px;
	height: 40px;
	text-indent: -9999px;
	font-size: 1px;
	}

div#sub-main div#interviewimg-flash {
	width: 442px;
	height: 350px;
	}

div#sub-main div#interviewtext-flash, div#sub-main div#concepttext-flash, div#sub-main div#main-text {
	margin: 18px 0 0 0;
	}
/* IE7ハック */
*:first-child+html #main-text {
	font-size: 80%;
	}

div#sub-main div#interviewtext-flash, div#sub-main div#concepttext-flash {
	margin: 12px 0 0 0;
	}

div#sub-main div#interviewtext-flash, div#sub-main div#concepttext-flash {
	width: 446px;
	height: 327px;
	}

div#sub-main div#whats-company {
	margin: 12px 0 0 0;
	width: 446px;
	height: 138px;
	background-color: #FEFDDF;
	}

div#sub-main div#whats-company img {
	float: right;
	}

div#sub-main div#whats-company img:first-child + img {
	margin: 0 5px 0 0;
	}

div#sub-main div#faq div {
	height: 157px;
	}

div#sub-main div.left#faq div.above-text {
	margin: 15px 0 0 0;
	}

div#sub-main div.left#faq div.below-text {
	margin: 25px 0 0 0;
	}

div#sub-main div.center#faq div.above-text, div#sub-main div.right#faq div.above-text {
	margin: 15px 0 0 25px;
	}

div#sub-main div.center#faq div.below-text, div#sub-main div.right#faq div.below-text {
	margin: 25px 0 0 25px;
	}

div#sub-main div#faq div span.question {
	font-size: 110%;
	font-weight: bold;
	color: #000000;
	}

/*** サブフッタ ***/

div#footer p.box8 {
	float: left;
	margin: 25px 0 12px 12px;
	width: 140px;
	height: 72px;
	background: url(../img/common/box8.jpg) top left no-repeat;
	}

div#footer p.box8 a, div#footer p.box8 span {
	display: block;
	position: relative;
	top: 8px;
	left: 8px;
	width: 124px;
	height: 56px;
	text-indent: -9999px;
	font-size: 1px;
	}

div#footer p.box8 a#sub-case1 {
	background: url(../img/sub/case1.jpg) top left no-repeat;
	}

div#footer p.box8 a#sub-case2 {
	background: url(../img/sub/case2.jpg) top left no-repeat;
	}

div#footer p.box8 a#sub-case3 {
	background: url(../img/sub/case3.jpg) top left no-repeat;
	}

div#footer p.box8 a#sub-case4 {
	background: url(../img/sub/case4.jpg) top left no-repeat;
	}

div#footer p.box8 span#sub-case5 {
	background: url(../img/sub/case5.jpg) top left no-repeat;
	}

div#footer p.box8 span#sub-case6 {
	background: url(../img/sub/case6.jpg) top left no-repeat;
	}

div#footer p.box8 a#sub-case1:hover, div#footer p.box8 a#sub-case2:hover, div#footer p.box8 a#sub-case3:hover, div#footer p.box8 a#sub-case4:hover  {
	background-position: 0 -56px;
	}

div#footer div#box9 {
	clear: both;
	margin: 0 0 0 12px;
	width: 900px;
	height: 45px;
	background: url(../img/common/box9.jpg) top left no-repeat;
	}

div#footer div#box9 p {
	float:left;
	margin: 8px 0 0 8px;
	width: 727px;
	height: 29px;
	background: url(../img/sub/club_lead.jpg) top left no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	}

div#footer div#box9 a#club-link {
	display: block;
	float: right;
	margin: 8px 8px 0 0;
	width: 155px;
	height: 29px;
	background: url(../img/sub/club_link.jpg) top left no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	}

div#footer div#box9 a#club-link:hover {
	background-position: 0 -29px;
	}

div#footer div#box9 + p#copyright {
	float: left;
	margin: 12px 0 12px 12px;
	width: 170px;
	height: 14px;
	background: url(../img/common/copyright.jpg) top left no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	}

/*** ダミー ***/

div#sub-main p.main-dummybox {
	width: 900px;
	height: 350px;
	border: 1px solid #0000FF;
	}