@charset "utf-8";



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

/*

/* 	template CSS

/* 	last update 090525

/*

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



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



	2: solution

	3: OSS

	3: service

	4: oss



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







div#content a.pdffile {

	background-position: left center;

	background-repeat: no-repeat;

	background-image: url(../common/icon_pdf.png);

	margin-top: 0px;

	margin-right: 0;

	margin-bottom: 0;

	margin-left: 0;

	padding-right: 0;

	padding-bottom: 0px;

	padding-left: 30px;

	height: 16px;

	vertical-align: middle;

}



div#content ul.catetab {

	display: block;

	line-height: 1;

	font-size: 1px;

	list-style-type: none;

	border-bottom-width: 7px;

	border-bottom-style: solid;

	border-bottom-color: #2685BE;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}



div#content ul.catetab li {

	font-size: 1px;

	line-height: 1;

	display: block;

	margin: 0px;

	padding: 0px;

	float: left;

	list-style-type: none;

}



div#content .frameline20px {

	background-image: url(../common/line02.gif);

	background-repeat: repeat-x;

	background-position: left bottom;

	letter-spacing: 0em;

	margin-bottom: 20px;

	text-align: center;

	display: block;

	padding: 20px;

	border: 1px solid #CCC;

}



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



	2: solution



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



/*

 solutionnavi [

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



div#content ul.solutionnavi {

	display: block;

	line-height: 1;

	font-size: 1px;

	list-style-type: none;

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	padding-top: 0px;

	padding-right: 0px;

	padding-bottom: 0px;

	padding-left: 0px;

}



div#content ul.solutionnavi li {

	font-size: 1px;

	line-height: 1;

	display: block;

	margin: 0px;

	padding: 0px;

	float: left;

	list-style-type: none;

}



/*

 solutionarea [

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



div#content .solutionarea {

	margin-top: 0px;

	margin-left: 10px;

	margin-right: 10px;

	margin-bottom: 20px;

	clear: both;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #CCC;

	border-bottom-color: #CCC;

	border-left-color: #CCC;

	padding-top: 25px;

	padding-right: 15px;

	padding-bottom: 15px;

	padding-left: 15px;

}



div#content .solutionarea p.txt10px {

	font-size:62.5%;

}



div#content .solutionarea h3{

	background-image:url(../common/line01.gif);

	background-repeat: repeat-x;

	background-position: left bottom;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	line-height: 1;

	height: auto;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 15px;

	margin-left: 0;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 15px;

	padding-left: 0;

	border-top-width: 0px;

	border-right-width: 0px;

	border-bottom-width: 0px;

	border-left-width: 0px;

	clear: both;

}



div#content .solutionarea dl.dlsolutionlist {

	background-image: url(../common/line01.gif);

	background-repeat: repeat-x;

	background-position: left bottom;

	clear: both;

	margin-bottom: 15px;

	padding-bottom: 15px;

}



div#content .solutionarea dl.dlsolutionlist dt {

	width:193px;

	float:left;

	background-image: url(../common/line03.gif);

	background-repeat: repeat-y;

	background-position: right bottom;

}

div#content .solutionarea dl.dlsolutionlist dd {

	width:382px;

	float:right;

	font-size:75%;

	line-height: 1.6;

}

div#content .solutionarea dl.dlsolutionlist dd span.ico_solution {

	font-size:10px;

	line-height: 1;

	background-color: #999999;

	padding-top: 3px;

	padding-right: 10px;

	padding-bottom: 3px;

	padding-left: 10px;

	color: #FFF;

	margin-bottom: 5px;

	display: block;

	width: 135px;

	text-align: center;

}

div#content .solutionarea dl.dlsolutionlist dd span.color-666 {

	color: #666;

}



div#content .solutionarea dl.dlsolutioncase {

	clear: both;

	margin-bottom: 15px;

	background-color: #FAFAFA;

	padding: 15px;

	border: 1px solid #E3E3E3;

}



div#content .solutionarea dl.dlsolutioncase dt {

	width:344px;

	float:left;

}



div#content .solutionarea dl.dlsolutioncase dt ul {

	list-style:none;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	display: block;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #CCC;

}



div#content .solutionarea dl.dlsolutioncase dt ul li {

	font-size:75%;

	background-image: url(../image/menu_icon03.gif);

	background-repeat: no-repeat;

	background-position: left 8px;

	line-height: 1.4;

	list-style-image: none;

	list-style-type: none;

	margin-top: 5px;

	margin-right: 0;

	margin-bottom: 5px;

	margin-left: 0px;

	padding-top: 5px;

	padding-right: 0;

	padding-bottom: 5px;

	padding-left: 15px;

	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #CCC;

}



div#content .solutionarea dl.dlsolutioncase dd {

	float:right;

	font-size:10px;

	line-height: 1.6;

	padding: 9px 0 9px 0;

	border: 1px solid #D7D7D7;

	background-color: #FFF;

	display: block;

	width: 197px;

}

div#content .solutionarea dl.dlsolutioncase dd span.ico_solution {

	font-size:10px;

	line-height: 1;

	background-color: #999999;

	padding-top: 3px;

	padding-right: 10px;

	padding-bottom: 3px;

	padding-left: 10px;

	color: #FFF;

	margin-bottom: 5px;

	display: block;

	width: 177px;

	text-align: center;

}



div#content .solutionarea dl.dlsolutioncase dd a {

	margin-bottom: 10px;

	margin-right: 9px;

	margin-left: 9px;

	display: block;

}

div#content .solutionarea dl.dlsolutioncase dd span.color-666 {

	color: #666;

	display: block;

	padding-right: 9px;

	padding-left: 9px;

}



/*

 accordion

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



div#content dl#accordion dt.accordion_cate {

	background-color:#B9B9B9;

	margin: 0 0 5px 0;

	font-size:75%;

	line-height: 30px;

	margin: 0px;

	font-weight: bold;

	color: #FFF;

	display: block;

	padding-top: 5px;

	padding-right: 0;

	padding-bottom: 5px;

	padding-left: 16px;

}



div#content dl#accordion dt.accordion_toggle {

	padding: 0 0 0 0px;

	margin: 0 0 5px 0;

	height: 50px;

	line-height: 50px;

	cursor: pointer;

	margin: 0px;

	display: block;

}

div#content dl#accordion dt.accordion_toggle a {

	padding: 0 0 0 35px;

	font-size:87.5%;

	text-decoration: none;

	display: block;

	font-weight: bold;

	background-image: url(../case_study/images/bg_panel.gif);

	background-repeat: no-repeat;

}



div#content dl#accordion dt.accordion_toggle a:hover {

	font-weight: bold;

	display: block;

	background-image: url(../case_study/images/bg_panel_over.gif);

	background-repeat: no-repeat;

	background-position: left top;

}



div#content dl#accordion dt.active a {

	font-weight: bold;

	display: block;

	background-image: url(../case_study/images/bg_panel.gif);

	background-repeat: no-repeat;

	background-position: left bottom;

}



div#content dl#accordion dd.accordion_content {

	overflow: hidden;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-bottom-style: solid;

	border-left-style: solid;

	border-right-color: #CCC;

	border-bottom-color: #CCC;

	border-left-color: #CCC;

	padding-top: 15px;

	padding-right: 0px;

	padding-bottom: 15px;

	padding-left: 0px;

	background-color: #F9F9F9;

	display: block;

}

div#content dl#accordion dd.accordion_content p {

	display:block;

	clear: both;

	margin-top: 0;

	margin-right: 28px;

	margin-bottom: 10px;

	margin-left: 28px;

}

div#content dl#accordion dd.accordion_content p span.accordion_industry {

	text-align:right;

}

div#content dl#accordion dd.accordion_content p a {

	display:block;

	font-weight: bold;

}

div#content dl#accordion dd.accordion_content ul.accordion_iconsolution {

	clear:both;

	display:block;

	margin-top: 0;

	margin-right: 28px;

	margin-bottom: 2px;

	margin-left: 28px;

	padding: 0px;

}

div#content dl#accordion dd.accordion_content ul.accordion_iconsolution li {

	display:block;

	font-size:10px;

	line-height: 1;

	background-color: #999999;

	padding-top: 3px;

	padding-bottom: 3px;

	color: #FFF;

	margin-bottom: 2px;

	text-align: center;

	margin-right: 2px;

	float: left;

	width: 258px;

}



div#content dl#accordion dd.accordion_content ul.accordion_iconOssunderline {

	clear:both;

	display:block;

	margin-top: 0;

	margin-right: 28px;

	margin-bottom: 10px;

	margin-left: 28px;

	padding: 0px 0 10px 0;

	background-image: url(../common/line01.gif);

	background-repeat: repeat-x;

	background-position: left bottom;

}



div#content dl#accordion dd.accordion_content ul.accordion_iconOssunderline li {

	display:block;

	font-size:10px;

	line-height: 1;

	background-color: #669999;

	padding-top: 3px;

	padding-bottom: 3px;

	color: #FFF;

	margin-bottom: 2px;

	text-align: center;

	margin-right: 2px;

	float: left;

	width: 172px;

}



div#content dl#accordion dd.accordion_content ul.accordion_iconOss {

	clear:both;

	display:block;

	margin-top: 0;

	margin-right: 28px;

	margin-bottom: 2px;

	margin-left: 28px;

	padding: 0px;

}



div#content dl#accordion dd.accordion_content ul.accordion_iconOss li {

	display:block;

	font-size:10px;

	line-height: 1;

	background-color: #669999;

	padding-top: 3px;

	padding-bottom: 3px;

	color: #FFF;

	margin-bottom: 2px;

	text-align: center;

	margin-right: 2px;

	float: left;

	width: 172px;

}



div#content dl#accordion dd.accordion_content ul.accordion_iconservice {

	clear:both;

	display:block;

	margin-top: 0;

	margin-right: 28px;

	margin-bottom: 2px;

	margin-left: 28px;

	padding: 0px;

}



div#content dl#accordion dd.accordion_content ul.accordion_iconservice li {

	display:block;

	font-size:10px;

	line-height: 1;

	background-color: #6699CC;

	padding-top: 3px;

	padding-bottom: 3px;

	color: #FFF;

	margin-bottom: 2px;

	text-align: center;

	margin-right: 2px;

	float: left;

	width: 259px;

}





div#content div.frameContact {

	display:block;

	color: #333;

	background-color: #fff;

	border: 1px solid #ccc;

	clear: both;

	margin-top: 15px;

	margin-right: 10px;

	margin-bottom: 25px;

	margin-left: 10px;

	padding-top: 15px;

	padding-right: 15px;

	padding-bottom: 10px;

	padding-left: 15px;

}



div#content div.frameContact h3 {

	padding: 0;

	background-image: none;

	margin-top: 0px;

	margin-right: 0;

	margin-bottom: 10px;

	margin-left: 0;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}



div#content div.frameContact ul {

	padding: 0;

	margin:0;

}



div#content div.frameContact ul li.frameContactleft {

	float:left;

	width:360px;

	padding: 0;

	margin:0;

	line-height: 1.5;

	font-size: 12px;

}



div#content div.frameContact ul li.frameContactright {

	float:right;

	padding: 0;

	margin:0;

}



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



	2: OSS紹介



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



div#content div.ossArea {

	display:block;

	margin:0 10px 0 10px;

}



div#content div.osscateArea {

	display:block;

	margin:0 0 20px 0;

}



div#content div.ossArea p span.txtblue {

	color: #09C;

}



div#content div.ossArea p span.txtorange {

	color: #FF9900;

}





div#content div.ossArea h2.h2imagetitle {

	display:block;

	background-image:none;

	padding:0;

	clear: both;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 30px;

	margin-left: 0;

}



div#content div.frame {

	display:block;

	padding:0;

}



div#content div.frame div.ossframeleft {

	background-color:#CCCCCC;

	float:left;

	width:361px;

	display:block;

	margin:0 0 0 0;

	padding:1px 0 0px 0;

}

div#content div.frame div.ossframeleft h3 {

	background-color:#F5F5F5;

	display:block;

	margin:0 1px 1px 1px;

	padding:4px 0 4px 10px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}

div#content div.frame div.ossframeleft p {

	margin:0 0 1px 1px;

	padding:0;

	font-size:1px;

	line-height:1;

}

div#content div.frame div.ossframeleft p img {

	margin:0 1px 0 0;

	padding:0;

	font-size:1px;

	line-height:1;

	float:left;

}

div#content div.frame div.ossframeleft p img.cl-br {

	margin:0 0 1px 0;

}



div#content div.frame div.ossframeright {

	background-color:#CCCCCC;

	float:right;

	width:450px;

	display:block;

	margin:0;

	padding-top: 1px;

}

div#content div.frame div.ossframeright h3 {

	background-color:#F5F5F5;

	display:block;

	margin:0 1px 1px 1px;

	padding:4px 0 4px 10px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}



div#content div.frame div.ossframeright p {

	background-color:#fff;

	display:block;

	margin-top: 0;

	margin-right: 1px;

	margin-bottom: 1px;

	margin-left: 1px;

	padding-top: 0;

	padding-right: 0;

	padding-bottom: 10px;

	padding-left: 0px;

}



div#content div.ossArea div.osscateArea .tabNav {

	margin: 0px;

	padding: 0;

	display: block;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #CCC;

}

div#content div.ossArea div.osscateArea .tabNav li {

	font-size:75%;

	float: left;

	list-style: none;

	font-weight: normal;

	background-image: url(../oss_info/images/ossinfo_navi_bg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	margin: 0px;

	border-top-width: 1px;

	border-right-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-top-color: #ccc;

	border-right-color: #ccc;

	line-height: 1;

	display: block;

}

div#content div.ossArea div.osscateArea .tabNav li a {

	padding: 8px 15px;

	background-image: url(../oss_info/images/ossinfo_navi_bg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	margin: 0px;

	display: block;

	text-decoration: none;

}



div#content div.ossArea div.osscateArea .tabNav li a:hover {

	padding: 8px 15px;

	background-image: url(../oss_info/images/ossinfo_navi_bg_on.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	margin: 0px;

	display: block;

	color: #FFF;

	text-decoration: none;

}



div#content div.ossArea div.osscateArea .tabNav li a.active {

	padding: 8px 15px;

	background-image: url(../oss_info/images/ossinfo_navi_bg_on.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	margin: 0px;

	display: block;

	color: #FFF;

	text-decoration: none;

}

div#content div.ossArea div.osscateArea div.cateblock {

	display:block;

	clear: both;

	padding: 0;

	background: #ccc;

	border-right-width: 1px;

	border-left-width: 1px;

	border-right-style: solid;

	border-left-style: solid;

	border-right-color: #ccc;

	border-left-color: #ccc;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #CCC;

}



div#content div.ossArea div.osscateArea div.cateblock h3 {

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

	background-image: url(../oss_info/images/ossinfo_h4_bg.gif);

	background-repeat: repeat-x;

	background-position: left bottom;

	height: 34px;

	padding-top: 0px;

	padding-right: 0;

	padding-bottom: 0px;

	padding-left: 10px;

	clear: both;

	margin-top: 0;

	margin-right: 0;

	margin-bottom: 1px;

	margin-left: 0;

	line-height: 34px;

}



div#content div.ossArea div.osscateArea div.cateblock h3 img {

	margin-top: 10px;

}

div#content div.ossArea div.osscateArea div.cateblock dl.cateblockleft {

	display:block;

	width:409px;

	float:left;

	background-color: #FFF;

	padding: 0px;

	margin-bottom: 1px;

}



div#content div.ossArea div.osscateArea div.cateblock dl.cateblockleft dt {

	display:block;

	width:328px;

	float:right;

}



div#content div.ossArea div.osscateArea div.cateblock dl.cateblockleft dt strong {

	font-size:75%;

	display:block;

	padding: 0px;

	height: auto;

	margin-top: 15px;

	margin-right: 10px;

	margin-bottom: 4px;

	margin-left: 0;

	background-color: #FFF;

	background-image: none;

	color: #09C;

}



div#content div.ossArea div.osscateArea div.cateblock dl.cateblockleft dt a {

	padding: 0 0 0 15px;

	font-size:75%;

	display:block;

	height: auto;

	margin-top: 15px;

	margin-right: 10px;

	margin-bottom: 4px;

	margin-left: 0;

	background-color: #FFF;

	background-image: url(../image/menu_icon04.gif);

	color: #09C;

	background-repeat: no-repeat;

	background-position: left center;

	font-weight: bold;

}



div#content div.ossArea div.osscateArea div.cateblock dl.cateblockleft dt a.ossofficiallink {

	padding: 0 0 0 15px;

	font-size:75%;

	display:block;

	height: auto;

	margin-top: 15px;

	margin-right: 10px;

	margin-bottom: 4px;

	margin-left: 0;

	background-color: #FFF;

	background-image: url(../image/menu_icon06.gif);

	color: #FF9900;

	background-repeat: no-repeat;

	background-position: left center;

	font-weight: bold;

}







div#content div.ossArea div.osscateArea div.cateblock dl.cateblockleft dt span {

	font-size:10px;

	display:block;

	margin:0 10px 10px 0;

	line-height: 1.5;

}



div#content div.ossArea div.osscateArea div.cateblock dl.cateblockleft dd {

	display:block;

	width:71px;

	float:left;

}

div#content div.ossArea div.osscateArea div.cateblock dl.cateblockleft dd img {

	border: 1px solid #ccc;

	margin: 10px 0 10px 10px;

}



div#content div.ossArea div.osscateArea div.cateblock dl.cateblockright {

	display:block;

	width:408px;

	float:right;

	background-color: #FFF;

	padding: 0px;

	margin-bottom: 1px;

}



div#content div.ossArea div.osscateArea div.cateblock dl.cateblockright dt {

	display:block;

	width:327px;

	float:right;

}



div#content div.ossArea div.osscateArea div.cateblock dl.cateblockright dt strong {

	font-size:75%;

	display:block;

	padding: 0px;

	height: auto;

	margin-top: 15px;

	margin-right: 10px;

	margin-bottom: 4px;

	margin-left: 0;

	background-color: #FFF;

	background-image: none;

	color: #09C;

}



div#content div.ossArea div.osscateArea div.cateblock dl.cateblockright dt a {

	padding: 0 0 0 15px;

	font-size:75%;

	display:block;

	height: auto;

	margin-top: 15px;

	margin-right: 10px;

	margin-bottom: 4px;

	margin-left: 0;

	background-color: #FFF;

	background-image: url(../image/menu_icon04.gif);

	color: #09C;

	background-repeat: no-repeat;

	background-position: left center;

	font-weight: bold;

}



div#content div.ossArea div.osscateArea div.cateblock dl.cateblockright dt a.ossofficiallink {

	padding: 0 0 0 15px;

	font-size:75%;

	display:block;

	height: auto;

	margin-top: 15px;

	margin-right: 10px;

	margin-bottom: 4px;

	margin-left: 0;

	background-color: #FFF;

	background-image: url(../image/menu_icon06.gif);

	color: #FF9900;

	background-repeat: no-repeat;

	background-position: left center;

	font-weight: bold;

}



div#content div.ossArea div.osscateArea div.cateblock dl.cateblockright dt span {

	font-size:10px;

	display:block;

	margin:0 10px 10px 0;

	line-height: 1.5;

}



div#content div.ossArea div.osscateArea div.cateblock dl.cateblockright dd {

	display:block;

	width:71px;

	float:left;

}

div#content div.ossArea div.osscateArea div.cateblock dl.cateblockright dd img {

	border: 1px solid #ccc;

	margin: 10px 0 10px 10px;

}



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



	2: サービス



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



div#content .solutionarea .frame .frame-servicetopleft {

	float:left;

	width:106px;

}



div#content .solutionarea .frame .frame-servicetopright {

	float: right;

	width: 464px;

}



div#content .solutionarea .frame .frame-servicetopright p {

	margin:0 0 0 0;

}



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



	2: なぜオープンソース



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



div#content ul.naviabout {

	margin-bottom: 20px;

	margin-left: 0px;

	display: block;

}



div#content ul.naviabout li {

	font-size: 1px;

	line-height: 1;

	display: block;

	margin: 0px;

	padding: 0px;

	float: left;

	list-style-type: none;

}



div#content .frame .frame-ossleft {

	float:left;

	width:207px;

}



div#content .frame .frame-ossright {

	float:right;

	width:400px;

}



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



	4: on クラウド



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



#cloudsection {

	clear: both;

	margin: 0 34px 15px 36px;

}



#cloudsection h3.imagetitle {

	border-left: none;

	clear: both;

	margin-top: 10px;

	margin-right: 0;

	margin-bottom: 10px;

	margin-left: 0px;

	padding: 0px;

}



#content #cloudsection p {

	margin: 5px 0px 10px 0px;

	width: auto;

}



#content #cloudsection ol li,

#content #cloudsection ul li {

	font-size: 81%;

	letter-spacing: 1px;

	margin: 0 0 0px 0px;

}



#content #cloudsection .rect_area {

	color: #111;

	background-color: #FAFAFA;

	margin: 15px 20px 30px 20px;

	padding: 20px 20px 10px 20px;

	border: 2px solid #DFDFDF;

}



#content #cloudsection .rect_area ul li {

	line-height:1.5;

	background-repeat: no-repeat;

	background-position: left 4px;

	padding-left: 15px;

	display: block;

	background-image: url(../image/menu_icon03.gif);

	margin-left: 0px;

	margin-bottom: 8px;

}



#content #cloudsection table {

	margin: 5px 0 10px 0;

	padding: 0;

	width: auto;

	letter-spacing: 0px;

}



#content #cloudsection td {

	color: #222;

}



#content #cloudsection td.head {

	color: #fff;

	background-color: #666666;

}



#content #cloudsection td.odd {

	color: #333;

	background-color: #F1F2FA;

}



#content #cloudsection td.oddhead {

	color: #354B80;

	background-color: #DFE1F2;

	font-weight: bold;

}



#content #cloudsection td.tdWidth180 {

	width: 180px;

}



#content #cloudsection td.tdcarsol {

	background-image: url(../salesforce/images/carsol.jpg);

	background-repeat: no-repeat;

	background-position: 10px center;

	padding-left: 30px;

}



div#content #cloudsection div.frameContact {

	display: block;

	color: #333;

	background-color: #fff;

	border: 1px solid #ccc;

	clear: both;

	margin-top: 15px;

	margin-right: 0px;

	margin-bottom: 15px;

	margin-left: 0px;

	padding-top: 15px;

	padding-right: 15px;

	padding-bottom: 10px;

	padding-left: 15px;

}



div#content #cloudsection div.frameContact h3 {

	padding: 0;

	background-image: none;

	margin-top: 0px;

	margin-right: 0;

	margin-bottom: 10px;

	margin-left: 0;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}



div#content #cloudsection div.frameContact ul {

	padding: 0;

	margin:0;

}



div#content #cloudsection div.frameContact ul li.frameContactleft {

	float:left;

	width:360px;

	padding: 0;

	margin:0;

	line-height: 1.5;

}



div#content #cloudsection div.frameContact ul li.frameContactright {

	float:right;

	padding: 0;

	margin:0;

}



div#content #cloudsection .cloudcasebox01 {

	background-image: url(../services/cloud_support/images/bg_case01.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	padding-top:44px;

}



div#content #cloudsection .cloudcasebox01 div.foot {

	background-image: url(../services/cloud_support/images/bg_casefooter.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

	padding-bottom: 43px;

}



div#content #cloudsection .cloudcasebox01 div.foot p {

	padding: 0 30px 0 70px;

	margin: 0 0 10px 0;

}





div#content #cloudsection .cloudcasebox02 {

	background-image: url(../services/cloud_support/images/bg_case02.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	padding-top:44px;

}



div#content #cloudsection .cloudcasebox02 div.foot {

	background-image: url(../services/cloud_support/images/bg_casefooter.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

	padding-bottom: 43px;

}



div#content #cloudsection .cloudcasebox02 div.foot p {

	padding: 0 30px 0 70px;

	margin: 0 0 10px 0;

}



div#content #cloudsection .cloudcasebox03 {

	background-image: url(../services/cloud_support/images/bg_case03.jpg);

	background-repeat: no-repeat;

	background-position: left top;

	padding-top:44px;

}



div#content #cloudsection .cloudcasebox03 div.foot {

	background-image: url(../services/cloud_support/images/bg_casefooter.jpg);

	background-repeat: no-repeat;

	background-position: left bottom;

	padding-bottom: 43px;

}



div#content #cloudsection .cloudcasebox03 div.foot p {

	padding: 0 30px 0 70px;

	margin: 0 0 10px 0;

}









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



	2: MAP



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





div#content div.ossArea div.osscateArea .tabmapNav {

	margin: 0px;

	padding: 0;

	display: block;

	border-left-width: 1px;

	border-left-style: solid;

	border-left-color: #CCC;

}

div#content div.ossArea div.osscateArea .tabmapNav li {

	font-size:75%;

	float: left;

	list-style: none;

	font-weight: normal;

	background-image: url(../oss_info/images/ossinfo_navi_bg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	margin: 0px;

	border-top-width: 1px;

	border-right-width: 1px;

	border-top-style: solid;

	border-right-style: solid;

	border-top-color: #ccc;

	border-right-color: #ccc;

	line-height: 1;

	display: block;

}

div#content div.ossArea div.osscateArea .tabmapNav li a {

	padding: 8px 15px;

	background-image: url(../oss_info/images/ossinfo_navi_bg.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	margin: 0px;

	display: block;

	text-decoration: none;

}



div#content div.ossArea div.osscateArea .tabmapNav li a:hover {

	padding: 8px 15px;

	background-image: url(../oss_info/images/ossinfo_navi_bg_on.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	margin: 0px;

	display: block;

	color: #FFF;

	text-decoration: none;

}



div#content div.ossArea div.osscateArea .tabmapNav li a.active {

	padding: 8px 15px;

	background-image: url(../oss_info/images/ossinfo_navi_bg_on.jpg);

	background-repeat: repeat-x;

	background-position: left top;

	margin: 0px;

	display: block;

	color: #FFF;

	text-decoration: none;

}



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



	: case study



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



div.casestudy-section {

	padding: 0 10px;



}



div.casestudy-section ul.casenav li {

	background-color: #F5F6F7;

	width: 206px;

	margin: -1px;

	border: 1px solid #CCC;

	float: left;

}



div.casestudy-section ul.casenav li span a {

	font-weight: bold;

	display: block;

	font-size: 12px;

	line-height: 26px;

	height: 26px;

	text-align: center;

	background-image: url(../case_study/images/ico_cursor.png);

	background-repeat: no-repeat;

	background-position: 10px center;

	color: #333;

	text-decoration: none;

}



div.casestudy-section ul.casenav li span a:hover {

	background-color: #09C;

	color:#fff;

}



div#container div.casestudy-section h4 {

	font-size: 14px;

	font-weight: bold;

	color: #111111;

	background-color: #FFF;

	padding-top: 4px;

	padding-bottom: 4px;

	padding-left: 15px;

	border-left-width: 4px;

	border-left-style: solid;

	border-left-color: #224B77;

	margin-bottom: 10px;

}



/*

 tableoutline [

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



div#container table.tableoutline {

	background-color: #FFF;

	margin-bottom: 20px;

	line-height: 1.6;

	width: 100%;

	padding: 0px;

	border-collapse: collapse;

	border-spacing: 1px;

	border-top-style: none;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}



div#container table.tableoutline tbody tr {

	margin: 0px;

	padding: 0px;

}



div#container table.tableoutline tbody td {

	color: #333;

	padding: 8px;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #FFFFFF;

	border-right-width: 1px;

	border-bottom-width: 1px;

	border-left-width: 1px;

	border-right-style: none;

	border-bottom-style: none;

	border-left-style: none;

}



div#container table.tableoutline tbody th {

	background-image: none;

	background-color: #DDDDDD;

	margin: 0px;

	text-align: center;

	border-top-width: 1px;

	border-top-style: solid;

	border-top-color: #FFFFFF;

	font-weight: bold;

	vertical-align: middle;

	color: #0A71AB;

	padding: 8px;

	font-size: 12px;

	width: 90px;

}



div#container table.tableoutline tbody th.thpoint {

	background-color: #0A71AB;

	margin: 0px;

	text-align: center;

	color: #fff;

	vertical-align: middle;

}



div#container table.tableoutline p {

	font-size:100%;

}



div#container table.tableoutline tbody tr.oddline {

	background-color: #F7F7F7;

}



div#container table.tableoutline tbody tr.evenline {

	background-color: #fff;

}