* {margin:0; padding:0}
body{
	font-size: 12px;
	text-align: center;
	/*background: url(images/bg.jpg) repeat-y center top;*/
}
body,
div,
p,
h1,h2,h3,h4,
img,
ul,li{
	margin: 0px;
	padding: 0px;
}
li{
	list-style: none;
}

.clearfix:after {
  content: ".";  
  display: block;  
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix { /*IE用*/
  min-height: 1px;
  _height: 1px;
}

a{
	color: #000000;
}
a:hover{
	color: #666666;
}

.clear{ clear:both; }


/* メインコンテナ */
div#BG{
	background: url(images/bg.jpg) repeat-y center top;
}

/* メインコンテナ */
div#MainContainer {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
/* コンテンツコンテナ */
div#ContentsContainer{
	width: 585px;
	_width:570px;
	background: url(images/footer.jpg) no-repeat left bottom;
	padding: 24px 0px 70px;
	border-collapse:collapse;
	border-left: 1px solid #000000;
	float:right;
	display: inline;
}
/* コンテンツコンテナ内部 */
div#ContentsInnner{
	font-size: 12px;
	line-height: 140%;
}

/*Index内*/
h3#BusinessProject,
h3#Support{
	height: 18px;
	width: 502px;
	text-indent: -9999px;
	margin: 30px 0px 10px;
}

h3#BusinessProject{
	background: url(images/title_business_project.jpg) no-repeat left top;
}
h3#Support{
	background: url(images/title_support.jpg) no-repeat left top;
}
a.Business,
a.Job,
a.Debut
{
	display: block;
	height: 52px;
	width: 502px;
	text-indent: -9999px;
	margin-left: 20px;
}

a.Business{
	background: url(images/business_project.jpg) no-repeat left top;
}
a:hover.Business{
	background: url(images/business_project.jpg) no-repeat left bottom;
}
a.Job{
	background: url(images/job_support.jpg) no-repeat left top;
}
a:hover.Job{
	background: url(images/job_support.jpg) no-repeat left bottom;
}
a.Debut{
	background: url(images/debut_support.jpg) no-repeat left top;
}
a:hover.Debut{
	background: url(images/debut_support.jpg) no-repeat left bottom;
}


/* タイトル */
div#ContentsInnner h2{
	margin-bottom: 10px;
	text-indent: -9999px;
	height: 45px;
	width: 575px;
}

.IndexTitle{
	background: url(images/title_index.jpg) no-repeat left top;
}
.GraphicTitle{
	background: url(images/title_graphic.gif) no-repeat left top;
}
.ProductDesighTitle{
	background: url(images/title_productdesigh.gif) no-repeat left top;
}
.GameTitle{
	background: url(images/title_game.gif) no-repeat left top;
}
.CGTitle{
	background: url(images/title_cg.gif) no-repeat left top;
}
.EditorialDesighTitle{
	background: url(images/title_editorialdesigh.gif) no-repeat left top;
}
.ComicTitle{
	background: url(images/title_comic.gif) no-repeat left top;
}
.MuralPaintingTitle{
	background: url(images/title_muralpainting.gif) no-repeat left top;
}
.HighSchololSupportTitle{
	background: url(images/title_highschololsupport.gif) no-repeat left top;
}
.CompetitionTitle{
	background: url(images/title_competition.gif) no-repeat left top;
}
.ComicComicIllustTitle{
	background: url(images/title_comic-comicillust.gif) no-repeat left top;
}
.ComicComicIllustNovelTitle{
	background: url(images/title_comiccomicillustnovel.gif) no-repeat left top;
}
.ComicIllustTitle{
	background: url(images/title_comiccomicillust.gif) no-repeat left top;
}
.NovelComicIllustTitle{
	background: url(images/title_novelcomiccomicillust.gif) no-repeat left top;
}


body#Index div#ContentsInnner{
	padding: 0px 13px;
	_padding: 0px 0px 0px 10px;
	height: 600px;
}

body#Design div#ContentsInnner,
body#Game div#ContentsInnner,
body#Comic div#ContentsInnner,
body#WallPainting div#ContentsInnner{
	padding-left: 4px;
	margin-right: 5px;
	_margin-right: 2px;
}

/*- ContentsInnnerの高さが足りなければ -*/
.ContentsInnnerPlus
{
	height: 850px;
}


/*- 詳細 -*/
div#ContentsInnner h4{
	font-size: 22px;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	padding-bottom: 5px;
	line-height: 120%;
}
div#ContentsInnner h4 span{
	font-size: 12px;
}

div#ContentsInnner p.theme{
	font-size: 14px;
	border-bottom: 1px solid #000000;
	padding-top: 5px;
	padding-bottom: 5px;
}
div#ContentsInnner p.text{
	padding-top: 5px;
	padding-bottom: 5px;
}
/*- 画像 -*/
div.imeges{
	text-align: center;
	margin-top: 20px;
	margin-bottom: 10px;
}
div.imeges img{
	margin-top: 5px;
}
body#Comic div.imeges img{
	margin-top: 35px;
}
div.imeges p{
	text-align: left;
	font-size: 10px;
	margin-right: 10px;
	margin-left: 10px;
}

/*- 学生コメント -*/
div#ContentsInnner div.StudentComment{
	padding: 5px;
	font-size: 10px;
	border: 1px solid #000000;
	margin:0px 10px;
}
div#ContentsInnner div.StudentComment img{
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
}
div#ContentsInnner div.StudentComment .Name{
	margin-bottom: 10px;
}
div#ContentsInnner div.StudentComment .Name span{
	font-weight: bold;
	font-size: 12px;
}

/*- 有限会社吉原住宅 -*/
.yosihara{
	margin: 10px 25px;
}
.yosihara img{
	float:left;
	padding-right:5px;
	padding-top:5px;
}
/*- マツヤレディス -*/
.matsuya{
	margin: 10px 25px;
}
.matsuya img{
	float:left;
	padding-right:5px;
	padding-top:5px;
}
.matsuya p{
	padding-top: 40px;
}
/*- 福岡医健 -*/
.fukuoka{
	margin: 10px 25px;
}
.fukuoka img{
	float:left;
	padding-right:5px;
	padding-top:5px;
}
.fukuoka p{
	padding-top: 40px;
}

/* メニューコンテナ */
div#MenuContainer{
	width: 209px;
	padding-top: 25px;
	padding-left: 4px;
	float: left;
	/*border-right: 1px solid #000000;*/
	padding-bottom: 5px;
	border-collapse:collapse;
}

div#MenuTop h3 a{
	width: 200px;
	height: 33px;
	background: url(images/menu_top.jpg) no-repeat left top;
	margin-top: 5px;
	text-indent: -9999px;
	display: block;
}
div#MenuTop h3 a:hover,
body#Index div#MenuTop h3 a{
	background: url(images/menu_top.jpg) no-repeat center -33px;
}

/*accordion機能*/
#accordion {width:200px; margin:50px auto}
.accordion {width:200px; font:12px Verdana,Arial; color:#033}
.accordion dt {width:200px; height: 65px; bold; margin-top:5px; cursor:pointer; text-indent: -9999px;}
.accordion dd {
	overflow:hidden;
	background:#fff;
	line-height:140%;
}
.accordion span {display:block; width:425px; border:2px solid #9ac1c9; border-top:none; padding:15px}
.accordion em{
	font-size: 10px;
	font-style: normal;
}
.accordion a{
}

#accordion2 {width:259px; margin:50px auto; border:1px solid #333; border-top:none}
.accordion2 {width:259px; font:12px Verdana,Arial; color:#333}
.accordion2 dt {width:247px; padding:4px 6px; font-weight:bold; cursor:pointer; background-color:#666; background-image:url(images/arrow_down.gif); background-position:right center; background-repeat:no-repeat; color:#fff; border-top:1px solid #333}
.accordion2 dt:hover {background-color:#555}
.accordion2 .open {background-color:#444; background-image:url(images/arrow_up.gif)}
.accordion2 dd {overflow:hidden; background:#fff}
.accordion2 span {display:block; width:229px; border-top:none; padding:15px}

.accordion dt#MenuDesign
{
	background: url(images/menu_design.jpg) no-repeat left top;
}
.accordion dt#MenuDesign:hover,
body#Design .accordion dt#MenuDesign:hover {
	background: url(images/menu_design.jpg) no-repeat left -65px;
}
.accordion dt#MenuGame{
	background: url(images/menu_game.jpg) no-repeat left top;
}
.accordion dt#MenuGame:hover,
body#Game .accordion dt#MenuGame:hover {
	background: url(images/menu_game.jpg) no-repeat left -65px;
}
.accordion dt#MenuComic{
	background: url(images/menu_comic.jpg) no-repeat left top;
}
.accordion dt#MenuComic:hover,
body#Comic .accordion dt#MenuComic:hover {
	background: url(images/menu_comic.jpg) no-repeat left -65px;
}
.accordion dt#MenuWallPainting{
	background: url(images/menu_wallpainting.jpg) no-repeat left top;
}
.accordion dt#MenuWallPainting:hover,
body#WallPainting .accordion dt#MenuWallPainting:hover{
	background: url(images/menu_wallpainting.jpg) no-repeat left -65px;
}

#bnrMachiuke{
	background: url(images/bnr_machiuke.jpg) no-repeat left top;
	width:200px;
	height:70px;
	margin-top:15px;
	margin-bottom:10px;
	text-indent:-9999px;
}
#bnrMachiuke a{
	width:200px;
	height:70px;
	display:block;
	text-indent:-9999px;
	
}


/* フッター */
div#top{
	font-size: 10px;
	text-align: right;
	margin: 10px 3px 0px 0px;
}

div#Footer{
	clear: both;
	text-align: center;
	background: #000000;
	font-size: 10px;
	color: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	zoom:1;
}