/* ------------------------------------------------------
contents$B30B&MQ(B
------------------------------------------------------ */
.contents {
	width:800px;
	margin:0 auto;
	padding:0 0 0 0;
	height:495px;
}

h2 {
	width:300px;
	margin-bottom:23px;
}

h2 span {
	font-size:1.4em;}
	
h3 {
	width:800px;
	border-bottom:1px #7DAA13 solid;
	font-size:1.2em;
	line-height:1.4em;
	margin-bottom:5px;
	clear:both;
}

.colom_title {
	width:800px;
	margin:23px 0;	
}

.bold {
	font-weight:bold;

}

.right {
	float: right;
}

.mb10 {
	margin-bottom:10px;	
}

.mb23 {
	margin-bottom:23px;	
}
	
/* ------------------------------------------------------
works$B%H%C%W%Z!<%8(B
------------------------------------------------------ */
.contents_04 {
	width:800px;
	margin:0 auto;
	padding:0 0 0 0;
}

#works_top_contents {
	width:800px;
	height:459px;
	background:url(images/works/works_bg.jpg) no-repeat;
	background-position:0 23px;
}

#works_top_contents ul#style_list {
	float: right ;
	width:755px;
	display:inline;
	margin:22px 0 0 0;
}

#works_top_contents ul#style_list li {
	float:left;
	width:250px;
	height:118px;
	display:inline;
 	margin:15px 0 0 0;
}

#archive_navi {
	float:left;
	width:800px;
	margin:15px 0 0 0;
	font-size:1.1em;
	color:#000000;
}


/* ------------------------------------------------------
works $BFbIt%Z!<%8(B
------------------------------------------------------ */
#works_contents {
	width:800px;
	height:322px;
	margin-top:23px;
	margin-bottom:20px;
	border-bottom:2px solid #C9C9C9;
}

#works_08_contents {
	width:800px;
	height:459px;
	background:url(images/works/works_08_bg.jpg) no-repeat;
	background-position:0 23px;
}

.works_contents_img {
	float:right; 
	margin-top:2px;
}

#works_contents p {
	margin-top:7px;
	width:270px;
}

#detail {clear:both;}

#detail dt{font-weight:bold;}

#detail dd{margin-bottom:0.5em;}

.works_navi {
	width:800px;
	margin:20px auto 0 auto;
	line-height:1.7;
	border-top:1px solid #CCCCCC;
	padding-bottom:10px;
	clear:both;
}

.works_navi dt {
	font-weight:bold;
	padding-top:10px;
	color:#7DAA13;
}

.works_navi dd {
	color:#B0C900;
	margin-left:1.7em;
	display:list-item;
}

.works_navi dd em {
	color:#4B4B4B;
	font-style:normal;
}

#works_01_title{
	width:300px;
	height:322px;
	float:left;
	background:url(images/works/works_01_02.jpg) no-repeat;
	background-position:left bottom;
}

#works_02_title{
	width:300px;
	height:322px;
	float:left;
	background:url(images/works/works_02_02.jpg) no-repeat;
	background-position:left bottom;
}

#works_03_title{
	width:300px;
	height:322px;
	float:left;
	background:url(images/works/works_03_02.jpg) no-repeat;
	background-position:left bottom;
}

#works_04_title{
	width:300px;
	height:322px;
	float:left;
	background:url(images/works/works_04_02.jpg) no-repeat;
	background-position:left bottom;
}

#works_05_title{
	width:300px;
	height:322px;
	float:left;
	background:url(images/works/works_05_02.jpg) no-repeat;
	background-position:left bottom;
}

#works_06_title{
	width:300px;
	height:322px;
	float:left;
	background:url(images/works/works_06_02.jpg) no-repeat;
	background-position:left bottom;
}

#works_07_title{
	width:300px;
	height:322px;
	float:left;
	background:url(images/works/works_07_02.jpg) no-repeat;
	background-position:left bottom;
}

/* ------------------------------------------------------
works 東方のイラストレーションポスター展　中国・韓国・日本　図録販売
------------------------------------------------------ */
#zuroku {width:800px; margin:20px auto;}

.zuroku_01 {margin:0 auto; width:680px; overflow:hidden; margin-bottom:23px;}

.zuroku_01 p {text-align:center; margin-top:3px;}

.zuroku_02 {width:140px; float:left; margin-right:37px;}

.zuroku_03 {width:140px; float:left;}

.zuroku_04 {
	width:600px; 
	margin:0 auto 23px auto;
	clear:both;
	background-color:#F5F7F6;
	padding:17px;
	overflow:hidden;
}

.zuroku_04 span {
	font-size:1.4em;	
	color:#FF0000;
	font-weight:bold;
}

.zuroku_05 {
	font-size:1.2em;
	margin-top:10px;
	margin-bottom:23px;
}

.zuroku_06 {
	font-size:1.2em;
	font-weight:bold;
	color:#7DAA13;
}

.zuroku_07 {
	font-size:1.2em;
	margin-bottom:23px;
}

.zuroku_08 {
	width:310px; 
	float:left;
}

.zuroku_08 img {
	margin:7px 0;

}

.zuroku_img_01 {
	float:left; 
	margin:23px 77px 0 77px; 
}

.zuroku_09 {
	margin-top:10px; 
}

.zuroku_09 dt {
	float:left;
	width:100px;
	margin-bottom:10px; 
}

.zuroku_09 dd {
	float:left; 
	width:700px;
	margin-bottom:15px; 
}

.zuroku_10 {
	float: right;
	margin-bottom:23px;
	clear:both;
}

.zuroku_11 {
	width:700px;
	margin:0 auto 23px auto; 
	clear:both;
	border:2px #DFDFDF solid;
	padding:17px;
}

.zuroku_12 {
	width:350px;
	float:left;
}

.zuroku_13 {
	width:350px; 
	margin-top:10px;
	clear:left;	
}

.zuroku_14 {
	float:left; 
	margin-left:36px;
}

.zuroku_15 {
	float:right; 
	margin-right:36px;
}

.zuroku_16 {
	width:350px;
	margin:0 auto 23px auto; 
	clear:both;
	border:2px #DFDFDF solid;
	padding:17px;
}

.zuroku_17 {
	width:350px;
	float:right;
}

.zuroku_18 {
	margin-left:100px;
	
}

/* ------------------------------------------------------
works_08 ホテルパシフィック東京
------------------------------------------------------ */
#col{width:800px;margin:20px auto;}

#hLine{font-size:2em;font-weight:bold;margin-bottom:20px;}

#col p{line-height:1.6;margin-bottom:1em;}

#col img{margin-bottom:3em;}

/* ------------------------------------------------------
works_11 東京ヴェルディ　CMS(WordPress)によるサイト構築
------------------------------------------------------ */
.works_11_img {
	margin-left:40px;
	float:left;
}	

/* ------------------------------------------------------
2008/2007/2006/
------------------------------------------------------ */

.port_space {
	width:185px;
	height:68px;
}

.portfolio_title{
	padding:6px 0 5px 0;
}

.port_title {
	float:left;
	width:185px;
}

.port_image_space {
	float:right;
	width:615px;
}

.port_title_1 {
	border-top:solid 1px #c8c8c8;
	color:#000000;
	height:39px;
}


.port_title_2 {
	border-top:solid 1px #c8c8c8;
	border-bottom:solid 1px #c8c8c8;
	color:#000000;
	height:39px;
}

.letterspace{
	letter-spacing:-0.06em;
}
html>/**/body .letterspace{
	letter-spacing:0em;
}
head~/* */body .letterspace{
	letter-spacing:-0.06em;
}

.port_title_1 span {
	font-size:9px;
	color:#737373;
}

.port_title_2 span {
	font-size:9px;
	color:#737373;
}

.port_bt {
	clear:both;
	_padding-top:7px;
	height:9px
}

*:first-child+html .port_bt {
	margin-top:7px;
}

html>/**/body .port_bt {
	padding-top:7px;
}

.port_bt p {
	height:9px;
	float:left;
}

.port_bt_line {
	padding:0 4px 0 4px;
}

.port_year {
	clear:both;
	margin:22px 0 4px 0;
}


.port_year2 {
	clear:both;
	_padding-top:10px;
}

*:first-child+html .port_year2 {
	margin-top:10px;
}

html>/**/body .port_year2 {
	padding-top:10px;
}

.port_year p {
	float:left;
	width:100px;
	height:30px;
	background-image:url(images/portfolio/portfolio_year_bt_bg.jpg);
	margin:0 16px 0 0;
	padding:0 2px;
}

.port_year2 p {
	float:left;
	width:100px;
	height:30px;
	background-image:url(images/portfolio/portfolio_year_bt_bg.jpg);
	margin:0 16px 0 0;
	padding:0 2px;
}

.port_category {
    padding-left:25px;
}

/* ------------------------------------------------------
catalog
------------------------------------------------------ */

.works_catalog_bt {
	padding:201px 0 0 0;
}

.works_catalog_bt p {
	width:204px; height:44px;
}

.catalog{
	padding-top:20px;
}

.catalog_text {
	width:800px;
	padding:10px 0 13px 0;
	background-image:url(images/works/catalog_back.jpg);
	background-repeat:no-repeat;
	background-position:right top;
	letter-spacing:0.05em;
	line-height:1.52em;
}

.catalog_text span {
	font-size:0.83em;
}

.catalog_purchase {
	float:left;
	width:350px;
}

.catalog_purchase_title {
	height:15px;
	margin-bottom:6px;
}

.catalog_front {
	float:left;
	width:106px;
	height:150px;
}

.catalog_bt_area {
	float:right;
	width:237px;
	height:150px;
	font-size:1.17em;
	line-height:300%;
}

.catalog_price {
	color:#0F0F6B;
	font-weight:bold;
}

.catalog_annotation {
	font-size:0.63em;
	line-height:120%;
}

.catalog_credit {
	clear:both;
	font-size:0.71em;
	line-height:120%;
}

.catalog_image {
	float:right;
	width:449px;
	height:223px;
}