@charset "utf-8";

/* 作品紹介
======================================================= */
#mcR h1 { background:url(../img/works/h1-works.gif) 0 0 no-repeat;}




/* 実績一覧
======================================================= */
.index #mcL h2 {background: url(../img/works/h2-projects.gif) no-repeat;}

#mcL h3 {
	height:27px;
	margin-left:2px;
	font-size:0px;
	text-indent:-9999px;}
/*.index #mcL h3.t1 { background:url(../img/works/h3-index01.gif) 0 0 no-repeat;}
.index #mcL h3.detail { background:url(../img/works/h3-detail.gif) 0 0 no-repeat;}
*/

.index .box01 {
	position:relative;
	width:594px;
	margin:0 0 10px 2px;
	background:url(../img/works/bg-box01.gif) 0 0 repeat-y;
	font-size:x-small;}
.index .box02 { background:url(../img/works/bg-box01-top.gif) 0 0 no-repeat;}
.index .box03 {
	padding:0 15px 0 225px;
	min-height:182px;
	background:url(../img/works/bg-box01-btm.gif) bottom no-repeat;}
*html .index .box03 { height:182px;}
.index .box01 .imgBG {
	display:block;
	position:absolute;
	top:17px;
	left:15px;
	width:200px;
	height:150px;
	background:url(../img/works/bg-imgBG.gif) 0 0 no-repeat;}
.index .box01 img {
	width:200px;
	height:150px;}

.index .box01 h4 {
	padding:15px 15px 0 0;
	line-height:1.4;}
.index .box01 h4 a { font-size:100%; font-weight:bold;}

.index .box01 ul.cateLink {
	list-style:none;
	padding:0 0 5px;
	margin:0;
	border-bottom:dashed 1px #CCC;
	color:#666;
	font-size:x-small;}
.index .box01 ul.cateLink li {
	display:inline;
	padding:0;
	background:none;
	color:#666;}
.index .box01 ul.cateLink li a { color:#666;}

.index .box01 p { margin:5px 0 0;}

.index .box01 ul {
	list-style:none;
	padding:10px 0 15px;
	line-height:1.0;}
.index .box01 li { margin:2px 0 1px; padding:0 0 0 11px; background:url(../img/c/point005.gif) left center no-repeat;}
.index .box01 ul a {
	color:#e31b23;
	text-decoration:none;}
.index .box01 ul a:hover { text-decoration:underline;}

.index .up { margin-right:5px;}

.index .box01a {
	position:relative;
	width:594px;
	margin:0 0 10px 2px;
	background:url(../img/works/bg-box01.gif) 0 0 repeat-y;
	font-size:x-small;}
.index .box03a {
	padding:0 15px 15px;
	min-height:180px;
	background:url(../img/works/bg-box01-btm.gif) bottom no-repeat;
	text-align:center;}
.index .box01a h4 {
	padding:15px 0 8px;
	border-bottom:dashed 1px #CCC;
	font-size:100%;
	font-weight:bold;
	line-height:1.4;
	text-align:left;}
.index .box01a p {
	font-size:100%;
	text-align:left;}
.index .box01a .category {
	margin:5px 0 6px;
	padding-left:14px;
	background:url(../img/c/point002.gif) left center no-repeat;
	font-size:x-small;
	text-align:left;}

.index .box01a .imgBG {
	margin-bottom:6px;
	min-height:150px;
	background:url(../img/works/bg-imgBG.gif) center center no-repeat;/*
	text-indent:-9999px;*/}
*html .index .box01a .imgBG { height:150px;}
.index .box01a .imgBG span {
	display:block;
	width:560px;
	margin:0 auto;
	cursor:pointer;}
.index .box01a .imgBG img { width:565px;}

.index .box01a ul {
	list-style:none;
	padding:10px 0 0;
	color:#e31b23;
	line-height:1.0;
	text-align:left;}
.index .box01a li { margin:2px 0 1px; padding:0 0 0 11px; background:url(../img/c/point005.gif) left center no-repeat;}

.index .box01a ul.option {
	padding:0;
	color:#666;
	line-height:1.0;}
.index .box01a ul.option li { margin:2px 0 1px; background:url(../img/c/point007.gif) left center no-repeat;}


.f0 { font-weight:bold;}
.f1 { font-weight:normal;}

.index #mcL #read {
	height:212px;
	background:url(../img/works/clientworkMainImage.jpg) 0 0 no-repeat;}

.index #mcL .box { margin-left:2px;}
.index #mcL .box .titleBG { margin-bottom:0;background:url(../img/works/h3-original01bg.gif) 0 0 repeat-y;}
.index #mcL .box .title { position:relative; background:url(../img/works/h3-original01-top.gif) 0 0 no-repeat;}
.index #mcL .box .title h3 {
	height:auto;
	margin:0;
	padding:11px 10px 5px 36px;
	background:url(../img/works/h3-original01-btm.gif) left bottom no-repeat;
	color:#FFF;
	font-size:110%;
	text-indent:0;}

.index #mcL .box h3 a {
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	z-index:2;
	display:block}

/* オリジナル作品
======================================================= */
.original #mcL h2 { background: url(../img/works/h2-original.gif) no-repeat;}

.original .box01 { width:594px; background:url(../img/works/bg-original.gif) 0 0 repeat-y;}
.original .box02 { background:url(../img/works/bg-original-top.gif) 0 0 no-repeat}
.original .box03 { padding:20px 15px; background:url(../img/works/bg-original-btm.gif) bottom no-repeat; text-align:center;}

.original .box03 img { margin-bottom:20px;}
.original .box03 p { margin:0; text-align:left; line-height:1.3;}
.original .box03 p img { float:left; margin-right:15px;}
.original .box03 ul { list-style:none; padding-top:15px; text-align:left; line-height:1.3;}
.original .box03 ul li { padding:0 0 0 12px; background:url(../img/c/point006.gif) left center no-repeat;}

.original #mcL .box { margin-left:2px;}
.original #mcL .box .titleBG { margin-bottom:0;background:url(../img/works/h3-original01bg.gif) 0 0 repeat-y;}
.original #mcL .box .title { position:relative; background:url(../img/works/h3-original01-top.gif) 0 0 no-repeat;}
.original #mcL .box .title h3 {
	height:auto;
	margin:0;
	padding:11px 10px 5px 36px;
	background:url(../img/works/h3-original01-btm.gif) left bottom no-repeat;
	color:#FFF;
	font-size:110%;
	text-indent:0;}
.original #mcL .box h3 a {
	color:#FFF;
	text-decoration:none;
	cursor:pointer;
	z-index:2;
	display:block}
.original #mcL .box h3 a:hover { text-decoration:underline;}

.original #mcL .day { list-style:none; padding-bottom:10px;}
.original #mcL .day li { display:inline; font-size:x-small;}

.original #mcL .shortLink { padding:5px 5px 0 0; text-align:right;}
.original #mcL .shortLink li { display:inline; font-size:x-small;}

.original .up { margin:5px 5px 0 0;}

.original #mcL #read {
	height:212px;
	background:url(../img/works/originalMainImage.jpg) 0 0 no-repeat;}

/* 賞歴
======================================================= */
.prize #mcL h2 { background: url(../img/works/h2-prize.gif) no-repeat;}

.prize .box01 { width:597px; margin:0 0 10px 5px; background:url(../img/works/bg-box01.gif) 0 0 repeat-y;}
.prize .box01 dl {
	position:relative;
	padding:7px 0 0;
	background:url(../img/works/bg-box01-top.gif) 0 0 no-repeat;}
.prize .box01 dt {/*
	float:left;*/
	position:absolute;
	/*width:113px;
	height:20px;*/
	width:93px;
	height:17px;
	font-size:0;
	text-indent:-9999px;
	background-position:9px 4px;
	background-repeat:no-repeat;}
.prize .box01 dd {
	margin:0;
	padding:0 9px 8px 113px;
	background:url(../img/works/bg-box01-btm.gif) left bottom no-repeat;}


.day1108 { background-image:url(../img/company/img-1108.gif);}
.day1101 { background-image:url(../img/company/img-1101.gif);}
.day1010 { background-image:url(../img/company/img-1010.gif);}
.day1004 { background-image:url(../img/company/img-1004.gif);}
.day0910 { background-image:url(../img/company/img-0910.gif);}
.day0810 { background-image:url(../img/company/img-0810.gif);}



.day0710 { background-image:url(../img/company/img-0710.gif);}
.day0702 { background-image:url(../img/company/img-0702.gif);}
.day0601 { background-image:url(../img/company/img-0601.gif);}
.day0310 { background-image:url(../img/company/img-0310.gif);}
.day0304 { background-image:url(../img/company/img-0304.gif);}
.day9904 { background-image:url(../img/company/img-9904.gif);}
.day9710 { background-image:url(../img/company/img-9710.gif);}
.day95 { background-image:url(../img/company/img-95.gif);}

/* ちょうなんブログ
=======================================================
.chounan #mcL h2 { background:url(../img/works/h2-chounan01.gif) 0 0 no-repeat;}

.chounan #mcL .box01 {}
.chounan #mcL h3 {
	padding:0 16px;
	font-size:110%;
	color:#FFF;
	background:url(../img/works/h3-chounan01.gif) 0 0 no-repeat;
	text-indent:0;}
.chounan #mcL h3 a { color:#FFF; text-decoration:none;}
.chounan #mcL h3 a:hover { text-decoration:underline;}

.chounan #mcL .box01 ul { list-style:none; padding:5px 0 15px; font-size:x-small;}
.chounan #mcL .box01 li { display:inline; margin-right:10px;}

.chounan #mcL .box01 p { padding:0 0 10px;}

.chounan #mcL .box02 { border-top:dashed 1px #e2e2e2; text-align:right;}
.chounan #mcL .box02 li { margin:0 0 0 6px !important;}
.chounan #mcL .box02 li.bar {
	margin:0;
	padding:0 0 0 6px;
	border-right:none;
	border-left:solid 1px #666;}
.chounan #mcL .box02 img {
	max-width:557px;
	width: expression(
		(document.documentElement.clientWidth > 559)? "557px" :
		"auto"
	);
	height: 1%;} */