@charset "UTF-8";

/*======================================

	手作りワークショップ用スタイル

=======================================*/

/* /////////////////////////////////////////////////////////////////////////// common */

div#contents.workshop{
	background:url(img/bg_workshop_bottom.png) no-repeat left bottom;
	padding-bottom:75px;
	width:945px;
	text-align:left;
}

div#contents.workshop a:hover{
	color:#408013;
}

div#workshopIn{
	background:url(img/bg_photographer_middle.jpg) repeat-y left top;
	width:945px;
	padding-bottom:12px;
}

div#contents.workshop dl#topicpath{
	background:url(img/bg_workshop_top.jpg) no-repeat left top;
	padding:25px 50px 0;
	height:28px;
}

	div#contents.workshop dl#topicpath dt{
		background:url(img/icon_topicpath.gif) no-repeat left 0;
		padding-top:3px;
		padding-left:25px;
		font-size:78%;
		float:left;
	}

	div#contents.workshop dl#topicpath dd{
		padding-top:3px;
		font-size:78%;
		float:left;
	}

div#workshopIn div#main{
	width:642px;
	margin-left:49px;
	clear:both;
	float:left;
	display:inline;
}	

div#workshopIn div#lmenu{
	width:220px;
	float:right;
	display:inline;
	margin-right:10px;
	color:#333;
}

	div#workshopIn div#lmenu h4{
		margin-bottom:15px;
	}
	div#lmenu dl#profile dt{
		margin-left:5px;
		width:175px;
		font-weight:bold;
		color:#333;
	}
	div#lmenu dl#profile dd,
	div#lmenu p{
		margin-left:5px;
		width:175px;
		font-size:78%;
		line-height:1.6;
		margin-top:15px;
	}
	div#lmenu dl#profile dd.url{
		margin-top:0.75em;
	}
	div#lmenu dl#profile img.profPic{
		float:right;
		display:inline;
		margin-left:15px;
		margin-top:3px;
	}
	div#lmenu dl#profile dd.pf{
		text-align:right;
	}


	div#workshopIn div#lmenu div#backtop{
		background:url(img/bg_backtop.gif) no-repeat left top;
		margin-top:20px;
		padding-top:20px;
		padding-right:20px;
		text-align:right;
	}


/* /////////////////////////////////////////////////////////////////////////// top */

div.index div#workshopIn div#main{
	background:url(img/bg_index.jpg) no-repeat 562px top;
	width:875px;
	margin-left:45px;
}	

div.index div#workshopIn ul{
	margin-top:20px;
	margin-left:4px;
}	
	div.index div#workshopIn ul li{
		float:left;
		margin-right:22px;
		margin-bottom:20px;
	}	



/* /////////////////////////////////////////////////////////////////////////// second common */

div#boxTitle{
	background:url(img/bg_title.jpg) repeat-y center top;
	zoom:1;
}
	div#contents.accordionbook div#boxTitle h1{
		margin-top:17px;
	}	
		div#contents.photopuzzle div#boxTitle h1{
			margin-top:25px;
			margin-left:32px;
		}	
	div#contents.accordionbook div#boxTitle div#titleIn{
		padding:13px 21px 30px;
		background:url(img/bg_title_bottom_accordionbook.jpg) no-repeat center bottom;
	}	
		div#contents.photopuzzle div#boxTitle div#titleIn{
			padding:14px 21px 25px 24px;
			background:url(img/bg_title_bottom_photopuzzle.jpg) no-repeat center bottom;
		}	
	div#contents div#boxTitle div#titleIn div.copyTxt{
		margin-top:10px;
		width:405px;
	}	
		div#contents.photopuzzle div#boxTitle div#titleIn div.copyTxt{
			margin-top:17px;
		}	
	div#contents div#boxTitle div#titleIn div.copyTxt p{
		line-height:1.8;
	}	

div#boxStep{
	width:600px;
	margin-left:20px;
}

	div#boxStep h2{
		margin-top:20px;
		height:20px;
		padding:20px 0 0 40px;
		margin-bottom:12px;
	}
		div#boxStep h2.step0{
			background:url(img/bg_num00.gif) no-repeat left bottom;
		}
		div#boxStep h2.step1{
			background:url(img/bg_num01.gif) no-repeat left bottom;
		}
		div#boxStep h2.step2{
			background:url(img/bg_num02.gif) no-repeat left bottom;
		}
		div#boxStep h2.step3{
			background:url(img/bg_num03.gif) no-repeat left bottom;
		}
		div#boxStep h2.step4{
			background:url(img/bg_num04.gif) no-repeat left bottom;
		}
		div#boxStep h2.step5{
			background:url(img/bg_num05.gif) no-repeat left bottom;
		}
		div#boxStep h2.finish{
			margin-bottom:10px;
			height:54px;
			padding:0 0 0 40px;
		}
		div#boxStep h2.download{
			background:none;
			padding:0;
			margin-bottom:20px;
		}

	div#boxStep div.stepIn p.txt,
	div#boxStep div.stepIn ul.txt{
		width:335px;
		line-height:1.8;
	}
		div#boxStep div.stepIn p.txt img,
		div#boxStep div.stepIn ul.txt img,
		div#boxStep div.finish p.txt img{
			margin-top:15px;
		}
		div#boxStep div.stepIn p.fr.txt,
		div#boxStep div.stepIn ul.fr.txt{
			margin-top:10px;
		}
		div#boxStep div.stepIn ul li{
			font-size:92%;
			padding-left:1em;
			text-indent:-1em;
			margin-bottom:0.5em;
			line-height:1.4;
		}
		div#boxStep div.finish p.txt{
			width:215px;
			line-height:1.8;
			margin-top:5px;
		}
		div#boxStep ul.download p.txt{
			background:url(img/iconArrow.gif) no-repeat 10px center;
			text-align:center;
			line-height:1.3;
		}


/* /////////////////////////////////////////////////////////////////////////// popup */

/*  photlife 作品集
---------------------------*/

body#popup div#contentsPopup.works{
	width:500px;
}

h1.imgWorks{
	border:2px solid #FFF;
	margin-bottom:13px;
}

body#popup ul#pageNavi{
	background:url(img/bg_line.gif) no-repeat left top;
	width:460px;
	margin:9px auto 0;
	padding-top:11px;
	padding-bottom:16px;
}

body#popup ul#pageNavi li{
	margin-left:8px;
}

body#popup ul#pageNavi li.head{
	margin-left:0;
}