@charset "UTF-8";


html {
	height: 100%;
}
body {
    height: 100%;
}

/* ------------------------------
  wrap
------------------------------ */

#wrap {
	width: 100%;
	height:100%;
}
/* ------------------------------
  header
------------------------------ */
#header {
  width:100%;
  height:120px;	
}
#header.story {
	height:160px;
	background: url(../img/header_bg1.gif) center bottom no-repeat;
}
#header.profile {
	height:160px;
	background: url(../img/header_bg3.gif) center top no-repeat;
}
#header.link {
	height:160px;
	background: url(../img/header_bg4.gif) center top no-repeat;
}
#header #logo {
	width:132px;
	height:24px;
	margin:0 auto;
	padding-top:38px;
}
#header #logo a {
	display:block;
	background: url(../img/logo.gif) no-repeat;
	width:132px;
	height:24px;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
}
#header #logo a:hover {
    background-position:0 -24px;
}
#header #title_works {
	width:52px;
	height:16px;
	margin:30px auto 0 auto;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	background: url(../img/sub-common/title_works.gif) no-repeat;
}
#header #title_story {
	width:46px;
	height:18px;
	margin:30px auto 0 auto;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	background: url(../img/story/title_story.gif) no-repeat;
}
#header #title_profile {
	width:58px;
	height:22px;
	margin:30px auto 0 auto;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	background: url(../img/sub-common/title_profile.gif) no-repeat;
}
#header #title_link {
	width:32px;
	height:19px;
	margin:30px auto 0 auto;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	background: url(../img/sub-common/title_link.gif) no-repeat;
}
/* ------------------------------
  wrapper
------------------------------ */

#wrapper {
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
#works-menu {
	width:464px;
	margin:16px auto 20px auto;
}
#works-menu #w-menuLst {
	float:left;
}
#works-menu #w-menuLst a {
	display:block;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
}

#works-menu #w-menuLst.life a {
	width:121px;
	height:20px;
	background: url(../img/works/work-cate_life.gif) no-repeat;
}
#works-menu #w-menuLst.life a:hover {
    background-position:0 -20px;
}
#works-menu #w-menuLst.life a.on {
    background-position:0 -20px;
}

#works-menu #w-menuLst.mountain {
    padding-left:50px;
}
#works-menu #w-menuLst.mountain a {
	width:76px;
	height:20px;
	background: url(../img/works/work-cate_mountain.gif) no-repeat;
}
#works-menu #w-menuLst.mountain a:hover {
    background-position:0 -20px;
}
#works-menu #w-menuLst.mountain a.on {
    background-position:0 -20px;
}

#works-menu #w-menuLst.japan {
    padding-left:50px;
}
#works-menu #w-menuLst.japan a {
	width:55px;
	height:20px;
	background: url(../img/works/work-cate_japan.gif) no-repeat;
}
#works-menu #w-menuLst.japan a:hover {
    background-position:0 -20px;
}
#works-menu #w-menuLst.japan a.on {
    background-position:0 -20px;
}

#works-menu #w-menuLst.untitle {
    padding-left:50px;
}
#works-menu #w-menuLst.untitle a {
	width:62px;
	height:20px;
	background: url(../img/works/work-cate_untitle.gif) no-repeat;
}
#works-menu #w-menuLst.untitle a:hover {
    background-position:0 -20px;
}
#works-menu #w-menuLst.untitle a.on {
    background-position:0 -20px;
}

/* ------------------------------
  workCnt
------------------------------ */
p.worksTxt {
	width:680px;
	margin:30px auto;
	display:none;
}

/* ------------------------------
  profileWrap
------------------------------ */
#profileWrap {
	width:700px;
	margin:30px auto;
}
#daiiizaka_jp {
	width:110px;
	height:26px;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	background: url(../img/sub-common/daiiizaka_jp.gif) no-repeat;
}
p.prfl {
	margin:34px 0 100px 0;
	line-height:1.6;
	font-size:11px;
}
/* ------------------------------
  profileWrap
------------------------------ */
#linkWrap {
	width:500px;
	margin:30px auto;
	text-align:center;
}
#linkWrap p {
	margin:18px 0 24px 0;
	line-height:1.6;
	font-size:14px;
}
#linkWrap p a:link {
	color: #a7a6a6;
	text-decoration: none;
}
#linkWrap p a:visited {
	color: #a7a6a6;
	text-decoration: none;
}
#linkWrap p a:hover {
	color: #999999;
	text-decoration: #a7a6a6;
}
#linkWrap p a:active {
	color: #a7a6a6;
	text-decoration: none;
}

/* ------------------------------
  toHome
------------------------------ */
#toHome {
    width:44px;
	height:80px;
	position:fixed;
	right:0;
	bottom:30px;	
}
#toHome a {
	width:44px;
	height:80px;
	display:block;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	background: url(../img/sub-common/toHome.jpg) no-repeat;
}
#toHome a:hover {
    background-position:0 -80px;
}
/* ------------------------------
  toHome2
------------------------------ */
#toHome2 {
    width:62px;
	height:80px;
	position:fixed;
	right:0;
	bottom:30px;	
}
#toHome2 a {
	width:62px;
	height:80px;
	display:block;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	background: url(../img/sub-common/toHome2.jpg) no-repeat;
}
#toHome2 a:hover {
    background-position:0 -80px;
}
/* ------------------------------
  ftr
------------------------------ */
#footer {
    width:100%;
	clear:both;
}
#ftr {
	width: 100%;
	height:30px;
	padding-top:30px;
	padding-bottom:20px;
}

#copyright {
    text-align:center;
	color:#9c9c9c;
	letter-spacing:1px;
	font-size:85%;
}