@import "style-site.css";
/*================================================

　コンテンツ用スタイルシート

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

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

　基本項目

================================================*/
#CONTENTS p {
font-size: 100%;
line-height: 1.6em;
padding-right: 20px;
padding-bottom: 20px;
padding-left: 20px;
letter-spacing: 1px;
}
#CONTENTS u {
text-decoration: none;
color: #FFF;
background-color: #A50000;
font-size: 93%;
padding: 1px 3px;
margin:0px 4px 0px 1px;
}
#CONTENTS h1 {
font-size: 200%;
color: #000;
width: 640px;
line-height: 1.5em;
margin-bottom: 15px;
padding: 10px;
}

#CONTENTS .whiteBox h2 {
background-image: url(images_site/heading2_bg.gif);
background-repeat: no-repeat;
height: 24px;
width: 597px;
font-size: 117%;
line-height: 16px;
clear: both;
background-color: #F1EEE5;
padding: 32px 10px 4px 33px;
background-position: 0px bottom;
margin: 0px 0px 15px;
border-style: none;
}
#CONTENTS h3{
line-height: 1.2em;
padding: 20px 10px 5px;
border-bottom: 1px solid #CE0909;
font-size: 117%;
margin: 0px 20px 4px;
}
#CONTENTS h4{
line-height: 1.2em;
padding: 5px 10px 5px 18px;
font-size: 117%;
margin: 0px 20px 4px;
background-color: #F1EEE5;
background-image: url(images_site/arrow08.gif);
background-repeat: no-repeat;
background-position: 5px;
}
#CONTENTS ul {
margin: 5px 10px 15px 20px;
padding: 0px;
line-height: 1.4em;
font-size: 117%;
}
#CONTENTS .whiteBox ul {
margin: 5px 20px 15px;
padding: 0px;
line-height: 1.6em;
font-size: 117%;
}
#CONTENTS ul li {
padding: 9px 8px 3px 27px;
background-image: url(images_site/arrow04.gif);
background-repeat: no-repeat;
background-position: 10px 16px;
}
#CONTENTS .whiteBox ul li {
padding: 9px 8px 8px 27px;
background-image: url(images_site/arrow05.gif);
background-repeat: no-repeat;
background-position: 10px 16px;
}
#CONTENTS .whiteBox ul li.redArrow {
padding: 9px 8px 8px 27px;
background-image: url(images_site/arrow11.gif);
background-repeat: no-repeat;
background-position: 10px 14px;
}
/*/// 本文　テーブル ///*/
#WRAPPER #CONTENTS table{
	margin:0px 12px 20px 15px;
}
#WRAPPER #CONTENTS table,
#WRAPPER #CONTENTS tr,
#WRAPPER #CONTENTS th,
#WRAPPER #CONTENTS td,
#WRAPPER #CONTENTS caption {
	padding:0px;
	margin:0px;
	font-size:100%;
	font-weight:normal;
	line-height:1em;
	border-collapse: collapse;
	table-layout:fixed;
	border:0px;
}

#WRAPPER #CONTENTS table {
border-collapse: collapse;
border:none;
border-style: none;
margin:10px 25px;
}




#CONTENTS #SERVICEOUTLINE {
float: left;
width: 400px;
}

#CONTENTS .serviceWrapper {
clear: both;
width: 640px;
}

#CONTENTS  #SERVICEWHO {
width: 240px;
float: right;
background-image: url(images_site/service_who_bg.jpg);
background-repeat: repeat-y;
margin-left: 15px;
}

#CONTENTS #SERVICEWHO h2 {
background-image: url(images_site/service_who_title.jpg);
font-size: 90%;
width: 230px;
color: #FFF;
background-repeat: no-repeat;
margin: 0px;
padding: 0px 0px 0px 10px;
height: 39px;
}

#CONTENTS #SERVICEDELIVERABLE {
margin: 15px 0px 0px;
padding: 0px;
background-image: url(images_site/service_output_bg.jpg);
background-repeat: repeat-y;
width: 640px;
}

#CONTENTS #SERVICEDELIVERABLE h2 {

}

#CONTENTS #SERVICEVOICE {
float: left;
width: 315px;
padding: 0px 0px 20px;
background-color: #FFF;
margin: 0px 10px 10px 0px;
}

#CONTENTS #SERVICEPRICE {
float: left;
width: 315px;
margin: 0px 0px 10px;
background-color: #FFF;
padding: 0px 0px 20px;
}

#CONTENTS #SERVICEVOICE h2 {
width: 315px;
background-image: url(images_site/service_voice_title.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
height: 80px;
margin: 0px;
padding: 0px;
}

#CONTENTS #SERVICEPRICE h2 {
width: 315px;
background-image: url(images_site/service_price_title.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
height: 80px;
margin: 0px;
padding: 0px;
}
#CONTENTS .grayBox #SERVICEPRICE p.price {
height: auto;
background-image: url(images_site/arrow07.gif);
border-bottom: 1px solid #B6B5B3;
background-repeat: no-repeat;
background-position: 2px 8px;
font-weight: bold;
font-size: 117%;
margin: 20px 20px 5px;
padding: 0px 0px 0px 20px;
text-indent: 0;
}
#CONTENTS #SERVICEWHO ul li {
padding: 7px 25px 6px 46px;
background-image: url(images_site/arrow03.jpg);
background-position: 30px 9px;
}


#CONTENTS #FLOWPROBLEM {
float: left;
width: 323px;
background-image: url(images_site/case_flow_bg.gif);
background-repeat: repeat-y;
background-position: -4px 0px;
}

#CONTENTS #FLOWSOLUTION {
float: left;
width: 311px;
background-image: url(images_site/case_flow_bg.gif);
background-repeat: repeat-y;
background-position: -329px 0px;
}

#CONTENTS #FLOWRESULT {
display: none;
}
#CONTENTS #FLOWPROBLEM h2{
background-image:url(images_site/case_flow_title.gif);
color: #FFFCE3;
width: 283px;
border-style: none;
background-repeat: no-repeat;
margin: 0px;
padding: 10px 0px 0px 40px;
height: 50px;
background-position: -4px 0px;
font-size: 12px;
}
#CONTENTS #FLOWSOLUTION h2{
background-image:url(images_site/case_flow_title.gif);
color: #FFFCE3;
width: 271px;
border-style: none;
background-repeat: no-repeat;
margin: 0px;
padding: 10px 0px 0px 40px;
height: 50px;
background-position: -329px 0px;
font-size: 12px;
}

#CONTENTS #CASESERVICE {
float: left;
width: 350px;
margin: 0px 10px 0px 0px;
}



#CONTENTS #CASESERVICE h2 {
width: 340px;
}

#CONTENTS #SERVICECASE {
margin: 0px 30px 0px 0px;
}

#CONTENTS #SERVICECASE h2 {


}

#CONTENTS #NEEDSCALLCENTER,
#CONTENTS #NEEDSTEL{
float: left;
width: 331px;
padding: 0px;
margin: 5px 0px 0px;
}

#CONTENTS #NEEDSCALLCENTER .titleServiceHarf,
#CONTENTS #NEEDSTEL .titleServiceHarf{
border:none;
height: 61px;
margin-bottom: 0px;
background-color: #F1EEE5;
width: 309px;
}
#CONTENTS #NEEDSCALLCENTER h3,
#CONTENTS #NEEDSTEL h3{
line-height: 1.2em;
padding: 15px 10px 5px;
border-bottom: 1px solid #CE0909;
font-size: 14px;
margin: 10px 20px 4px;
clear: both;
width: 248px;
}
#CONTENTS #NEEDSCALLCENTER h3 a,
#CONTENTS #NEEDSTEL h3 a{
	text-decoration:none;
}
#CONTENTS #NEEDSCALLCENTER h4,
#CONTENTS #NEEDSTEL h4 {
line-height: 1.2em;
margin-bottom: 4px;
padding: 10px 10px 5px;
margin-left: 20px;
border-bottom: 1px solid #CE0909;
font-size: 12px;
margin-right: 20px;
}
#CONTENTS #SERVICEBEFORE,
#CONTENTS #SERVICEAFTER{
float: left;
}

#CONTENTS #SERVICEBEFOREAFTER {
background-image: url(images_site/service_beforeafter_bg.jpg);
background-repeat: repeat-y;
}

#CONTENTS #SERVICEBEFORE h2 {
background-image: url(images_site/service_beforeafter_title.jpg);
background-repeat: no-repeat;
margin: 0px;
padding: 5px 0px 0px 15px;
height: 75px;
color: #FFF;
border-style: none;
width: 310px;
}
#CONTENTS #SERVICEAFTER h2 {
background-image: url(images_site/service_beforeafter_title.jpg);
background-repeat: no-repeat;
margin: 0px;
padding: 5px 0px 0px 15px;
height: 75px;
color: #FFFCE3;
background-position: -325px 0px;
border-style: none;
width: 293px;
}
#CONTENTS #SERVICEPOINT {
clear: both;
background-color: #FFF;
padding-bottom: 15px;
}
#CONTENTS #SERVICEPOINT h2 {
height: 46px;
font-size: 34px;
line-height: 40px;
color: #FFF;
font-weight: normal;
margin: 0px 0px 10px;
padding: 53px 10px 0px 205px;
border-style: none;
width: 425px;
}

#CONTENTS #SERVICEPOINT h3 {

}
#CONTENTS #CASEFLOW {
margin: 0px;
padding: 0px 0px 0px 6px;
}

#CONTENTS #CASEFLOW #CASEFLOWBOTTOM {
clear: both;
height: 10px;
width: 800px;
margin: 0px;
padding: 0px;
}

#CONTENTS .serviceHeading {
font-size: 150%;
font-weight: bold;
border: 1px solid #CCC;
padding: 10px;
width: 570px;
background-image: none;
line-height: 1.5em;
height:auto;
}


#CONTENTS #SERVICEBEFORE {
background-image: url(images_site/service_beforeafter_bg.jpg);
background-repeat: repeat-y;
width: 325px;
margin: 0px 0px 12px;
padding: 0px;
}
#CONTENTS #SERVICEAFTER {
background-image: url(images_site/service_beforeafter_bg.jpg);
background-position:-325px 0px;
background-repeat: repeat-y;
width: 308px;
margin: 0px 0px 12px;
padding: 0px;
}
#CONTENTS #SERVICEBEFORE ul{
background-image: url(images_site/service_beforeafter_bottom.jpg);
background-repeat: no-repeat;
background-position: 0px bottom;
margin: 0px;
padding: 0px 0px 30px 30px;
font-size: 100%;
}
#CONTENTS #SERVICEAFTER ul{
background-image: url(images_site/service_beforeafter_bottom.jpg);
background-repeat: no-repeat;
background-position: -325px bottom;
margin: 0px;
padding: 0px 0px 30px 30px;
font-size: 100%;
}


#SIDE .sideMenuTitleBg {
background-repeat: no-repeat;
background-position: 3px 3px;
padding: 5px 0px;
line-height: 24px;
color: #000;
text-align: center;
margin: 0px 20px;
border-bottom: 1px solid #DBDBDB;
font-size: 12px;
border-top: 1px solid #DBDBDB;
}

#CONTENTS #SERVICEBEFORE ul li {
background-image: url(images_site/arrow03.jpg);
background-repeat: no-repeat;
background-position: 2px 14px;
width: 236px;
border-bottom: 1px solid #D1D1D1;
margin: 0px;
padding: 10px 0px 10px 19px;
line-height: 1.4em;
}

#CONTENTS #SERVICEAFTER ul li {
background-image: url(images_site/arrow02.jpg);
background-repeat: no-repeat;
background-position: 3px 15px;
width: 236px;
border-bottom: 1px solid #D1D1D1;
margin: 0px;
padding: 10px 0px 10px 19px;
line-height: 1.4em;
}

#CONTENTS .whiteBox .serviceList {
margin: 0px;
padding: 0px 0px 0px 4px;
background-image: none;
border-style: none;
height: auto;
clear: both;
font-size: 100%;
}

#CONTENTS .whiteBox .serviceList li {
float: left;
line-height: 1.7em;
width: 280px;
padding: 0px 10px 6px 20px;
overflow: hidden;
background-image: none;
border: none;
margin: 0px;
display: inline-block;
}

#CONTENTS .whiteBox .serviceList li a {
display: block;
text-decoration: none;
padding: 10px;
width: 260px;
}

#SIDE .sideHeadingBg {
background-image: url(images_site/side_title_bg.jpg);
font-size: 150%;
line-height: 1.2em;
color: #000;
padding: 20px 0px 0px;
background-repeat: no-repeat;
text-align: center;
height: 45px;
position: relative;
}

#CONTENTS #SERVICEVOICE ul li {
background-image: url(images_site/arrow05.gif);
background-repeat: no-repeat;
background-position: 0px 14px;
border-bottom: 1px solid #B6B5B3;
padding-left: 15px;
}

#SIDE .sideHeadingBg .pageTitle {
position: absolute;
left: 0px;
top: 0px;
}

#CONTENTS h2 {
padding: 10px;
margin-bottom: 10px;
}

#CONTENTS .whiteBox .serviceList li a:hover {
background-color: #FCF5DA;
color: #CE0909!important;
text-decoration:none!important;
}

#CONTENTS .whiteBox .serviceList li a span.tag {
background-color: #000;
height:13px;
padding: 1px 8px 2px;
font-size: 10px;
color:#FFF;
font-weight: normal;
line-height: 13px;
margin: 2px 2px 1px 0px;
display: inline-block;
}

#CONTENTS .whiteBox .serviceList li a:hover span.tag {
background-color: #970301;
}
#CONTENTS .whiteBox .serviceList li a span.description {
font-size: 92%;
font-weight: normal;
float: left;
width: 188px;
display: block;
cursor: pointer;
line-height: 1.3em;
margin: 0px;
padding: 0px 0px 0px 12px;
}
#CONTENTS .whiteBox .serviceList li a span.description strong {
font-size: 12px!important;
background-image: url(images_site/arrow11.gif);
background-repeat: no-repeat;
background-position: 0px 5px;
display: block;
text-indent: 1.2em;
line-height: 1.7em;
width: 188px;
}
#TITLESERVICEIND span.tag {
font-size: 12px;
padding: 0px;
color:#FFF;
background-image: url(images_site/tag_left.gif);
background-repeat: no-repeat;
background-position: left center;
height: 18px;
display: inline-block;
margin: 0px 3px 0px 0px;
}
#TITLESERVICEIND span.tag span,
#TITLESERVICEIND span.tag a{
background-image: url(images_site/tag_right.gif);
background-repeat: no-repeat;
background-position: right top;
padding: 0px 10px 0px 7px;
color:#FFF;
text-decoration:none;
display: inline-block;
background-color: #000;
height: 18px;
line-height: 18px;
top: 7px;
left: 3px;
margin-left: 3px;
}
#CONTENTS .serviceDescription {
width:640px;
padding: 0px 0px 0px;

}

#CONTENTS .serviceDescription .serviceListLink {
float: right;
background-image: url(images_site/arrow01.gif);
background-repeat: no-repeat;
display: block;
background-position: 0px 4px;
margin: -2.8em 0px 0px;
padding: 0px 8px 0px 16px;
line-height: 1.6em;
}

#CONTENTS .whiteBox .profileList li{
	float:left;
	padding:5px;
	text-align:center;
	background-image:none;
}
#CONTENTS #NEEDSCALLCENTER .serviceList,
#CONTENTS #NEEDSTEL .serviceList{
margin:0px;
padding:0px 0px 0px 12px;
	}
#CONTENTS #NEEDSCALLCENTER .serviceList li,
#CONTENTS #NEEDSTEL .serviceList li{
padding: 0px;
margin: 0px 0px 10px;
clear: both;
}
#CONTENTS #NEEDSCALLCENTER .serviceList li a,
#CONTENTS #NEEDSTEL .serviceList li a{
width:260px;
}
#CONTENTS #NEEDSCALLCENTER .grayBox,
#CONTENTS #NEEDSTEL .grayBox{
margin-right: 2px;
}

#CONTENTS #NEEDSCALLCENTER .serviceList,
#CONTENTS #NEEDSTEL .serviceList{
margin-top: 10px;
}

#CONTENTS #SERVICEWHO ul {
background-image: url(images_site/service_who_bottom.jpg);
background-repeat: no-repeat;
background-position: left bottom;
margin: 0px;
line-height: 1.2em;
padding: 10px 0px 30px;
font-size: 100%;
}

#CONTENTS #SERVICEDELIVERABLE h2 {
background-image: url(images_site/service_output_title.jpg);
background-repeat: no-repeat;
text-indent: -9999px;
height: 39px;
margin: 0px;
padding: 0px;
}

#CONTENTS #SERVICEDELIVERABLEBOTTOM {
background-image: url(images_site/service_output_bottom.jpg);
background-repeat: no-repeat;
clear: both;
height: 10px;
margin: 0px;
padding: 0px;
background-position: center bottom;
}

#CONTENTS #SERVICEDELIVERABLE ul {
padding: 20px 0px 5px 20px;
width: 600px;
margin: 0px;
overflow: hidden;
font-size: 100%;
}

#CONTENTS #SERVICEDELIVERABLE ul li {
text-align: center;
margin: 0px 0px 10px;
padding: 0px 4px 0px 5px;
float: left;
background-image: none;
display: inline-block;
}
#CONTENTS #SERVICEDELIVERABLE ul li img {
margin-right: 20px;
margin-left: 20px;
}
#CONTENTS #CASEPROBLEM h2 {
background-image: url(images_site/case_problem_title.jpg);
background-repeat: no-repeat;
height: 65px;
padding: 0px;
color: #F1EEE5;
font-size: 12px;
}
#CONTENTS #CASESOLUTION h2 {
background-image: url(images_site/case_solution_title.jpg);
background-repeat: no-repeat;
height: 65px;
padding: 0px;
color: #F1EEE5;
font-size: 12px;
}
#CASEFLOW #FLOWPROBLEM ul,
#CASEFLOW #FLOWSOLUTION ul{
background-image: url(images_site/case_flow_bottom.gif);
background-repeat: no-repeat;
background-position: 7px bottom;
padding-bottom: 10px;
margin: 0px;
color:#000;
font-size: 100%;
}

#CASEFLOW #FLOWPROBLEM ul li,
#CASEFLOW #FLOWSOLUTION ul li{
background-image: url(images_site/arrow10.gif);
background-repeat: no-repeat;
background-position: 28px 14px;
padding: 9px 25px 8px 43px;
}

#CONTENTS #SERVICEVOICE ul {
font-size: 100%;
margin: 10px 20px 0px;
}

#CONTENTS #NEEDSCALLCENTER ul,
#CONTENTS #NEEDSTEL ul {
margin-right: 10px;
margin-left: 10px;
}

#CONTENTS #CASEPROBLEM h3,
#CONTENTS #CASESOLUTION h3,
#CONTENTS #SERVICEPRICE h3{
margin-right: 15px;
margin-left: 15px;
border-style: none;
}

#CONTENTS .grayBox .grayBox {
margin: 0px 20px;
line-height: 1.5em;
}

#CONTENTS .grayBox .grayBox a {
background-image: url(images_site/arrow09.gif);
background-repeat: no-repeat;
background-position: 3px 3px;
text-indent: 1em;
display: inline-block;
}

.serviceWrapper p {
background-image: url(images_site/arrow05.gif);
background-repeat: no-repeat;
background-position: 16px 8px; 
text-indent:1em;"
}

#CONTENTS .whiteBox dl {
margin: 5px 20px 15px;
font-size: 100%;
line-height: 1.5em;
}

#CONTENTS .whiteBox dl dt {
background-color: #A50000;
color: #FFF;
padding: 3px 7px;
font-weight: bold;
margin:0px;
}

#CONTENTS .whiteBox dl dd {
padding: 3px 7px 15px;
background-image:url(images_site/arrow06.jpg);
background-repeat:no-repeat;
background-position:0px 8px;
text-indent: 5px;
}
#WRAPPER #CONTENTS table {
border-collapse: collapse;
border:none;
border-style: none;
margin:10px 25px;
}

#WRAPPER #CONTENTS table.tableRed {
border-collapse: collapse;
border-style: none;
}
#WRAPPER #CONTENTS table.tableRed caption {
text-align: left;
padding:7px 5px;
line-height:1.2em;
border-bottom: 1px solid #141414;
font-weight: bold;
}
#WRAPPER #CONTENTS table.tableRed th {
text-align: left;
padding:7px;
line-height:1.4em;
border-bottom: 1px solid #E60012;
color: #6C000F;
font-weight: bold;
background-color:#FFF;
border-top-color: #FFF;
border-right-color: #FFF;
border-left-color: #FFF;
}
#WRAPPER #CONTENTS table.tableRed td {
text-align: left;
padding:7px 5px;
line-height:1.4em;
border-bottom: 1px solid #CFCFCF;
border-top-color: #FFF;
border-right-color: #FFF;
border-left-color: #FFF;
}

#CONTENTS .grayBox #SERVICEPRICE p {
text-indent: 0;
background-image: none;
font-size: 100%;
}