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


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

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

#cs1-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;

}

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

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

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

.cs1-1_3 {
width:310px;
float:left;
text-align:left;
position : absolute;
top : 113px;
left : 580px;
}

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

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

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

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

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

.cs1-1_6 {
	width:120px;
	float:left;
	text-align:left;
	color:#663300;
	font-size:12px;
	line-height:19px;
	position : absolute;
	top : 284px;
	left : 438px;
	height: 111px;
}

.cs1-1_7 {
	width:187px;
	float:left;
	text-align:left;
	color:#663300;
	font-size:12px;
	line-height:19px;
	position : absolute;
	top : 426px;
	left : 426px;
	height: 119px;
}

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

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




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

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

#cs1-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;

}

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

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

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

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

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

.cs1-2_5 {
	width:300px;
	float:left;
	text-align:left;
	position : absolute;
	top : 211px;
	left : 46px;
	font-size:12px;
}

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

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

.cs1-2_6 {
	width:156px;
	float:left;
	text-align:left;
	color:#663300;
	font-size:12px;
	line-height:19px;
	position : absolute;
	top : 432px;
	left : 95px;
	height: 55px;
}

.cs1-2_7 {
	width:143px;
	float:left;
	text-align:left;
	color:#663300;
	font-size:12px;
	line-height:19px;
	position : absolute;
	top : 502px;
	left : 65px;
}

.cs1-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;
}

.cs1-2_9 {
	width:106px;
	float:left;
	text-align:left;
	color:#663300;
	font-size:12px;
	line-height:19px;
	position : absolute;
	top : 190px;
	left : 715px;
	height: 88px;
}

.cs1-2_10 {
	width:386px;
	float:left;
	text-align:center;
	font-size:12px;
	position : absolute;
	top : 293px;
	left : 380px;
}

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

.cs1-2_11 {
	width:386px;
	float:left;
	text-align:center;
	font-size:12px;
	position : absolute;
	top : 370px;
	left : 380px;
}

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

.cs1-2_12 {
	width:386px;
	float:left;
	text-align:center;
	font-size:12px;
	position : absolute;
	top : 444px;
	left : 380px;
}

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

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

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


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

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



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

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

.cs1-3_1 {
	width:187px;
	float:left;
	position : absolute;
	top : 40px;
	left : 186px;
	color:#663300;
	font-size:12px;
	line-height:19px;
}

.cs1-3_2 {
	width:388px;
	float:left;
	position : absolute;
	top : 200px;
	left : 20px;
	line-height:16px;
}

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



.cs1-3_3 {
	width:153px;
	float:left;
	position : absolute;
	top : 100px;
	left : 671px;
	color:#663300;
	font-size:12px;
	line-height:19px;
}



.cs1-3_4 {
	width:310px;
	float:left;
	position : absolute;
	top : 183px;
	left : 582px;
	line-height:16px;
}

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


.cs1-3_5 {
	width:115px;
	float:left;
	position : absolute;
	top : 421px;
	left : 145px;
	font-size:12px;
	line-height:19px;
	color:#663300;
	height: 52px;
}

.cs1-3_6 {
	width:260px;
	float:left;
	position : absolute;
	top : 482px;
	left : 20px;
	line-height:16px;
}

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


.cs1-3_7 {
	width:250px;
	float:left;
	position : absolute;
	top : 497px;
	left : 341px;
	line-height:16px;
}

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

.cs1-3_8 {
	width:262px;
	float:left;
	position : absolute;
	top : 462px;
	left : 636px;
	line-height:16px;
}

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

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

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