@charset 'UTF-8';

/* ***********************************************************************
default.css
************************************************************************ */
#contentsContainer h2.pageTitle {
	width: 160px;
	height: 16px;
	background: url(../../images/works/h2_title.gif) no-repeat;
	margin: 55px 0 0 38px;
	text-indent: -9999px;
}

#mainContainer {
	margin: 4px 0 0 38px;
}


/* menu
*************************************************************************/
#worksMenuContainer {
	width: 482px;
	margin-top: 0px;
	position: absolute;
	z-index: 1;
}

#worksMenuContainer ul li {
	line-height: 0;
}

#worksMenuContainer ul li.current {
	background: url(../../images/works/menu_line.gif) no-repeat left bottom;
}

#worksMenuContainer p.headMagazine {
	margin-top: 15px;
	width: 48px;
	height: 11px;
	text-indent: -9999px;
	background: url(../../images/works/menu_head_magazine.gif) no-repeat left top;
}

#worksMenuContainer p.headBook {
	margin-top: 15px;
	width: 67px;
	height: 9px;
	text-indent: -9999px;
	background: url(../../images/works/menu_head_book.gif) no-repeat left top;
}

#worksMenuContainer p.headEtc {
	margin-top: 15px;
	width: 22px;
	height: 8px;
	text-indent: -9999px;
	background: url(../../images/works/menu_head_etc.gif) no-repeat left top;
}

#worksMenuContainer ul li a {
	display: block;
	height: 15px;
}

#worksMenuContainer ul.menuMagazine .tokion {
	margin: 10px 0 0 15px;
	width: 36px;
	background: url(../../images/works/menu_tokion.gif) no-repeat left top;
}

#worksMenuContainer ul.menuMagazine .realSimple {
	margin: 2px 0 0 15px;
	width: 62px;
	background: url(../../images/works/menu_realsimple.gif) no-repeat left top;
}

#worksMenuContainer ul.menuMagazine .seikatsusanpo {
	margin: 2px 0 0 15px;
	width: 99px;
	background: url(../../images/works/menu_seikatsusanpo.gif) no-repeat left top;
}


#worksMenuContainer ul.menuMagazine .popeye {
	margin: 2px 0 0 15px;
	width: 99px;
	background: url(../../images/works/menu_popeye.gif) no-repeat left top;
	
}


#worksMenuContainer ul.menuMagazine .TheParkhouse {
	margin: 2px 0 0 15px;
	width: 79px;
	background: url(../../images/works/menu_theparkhouse.gif) no-repeat left top;
	
}

#worksMenuContainer ul.menuBook .marunouchiTribune {
	margin: 12px 0 0 15px;
	width: 119px;
	text-indent: -9999px;
	background: url(../../images/works/menu_marunouchi_tribune.gif) no-repeat left top;
}

#worksMenuContainer ul.menuBook .menuDeLeCreuset {
	margin: 2px 0 0 15px;
	width: 114px;
	text-indent: -9999px;
	background: url(../../images/works/menu_menu_de_le_creuset.gif) no-repeat left top;
}

#worksMenuContainer ul.menuBook .joshiCamera {
	margin: 2px 0 0 15px;
	width: 79px;
	text-indent: -9999px;
	background: url(../../images/works/menu_joshicamera.gif) no-repeat left top;
}

#worksMenuContainer ul.menuBook .realSimpleMook {
	margin: 2px 0 0 15px;
	width: 99px;
	text-indent: -9999px;
	background: url(../../images/works/menu_realsimple_mook.gif) no-repeat left top;
}

#worksMenuContainer ul.menuBook .zayuNoNippon {
	margin: 2px 0 0 15px;
	width: 95px;
	text-indent: -9999px;
	background: url(../../images/works/menu_zayu_no_nippon.gif) no-repeat left top;
}

#worksMenuContainer ul.menuBook .cutephoto {
	margin: 2px 0 0 15px;
	width: 121px;
	text-indent: -9999px;
	background: url(../../images/works/menu_cutephoto.gif) no-repeat left top;
}

#worksMenuContainer ul.menuBook .momo {
	margin: 2px 0 0 15px;
	width: 132px;
	text-indent: -9999px;
	background: url(../../images/works/menu_momo.gif) no-repeat left top;
}

#worksMenuContainer ul.menuBook .archi {
	margin: 2px 0 0 15px;
	width: 103px;
	text-indent: -9999px;
	background: url(../../images/works/menu_archi.gif) no-repeat left top;
}

#worksMenuContainer ul.menuBook .KR {
	margin: 2px 0 0 15px;
	width: 157px;
	text-indent: -9999px;
	background: url(../../images/works/menu_KR.gif) no-repeat left top;
}

#worksMenuContainer ul.menuBook .SFT {
	margin: 2px 0 0 15px;
	width: 200px;
	text-indent: -9999px;
	background: url(../../images/works/menu_SFT.gif) no-repeat left top;
}

#worksMenuContainer ul.menuEtc .starbucks {
	margin: 12px 0 0 15px;
	width: 73px;
	text-indent: -9999px;
	background: url(../../images/works/menu_starbucks.gif) no-repeat left top;
}

#worksMenuContainer ul.menuEtc .toyoKitchen {
	margin: 2px 0 0 15px;
	width: 95px;
	text-indent: -9999px;
	background: url(../../images/works/menu_toyo_kitchen.gif) no-repeat left top;
}

#worksMenuContainer ul.menuEtc .oceanus {
	margin: 2px 0 0 15px;
	width: 57px;
	text-indent: -9999px;
	background: url(../../images/works/menu_oceanus.gif) no-repeat left top;
}

#worksMenuContainer ul.menuEtc .hiraoInc {
	margin: 2px 0 0 15px;
	width: 100px;
	text-indent: -9999px;
	background: url(../../images/works/menu_hirao_inc.gif) no-repeat left top;
}

/* publication
*************************************************************************/
#publicationContainer {
	width: 482px;
	height: 67px;
	margin-top: 429px;
	position: absolute;
	border-bottom: 1px solid #bfbfbf;
	text-align: right;
	z-index: 1;
}

#publicationContainer div {
	display: none;
}

#publicationContainer span {
	display: none;
}

#publicationContainer p a {
	display: block;
	width: 100%;
	height: 100%;
}

/** Tokion **/
#publicationContainer .tokion {
	margin-right: 16px;
}

#publicationContainer .tokion h3 {
	margin: 0 0 0 auto;
	width: 93px;
	height: 11px;
	background: url(../../images/works/h3_tokion.gif) no-repeat left top;
}

#publicationContainer .tokion p.publishing {
	margin: 9px 0 0 auto;
	width: 245px;
	height: 9px;
	background: url(../../images/works/publish_info_tokion.gif) no-repeat left top;
}

#publicationContainer .tokion p.get {
	margin: 7px 0 0 auto;
	width: 129px;
	height: 9px;
	background: url(../../images/works/publish_get_here.gif) no-repeat left top;
}

/** Real Simple **/
#publicationContainer .realSimple {
	margin-right: 16px;
}

#publicationContainer .realSimple h3 {
	margin: 0 0 0 auto;
	width: 84px;
	height: 12px;
	background: url(../../images/works/h3_realsimple.gif) no-repeat left top;
}

#publicationContainer .realSimple p.publishing {
	margin: 8px 0 0 auto;
	width: 162px;
	height: 9px;
	background: url(../../images/works/publish_info_realsimple.gif) no-repeat left top;
}

#publicationContainer .realSimple p.get {
	margin: 7px 0 0 auto;
	width: 129px;
	height: 9px;
	background: url(../../images/works/publish_get_here.gif) no-repeat left top;
}

/** seikatsusanpo **/
#publicationContainer .seikatsusanpo {
	margin-right: 16px;
}

#publicationContainer .seikatsusanpo h3 {
	margin: 0 0 0 auto;
	width: 42px;
	height: 11px;
	background: url(../../images/works/h3_seikatsusanpo.gif) no-repeat left top;
}

#publicationContainer .seikatsusanpo p.publishing {
	margin: 8px 0 0 auto;
	width: 176px;
	height: 11px;
	background: url(../../images/works/publish_info_seikatsusanpo.gif) no-repeat left top;
}

/** popeye **/
#publicationContainer .popeye {
	margin-right: 16px;
}

#publicationContainer .popeye h3 {
	margin: 0 0 0 auto;
	width: 51px;
	height: 11px;
	background: url(../../images/works/h3_popeye.gif) no-repeat left top;
}

#publicationContainer .popeye p.publishing {
	margin: 8px 0 0 auto;
	width: 176px;
	height: 11px;
	background: url(../../images/works/publish_info_popeye.gif) no-repeat left top;
}

/** Theparkhouse **/
#publicationContainer .TheParkhouse {
	margin-right: 16px;
}

#publicationContainer .TheParkhouse h3 {
	margin: 0 0 0 auto;
	width: 96px;
	height: 11px;
	background: url(../../images/works/h3_theparkhouse.gif) no-repeat left top;
}

#publicationContainer .TheParkhouse p.publishing {
	margin: 8px 0 0 auto;
	width: 171px;
	height: 11px;
	background: url(../../images/works/publish_info_theparkhouse.gif) no-repeat left top;
}

/** MARUNOUCHI TRIBUNE **/
#publicationContainer .marunouchiTribune {
	margin-right: 16px;
}

#publicationContainer .marunouchiTribune h3 {
	margin: 0 0 0 auto;
	width: 154px;
	height: 11px;
	background: url(../../images/works/h3_marunouchi_tribune.gif) no-repeat left top;
}

#publicationContainer .marunouchiTribune p.publishing {
	margin: 8px 0 0 auto;
	width: 178px;
	height: 9px;
	background: url(../../images/works/publish_info_marunouchi_tribune.gif) no-repeat left top;
}

#publicationContainer .marunouchiTribune p.get {
	margin: 7px 0 0 auto;
	width: 94px;
	height: 9px;
	background: url(../../images/works/publish_get_marunouchi_house.gif) no-repeat left top;
}

/** MENU de Le Creuset **/
#publicationContainer .menuDeLeCreuset {
	margin-right: 16px;
}

#publicationContainer .menuDeLeCreuset h3 {
	margin: 0 0 0 auto;
	width: 115px;
	height: 10px;
	background: url(../../images/works/h3_menu_de_le_creuset.gif) no-repeat left top;
}

#publicationContainer .menuDeLeCreuset p.publishing {
	margin: 10px 0 0 auto;
	width: 159px;
	height: 9px;
	background: url(../../images/works/publish_info_menu_de_le_creuset.gif) no-repeat left top;
}

#publicationContainer .menuDeLeCreuset p.get {
	margin: 7px 0 0 auto;
	width: 129px;
	height: 9px;
	background: url(../../images/works/publish_get_here.gif) no-repeat left top;
}

/** JOSHI camera **/
#publicationContainer .joshiCamera {
	margin-right: 16px;
}

#publicationContainer .joshiCamera h3 {
	margin: 0 0 0 auto;
	width: 55px;
	height: 12px;
	background: url(../../images/works/h3_joshicamera.gif) no-repeat left top;
}

#publicationContainer .joshiCamera p.publishing {
	margin: 8px 0 0 auto;
	width: 123px;
	height: 9px;
	background: url(../../images/works/publish_info_joshicamera.gif) no-repeat left top;
}

#publicationContainer .joshiCamera p.get {
	margin: 7px 0 0 auto;
	width: 129px;
	height: 9px;
	background: url(../../images/works/publish_get_here.gif) no-repeat left top;
}

/** Real Simple Mook **/
#publicationContainer .realSimpleMook {
	margin-right: 16px;
}

#publicationContainer .realSimpleMook h3 {
	margin: 0 0 0 auto;
	width: 280px;
	height: 12px;
	background: url(../../images/works/h3_realsimple_mook.gif) no-repeat left top;
}

#publicationContainer .realSimpleMook p.publishing {
	margin: 8px 0 0 auto;
	width: 95px;
	height: 9px;
	background: url(../../images/works/publish_info_realsimple_mook.gif) no-repeat left top;
}

#publicationContainer .realSimpleMook p.get {
	margin: 7px 0 0 auto;
	width: 129px;
	height: 9px;
	background: url(../../images/works/publish_get_here.gif) no-repeat left top;
}

/** ZAYU no NIPPON **/
#publicationContainer .zayuNoNippon {
	margin-right: 16px;
}

#publicationContainer .zayuNoNippon h3 {
	margin: 0 0 0 auto;
	width: 58px;
	height: 12px;
	background: url(../../images/works/h3_zayu_no_nippon.gif) no-repeat left top;
}

#publicationContainer .zayuNoNippon p.publishing {
	margin: 8px 0 0 auto;
	width: 228px;
	height: 9px;
	background: url(../../images/works/publish_info_zayu_no_nippon.gif) no-repeat left top;
}

#publicationContainer .zayuNoNippon p.get {
	margin: 7px 0 0 auto;
	width: 129px;
	height: 9px;
	background: url(../../images/works/publish_get_here.gif) no-repeat left top;
}

/** Re:cute Photographer **/
#publicationContainer .cutephoto {
	margin-right: 16px;
}

#publicationContainer .cutephoto h3 {
	margin: 0 0 0 auto;
	width: 143px;
	height: 13px;
	background: url(../../images/works/h3_cutephoto.gif) no-repeat left top;
}

#publicationContainer .cutephoto p.publishing {
	margin: 8px 0 0 auto;
	width: 146px;
	height: 9px;
	background: url(../../images/works/publish_info_cutephoto.gif) no-repeat left top;
}

#publicationContainer .cutephoto p.get {
	margin: 7px 0 0 auto;
	width: 129px;
	height: 9px;
	background: url(../../images/works/publish_get_here.gif) no-repeat left top;
}

/** MOMOcafe recipe book **/
#publicationContainer .momo {
	margin-right: 16px;
}

#publicationContainer .momo h3 {
	margin: 0 0 0 auto;
	width: 146px;
	height: 11px;
	background: url(../../images/works/h3_momo.gif) no-repeat left top;
}

#publicationContainer .momo p.publishing {
	margin: 8px 0 0 auto;
	width: 170px;
	height: 9px;
	background: url(../../images/works/publish_info_momo.gif) no-repeat left top;
}

#publicationContainer .momo p.get {
	margin: 7px 0 0 auto;
	width: 129px;
	height: 9px;
	background: url(../../images/works/publish_get_here.gif) no-repeat left top;
}

/** NIKKEI ARCHITECTURE **/
#publicationContainer .archi {
	margin-right: 16px;
}

#publicationContainer .archi h3 {
	margin: 0 0 0 auto;
	width: 260px;
	height: 13px;
	background: url(../../images/works/h3_archi.gif) no-repeat left top;
}

#publicationContainer .archi p.publishing {
	margin: 8px 0 0 auto;
	width: 101px;
	height: 9px;
	background: url(../../images/works/publish_info_archi.gif) no-repeat left top;
}

/** 仮面ライダー the40th コレクション**/
#publicationContainer .KR {
	margin-right: 16px;
}

#publicationContainer .KR h3 {
	margin: 0 0 0 auto;
	width: 286px;
	height: 11px;
	background: url(../../images/works/h3_KR.gif) no-repeat left top;
}

#publicationContainer .KR p.publishing {
	margin: 8px 0 0 auto;
	width: 127px;
	height: 8px;
	background: url(../../images/works/publish_info_KR.gif) no-repeat left top;
}

/** STYLE from TOKYO **/
#publicationContainer .SFT {
	margin-right: 16px;
}

#publicationContainer .SFT h3 {
	margin: 0 0 0 auto;
	width: 162px;
	height: 12px;
	background: url(../../images/works/h3_SFT.gif) no-repeat left top;
}

#publicationContainer .SFT p.publishing {
	margin: 8px 0 0 auto;
	width: 215px;
	height: 9px;
	background: url(../../images/works/publish_info_SFT.gif) no-repeat left top;
}
/** STAR BUCKS **/
#publicationContainer .starbucks {
	margin-right: 16px;
}

#publicationContainer .starbucks h3 {
	margin: 0 0 0 auto;
	width: 265px;
	height: 11px;
	background: url(../../images/works/h3_starbucks.gif) no-repeat left top;
}

#publicationContainer .starbucks p.publishing {
	margin: 8px 0 0 auto;
	width: 199px;
	height: 9px;
	background: url(../../images/works/publish_info_starbucks.gif) no-repeat left top;
}

/** TOYO KITCHEN **/
#publicationContainer .toyoKitchen {
	margin-right: 16px;
}

#publicationContainer .toyoKitchen h3 {
	margin: 0 0 0 auto;
	width: 188px;
	height: 11px;
	background: url(../../images/works/h3_toyo_kitchen.gif) no-repeat left top;
}

#publicationContainer .toyoKitchen p.publishing {
	margin: 8px 0 0 auto;
	width: 199px;
	height: 9px;
	background: url(../../images/works/publish_info_toyo_kitchen.gif) no-repeat left top;
}

/** OCEANUS **/
#publicationContainer .oceanus {
	margin-right: 16px;
}

#publicationContainer .oceanus h3 {
	margin: 0 0 0 auto;
	width: 155px;
	height: 11px;
	background: url(../../images/works/h3_oceanus.gif) no-repeat left top;
}

#publicationContainer .oceanus p.publishing {
	margin: 8px 0 0 auto;
	width: 203px;
	height: 9px;
	background: url(../../images/works/publish_info_oceanus.gif) no-repeat left top;
}

/** HiRAO INC. **/
#publicationContainer .hiraoInc {
	margin-right: 16px;
}

#publicationContainer .hiraoInc h3 {
	margin: 0 0 0 auto;
	width: 112px;
	height: 11px;
	background: url(../../images/works/h3_hirao_inc.gif) no-repeat left top;
}

#publicationContainer .hiraoInc p.publishing {
	margin: 8px 0 0 auto;
	width: 46px;
	height: 9px;
	background: url(../../images/works/publish_info_hirao_inc.gif) no-repeat left top;
}


/* publication image
*************************************************************************/
#publicationImageContainer {
	width: 529px;
	position: absolute;
	text-align: right;
}

#publicationImageContainer div {
	display: none;
}

#publicationImageContainer div img {
	position: relative;
}

/** Tokion **/
#publicationImageContainer .tokion img {
	margin: 94px 63px 0 0;
}

/** Real Simple **/
#publicationImageContainer .realSimple img {
	margin: 118px 63px 0 0;
}

/** seitsusanpo **/
#publicationImageContainer .seikatsusanpo img {
	margin: 96px 63px 0 0;
}

/** popeye **/
#publicationImageContainer .popeye img {
	margin: 96px 63px 0 0;
}

/** The Parkhouse **/
#publicationImageContainer .TheParkhouse img {
	margin: 96px 63px 0 0;
}

/** MARUNOUCHI TRIBUNE **/
#publicationImageContainer .marunouchiTribune img {
	margin: -57px 20px 0 0;
}

/** MENU de Le Creuset **/
#publicationImageContainer .menuDeLeCreuset img {
	margin: 182px 63px 0 0;
}

/** JOSHI camera **/
#publicationImageContainer .joshiCamera img {
	margin: 99px 63px 0 0;
}

/** Real Simple Mook **/
#publicationImageContainer .realSimpleMook img {
	margin: 113px 63px 0 0;
}

/** ZAYU no NIPPON **/
#publicationImageContainer .zayuNoNippon img {
	margin: 58px 63px 0 0;
}

/** Re:cute Photographer **/
#publicationImageContainer .cutephoto img {
	margin: 94px 63px 0 0;
}

/** MOMOcafe recipe book **/
#publicationImageContainer .momo img {
	margin: 94px 63px 0 0;
}

/** NIKKEI ARCHITECTURE **/
#publicationImageContainer .archi img {
	margin: 94px 63px 0 0;
}

/** 仮面ライダー the40th コレクション **/
#publicationImageContainer .KR img {
	margin: 94px 63px 0 0;
}

/** STYLE from TOKYO **/
#publicationImageContainer .SFT img {
	margin: 94px 63px 0 0;
}


/** STAR BUCKS **/
#publicationImageContainer .starbucks img {
	margin: 90px 63px 0 0;
}

/** TOYO KITCHEN **/
#publicationImageContainer .toyoKitchen img {
	margin: 79px 63px 0 0;
}

/** OCEANUS **/
#publicationImageContainer .oceanus img {
	margin: 72px 63px 0 0;
}

/** HiRAO INC. LOGO **/
#publicationImageContainer .hiraoInc img {
	margin: 109px 63px 0 0;
}

/* gallery link image
*************************************************************************/
#toGalleryContainer div {
	display: none;
	position: absolute;
	z-index: 1;
	margin: 360px 0 0 447px;
}

#toGalleryContainer div a {
	display: block;
	background: url(../../images/works/to_gallery.png) no-repeat left top;
	width: 70px;
	height: 64px;
}

#toGalleryContainer div a:hover {
	background-position: -70px 0;
}