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


/* ----------------------------------------------
　02-1　case study ケーススタディORTO CAFE〈1〉ページ cs/01/index.html
---------------------------------------------- */

#cs3-1 {
background-image:url(../images/cs3-1.jpg);
background-repeat:no-repeat;
height:563px;
position:relative;
}

#cs3-1 h2 {
width:300px;
text-align:left;
font-size:16px; 
font-family:Arial, Helvetica, sans-serif; 
font-weight:100; 
margin:0;
padding:0;
position : absolute;
top : 0;
left : 570px;

}

.cs3-1_0 {
width:300px;
float:left;
position : absolute;
top : 20px;
left : 570px;
}

.cs3-1_1 {
width:50px;
float:left;
margin:0;
padding:0;
text-align:left;
}

.cs3-1_2 {
width:250px;
float:left;
margin:0;
padding:0;
text-align:left;
}

.cs3-1_3 {
	width:330px;
	float:left;
	text-align:left;
	position : absolute;
	top : 103px;
	left : 580px;
}

.cs3-1_3 strong { font-size:14px; color:#996633; font-weight:400;}

.cs3-1_4 {
	width:310px;
	float:left;
	text-align:left;
	position : absolute;
	top : 201px;
	left : 580px;
}

.cs3-1_4 strong { font-size:14px; color:#996633; font-weight:400;}

.cs3-1_5 {
	width:310px;
	float:left;
	text-align:left;
	position : absolute;
	top : 358px;
	left : 580px;
}

.cs3-1_5 strong { font-size:14px; color:#996633; font-weight:400;}

.cs3-1_6 {
	width:123px;
	float:left;
	text-align:left;
	color:#663300;
	font-size:12px;
	line-height:19px;
	position : absolute;
	top : 320px;
	left : 425px;
	height: 77px;
}

.cs3-1_7 {
	width:157px;
	float:left;
	text-align:left;
	color:#663300;
	font-size:12px;
	line-height:17px;
	position : absolute;
	top : 461px;
	left : 716px;
	height: 92px;
}

.cs3-1Next {
	width:130px;
	height:24px;
	position : absolute;
	top : 529px;
	left : 793px;
}

.cs3-1Next img {
width:130px;
height:24px;
border:0;
}


/* ----------------------------------------------
　02-1　case study ケーススタディORTO CAFE〈2〉ページ cs/01/2.html
---------------------------------------------- */

#cs3-2 {
background-image:url(../images/cs3-2.jpg);
background-repeat:no-repeat;
height:563px;
position:relative;
}

#cs3-2 h2 {
width:910px;
text-align:left;
font-size:16px; 
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; 
font-weight:100; 
margin:0;
padding:0;
position : absolute;
top : 0;
left : 0px;

}

#cs3-2_0 {
width:910px;
float:left;
position : absolute;
top : 50px;
left : 0px;
line-height:16px;
}

.cs3-2_1 {
width:190px;
float:left;
margin:0 15px 0 10px;
text-align:left;
}

.cs3-2_2 {
width:205px;
float:left;
margin:0 15px;
text-align:left;
}

.cs3-2_3 {
width:200px;
float:left;
margin:0 11px 0 15px;
text-align:left;
}

.cs3-2_4 {
width:190px;
float:left;
margin:0 0 0 15px;
text-align:left;
}

.cs3-2_5 {
	width:358px;
	float:left;
	text-align:left;
	position : absolute;
	top : 211px;
	left : 34px;
	font-size:12px;
}

.cs3-2_5 strong { font-size:16px; color:#996633; font-weight:400;}

.cs3-2_5 p { margin:10px 0; font-weight:bold;}

.cs3-2_6 {
	width:100px;
	float:left;
	text-align:left;
	color:#663300;
	font-size:12px;
	line-height:17px;
	position : absolute;
	top : 168px;
	left : 418px;
	height: 77px;
}

.cs3-2_7 {
	width:166px;
	float:left;
	text-align:left;
	color:#663300;
	font-size:12px;
	line-height:19px;
	position : absolute;
	top : 491px;
	left : 120px;
	height: 78px;
}

.cs3-2_8 {
	width:111px;
	float:left;
	text-align:left;
	color:#663300;
	font-size:12px;
	line-height:19px;
	position : absolute;
	top : 208px;
	left : 587px;
	height: 77px;
}

.cs3-2_9 {
	width:131px;
	float:left;
	text-align:left;
	color:#663300;
	font-size:12px;
	line-height:19px;
	position : absolute;
	top : 192px;
	left : 676px;
	height: 93px;
}

.cs3-2_10 {
	width:433px;
	float:left;
	text-align:center;
	font-size:12px;
	position : absolute;
	top : 299px;
	left : 394px;
}

.cs3-2_10 strong { font-size:16px; color:#996633; font-weight:400;}
.cs3-2_10 p { font-weight:bold; margin:0;}

.cs3-2_11 {
	width:497px;
	float:left;
	text-align:center;
	font-size:12px;
	position : absolute;
	top : 365px;
	left : 362px;
}

.cs3-2_11 strong { font-size:16px; color:#996633; font-weight:400;}
.cs3-2_11 p { font-weight:bold; margin:0;}

.cs3-2_12 {
	width:403px;
	float:left;
	text-align:center;
	font-size:12px;
	position : absolute;
	top : 429px;
	left : 413px;
}

.cs3-2_12 strong { font-size:16px; color:#996633; font-weight:400;}
.cs3-2_12 p { font-weight:bold; margin:0;}

.cs3-2_13 {
	width:386px;
	float:left;
	text-align:center;
	font-size:16px;
	position : absolute;
	top : 493px;
	left : 420px;
}

.cs3-2_13 strong { font-size:18px; color:#990000; font-weight:bold;}


.cs3-2Next {
	width:130px;
	height:24px;
	position : absolute;
	top : 529px;
	left : 793px;
}

.cs3-2Next img {
width:130px;
height:24px;
border:0;
}



/* ----------------------------------------------
　02-1　case study ケーススタディORTO CAFE〈3〉ページ cs/01/3.html
---------------------------------------------- */

#cs3-3 {
background-image:url(../images/cs3-3.jpg);
background-repeat:no-repeat;
width:910px;
height:563px;
text-align:left;
position:relative;
}

.cs3-3_1 {
	width:196px;
	float:left;
	position : absolute;
	top : 408px;
	left : 381px;
	color:#663300;
	font-size:12px;
	line-height:19px;
	height: 79px;
}

.cs3-3_2 {
	width:411px;
	float:left;
	position : absolute;
	top : 183px;
	left : 26px;
	line-height:16px;
}

.cs3-3_2 strong { font-size:12px; color:#996633; font-weight:normal;}



.cs3-3_3 {
	width:156px;
	float:left;
	position : absolute;
	top : 132px;
	left : 238px;
	color:#663300;
	font-size:12px;
	line-height:17px;
	height: 59px;
}



.cs3-3_4 {
	width:399px;
	float:left;
	position : absolute;
	top : 207px;
	left : 496px;
	line-height:16px;
	height: 53px;
}

.cs3-3_4 strong { font-size:12px; color:#996633; font-weight:normal;}


.cs3-3_5 {
	width:132px;
	float:left;
	position : absolute;
	top : 382px;
	left : 136px;
	font-size:12px;
	line-height:19px;
	color:#663300;
	height: 88px;
}

.cs3-3_6 {
	width:279px;
	float:left;
	position : absolute;
	top : 482px;
	left : 18px;
	line-height:16px;
	height: 69px;
}

.cs3-3_6 strong { font-size:12px; color:#996633; font-weight:normal;}


.cs3-3_7 {
	width:245px;
	float:left;
	position : absolute;
	top : 485px;
	left : 344px;
	line-height:16px;
	height: 72px;
}

.cs3-3_7 strong { font-size:12px; color:#996633; font-weight:normal;}

.cs3-3_8 {
	width:256px;
	float:left;
	position : absolute;
	top : 456px;
	left : 642px;
	line-height:16px;
	height: 87px;
}

.cs3-3_8 strong { font-size:12px; color:#996633; font-weight:normal;}

.cs3-3Next {
	width:130px;
	height:24px;
	position : absolute;
	top : 544px;
	left : 793px;
}

.cs3-3Next img {
width:130px;
height:24px;
border:0;
}