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

html,body {
padding:0;
margin:0;
width:100%;
height:100%;
background-color:#D6E4CE;
font: 10px Helvetica ;
color:#000;
line-height:18px;
}

table {
margin: 0;
padding: 0;
width:100%;
height:100%;
}

td {
margin: 0;
padding: auto;
text-align: center;
vertical-align: center;
}


#wrap {
width:950px;
height:650px;
margin:auto;
padding:0;
position:50% 50%;
background-image:url(../images/bg_middle.jpg);
background-repeat:repeat-y;
}

#head2 {
width:950px;
height:45px;
margin:0;
background-image:url(../images/head_sub.jpg);
background-repeat:no-repeat;
}

#main {
width:910px;
height:545px;
margin:0;
padding:20px;
}

#mainCS {
width:928px;
height:545px;
margin:0;
padding:20px 0 20px 20px;
}

#foot2 {
width:950px;
height:20px;
margin:0;
background-image:url(../images/foot.jpg);
background-repeat:no-repeat;
}

.celar {clear:left;}

/* ----------------------------------------------
　文字
---------------------------------------------- */

a {
color:#666633;
text-decoration:none;
outline:none;
}

a:hover {
color:#999933;
}


/* ----------------------------------------------
　title
---------------------------------------------- */

#title { height:50px; }
#title p { color:#D6E4CE; text-align:right; }
.title_1 { background-image:url(../images/title_1.jpg); background-repeat:no-repeat; width:667px; float:left; margin:0; height:50px; }
.title_2 { background-image:url(../images/title_2.jpg); background-repeat:no-repeat;}
.title_3 { background-image:url(../images/title_3.jpg); background-repeat:no-repeat;}
.title_4 { background-image:url(../images/title_4.jpg); background-repeat:no-repeat;}
.title_5 { background-image:url(../images/title_5.jpg); background-repeat:no-repeat;}
.title_6 { background-image:url(../images/title_6.jpg); background-repeat:no-repeat;}
.title_7 { background-image:url(../images/title_7.jpg); background-repeat:no-repeat;}
.title_8 { background-image:url(../images/title_8.jpg); background-repeat:no-repeat;}

.title_1navi { background-image:url(../images/01-navi.jpg); background-repeat:no-repeat; width:243px; float:left; margin:0; height:50px; }

/* ----------------------------------------------
　content
---------------------------------------------- */

#content {
height:475px;
padding-top:20px;
text-align:left;
}





/* ----------------------------------------------
　03　contents business　業務内容
---------------------------------------------- */

.content_3-1 { 
background-image:url(../images/03_1.jpg);
background-repeat:no-repeat;
}

.content_left3 {
padding-top:30px;
width:910px;
float:left;
}

.content_left3 strong { font-size:12px; }
.content_left3 p { margin:5px 0 15px 0;}

.content_left3-1 {
width:400px;
margin-right:50px;
float:left;
}

.content_left3-12 {
width:400px;
margin-top:50px;
float:left;
}


.content_left3-2 {
width:450px;
float:left;
}



/* ----------------------------------------------
　02　case study ケーススタディ
---------------------------------------------- */

.content_2-1 { 
background-image:url(../images/02_1.jpg);
background-repeat:no-repeat;
position:relative;
}


.content_2-01{
	width:290px;
	height:165px;
	margin:0;
	padding:0;
	position : absolute;
	top : 10px;
	left : 4px;
}

.content_2-02{
	width:290px;
	height:165px;
	margin:0;
	padding:0;
	position : absolute;
	top : 10px;
	left : 310px;
}

.content_2-03{
	width:290px;
	height:165px;
	margin:0;
	padding:0;
	position : absolute;
	top : 10px;
	left : 615px;
}

.content_2-sp01{
	width:210px;
	height:120px;
	margin:0;
	padding:0;
	position : absolute;
	top : 210px;
	left : 4px;
}

.content_2-sp02{
	width:210px;
	height:120px;
	margin:0;
	padding:0;
	position : absolute;
	top : 210px;
	left : 229px;
}

.content_2-sp03{
	width:210px;
	height:120px;
	margin:0;
	padding:0;
	position : absolute;
	top : 210px;
	left : 454px;
}


.content_2-spgd01{
	width:210px;
	height:120px;
	margin:0;
	padding:0;
	position : absolute;
	top : 364px;
	left : 4px;
}

.content_2-spgd02{
	width:210px;
	height:120px;
	margin:0;
	padding:0;
	position : absolute;
	top : 364px;
	left : 229px;
}

.content_2-spgd03{
	width:210px;
	height:120px;
	margin:0;
	padding:0;
	position : absolute;
	top : 364px;
	left : 454px;
}

.content_2-spgd04{
	width:210px;
	height:120px;
	margin:0;
	padding:0;
	position : absolute;
	top : 364px;
	left : 679px;
}





/* ----------------------------------------------
　01　make business 商いを創る
---------------------------------------------- */



.content_1-1 { 
background-image:url(../images/01_1.jpg);
background-repeat:no-repeat;
position:relative;
}

.content_1-1 a:link {
color:#333;
}

.content_1-1 a:visited {
color:#333;
}

.content_1-1 strong {
color:#660;
margin-bottom: 7px;
}

.content_1-1 p {
margin: 0px;
}

.content_1-11 {
	position:absolute;
	top: 37px;
	left: 438px;
	text-align:center;
	width:180px;
	display:block;
	padding-top:30px;
}

.content_1-12 {
	position:absolute;
	top: 55px;
	left: 232px;
	text-align:center;
	width:220px;
	display:block;
	padding-top:30px;
}

.content_1-13 {
	position:absolute;
	top: 187px;
	left: 150px;
	text-align:center;
	width:198px;
	display:block;
	padding-top:30px;
}

.content_1-14 {
	position:absolute;
	top: 357px;
	left: 246px;
	text-align:center;
	width:200px;
	display:block;
	padding-top:30px;
}

.content_1-15 {
	position:absolute;
	top: 307px;
	left: 518px;
	text-align:center;
	width:217px;
	display:block;
	padding-top:30px;
	overflow:hidden;
}

.content_1-16 {
	position:absolute;
	top: 145px;
	left: 536px;
	text-align:center;
	width:200px;
	display:block;
	padding-top:30px;
}

.content_1-next {
	width:130px;
	height:24px;
	position:absolute;
	top:471px;
	left:770px;
	float:left;
}

.content_1-next img {
border:0;
width:130px;
height:24px;
}


/* ------------------------------------ */


.content_1-2 { 
background-image:url(../images/01_2.jpg);
background-repeat:no-repeat;
position:relative;
line-height:14px;
}

.content_1-2 strong {
font-weight:normal;
}

.content_1-2 p {
margin: 12px 0 0 0;
}


.content_1-20 {
	position:absolute;
	top: 139px;
	left: 10px;
	font-size:14px;
}

.content_1-21 {
	position:absolute;
	top: 88px;
	left: 205px;
	line-height:16px;
}

.content_1-22 {
	position:absolute;
	top: 88px;
	left: 319px;
	line-height:16px;
}

.content_1-23 {
	position:absolute;
	top: 88px;
	left: 438px;
	line-height:16px;
}

.content_1-24 {
	position:absolute;
	top: 88px;
	left: 574px;
	line-height:16px;
}

.content_1-25 {
	position:absolute;
	top: 151px;
	left: 741px;
}


.content_1-26 {
	position:absolute;
	top: 228px;
	left: 14px;
	font-size:14px;
}

.content_1-2A1 {
	position:absolute;
	top: 228px;
	left: 56px;
	color:#960;
	font-size:14px;
}

.content_1-2A2 {
	position:absolute;
	top: 228px;
	left: 87px;
	width: 63px;
}

.content_1-2A3 {
	position:absolute;
	top: 235px;
	left: 202px;
}

.content_1-2A4 {
	position:absolute;
	top: 227px;
	left: 304px;
	width: 91px;
	text-align:right;
}

.content_1-2A5 {
	position:absolute;
	top: 235px;
	left: 504px;
}

.content_1-2A6 {
	position:absolute;
	top: 235px;
	left: 634px;
}

.content_1-2A7 {
	position:absolute;
	top: 232px;
	left: 839px;
}

.content_1-2B1 {
	position:absolute;
	top: 271px;
	left: 56px;
	color:#960;
	font-size:14px;
}

.content_1-2B2 {
	position:absolute;
	top: 271px;
	left: 87px;
	width: 63px;
}

.content_1-2B3 {
	position:absolute;
	top: 272px;
	left: 202px;
}

.content_1-2B4 {
	position:absolute;
	top: 280px;
	left: 325px;
	width: 70px;
	text-align:right;
}

.content_1-2B5 {
	position:absolute;
	top: 272px;
	left: 416px;
	width: 71px;
}

.content_1-2B6 {
	position:absolute;
	top: 272px;
	left: 566px;
	width: 53px;
}

.content_1-2B7 {
	position:absolute;
	top: 280px;
	left: 729px;
}

.content_1-2C1 {
	position:absolute;
	top: 316px;
	left: 56px;
	color:#960;
	font-size:14px;
}

.content_1-2C2 {
	position:absolute;
	top: 316px;
	left: 87px;
	width: 83px;
}

.content_1-2C3 {
	position:absolute;
	top: 324px;
	left: 202px;
}

.content_1-2C4 {
	position:absolute;
	top: 324px;
	left: 335px;
}

.content_1-2C5 {
	position:absolute;
	top: 316px;
	left: 416px;
	width: 57px;
}

.content_1-2C6 {
	position:absolute;
	top: 316px;
	left: 524px;
	width: 90px;
	text-align:right;
}

.content_1-2C7 {
	position:absolute;
	top: 324px;
	left: 663px;
}


.content_1-2D1 {
	position:absolute;
	top: 361px;
	left: 56px;
	color:#960;
	font-size:14px;
}

.content_1-2D2 {
	position:absolute;
	top: 361px;
	left: 87px;
	width: 64px;
}

.content_1-2D3 {
	position:absolute;
	top: 361px;
	left: 202px;
}

.content_1-2D4 {
	position:absolute;
	top: 369px;
	left: 305px;
	width: 89px;
	text-align:right;
}

.content_1-2D5 {
	position:absolute;
	top: 369px;
	left: 415px;
}

.content_1-2D6 {
	position:absolute;
	top: 369px;
	left: 570px;
}

.content_1-2D7 {
	position:absolute;
	top: 369px;
	left: 729px;
}


.content_1-2E1 {
	position:absolute;
	top: 406px;
	left: 56px;
	color:#960;
	font-size:14px;
}

.content_1-2E2 {
	position:absolute;
	top: 406px;
	left: 87px;
	width: 102px;
}

.content_1-2E3 {
	position:absolute;
	top: 406px;
	left: 292px;
	width: 88px;
	text-align:center;
}

.content_1-2E4 {
	position:absolute;
	top: 407px;
	left: 479px;
	width: 107px;
	text-align:center;
}

.content_1-2E5 {
	position:absolute;
	top: 407px;
	left: 631px;
	width: 51px;
	text-align:center;
}

.content_1-2E6 {
	position:absolute;
	top: 407px;
	left: 730px;
}





.content_1-2F1 {
	position:absolute;
	top: 451px;
	left: 56px;
	color:#960;
	font-size:14px;
}

.content_1-2F2 {
	position:absolute;
	top: 451px;
	left: 87px;
	width: 81px;
}

.content_1-2F3 {
	position:absolute;
	top: 451px;
	left: 287px;
	width: 98px;
	text-align:center;
}

.content_1-2F4 {
	position:absolute;
	top: 457px;
	left: 479px;
	width: 108px;
	text-align:center;
}

.content_1-2F5 {
	position:absolute;
	top: 457px;
	left: 631px;
	width: 53px;
	text-align:center;
}

.content_1-2F6 {
	position:absolute;
	top: 457px;
	left: 730px;
}




/* ------------------------------------ */


.content_1-3 { 
background-image:url(../images/01_3.jpg);
background-repeat:no-repeat;
position:relative;
}

.content_1-3 strong {
font-weight:normal;
color:#660;
}

.content_1-3 p {
margin: 7px 0 15px 0;
}


.content_1-3 p b {
font-size:10px;
font-weight:normal;
color:#933;
}

.content_1-3left { 
width:430px;
float:left;
margin:45px 30px 0 0;
}

.content_1-3right { 
width:430px;
float:left;
margin:45px 0 0 0;
}





.content_left1 {
padding-top:50px;
width:350px;
}




/* ----------------------------------------------
　04　company overview　会社概要
---------------------------------------------- */

.content_4-1 { 
background-image:url(../images/04_1.jpg);
background-repeat:no-repeat;
background-position:left top;
position:relative;
}

.content_6main {
	width:450px;
	float:left;
	position : absolute;
	top : 10px;
	left : 421px;
}

.content_6main dl {
}

.content_6main dl dt {
clear:both;
float:left;
width:7em;
}

.content_6main dl dd {
margin:0 0 10px 8em;
}

.content_6main dl dd ul {
padding:0;
margin:0;
}

.content_6main dl dd ul li {
list-style-type:none;
padding:0;
margin:0;
}

/* ----------------------------------------------
　05　inquiry / request for 　お問い合わせ・資料請求
---------------------------------------------- */



.content_left5 {
padding-top:20px;
width:910px;
float:left;
position:relative;
}

.content_left5 strong { font-size:12px; }
.content_left5 p { margin:5px 0 15px 0;}

.content_left5-1 {
width:330px;
margin-right:40px;
float:left;
}

.content_left5-1 strong {color:#CC0000; font-weight:normal;}


.content_left5-2 {
	width:500px;
	float:left;
	position : absolute;
	top : 30;
	left : 373px;
}

table #inquiryTable1 {
margin: 0;
padding: 0;
width:330px;
}

table #inquiryTable2 {
margin: 0;
padding: 0;
width:500px;
}

td .inquiryTD {
margin: 0;
padding: 0;
text-align: left;
vertical-align: center;
}

td .inquiryTD2 {
margin: 0;
padding: 0;
text-align: right;
vertical-align: bottom;
height:50px;
}


.inq1 { 
margin-left:105px;
}

.inq1Box { 
margin-left:105px;
background-image:url(../images/bg_inquiry.jpg);
color:#000;
padding:5px;
border:0;
}

.inquiry_bgBox { 
background-image:url(../images/bg_inquiry.jpg);
color:#000;
padding:5px;
border:0;
font-size:77%;
width:310px;
}

.inquiry_bgBox2 { 
background-image:url(../images/bg_inquiry.jpg);
color:#000;
padding:5px;
border:0;
font-size:10px;
width:470px;
}

.inquiry_bgTxt { 
background-image:url(../images/bg_inquiry.jpg);
color:#000;
padding:2px 5px;
border:0;
margin-bottom:10px;
height:14px;
width:240px;
font-size:10px;
}


.inquiry_bgTxt1 {
	background-image:url(../images/bg_inquiry.jpg);
	color:#000;
	padding:2px 5px;
	border:0;
	margin:0;
	height:14px;
	width:220px;
	position : absolute;
	top : 30;
	left : 70px;
}

.inquiry_bgTxt2 { 
background-image:url(../images/bg_inquiry.jpg);
color:#000;
padding:2px 5px;
border:0;
margin:0;
height:14px;
width:220px;
position : absolute;
left : 70;
}

.inquiry_bgTxt3 { 
background-image:url(../images/bg_inquiry.jpg);
color:#000;
padding:2px 5px;
border:0;
margin:0;
height:14px;
width:220px;
position : absolute;
left : 70px;
}

.inquiry_bgTxt4 { 
background-image:url(../images/bg_inquiry.jpg);
color:#000;
padding:2px 5px;
border:0;
margin:0;
height:14px;
width:220px;
position : absolute;
left : 70px;
}


.inquiry_bgTxt5 { 
background-image:url(../images/bg_inquiry.jpg);
color:#000;
padding:2px 5px;
border:0;
margin:0;
height:14px;
width:220px;
position : absolute;
left : 70px;
}

.inquiry_bgTxt6 { 
background-image:url(../images/bg_inquiry.jpg);
color:#000;
padding:2px 5px;
border:0;
margin:0;
height:14px;
width:220px;
position : absolute;
left : 70px;
}


.inquiry_bgTxt7 { 
background-image:url(../images/bg_inquiry.jpg);
color:#000;
padding:2px 5px;
border:0;
margin:0;
height:14px;
width:220px;
position : absolute;
left : 70px;
}

.inquiry_bgTxt8 { 
background-image:url(../images/bg_inquiry.jpg);
color:#000;
padding:2px 5px;
border:0;
margin:0;
height:14px;
width:220px;
position : absolute;
left : 70px;
}


.inquiry_bgCheck { 
background-image:url(../images/bg_inquiry.jpg);
color:#000;
border:0;
height:15px;
width:15px;
}

/* ----------------------------------------------
　06　access　アクセス
---------------------------------------------- */

.content_6-1 { 
background-image:url(../images/06_1.jpg);
background-repeat:no-repeat;
}

.content_left6 {
padding-top:0px;
width:300px;
}

/* ----------------------------------------------
　07　designer's network　デザイナーズネットワーク opendesk system　オープンデスクシステム
---------------------------------------------- */


#content7 {
height:280px;
padding-top:20px;
text-align:left;
}

.content_7-1 {
padding-top:0px;
width:910px;
margin-bottom:25px;
}

.content_7-1left {
width:50px;
margin:15px 10px 0 0;
float:left;
}

.content_7-1center {
width:420px;
margin:15px 10px 0 0;
float:left;
}

.content_7-1right {
width:280px;
margin:15px 10px 0 0;
float:left;
}

.content_7-1center ul {
padding:0;
margin:0;
}

.content_7-1right ul {
padding:0;
margin:0;
}

.content_7-1center ul li {
padding:0;
list-style-type:none;
}

.content_7-1right ul li {
padding:0;
list-style-type:none;
}


#content8 {
height:100px;
padding-top:20px;
text-align:left;
}