@charset "UTF-8";
html{
		background-color:#000000;
}
body	{
	color:#BBBBBB;
	font-family:"Hiragino Kaku Gothic Pro","Meiryo","Meiryo","ＭＳ Ｐゴシック","Osaka",arial, helvetica, verdana;
	font-size:85%;
	margin:0px;
	padding:0px;
	line-height:1.5;
	text-align:center;
	background-color:#000000;
}
img	{
	border:none;
}
table	{
	font-size:12px;
	color:#CCCCCC;
	text-align:left;
}
h1,h2,h3,h4,h5,form,p,ul,ol,li,div,table,thead,tbody,tfoot	{
	margin:0px;
	padding:0px;
}
form	{
	margin-bottom:40px;
}
sup	{ color:#FF0000; }
a:link	{
	color:#FFFFFF;
	text-decoration:underline;
}
a:visited	{
	color:#FFFFFF;
	text-decoration:underline;
}
a:hover,
a:active	{
	color:#CCCCCC;
	text-decoration:none;
}
/*===============================================
FlashDownload
===============================================*/
#FlashDownload,
#FlashDownload-EN	{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:black;
	text-align:center;
}
#FlashDownload div,
#FlashDownload-EN div	{
	text-align:left;
	background-color:#191919;
	width: 400px;
	position:absolute;
	top:50%;
	left:50%;	
	margin-top: -90px;
	margin-left: -200px;
}
#FlashDownload div	{ height: 180px; }
#FlashDownload-EN div	{ height: 180px; }
#FlashDownload div ul,
#FlashDownload-EN ul	{
	margin: 15px;	
	list-style: none;
	line-height: 1.2;
}
#FlashDownload div ul li,
#FlashDownload-EN ul li	{
	margin-bottom: 3px;
	background-image: url(../images/icon.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	padding-left: 10px;
}


#FlashDownload div p,
#FlashDownload-EN div p	{
	margin:15px;
}
/*===============================================
HEAD
===============================================*/
#HEAD-BG	{
	margin-top:10px;
	border-bottom:#283D00 1px solid;
}
#HEAD	{
	width:800px;
	margin:auto;
}
#HEAD h1	{
	float:left;
	width:290px;
}

/*===============================================
NAVI
===============================================*/
#NAVI	{
	list-style:none;
	margin-top:19px;
	width:299px;
	float:right;
}
#NAVI-E	{
	list-style:none;
	margin-top:19px;
	width:168px;
	float:right;
}
#NAVI-WORKS	{ float:left; width:53px; }
#NAVI-PROFILE	{ float:left; width:55px; }
#NAVI-CONCEPT	{ float:left; width:60px; }
#NAVI-DIARY	{ float:left; width:41px; }
#NAVI-LINK	{ float:left; width:35px; }
#NAVI-RECRUIT	{ float:left; width:55px; }
#NAVI a,
#NAVI-E a	{
	display:block;
	height:15px;
	background-position:0px 0px;
	background-repeat:no-repeat;
}
#NAVI-WORKS a	{
	width:53px;
	background-image:url(../images/navi/navi-works.gif);
}
#NAVI-PROFILE a	{
	width:55px;
	background-image:url(../images/navi/navi-profile.gif);
}
#NAVI-CONCEPT a	{
	width:60px;
	background-image:url(../images/navi/navi-concept.gif);
}
#NAVI-DIARY a	{
	width:41px;
	background-image:url(../images/navi/navi-diary.gif);
}
#NAVI-LINK a	{
	width:35px;
	background-image:url(../images/navi/navi-link.gif);
}
#NAVI-RECRUIT a	{
	width:55px;
	background-image:url(../images/navi/navi-recruit.gif);
}
#NAVI a:hover,
#NAVI a:active,
#NAVI-E a:hover,
#NAVI-E a:active	{
	background-position:0px -15px;
}
/*===============================================
MAIN
===============================================*/
#MAIN	{
	width:800px;
	margin:0px auto 42px auto;
	text-align:left;
}
#TOP	{ margin:42px auto 0px auto; }
#MSG	{
	background-color:#191919;
	margin:0px 0px 30px 0px;
	padding:10px;
}
#CONTENT	{
	background-color:#000000;
	width:540px;
	padding-top:30px;
	float:right;
}
h2	{
	font-size:110%;
	margin-bottom:20px;
	color:#FFFFFF;
	padding:0px 10px 5px 0px;
	border-bottom:1px #333333 solid;
}
#CONTENT h3	{
	padding:5px 10px;
	background-color:#191919;
}
#CONTENT b	{
	display:block;
	padding:5px 10px;
	background-color:#191919;
	margin-top:15px;
}
#CONTENT u		{
	text-decoration:none;
	font-size:90%;
	color:#666666;
}
#CONTENT i	{
	font-style:normal;
	text-decoration:none;
	color:#FFF;
	font-weight:bold;
}

/*-------------------------------works-----------------------------------*/
.works-list	{ margin-bottom:25px; }
.works-list .flL	{
	width:100px;
	height: 120;
	text-align:center;
	font-size: 90%;
	line-height: 1.2;
}
.works-list .flL strong	{
	display:block;
	margin:5px 0px 10px;
	font-weight:normal;
}
.works-list a:link,
.works-list a:visited	{
	text-decoration:none;
}
/*-------------------------------diary-----------------------------------*/
.diary-list	{ margin:0px 5px 0px 0px; }
.date	{
	text-align:right;
	margin:5px 0px 30px 0px;
	padding-right:10px;
	color:#AAAAAA;
	font-size:85%;
}
.date-entry	{
	text-align:right;
	margin:25px 0px 15px 0px;
	padding-right:10px;
	color:#AAAAAA;
	font-size:90%;
}
.archive-navi	{
	text-align:center;
	margin:25px auto 0px auto;
	font-size:90%;
}
/*-------------------------------link-----------------------------------*/
#LINK-LIST div	{ margin:0px 5px 25px 10px; }
#LINK-LIST a	{
	display:block;
}

/*-------------------------------sub-----------------------------------*/
#SUBCONTENT	{
	width:250px;
	float:left;
}
#CONCEPT	{ background-image:url(../images/sub/concept-bg.gif); }
#WORKS	{ background-image:url(../images/sub/works-bg.gif); }
#DIARY	{ background-image:url(../images/sub/diary-bg.gif); }
#PROFILE	{ background-image:url(../images/sub/profile-bg.gif); }
#LINK	{ background-image:url(../images/sub/link-bg.gif); height:215px; }
#RECRUIT	{ background-image:url(../images/sub/recruit-bg.gif); height:215px; }

#CONCEPT,
#WORKS,
#DIARY,
#LINK,
#RECRUIT	{
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding:31px 0px 0px 50px;
}
#PROFILE	{
	background-position:0px 0px;
	background-repeat:no-repeat;
	padding:31px 10px 0px 50px;
	font-size:90%;
}
#PROFILE table	{
	font-size:10px;
	line-height:1.5;
}



#CONCEPT #SUBNAVI	{ font-size:90%; }
#SUBNAVI	{
	color:#333333;
	list-style:none;
}
#SUBNAVI li	{ margin-bottom:12px; }



/*===============================================
FOOT
===============================================*/
#FOOT-BG	{
	border-top:#283D00 1px solid;
	margin-bottom:10px;
}
#FOOT	{
	width:800px;
	margin:auto;
	text-align:right;
}
#FOOT p	{
	font-size:80%;
	font-family:Arial, Helvetica, sans-serif;
	padding:3px 5px;
}

/*===============================================
class list
===============================================*/
.alC	{text-align:center;}
.alR	{text-align:right;}
.alL	{text-align:left;}
.mgT10	{margin-top:10px;}
.mgT15	{margin-top:15px;}
.mgT20	{margin-top:20px;}
.mgT30	{margin-top:30px;}
.mgT40	{margin-top:40px;}
.mgR15	{margin-right:15px;}
.mgB5	{margin-bottom:5px;}
.mgB10	{margin-bottom:10px;}
.mgB15	{margin-bottom:15px;}
.mgB20	{margin-bottom:20px;}
.mgB25	{margin-bottom:25px;}
.mgB30	{margin-bottom:30px;}
.mgB35	{margin-bottom:35px;}
/*===============================================
float
===============================================*/
.flL	{ float:left; }
.flR	{ float:right; }
/*===============================================
clearfix
===============================================*/
.entryBody:after,
.works-list:after,
.diary-list:after,
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.entryBody,
.works-list,
.diary-list,
.clearfix {
	display:inline-block;
}
/* Hides from IE-mac _*/
*html .entryBody,
*html .works-list,
*html .diary-list:after,
*html .clearfix {
	height:1%;
}
.entryBody,
.works-list,
.diary-list:after,
.clearfix	 {
	display:block;
}
/* End hide from IE-mac */
/*===============================================
hidden
===============================================*/
/*--------------------for MacIE--------------------*/
#NAVI span,
#NAVI-E span {
	text-indent:-9999px;
}
/*--------------------MacIE HACK--------------------¥*/
#NAVI span,
#NAVI-E span	{
	height:0px;
	width:0px;
	overflow:hidden;
	position:absolute;
}