﻿@charset "utf-8" ;

/* --------------------------------------------------------------------------------------------------
AUTHOR:			Y.Egawa
CSS構成書:   	#detail（写真家紹介コンテンツ内）
LAST MODIFIED:	2009.09.16

-------------------------------------------------------------------------------------------------- */ 



/* -------------------------------------------------------------------
            #photographerBlock設定
-------------------------------------------------------------------- */
#photographerBlock { margin-right:20px;}
#photographerBlock h3 { margin-bottom:14px;}
#photographerBlock h4 { clear:both; background:url(../img/parts/bg-h4_iepa.gif) left top no-repeat; padding-left:10px; margin-bottom:16px; font-size:1.8em;}


#area_navigation { width:630px; margin-bottom:18px;}

ul#aNavi { height:36px;}
ul#aNavi li { float:left;}
ul#aNavi li a { display:block; width:100%; height:36px; background:url(img/bg-area_navi.jpg) left top no-repeat; text-indent:-9999px;}

ul#aNavi li#an_none { width:75px; height:36px; background:url(img/bg-area_navi.jpg) left top no-repeat; text-indent:-9999px;}

/* メニューデフォルト */
ul#aNavi li#an01 a { width:75px; background-position: -75px top ;}
ul#aNavi li#an02 a { width:102px; background-position: -150px  top ;}
ul#aNavi li#an03 a { width:71px; background-position: -252px  top ;}
ul#aNavi li#an04 a { width:78px; background-position: -323px  top ;}
ul#aNavi li#an05 a { width:69px; background-position: -401px  top ;}
ul#aNavi li#an06 a { width:70px; background-position: -470px  top ;}
ul#aNavi li#an07 a { width:90px; background-position: -540px  top ;}

/* エリアページ内のコンテンツを表示している場合 */
ul#aNavi li#an01.focusedMenu a { background-position: -75px -36px;}
ul#aNavi li#an02.focusedMenu a { background-position: -150px -36px;}
ul#aNavi li#an03.focusedMenu a { background-position: -252px -36px;}
ul#aNavi li#an04.focusedMenu a { background-position: -323px -36px;}
ul#aNavi li#an05.focusedMenu a { background-position: -401px -36px;}
ul#aNavi li#an06.focusedMenu a { background-position: -470px -36px;}
ul#aNavi li#an07.focusedMenu a { background-position: -540px -36px;}

/* メニューホバー */
ul#aNavi li#an01 a:hover { background-position: -75px -36px ;}
ul#aNavi li#an02 a:hover { background-position: -150px -36px ;}
ul#aNavi li#an03 a:hover { background-position: -252px -36px ;}
ul#aNavi li#an04 a:hover { background-position: -323px -36px ;}
ul#aNavi li#an05 a:hover { background-position: -401px -36px ;}
ul#aNavi li#an06 a:hover { background-position: -470px -36px ;}
ul#aNavi li#an07 a:hover { background-position: -540px -36px ;}


#photographerBlock .areaList { clear:both; margin-bottom:10px; padding-bottom:10px; border-bottom:1px dotted #999999;}
.areaList {
	zoom : 1 ; /*for IE 5.5-7*/
}
.areaList:after {/*for modern browser*/
	content : "." ;
	display : block ;
	height : 0px ;
	clear : both ;
	visibility : hidden ;
}
* html .areaList{
	display : inline-table ;
	/*\*/display : block ;/**/
}

#photographerBlock .areaList p.areaIMG { width:165px; float:left;}
#photographerBlock .areaList p.areaLINK { color:#999999;}

.photographerList { clear:both; margin:0 0 28px 50px;}
.photographerList{
	zoom : 1 ; /*for IE 5.5-7*/
}
.photographerList:after {/*for modern browser*/
	content : "." ;
	display : block ;
	height : 0px ;
	clear : both ;
	visibility : hidden ;
}
* html .photographerList{
	display : inline-table ;
	/*\*/display : block ;/**/
}


.photographerBox{
	zoom : 1 ; /*for IE 5.5-7*/
}
.photographerBox:after {/*for modern browser*/
	content : "." ;
	display : block ;
	height : 0px ;
	clear : both ;
	visibility : hidden ;
}
* html .photographerBox{
	display : inline-table ;
	/*\*/display : block ;/**/
}
.photographerList .photographerBox { float:left; width:285px; height:60px; margin-bottom:40px;}


.photographerList .photographerBox_Right { float:right; width:260px;}
.photographerList .photographerBox img { float:left; margin-right:8px;}
.photographerList .photographerBox_Right img { float:left; margin-right:8px;}

.photographerBox a, .photographerBox_Right a { text-decoration:none; color:#333333;}
.photographerBox a:hover, .photographerBox_Right a:hover { text-decoration:underline; color:#0292C2;}
p.nameJp { font-size:1.8em; font-weight:bold; line-height:1.0em;}
p.nameEn {}
p.nationality {}

dl.photographerEx { margin-bottom:26px;}
dl.photographerEx dt { margin-bottom:5px; font-weight:bold;}
dl.photographerEx dd { margin-left:50px;}


/* プロフィール設定 */
#pgProf { margin:0 0 20px 20px; padding-bottom:20px; border-bottom:1px dotted #999999;}
#pgProf img { float:left;}

#pgProf .pgProf_txt { float:right; width:445px;}
#pgProf .pgProf_txt p { margin-bottom:8px;}

#pgGallery { clear:both;}
#pgGallery p { margin-bottom:5px;}
ul#pgPhotoBox {}
ul#pgPhotoBox li { float:left; display:block; margin-bottom:10px; width:211px;}
ul#pgPhotoBox li.A_Right { float:right; width:203px;}


.pgGalleryPhoto { margin-bottom:16px; font-size:1.2em; text-align:center;}



/* -------------------------------------------------------------------
            #photographerBlock設定
-------------------------------------------------------------------- */
#supportBlock { margin-right:20px;}
#supportBlock h3 {margin-bottom:14px; font-size:2.0em; font-weight:bold;}
#supportBlock h4 { background:url(../img/parts/bg-h4_iepa.gif) left top no-repeat; padding-left:10px; margin-bottom:16px; font-size:1.8em;}
#supportBlock p { margin-bottom:8px;}

.supportIntro { margin-bottom:20px; padding-bottom:20px; border-bottom:1px dotted #999999;}

.supportDetail { margin-bottom:20px;}
.supportDetail ul.listStyle { margin:0 0 10px 30px; line-height:1.5em;}
.supportDetail ul.listStyle_no { margin:0 0 10px 13px; line-height:1.5em;}

.supportDetail dl { margin-bottom:20px;}
.supportDetail dt { margin-bottom:5px; font-weight:bold; font-size:1.0em; letter-spacing:0.1em;}
.supportDetail dd { margin-left:18px; line-height:1.5em;}



/* 法人会員　個人会員　*/
ul#cList { margin-bottom:20px;}
ul#cList li { display:block; margin-bottom:5px; width:280px; float:left;}
ul#cList li a { text-decoration:none;}
ul#cList li a:hover { text-decoration:underline;}

ul#iList { margin-bottom:20px;}
ul#iList li { display:block; margin-bottom:5px; width:140px; float:left;}

ul#sList { margin-bottom:20px;}
ul#sList li { display:block; margin-bottom:5px; width:290px; float:left;}

p#listDate { clear:both;}




#cList, #iList, #sList {
	zoom : 1 ; /*for IE 5.5-7*/
}
#cList:after {/*for modern browser*/
	content : "." ;
	display : block ;
	height : 0px ;
	clear : both ;
	visibility : hidden ;
}
#iList:after {/*for modern browser*/
	content : "." ;
	display : block ;
	height : 0px ;
	clear : both ;
	visibility : hidden ;
}
#sList:after {/*for modern browser*/
	content : "." ;
	display : block ;
	height : 0px ;
	clear : both ;
	visibility : hidden ;
}

* html #cList, #iList, #sList{
	display : inline-table ;
	/*\*/display : block ;/**/
}



 
 
 