@charset "UTF-8";


/* ==============================
  css-base-index
=================================
base
---------------------------------
detail
---------------------------------
wrap
---------------------------------
nfbox（メインフラッシュ部分）
---------------------------------
flash-menu
---------------------------------
no-flash-menu
---------------------------------
content
---------------------------------
ftr-nav
---------------------------------
ftr
============================== */
html {
	height: 100%;
}
body {
    height: 100%;
}

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

#wrap {
	width: 100%;
	height:100%;
}

/* ------------------------------
  wrapper
------------------------------ */

#wrapper {
	width:980px;
	margin:0 auto;
	overflow:hidden;
}
#logo {
	width:132px;
	height:24px;
	padding-top:51px;
	padding-left:26px;
}
#logo a {
	display:block;
	background: url(../img/logo.gif) no-repeat;
	width:132px;
	height:24px;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
}
#logo a:hover {
    background-position:0 -24px;
}



#title_common {
	width:98px;
	height:64px;
	padding-top:51px;
	padding-left:60px;
}
#title_common a {
	display:block;
	background: url(../img/home/title_common.gif) no-repeat;
	width:98px;
	height:64px;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
}
#title_common a:hover {
    background-position:0 -64px;
}
/* ------------------------------
  left
------------------------------ */
#left {
	width:210px;
	display:block;
	float:left;
	padding-bottom: 33333px;
	margin-bottom: -33333px;
}

#left .menu {
    width:158px;
    margin-top:48px;
}
#left .menu li#menuLst {
}
#left .menu li#menuLst.news {
    width:44px;
	padding-left:114px;
}
#left .menu li#menuLst.news a {
    display:block;
    width:44px;
    height:12px;
	background: url(../img/menuLst_news.gif) no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
}
#left .menu li#menuLst.news a.on {
    background-position:0 -12px;
}
#left .menu li#menuLst.news a:hover {
    background-position:0 -12px;
}

#left .menu li#menuLst.photo {
    width:108px;
	padding-left:50px;
	margin-top:21px;
}
#left .menu li#menuLst.photo a {
    display:block;
    width:108px;
    height:18px;
	background: url(../img/menuLst_photo.gif) no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
}
#left .menu li#menuLst.photo a.on {
    background-position:0 -18px;
}
#left .menu li#menuLst.photo a:hover {
    background-position:0 -18px;
}

#left .menu li#menuLst.works {
    width:50px;
	padding-left:108px;
	margin-top:20px;
}
#left .menu li#menuLst.works a {
    display:block;
    width:50px;
    height:14px;
	background: url(../img/menuLst_works.gif) no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
}
#left .menu li#menuLst.works a:hover {
    background-position:0 -14px;
}
#left .menu li#menuLst.works a.on {
    background-position:0 -14px;
}

#left .menu li#menuLst.story {
    width:50px;
	padding-left:108px;
	margin-top:20px;
}
#left .menu li#menuLst.story a {
    display:block;
    width:50px;
    height:18px;
	background: url(../img/menuLst_story.gif) no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
}
#left .menu li#menuLst.story a:hover {
    background-position:0 -18px;
}
#left .menu li#menuLst.story a.on {
    background-position:0 -18px;
}
#left .menu li#menuLst.link {
    width:44px;
	padding-left:114px;
	margin-top:20px;
}
#left .menu li#menuLst.link a {
    display:block;
    width:44px;
    height:14px;
	background: url(../img/menuLst_link.gif) no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
}
#left .menu li#menuLst.link a:hover {
    background-position:0 -14px;
}
#left .menu li#menuLst.link a.on {
    background-position:0 -14px;
}
#left .menu li#menuLst.bio {
    width:86px;
	padding-left:72px;
	margin-top:21px;
}
#left .menu li#menuLst.bio a {
    display:block;
    width:86px;
    height:18px;
	background: url(../img/menuLst_bio.gif) no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
}
#left .menu li#menuLst.bio a:hover {
    background-position:0 -18px;
}
#left .menu li#menuLst.bio a.on {
    background-position:0 -18px;
}

#left .menu li#menuLst.bio2 {
    width:86px;
	padding-left:72px;
	margin-top:19px;
}
#left .menu li#menuLst.bio2 a {
    display:block;
    width:86px;
    height:18px;
	background: url(../img/menuLst_bio2.gif) no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
}
#left .menu li#menuLst.bio2 a:hover {
    background-position:0 -18px;
}
#left .menu li#menuLst.bio2 a.on {
    background-position:0 -18px;
}




#left .menu li#menuLst.contact {
    width:64px;
	padding-left:94px;
	margin-top:20px;
}
#left .menu li#menuLst.contact a {
    display:block;
    width:64px;
    height:13px;
	background: url(../img/menuLst_contact.gif) no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
}
#left .menu li#menuLst.contact a:hover {
    background-position:0 -13px;
}
#left .menu li#menuLst.instagram {
    width:24px;
	height:24px;
	margin-top:20px;
	padding-left:136px;
}
#left .menu li#menuLst.instagram a {
    display:block;
    width:24px;
    height:24px;
	background: url(../img/instagram.svg) no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	opacity: 0.3;
}
#left .menu li#menuLst.instagram a:hover {
	opacity: 0.7;
}
#left .menu li#menuLst.shop {
    width:100px;
	padding-left:60px;
	margin-top:20px;
}
#left .menu li#menuLst.shop a {
    display:block;
    width:100px;
    height:17px;
	background: url(../img/menuLst_shop.gif) no-repeat;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
}
#left .menu li#menuLst.shop a:hover {
    background-position:0 -17px;
}
/* ------------------------------
  right
------------------------------ */
#right {
   width:770px;
   display:block;
   float:right;
   margin-top:51px;
   padding-bottom: 33333px;
   margin-bottom: -33333px;
}

#photoCnt {
   width:680px;	
}
#slider {
   width:680px;	
   height:550px;
}
/* ------------------------------
  toHome
------------------------------ */
#toIndex {
    width:68px;
	height:50px;
	position:fixed;
	right:0;
	bottom:30px;	
}
#toIndex a {
	width:68px;
	height:50px;
	display:block;
	text-indent: -9999px;
	font-size: 1px;
	line-height: 0;
	background: url(../img/toIndex.png) no-repeat;
}
#toIndex a:hover {
    background-position:0 -50px;
}

/* ------------------------------
  ftr
------------------------------ */
#footer {
    width:100%;
	clear:both;
}
#ftr {
	width: 890px;
	padding-right:90px;
	margin:0 auto;
	height:30px;
	padding-top:30px;
	padding-bottom:20px;
}

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