@charset "UTF-8";

* {
  margin: 0;
  padding: 0;
  border: 0;
  background-color: transparent;
  color: #444;
  font-size:13px;/* 100% */
  line-height: 1.4;
  text-decoration: none;
  }

/******** all style ********/

/* Firefox dot */
focus{ moz-outline-style: none;}
/* Mac Firefox dot */
a { outline: none; }

/******** contents ********/

/* body */
body {
	background: url(null) #fff fixed; /*ie6 navigation ガタガタoff */
	/* font-size %指定用 */
	font:13px "ＭＳ 明朝","ＭＳ Ｐ明朝", 細明朝体, 平成明朝, monospace;
    *font-size:small;
    *font:x-small;
	}
	
/* container */
div#container {
	width:870px;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	padding-top:40px;
	background:url(../images/shadow_top.gif) no-repeat top left;
	}
	
/* main-content */
div#main-content {
	width:870px;
	height:510px;
	background:url(../images/shadow_bg.gif) no-repeat top left;
	}
div#main-content img {
	margin:0px 15px;
	}

/* top-content */
div#top-content {
	width:870px;
	background:url(../images/shadow_bg_long.gif) no-repeat top left;
	}
div.top-content-wrap {
	width:840px;
	height:1197px;
	background:url(../images/img_top.jpg) no-repeat top left;
	margin:0px 15px;
	}
/* top-content enterButton */
div.top-content-wrap a {
	position:absolute;
	top:385px;
	left:74px;
	text-decoration:none;
	display:block;
	height:39px;
	width:39px;
	text-indent:-9999px;
	background:url(../images/enter.jpg) no-repeat top left;
	}
div.top-content-wrap a:hover {background-position:0px -39px;}

/* movie-content */
div#movie-content {
	margin:0px 15px;
	background-color:#000;
	padding:75px 180px;
	}


/******** bottom-content ********/

/* bottom-content */
div#bottom-content{
	width:870px;
	height:36px;
	background:url(../images/shadow_bottom.gif) no-repeat top left;
	}


/******** sub-navigation ********/

/* sub-navigation */
div#sub-navigation{
	width:870px;
	height:116px;
	background:url(../images/shadow_bottom.gif) no-repeat top left;
	}
div#sub-navigation ul{
	padding:43px 0px 0px 29px;
	}
div#sub-navigation li{
	float:left;
	list-style:none;
	}
div#sub-navigation img{
	cursor:pointer;
	margin-right:4px;
	height:30px;
	width:30px;
	}
div#sub-navigation a{
	margin-right:4px;
	height:30px;
	width:30px;
	text-decoration:none;
	display:block;
	text-indent:-9999px;
	}
div#sub-navigation a#d1 {background:url(../text/images/dir/btn_diary.gif) no-repeat 0px 0px;}
div#sub-navigation a#d2 {background:url(../text/images/dir/btn_diary.gif) no-repeat -30px 0px;}
div#sub-navigation a#d3 {background:url(../text/images/dir/btn_diary.gif) no-repeat -60px 0px;}
div#sub-navigation a#d4 {background:url(../text/images/dir/btn_diary.gif) no-repeat -90px 0px;}
div#sub-navigation a#d5 {background:url(../text/images/dir/btn_diary.gif) no-repeat -120px 0px;}
div#sub-navigation a#d6 {background:url(../text/images/dir/btn_diary.gif) no-repeat -150px 0px;}
div#sub-navigation a#d7 {background:url(../text/images/dir/btn_diary.gif) no-repeat -180px 0px;}
div#sub-navigation a#d8 {background:url(../text/images/dir/btn_diary.gif) no-repeat -210px 0px;}
div#sub-navigation a#d9 {background:url(../text/images/dir/btn_diary.gif) no-repeat -240px 0px;}
div#sub-navigation a#d10 {background:url(../text/images/dir/btn_diary.gif) no-repeat -270px 0px;}
div#sub-navigation a#d11 {background:url(../text/images/dir/btn_diary.gif) no-repeat -300px 0px;}
div#sub-navigation a:hover#d1 {background-position:0px -30px;}
div#sub-navigation a:hover#d2 {background-position:-30px -30px;}
div#sub-navigation a:hover#d3 {background-position:-60px -30px;}
div#sub-navigation a:hover#d3 {background-position:-60px -30px;}
div#sub-navigation a:hover#d4 {background-position:-90px -30px;}
div#sub-navigation a:hover#d5 {background-position:-120px -30px;}
div#sub-navigation a:hover#d6 {background-position:-150px -30px;}
div#sub-navigation a:hover#d7 {background-position:-180px -30px;}
div#sub-navigation a:hover#d8 {background-position:-210px -30px;}
div#sub-navigation a:hover#d9 {background-position:-240px -30px;}
div#sub-navigation a:hover#d10 {background-position:-270px -30px;}
div#sub-navigation a:hover#d11 {background-position:-300px -30px;}

div#sub-navigation a#p0 {background:url(../text/images/pbl/btn_publish.gif) no-repeat 0px 0px;}
div#sub-navigation a#p1 {background:url(../text/images/pbl/btn_publish.gif) no-repeat -30px 0px;}
div#sub-navigation a#p2 {background:url(../text/images/pbl/btn_publish.gif) no-repeat -60px 0px;}
div#sub-navigation a#p3 {background:url(../text/images/pbl/btn_publish.gif) no-repeat -90px 0px;}
div#sub-navigation a#p4 {background:url(../text/images/pbl/btn_publish.gif) no-repeat -120px 0px;}
div#sub-navigation a#p5 {background:url(../text/images/pbl/btn_publish.gif) no-repeat -150px 0px;}
div#sub-navigation a#p6 {background:url(../text/images/pbl/btn_publish.gif) no-repeat -180px 0px;}
div#sub-navigation a#p7 {background:url(../text/images/pbl/btn_publish.gif) no-repeat -210px 0px;}
div#sub-navigation a#p8 {background:url(../text/images/pbl/btn_publish.gif) no-repeat -240px 0px;}
div#sub-navigation a:hover#p0 {background-position:0px -30px;}
div#sub-navigation a:hover#p1 {background-position:-30px -30px;}
div#sub-navigation a:hover#p2 {background-position:-60px -30px;}
div#sub-navigation a:hover#p3 {background-position:-90px -30px;}
div#sub-navigation a:hover#p4 {background-position:-120px -30px;}
div#sub-navigation a:hover#p5 {background-position:-150px -30px;}
div#sub-navigation a:hover#p6 {background-position:-180px -30px;}
div#sub-navigation a:hover#p7 {background-position:-210px -30px;}
div#sub-navigation a:hover#p8 {background-position:-240px -30px;}
div#sub-navigation li#p9,div#sub-navigation li#p10,div#sub-navigation li#p11,
div#sub-navigation li#p12,
div#sub-navigation li#p13,div#sub-navigation li#p14,div#sub-navigation li#p15,
div#sub-navigation li#p16,div#sub-navigation li#p17,div#sub-navigation li#p18,
div#sub-navigation li#p19,div#sub-navigation li#p20,div#sub-navigation li#p21,
div#sub-navigation li#p22 {
	margin-right:4px;
	height:30px;
	width:30px;
	text-decoration:none;
	display:block;
	text-indent:-9999px;
	background:url(../images/btn_publish_off.gif) no-repeat;
}
div#sub-navigation li#p8 {background-position:-240px 0px;}
div#sub-navigation li#p9 {background-position:-270px 0px;}
div#sub-navigation li#p10 {background-position:-300px 0px;}
div#sub-navigation li#p11 {background-position:-330px 0px;}
div#sub-navigation li#p12 {background-position:-360px 0px;}
div#sub-navigation li#p13 {background-position:-390px 0px;}
div#sub-navigation li#p14 {background-position:-420px 0px;}
div#sub-navigation li#p15 {background-position:-450px 0px;}
div#sub-navigation li#p16 {background-position:-480px 0px;}
div#sub-navigation li#p17 {background-position:-510px 0px;}
div#sub-navigation li#p18 {background-position:-540px 0px;}
div#sub-navigation li#p19 {background-position:-570px 0px;}
div#sub-navigation li#p20 {background-position:-600px 0px;}
div#sub-navigation li#p21 {background-position:-630px 0px;}
div#sub-navigation li#p22 {background-position:-660px 0px;}

div#sub-navigation a#w0 {background:url(../about/images/btn_works.jpg) no-repeat 0px 0px;}
div#sub-navigation a#w1 {background:url(../about/images/btn_works.jpg) no-repeat -30px 0px;}
div#sub-navigation a#w2 {background:url(../about/images/btn_works.jpg) no-repeat -60px 0px;}
div#sub-navigation a#w3 {background:url(../about/images/btn_works.jpg) no-repeat -90px 0px;}
div#sub-navigation a:hover#w0 {background-position:0px -30px;}
div#sub-navigation a:hover#w1 {background-position:-30px -30px;}
div#sub-navigation a:hover#w2 {background-position:-60px -30px;}
div#sub-navigation a:hover#w3 {background-position:-90px -30px;}

/******** title ********/

/* title */
div#title{
	clear:both;
	width:;870px;
	height:43px;
	}
div#title div#pagenation{
	position:absolute;
	top:672px;
	left:830px;
	}
div#title div#pagenation li{
	float:left;
	list-style:none;
}
div#title div#pagenation a{
	height:28px;
	width:17px;
	text-decoration:none;
	display:block;
	text-indent:-9999px;
	background:url(../images/btn_page.gif) no-repeat;
}
div#title div#pagenation a#p1 {background-position:0px 0px;}
div#title div#pagenation a#p2 {background-position:-17px 0px;}
div#title div#pagenation a:hover#p1 {background-position:0px -28px;}
div#title div#pagenation a:hover#p2 {background-position:-17px -28px;}


/******** text-content ********/

/* text-content */
div#text-content {
	clear:both;
	width:860px;
	}
div#text-wrapper {
	padding:34px 12px 60px 12px;
	}

div#text-content h2{
	font-weight:bold;
	font-size:147%; /* 19px */
	color:#1a1b1a;
	margin-bottom:22px;
	font-family:"arial","helvetica","osaka","ＭＳ Ｐゴシック",ans-serif;
	}
div#text-content ul {
	clear:both;
	list-style-type:none;
	font-weight:bold;
	font-size:116%; /* 15px */
	margin-top:60px;
	margin-bottom:30px;
	font-family:"arial","helvetica","osaka","ＭＳ Ｐゴシック",ans-serif;
}
div#text-content a,
div#sub-text-content a {
	font-weight:normal;
	font-size:108%; /* 14px */
	font-family:"arial","helvetica","osaka","ＭＳ Ｐゴシック",ans-serif;
}
div#text-content a:link,div#sub-text-content a:link,
div#text-content a:visited,div#sub-text-content a:visited { text-decoration:underline; }
div#text-content a:hover,div#sub-text-content a:hover,
div#text-content a:active,div#sub-text-content a:active { text-decoration:none; }

div#text-content h3,
div#sub-text-content h3 {
	font-family:"arial","helvetica","osaka","ＭＳ Ｐゴシック",ans-serif;
	font-weight:bold;
	font-size:124%; /* 16px */
	margin-bottom:15px;
	}
div#text-content p,
div#sub-text-content p {
	font-size:116%; /* 15px */
	}
div#text-content p#bold {
	font-family:"arial","helvetica","osaka","ＭＳ Ｐゴシック",ans-serif;
	font-size:116%; /* 15px */
	font-weight:bold;
}
div#text-content p#foreword {
	font-family:"arial","helvetica","osaka","ＭＳ Ｐゴシック",ans-serif;
	font-size:131%; /* 17px */
}
div#sub-text-content p#news {
	font-family:"arial","helvetica","osaka","ＭＳ Ｐゴシック",ans-serif;
	font-size:93%; /* 12px */
	line-height:1.8;
}

div#text-content p#foreword span#small {
	font-family:"arial","helvetica","osaka","ＭＳ Ｐゴシック",ans-serif;
	font-size:93%; /* 12px */
}

div#text-content strong {
	font-weight:bold;
	font-size:116%; /* 15px */
	color:#1a1b1a;
	}
div#text-content .mkj,
div#sub-text-content .mkj {
	/*color:#c1242d;*/
	font-size:93%; /* 12px */
	font-weight:bold;
	}
div#text-content img.rgt {
	float:right;
	margin:0px 0px 10px 20px;
}
div#text-content img.lft {
	float:left;
	margin:0px 20px 10px 0px;
}

.clr {
	clear:both;
}

/* table */
div#text-content table {
	border: 0px;
	border-spacing: 0px;
	vertical-align: top;
	}
div#text-content td {
	border: 0px;
	font-size:100%;/* 13px */
	line-height: 1.4;
	padding: 0px 10px 20px 0px;
	vertical-align: top;
	}

/* sub-text-content */
div#sub-text-content {
	clear:both;
	width:870px;
	}
div#sub-text-wrapper {
	padding:30px 12px 60px 12px;
	}


/******** footer ********/

/* footer */
div#footer {
	color:#414141;
	height:196px;
	text-align:center;
	margin-top:130px;
	margin-bottom:105px;
	font-family:"arial","helvetica","osaka","ＭＳ Ｐゴシック",ans-serif;
	}

div#footer a { font-size:100%;}

div#footer a:link    { color: #7b7b7b; text-decoration: none; }
div#footer a:visited { color: #7b7b7b; text-decoration: none; }
div#footer a:hover   { color: #8d3333; text-decoration: underline;}
div#footer a:active  { color: #8d3333; text-decoration: underline;}

div#footer address {
	line-height:38px;/* valign */
	font-style:normal;
	font-size:65%;
	}

/******** main-navigation ********/

/* navigation */
div#navigation {
	position:fixed;
	width:100%;
	height:90px;
	bottom:0px;
	left:0px;
	z-index:100;/*重なり順*/
	background-color:#fff;
	}
/* ie6 position:fixed; */
* html div#navigation {
	position:absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?
		documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) 
		: document.body.scrollTop+(document.body.clientHeight-this.clientHeight) );
	}
div#nav-wrapper{
	width:870px;
	margin:0px auto;
	background:url(../images/bg_nav.gif) repeat-x top left #fff;
	overflow:auto; 
	}
div#navigation li {
	list-style:none;
	float:left;
	}
div#navigation li#gototop{
	float:right;
	}
div#navigation a{
	text-decoration:none;
	display:block;
	text-indent:-9999px;
	}

li#top a,
li#photo a,
li#text a,
li#movie a,
li#about a {
	height:36px;
	background:url(../images/btn_nav.gif) no-repeat;
	/*margin-top:16px;*/
	}
li#top a { width:93px;background-position:0px 0px;}
li#photo a { width:103px;background-position:-93px 0px;}
li#text a { width:81px;background-position:-196px 0px;}
li#movie a { width:97px;background-position:-277px 0px;}
li#about a { width:90px;background-position:-374px 0px;}
li#top a:hover {background-position:0px -36px;}
li#photo a:hover {background-position:-93px -36px;}
li#text a:hover {background-position:-196px -36px;}
li#movie a:hover {background-position:-277px -36px;}
li#about a:hover {background-position:-374px -36px;}

li#gototop a {
	height:36px;
	width:34px;
	background:url(../images/btn_gototop.gif) no-repeat;
	background-position:0px 0px;
	}
li#gototop a:hover {background-position:0px -36px;}


/******** main-navigation category ********/

/* all-navigation */

div#photo-navigation,div#text-navigation,
div#about-navigation {
	clear:both;
	}
	
div#photo-navigation li,div#text-navigation li,
div#about-navigation li {
	float:left;
	display:block;
	list-style:none;
	}
div#photo-navigation a,div#text-navigation a,
div#about-navigation a {
	text-decoration:none;
	display:block;
	height:30px;
	text-indent:-9999px;
	margin-top:14px;
	}	
	
/* photo-navigation */
div#photo-navigation { margin-left:122px;}
div#photo-navigation a { background:url(../images/btn_photo.gif) no-repeat;}

div#photo-navigation a#site { width:42px;background-position:0px 0px;}
div#photo-navigation a#glass { width:107px;background-position:-42px 0px;}
div#photo-navigation a#bird { width:106px;background-position:-149px 0px;}
div#photo-navigation a#catacombe { width:89px;background-position:-255px 0px;}
div#photo-navigation a#life { width:53px;background-position:-344px 0px;}
div#photo-navigation a#pejjite { width:69px;background-position:-397px 0px;}
div#photo-navigation a:hover#site {background-position:0px -30px;}
div#photo-navigation a:hover#glass {background-position:-42px -30px;}
div#photo-navigation a:hover#bird {background-position:-149px -30px;}
div#photo-navigation a:hover#catacombe {background-position:-255px -30px;}
div#photo-navigation a:hover#life {background-position:-344px -30px;}
div#photo-navigation a:hover#pejjite {background-position:-397px -30px;}

/* text-navigation */
div#text-navigation { margin-left:220px;}
div#text-navigation a {	background:url(../images/btn_text.gif) no-repeat;}

div#text-navigation a#concept { width:90px;background-position:0px 0px;}
div#text-navigation a#diary { width:62px;background-position:-90px 0px;}
div#text-navigation a#publish { width:72px;background-position:-152px 0px;}
div#text-navigation a#others { width:61px;background-position:-224px 0px;}
div#text-navigation a:hover#concept {background-position:0px -30px;}
div#text-navigation a:hover#diary {background-position:-90px -30px;}
div#text-navigation a:hover#publish {background-position:-152px -30px;}
div#text-navigation a:hover#others {background-position:-224px -30px;}

/* about-navigation */
div#about-navigation { margin-left:400px;}
div#about-navigation a { background:url(../images/btn_about.gif) no-repeat;}

div#about-navigation a#work { width:61px;background-position:0px 0px;}
div#about-navigation a#book { width:59px;background-position:-61px 0px;}
div#about-navigation a#media { width:66px;background-position:-120px 0px;}
div#about-navigation a:hover#work {background-position:0px -30px;}
div#about-navigation a:hover#book {background-position:-61px -30px;}
div#about-navigation a:hover#media {background-position:-120px -30px;}