@charset "utf-8";

/*
	Site Name: saya web 
	Description: work pages
	Version: 
	Author: 
*/

/*
===== CONTENTS ===========================================

	1: private work's page layout

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

/* -------------------------------------------------------
	1: private work's page layout
------------------------------------------------------- */

#layoutWrapper .workTitle{
	font-size		: 20px;
	font-weight		: bold;
}
#layoutWrapper .workTitle span{
	display			: block;
	font-size		: 12px;
	font-weight		: bold;
	padding			: 0 0 5px;
}
.leadTtext{
	padding			: 20px 0 15px;
}
#private #subNaviWork,
#work #subNaviWork{
	display			: block;
}
.pageNavi {
	text-align  	: right;
	margin-right	: 30px;
	clear       	: both;
}
.pageNavi .btnPrev {
	margin-right	: 20px;
}



#workLead p {
	float			: left;
	padding-left	: 10px;
	width			: 250px;
}
#workLead dl {
	float			: right;
	width			: 180px;
}
#workLead dl dt {
	float			: left;
	padding-top		: 2px;
	width			: 18px;
}
#ie6 #workLead dl dt {
	padding-top		: 5px;
}
#ie7 #workLead dl dt {
	padding-top		: 5px;
}
#workLead dl dd {
	float			: left;
	width			: 70px;
}



#thumb {
	border-top   	: 1px dotted #CCC;	
	margin-top   	: 5px;
	margin-bottom	: 10px;
	padding-top  	: 25px;
	width        	: 645px;
}
#thumb li {
	float         	: left;
	margin-right  	: 35px;
	margin-left   	: 30px;
	padding-bottom	: 10px;
	text-align    	: center;
	width         	: 150px;
}
#thumb  #texts{
	width        	 : 350px;
}



#thumbWrap {
    margin-top   	: 5px;
    margin-bottom	: 10px;
    padding-top  	: 25px;
    width        	: 652px;
}
#thumbWrap li {
	float         	: left;
	margin-right  	: 30px;
	margin-left   	: 25px;
	padding-bottom	: 10px;
	text-align    	: center;
	width         	: 160px;
}
#thumbWrap li a{
	border : 4px solid #fff;
	display: block;
}
#thumbWrap li a:hover{
	border: 4px solid #99072d;
}
#thumbWrap li img{
	display: block;
}



.worktable {
	margin-left		: 10px;
	width			: 650px;
}
.worktable tr th {
	padding-bottom	: 7px;
	padding-top		: 7px;
	vertical-align	: middle;
	width			: 65px;	
}
.worktable tr .month {
	width			: 90px;
}



.block {
	border-top		: 1px dotted #CCC;
	margin-bottom	: 15px;
	margin-top		: 5px;
	padding-bottom	: 10px;
	padding-left	: 12px;
	padding-top		: 8px;
	width			: 648px;
}
.iconPhoto {
	background		: url(../../work/img/icon_photo.gif) no-repeat right top;
	padding-right	: 17px;
}
.iconMovie {
	background		: url(../../work/img/icon_movie.gif) no-repeat right top;
	padding-right	: 17px;
}


.infoDetailWrap{
	border 			: 7px solid #EFEFEF;
	margin			: 20px 0 0 30px;
	padding			: 15px 20px 20px;
	width			: 530px;
}
.infoDetailWrap table{
	border-collapse	: collapse;
	width          	: 100%;
}
.infoDetailWrap th{
	border-bottom 	: dotted 1px #ccc;
	font-weight   	: bold;
	padding       	: 10px 0 10px 10px;
	vertical-align	: top;
	width         	: 75px;
}
.infoDetailWrap td{
	border-bottom 	: dotted 1px #ccc;
	padding       	: 10px 0;
	vertical-align:	 top;
}
.textSeparate{
	display			: block;
	padding			: 0.5em 0 0 ;
}
.attentionText {
	border-top		: dotted 1px #ccc;
	margin    		: 0 0 30px;
	padding   		: 30px 20px;
	font-size  		: 11px;
}


.movieWrap{
	padding: 0 0 0 30px;
	width			: 584px;
}