@charset "utf-8";

/* ----------------------------------------
*	ページスタイル　index.html
---------------------------------------- */
/*	infoBoard */
body#index div.infoBoard{
	border:solid 2px #d3d3d3;
	margin-bottom:30px;
}
body#index div#trendWatch{	background-color:#ededed;}
body#index div.infoBoard h2{	margin:0 0 10px;}
body#index div#pressRelease h2 img{	vertical-align:top;}
body#index div.infoBoard div.entry{
	width:560px;
	margin:0 auto 10px;
	position:relative;
	padding-left:105px;
}
body#index div.infoBoard div.entry h3{
	margin:0 0 3px;
	font-size:13px;
}
body#index div.infoBoard div.entry h3 span{
	float:right;
	padding-top:3px;
	font-size:11px;
	font-weight:normal;
}
body#index div.infoBoard div.entry p.trendExcerpt{
	height:1em;
	overflow:hidden;
	font-size:12px;
}
body#index div.infoBoard div.entry p.toCategory{
	position:absolute;
	top:0;
	left:0;
}
body#index div.infoBoard p.sectionMore{
	text-align:right;
	margin:0 1em 8px 0;
}

/*	Entry */

div#mainContents{	margin-bottom:40px;}
div#mainContents div.entry{	margin-bottom:1.5em;}

div#mainContents div.entry div.category{
	text-align:right;
	margin-bottom:5px;
	height:9px;
}
div#mainContents div.entry div.category img{
	display:block;
	margin:0 0 0 auto;
}
div.portfolio div.category{	background-color:#408323;}
div.videopromotion div.category{	background-color:#3285bf;}
div.hardservice div.category{	background-color:#0c398c;}
div.technicalpoint div.category{	background-color:#77509b;}
div.videoweb div.category{	background-color:#979797;}
div.marketing div.category{	background-color:#979797;}
div.mobile div.category{	background-color:#979797;}
div.digitalsignage div.category{	background-color:#979797;}
div.3dvisual div.category{	background-color:#979797;}

div#mainContents div.entry h3{
	margin:0 auto 10px;
	text-align:center;
	border:solid 5px #434343;
	width:311px;
	height:150px;
	overflow:hidden;
}
div#mainContents div.entry h3 img{
	vertical-align:bottom;
	width:311px;
}
div#mainContents div.entry h3 img:hover{	opacity:0.75;}
div#mainContents div.entry dl dt{	margin-bottom:5px;}
div#mainContents div.entry dl dt a{
	font-weight:bold;
	font-size:14px;
}
div#mainContents div.entry dl dt span{
	display:block;
	font-size:11px;
	color:#9b9b9b;
}
div#mainContents div.entry dl dd{
	margin:0 0 10px;
	text-align:justify;
}

/*	newlyEntry	*/
div#newlyEntry div.entry{
	float:left;
	width:337px;
}
div#newlyEntry div.entry h3{
	margin:0 auto 10px;
	text-align:center;
	border:solid 5px #434343;
	width:327px;
	height:150px;
	overflow:hidden;
}
div#newlyEntry div.entry h3 img{	width:327px;}
div#newlyEntry div.lastChild{	float:right;}
div#newlyEntry div.entry dl{
	margin:0 auto;
	width:321px;
}
div#newlyEntry div.entry dl dd.toMore,
div#catEntries div.entry dl dd.toMore{
	text-align:right;
	margin:0;
}

/*	oldEntries */
div#oldEntries div.entry h3,
div#catEntries div.entry h3{
	float:left;
	margin:0 30px 0 10px;
	width:216px;
	height:120px;
}
div#oldEntries div.entry h3{	margin-left:0;}
div#oldEntries div.entry h3 img,
div#catEntries div.entry h3 img{
	width:216px;
	height:auto;
}

/*	catEntries */
body.category div#mainContents div.entry div.category{
	border-top:dotted 1px #000;
	background-color:#FFF;
}
body.category div#mainContents div.entry div.category img{	visibility:hidden;}
body.category div.portfolio div.category{	border-color:#408323;}
body.category div.videopromotion div.category{	border-color:#3285bf;}
body.category div.hardservice div.category{	border-color:#0c398c;}
body.category div.technicalpoint div.category{	border-color:#77509b;}
body.category div.videoweb div.category{	border-color:#979797;}
body.category div.marketing div.category{	border-color:#979797;}
body.category div.mobile div.category{	border-color:#979797;}
body.category div.digitalsignage div.category{	border-color:#979797;}
body.category div.3dvisual div.category{	border-color:#979797;}
/*div#catEntries div.entry dd,
div#catEntries div.entry dd p{	margin:0;}*/
div#catEntries div.entry dl dd.toMore{	display:none;}

/*	singleEntry */
div#singleEntry div.entry h2 span{
	display:block;
	font-size:11px;
	color:#9b9b9b;
	font-weight:normal;
}
div#singleEntry div.entryBody{
	line-height:1.7;
	text-align:justify;
}
div#singleEntry div.entryBody a{	outline:none;}
div#singleEntry div.entryBody img{
	border:solid 5px #434343;
	vertical-align:bottom;
}
div#singleEntry div.entryBody img:hover{	opacity:0.75;}

/*	trendContents */
div.trendContents h2{
	border-bottom:solid 2px #979797;
	padding-bottom:2px;
}
div.trendContents h2 img{	vertical-align:bottom;}
div.trendContents dt{	text-align:right;}
div.trendContents dt a{
	float:left;
	width:540px;
	text-align:left;
}


/* ----------------------------------------
*	ページスタイル　single.html
---------------------------------------- */
div#postnate_link{	width:689px;}
div#postnate_link p{	width:340px;}
div#postnate_link p.previous_post{
	float:left;
	text-align:right;
	background:url(../images/parts_arrow_left.png) no-repeat 0 50%;
}
div#postnate_link p.next_post{
	float:right;
	text-align:left;
	background:url(../images/parts_arrow_right.png) no-repeat 0 50%;
}
div#postnate_link p a{
	display:block;
	padding:10px 15px;
}
div#postnate_link p.previous_post a{	background:url(../images/parts_arrow_left.png) #EEE no-repeat 0 50%;	padding-left:40px;}
div#postnate_link p.next_post a{	background:url(../images/parts_arrow_right.png) #EEE no-repeat 100% 50%;	padding-right:40px;}
div#postnate_link p a:hover{	background-color:#E3E3E3;}

div#relation_article ul{	margin:0;}
div#relation_article li{
	width:160px;
	height:245px;
	float:left;
	list-style:none;
	margin-right:12px;
}
div#relation_article li p.relation_pic img{	width:150px;}
div#relation_article li p.relation_pic a{
	display:block;
	width:150px;
	height:80px;
	border:solid 5px #434343;
	overflow:hidden;
}
div#relation_article li p.relation_pic a:hover{	border:solid 5px #666;}
div#relation_article li p.relation_pic a:hover img{	opacity:0.75;}
div#relation_article li p.relation_title{	font-size:11px;	color:#9b9b9b;}
div#relation_article li p.relation_title a{
	display:block;
	font-size:12px;
}


/* ----------------------------------------
*	ページスタイル　promotion.html
---------------------------------------- */
div#promotion_box div.point_box{
	padding-top:25px;
	width:337px;
	height:300px;
	margin:0;
	padding:0;
}
div#promotion_box div.point_box h3 img{	width:337px;}
div#promotion_box div.point_box h3 img:hover{	opacity:1;}
div#promotion_box div.point_box ul,
div#promotion_box div.point_box p{	margin:0;}
div#promotion_box div.point_box ul{	height:50px;}
div#promotion_box div.point_box ul li{	list-style:none;}
div#promotion_box div.point_box ul li.lastChild{	width:auto;}
div#promotion_box div.point_box h3{
	width:auto;
	border:none;
	height:auto;
}

/* ----------------------------------------
*	ページスタイル　contact15:13 2010/05/23.html
---------------------------------------- */
div#contact-form{
	background-color:#FFF;
	width:690px;
	margin:0 auto;
	color:#000;
	padding:30px 0;
}
div#contact-form dl,
div#contact-form div{
	width:600px;
	margin:0 auto;
}
div#contact-form dl dt{
	float:left;
	width:200px;
	padding:10px 0;
	border-top:solid 1px #EEE;
}
div#contact-form dl dd{
	float:left;
	width:400px;
	margin:0;
	border-top:solid 1px #EEE;
	padding:10px 0;
}
div#contact-form dl dd input,
div#contact-form dl dd textarea{	width:380px;}
div#contact-form dl dd textarea{	height:100px;}
div#contact-form p{	clear:both; text-align:center;}