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

/*======================================

case study ロゴトップ頁
	
=======================================*/

.logoimg-tb30 {
	text-align: center;
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 40px;
	margin-left: 0px;
}

#logotop table tr td {
text-align:center;
}

#logotop table tr td img {
	padding-bottom: 15px;
}

/*======================================

case study ロゴマークサンプルページ
	
=======================================*/

#header_csl {
	width:760px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	border-bottom-width: 1px;
	margin: 0px;
	padding: 0px;
}

#contens_csl {
	width:760px;
	margin: 0px;
	padding: 0px;
}

#contens_csl h1 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 92%;
	color: #999999;
	background-image: none;
	text-indent: 0px;
	line-height: 1.2px;
	font-weight: bold;
	padding-top: 25px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
}

#contens_csl table {
	width: 740px;
	background-color: #fff;
	margin-right: 10px;
	margin-left: 10px;
}

#contens_csl
th,
td {
	margin: 0px;
	padding: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}



/*--------------------------------------
	logomark sample menu text
---------------------------------------*/

#navi_text {
	margin-bottom: 15px;
	background-image: url(../casestudy/image/logosam_menu_bk.gif);
	background-repeat: no-repeat;
	height: 34px;
	width: 760px;
	margin-top: 15px;
}

#navi_text p {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 92%;
	color: #FFFFFF;
	text-align: center;
	padding-top: 8px;
}

/*--------------------------------------
	logomark sample link text
---------------------------------------*/

#navi_text a:link {
	color: #FFFFFF;
	text-decoration: none;
}

#navi_text a:visited {
	color: #FFFFFF;
	text-decoration: none;
}

#navi_text a:hover {
	color: #FFFFFF;
	text-decoration: none;
}

#contact_bttn {
	text-align: center;
	padding: 15px;
}

/*--------------------------------------
	arrow
---------------------------------------*/

.arrow {
	padding: 10px;
	text-align: center;
}

/*======================================

case study webサイトサンプルページ
	
=======================================*/

.csw-hborder {
	background-image: url(../image/h_bg_bor.gif);
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#logosample1,
#logosample2,
#logosample3,
#logosample4,
#logosample4-2,
#logosample5,
#logosample6,
#logosample7,
#logosample7-2,
#logosample7-3,
#logosample8,
#logosample9,
#logosample10,
#logosample11,
#logosample12,
#logosample13,
#logosample14,
#logosample15,
#logosample16,
#logosample17,
#logosample17-2,
#logosample17-3,
#logosample17-4,
#logosample18,
#logosample18-2,
#logosample18-3,
#logosample19,
#logosample20-1,
#logosample20-2,
#logosample21,
#logosample22,
#logosample22-2,
#logosample22-3, 
#logosample23,
#logosample23-2,
#logosample24,
#logosample24-2,
#logosample25,
#logosample25-2,
#logosample26 {
	height: 385px;
	width: 760px;
	background-position: center;
	background-repeat: no-repeat;
}

#logosample1 {
	background-image: url(../../../casestudy/image/logosample01.gif);
}

#logosample2 {
	background-image: url(../../casestudy/image/logosample02.gif);
}

#logosample3 {
	background-image: url(../../casestudy/image/logosample03.gif);
}

#logosample4 {
	background-image: url(../../casestudy/image/logosample04.gif);
}

#logosample4-2 {
	background-image: url(../../casestudy/image/logosample4-2.gif);
}

#logosample5 {
	background-image: url(../../casestudy/image/logosample05.gif);
}

#logosample6 {
	background-image: url(../../casestudy/image/logosample06.gif);
}

#logosample7 {
	background-image: url(../../casestudy/image/logosample7.gif);
}

#logosample7-2 {
	background-image: url(../../casestudy/image/logosample7-2.gif);
}

#logosample7-3 {
	background-image: url(../../casestudy/image/logosample7-3.gif);
}

#logosample8 {
	background-image: url(../../casestudy/image/logosample08.gif);
}

#logosample9 {
	background-image: url(../../casestudy/image/logosample09.gif);
}

#logosample10 {
	background-image: url(../../casestudy/image/logosample10.gif);
}

#logosample11 {
	background-image: url(../../casestudy/image/logosample11.gif);
}
#logosample12 {
	background-image: url(../../casestudy/image/logosample12.gif);
}

#logosample13 {
	background-image: url(../../casestudy/image/logosample13.gif);
}

#logosample14 {
	background-image: url(../../casestudy/image/logosample14.gif);
}

#logosample15 {
	background-image: url(../../casestudy/image/logosample15.gif);
}

#logosample16 {
	background-image: url(../../casestudy/image/logosample16.gif);
}

#logosample17 {
	background-image: url(../../casestudy/image/logosample17.gif);
}

#logosample17-2 {
	background-image: url(../../casestudy/image/logosample17-2.gif);
}

#logosample17-3 {
	background-image: url(../../casestudy/image/logosample17-3.gif);
}

#logosample17-4 {
	background-image: url(../../casestudy/image/logosample7-4.gif);
}

#logosample18 {
	background-image: url(../../casestudy/image/logosample18-1.gif);
}

#logosample18-2 {
	background-image: url(../../casestudy/image/logosample18-2.gif);
}

#logosample18-3 {
	background-image: url(../../casestudy/image/logosample18-3.gif);
}

#logosample19 {
	background-image: url(../../casestudy/image/logosample19.gif);
}

#logosample20-1 {
	background-image: url(../../casestudy/image/logosample20-1.gif);
}

#logosample20-2 {
	background-image: url(../../casestudy/image/logosample20-2.gif);
}

#logosample21 {
	background-image: url(../../casestudy/image/logosample21.gif);
}

#logosample22 {
	background-image: url(../../casestudy/image/logosample22.gif);
}

#logosample22-2{
	background-image: url(../../casestudy/image/logosample22-2.gif);
}

#logosample22-3{
	background-image: url(../../casestudy/image/logosample22-3.gif);
}

#logosample23{
	background-image: url(../../casestudy/image/logosample23-1.gif);
}

#logosample23-2{
	background-image: url(../../casestudy/image/logosample23-2.gif);
}

#logosample24{
	background-image: url(../../casestudy/image/logosample24.gif);
}

#logosample24-2{
	background-image: url(../../casestudy/image/logosample24_2.gif);
}

#logosample25{
	background-image: url(../../casestudy/image/logosample25.gif);
}

#logosample25-2{
	background-image: url(../../casestudy/image/logosample25-2.gif);
}

#logosample26{
	background-image: url(../../casestudy/image/logosample26-1.gif);
}