@charset "utf-8";
/* CSS Document */

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

/*   menu                                                                                          */

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

.menu {float:left; width:170px;}

.menu-blogname h4 {
	text-indent:-9999px;
	width:170px;
	height:30px;
	display:block;
	}

.menu-web {background: url(../img/contents/l-navi_workweb.gif) no-repeat;}
.menu-dtp {background: url(../img/contents/l-navi_workdtp.gif) no-repeat;}
.menu-service {background: url(../img/contents/l-navi_service.gif) no-repeat;}
.menu-member {background: url(../img/contents/l-navi_member.gif) no-repeat;}
.menu-corp {background: url(../img/contents/l-navi_corp.gif) no-repeat;}
.menu-topics {background: url(../img/contents/l-navi_topics.gif) no-repeat;}
.menu-contact {background: url(../img/contents/l-navi_contact.gif) no-repeat;}
.menu-partnership {background: url(../img/contents/l-navi_partnership.gif) no-repeat;}
.menu-category {background: url(../img/contents/menu-category.gif) no-repeat;}

.menu-category a {
	display:block;
	height:21px;
	color:#197CA9;
	}

.menu-category p {padding:0px 0px 0px 10px;}

.menu-subcate {
	width:169px; 
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
	}

.menu-subcate a {
	width:146px;
	padding:2px 0px 2px 15px;
	border-left:8px solid #ccc;
	display:block;
	background:#F1EFEF;
	color:#197CA9;
	line-height:1.2;
	}

.menu-subcate a:hover {

	padding:2px 0px 2px 15px;
	border-left:8px solid #FFBE43;
	display:block;
	background:#fff;
	}
	
/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

/*   contents                                                                                        */

/* _/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/ */

.pankuzu {
	background: url(../img/common/pankuzu-back.gif); 
	clear:both; 
	width:860px; 
	float:left;
	}

.pankuzu p {padding:3px 10px;}

.contents-and-menu	{
	width:680px;
	float:left;
	padding:10px 0px 0px 0px;
	}
	
.contents {
	float:right;
	width:500px;
	
	}
	
.contents h2 {
	background:url(../img/contents/contents-h3.gif) no-repeat;
	height:24px;
	color:#fff;
	font-size:14px;
	padding:2px 5px 0px 15px;
	}

.contents-back {
	width:473px;
	border-right:1px solid #AEC9DC;
	border-bottom:1px solid #AEC9DC;
	border-left:1px solid #AEC9DC;
	padding:10px 10px 0px 15px;
	float:left;
	margin:0px 0px 20px 0px;
	}
	
.article {
	float:left; 
	padding:10px 0px 10px 0px;
	}
	
.contents-arc {
	margin:0px 0px 20px 0px;
	clear:both;
	float:left;
	width:470px;
	}

.contents-title {
	border-left:5px solid #3985BD; 
	padding:0px 0px 0px 7px; 
	margin:0px 0px 0px 2px;
	clear:both;
	}

.contents-title p, .contents-title h3 {font-weight:bold;}

.contents-arc {
	margin:0px 0px 0px 0px;
	clear:both;
	float:left;
	}
	
.contents-arc-l {
	float:left; 
	width:140px; height:105px;
	padding:0px 0px 0px 0px;
	}

.contents-arc-l2 {
	float:left; 
	width:140px; height:105px;
	}

.contents-arc-r {float:right; width:315px;}
	
.contents-txt {margin:10px 0px 10px 15px;}

.contents-mark {margin:10px 0px 10px 15px;}

.contents-link {
	margin:10px 0px 10px 15px;
	text-align:left;
	}

/* 会社概要 */

.corp-tbl table {
	 border-collapse: collapse;
	border-spacing:2px;
	}

.corp-tbl th {
	width:100px;
	padding:10px;
	background:#eee;
	font-weight:normal;
	border-bottom:2px solid #fff;
	}

.corp-tbl td {padding:10px;}

/* お問い合せ */

.contact-tbl table {
	 border-collapse: collapse;
	border-spacing:2px;
	}

.contact-tbl th {
	width:120px;
	padding:10px;
	background:#eee;
	font-weight:normal;
	border-bottom:2px solid #fff;
	vertical-align:top;
	}

.contact-tbl td {
	vertical-align:top;
	padding:10px;
	}

/* DTP実績 */
.dtp-tbl {} 
.dtp-tbl table{font-weight:normal; }
.dtp-tbl th, .dtp-tbl td {
	vertical-align:top;
	border-bottom:1px dashed #ddd;
	padding:3px;
	} 
.dtp-tbl th{
	font-weight:normal;
	text-align:left;
	}