@charset "UTF-8";

@import "/common/css/default.css";
@import "/common/css/common.css";

/*ソリューションのスタイルシート

■目次：

・7つのソリューション
・ページリンク
・導入事例

*/



/*---------------7つのソリューション---------------*/

#solution_image {
	margin: 12px 0 0;
	width: 530px;
	height: 620px;
	position: relative;
	background: url(/common/css/solution_css/bg_solution_image.gif) no-repeat;
}

#solution_image h2,
#solution_image p,
#solution_image span {
	display: none;
}

#solution_image_crm a {
	position: absolute;
	top: 5px;
	left: 192px;
	width: 174px;
	height: 46px;
	background: url(/common/css/solution_css/obj_solution_crm.gif) no-repeat;
}
#solution_image_crm a:hover {
	position: absolute;
	top: 5px;
	left: 192px;
	width: 174px;
	height: 46px;
	background: url(/common/css/solution_css/obj_solution_crm_on.gif) no-repeat;
}

#solution_image_crm2 a {
	position: absolute;
	top: 57px;
	left: 226px;
	width: 101px;
	height: 101px;
	background: url(/common/css/solution_css/obj_solution_crm2.gif) no-repeat;
}
#solution_image_crm2 a:hover {
	position: absolute;
	top: 57px;
	left: 226px;
	width: 101px;
	height: 101px;
	background: url(/common/css/solution_css/obj_solution_crm2_on.gif) no-repeat;
}

#solution_image_medical a {
	position: absolute;
	top: 45px;
	left: 397px;
	width: 130px;
	height: 65px;
	background: url(/common/css/solution_css/obj_solution_medical.gif) no-repeat;
}
#solution_image_medical a:hover {
	position: absolute;
	top: 45px;
	left: 397px;
	width: 130px;
	height: 65px;
	background: url(/common/css/solution_css/obj_solution_medical_on.gif) no-repeat;
}

#solution_image_medical2 a {
	position: absolute;
	top: 115px;
	left: 380px;
	width: 101px;
	height: 101px;
	background: url(/common/css/solution_css/obj_solution_medical2.gif) no-repeat;
}
#solution_image_medical2 a:hover {
	position: absolute;
	top: 115px;
	left: 380px;
	width: 101px;
	height: 101px;
	background: url(/common/css/solution_css/obj_solution_medical2_on.gif) no-repeat;
}

#solution_image_financial a {
	position: absolute;
	top: 390px;
	left: 404px;
	width: 123px;
	height: 64px;
	background: url(/common/css/solution_css/obj_solution_financial.gif) no-repeat;
}
#solution_image_financial a:hover {
	position: absolute;
	top: 390px;
	left: 404px;
	width: 123px;
	height: 64px;
	background: url(/common/css/solution_css/obj_solution_financial_on.gif) no-repeat;
}

#solution_image_financial2 a {
	position: absolute;
	top: 274px;
	left: 383px;
	width: 101px;
	height: 101px;
	background: url(/common/css/solution_css/obj_solution_financial2.gif) no-repeat;
}
#solution_image_financial2 a:hover {
	position: absolute;
	top: 274px;
	left: 383px;
	width: 101px;
	height: 101px;
	background: url(/common/css/solution_css/obj_solution_financial2_on.gif) no-repeat;
}

#solution_image_cs a {
	position: absolute;
	top: 509px;
	left: 298px;
	width: 217px;
	height: 65px;
	background: url(/common/css/solution_css/obj_solution_cs.gif) no-repeat;
}
#solution_image_cs a:hover {
	position: absolute;
	top: 509px;
	left: 298px;
	width: 217px;
	height: 65px;
	background: url(/common/css/solution_css/obj_solution_cs_on.gif) no-repeat;
}

#solution_image_cs2 a {
	position: absolute;
	top: 398px;
	left: 285px;
	width: 101px;
	height: 101px;
	background: url(/common/css/solution_css/obj_solution_cs2.gif) no-repeat;
}
#solution_image_cs2 a:hover {
	position: absolute;
	top: 398px;
	left: 285px;
	width: 101px;
	height: 101px;
	background: url(/common/css/solution_css/obj_solution_cs2_on.gif) no-repeat;
}

#solution_image_quality a {
	position: absolute;
	top: 532px;
	left: 65px;
	width: 203px;
	height: 79px;
	background: url(/common/css/solution_css/obj_solution_quality.gif) no-repeat;
}
#solution_image_quality a:hover {
	position: absolute;
	top: 532px;
	left: 65px;
	width: 203px;
	height: 79px;
	background: url(/common/css/solution_css/obj_solution_quality_on.gif) no-repeat;
}

#solution_image_quality2 a {
	position: absolute;
	top: 427px;
	left: 129px;
	width: 101px;
	height: 101px;
	background: url(/common/css/solution_css/obj_solution_quality2.gif) no-repeat;
}
#solution_image_quality2 a:hover {
	position: absolute;
	top: 427px;
	left: 129px;
	width: 101px;
	height: 101px;
	background: url(/common/css/solution_css/obj_solution_quality2_on.gif) no-repeat;
}

#solution_image_security a {
	position: absolute;
	top: 381px;
	left: 3px;
	width: 105px;
	height: 105px;
	background: url(/common/css/solution_css/obj_solution_security.gif) no-repeat;
}
#solution_image_security a:hover {
	position: absolute;
	top: 381px;
	left: 3px;
	width: 105px;
	height: 105px;
	background: url(/common/css/solution_css/obj_solution_security_on.gif) no-repeat;
}

#solution_image_security2 a {
	position: absolute;
	top: 290px;
	left: 51px;
	width: 101px;
	height: 101px;
	background: url(/common/css/solution_css/obj_solution_security2.gif) no-repeat;
}
#solution_image_security2 a:hover {
	position: absolute;
	top: 290px;
	left: 51px;
	width: 101px;
	height: 101px;
	background: url(/common/css/solution_css/obj_solution_security2_on.gif) no-repeat;
}

#solution_image_network a {
    position: absolute;
    top: 71px;
    left: 3px;
    width: 122px;
    height: 97px;
    background: url(/common/css/solution_css/obj_solution_network.gif) no-repeat;
}
#solution_image_network a:hover {
    position: absolute;
    top: 71px;
    left: 3px;
    width: 122px;
    height: 97px;
    background: url(/common/css/solution_css/obj_solution_network_on.gif) no-repeat;
}

#solution_image_network2 a {
	position: absolute;
	top: 153px;
	left: 98px;
	width: 101px;
	height: 101px;
	background: url(/common/css/solution_css/obj_solution_network2.gif) no-repeat;
}
#solution_image_network2 a:hover {
	position: absolute;
	top: 153px;
	left: 98px;
	width: 101px;
	height: 101px;
	background: url(/common/css/solution_css/obj_solution_network2_on.gif) no-repeat;
}



/*---------------ページリンク---------------*/

#pagelink_box {
	margin: 12px 0 0;
	width: 530px;
	height: 50px;
	background: url(/common_resource/bg_top_search.gif) repeat-x;
}

#right #pagelink_box ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float: left;
	width: 530px;
}

#right #pagelink_box ul li {
	width: 160px;
	float: left;
}

#right #pagelink_box ul li#pagelink_product {
	padding: 6px 0 0 16px; 
}

#right #pagelink_box ul li#pagelink_casestudy {
	padding: 6px 0 0 9px; 
}

#right #pagelink_box ul li#pagelink_contact {
	padding: 6px 0 0 9px; 
}

#right #pagelink_box ul li span {
	display: none;
}

#right #pagelink_box ul li#pagelink_product a {
	background: url(/common/css/solution_css/bt_pagelink_product_off.gif) no-repeat;
	display: block;
	width: 160px;
	height: 38px;
}

#right #pagelink_box ul li#pagelink_product a:hover {
	background: url(/common/css/solution_css/bt_pagelink_product_on.gif) no-repeat;
	display: block;
	width: 160px;
	height: 38px;
}

#right #pagelink_box ul li#pagelink_casestudy a {
	background: url(/common/css/solution_css/bt_pagelink_casestudy_off.gif) no-repeat;
	display: block;
	width: 160px;
	height: 38px;
}

#right #pagelink_box ul li#pagelink_casestudy a:hover {
	background: url(/common/css/solution_css/bt_pagelink_casestudy_on.gif) no-repeat;
	display: block;
	width: 160px;
	height: 38px;
}

#right #pagelink_box ul li#pagelink_contact a {
	background: url(/common/css/solution_css/bt_pagelink_contact_off.gif) no-repeat;
	display: block;
	width: 160px;
	height: 38px;
}

#right #pagelink_box ul li#pagelink_contact a:hover {
	background: url(/common/css/solution_css/bt_pagelink_contact_on.gif) no-repeat;
	display: block;
	width: 160px;
	height: 38px;
}



/*---------------導入事例---------------*/

.caseindex_box {
	margin: 14px 18px 0;
	padding: 0 0 18px;
	width: 494px;
	background: url(/common_resource/bg_dotted3.gif) left bottom repeat-x;
}

.caseindex_box_title {
	margin: 8px 0 0;

	width: 494px;
}

.caseindex_box_last {
	margin: 14px 18px 0;
	padding: 0;
	width: 494px;
}

body #right .caseindex_box h3,
body #right .caseindex_box_last h3 {
	margin: 0;
	padding: 0;
	font-size: 120%;
	background: none;
	border: none;
	width: auto;
}

body #right p.case_date {
	margin: 0;
	text-align: right;
}

.case_logo {
	margin: 12px 0 0;
}

body #right .case_logo p {
	margin: 0 0 8px;
}

body #right .case_logo img {
	margin-right: 8px;
}

body #right p.case_lead {
	font-weight: bold;
}

#right .caseindex_box p,
#right .caseindex_box_last p {
	margin: 12px 0 0;
}

.caseindex_box .postscript,
.caseindex_box_last .postscript {
	margin: 18px 0 0;
	padding: 0 18px 12px;
	border: 1px solid #CCCCCC;
	background: #F5F5F5;
}

.caseindex_box .postscript p img,
.caseindex_box_last .postscript p img {
	vertical-align: middle;
}

#right table.case_profile {
	margin: 20px 18px 0;
	width: 494px;
}

#right table.case_profile th {
	text-align: left;
	width: auto;
}


/*0203追加*/
/*---------------IPネットワーク・インフラ-イメージ---------------*/

#network_image {
	margin: 0px;
/*	width: 530px;
	height: 724px;
	background: url(/common/css/solution_css/obj_networkimage.jpg) no-repeat;*/
}
#network_image h2 {
	display: none;
}
#network_image h3 {
	display: none;
}
#network_image ul {
	display: none;
}



/*---------------セキュリティ・ソリューション-イメージ---------------*/

#security_image {
	margin: 0px;
/*	width: 530px;
	height: 906px;
	background: url(/common/css/solution_css/obj_securityimage.jpg) no-repeat;*/
}
#security_image h2 {
	display: none;
}
#security_image h3 {
	display: none;
}
#security_image p {
	display: none;
}
#security_image ul {
	display: none;
}


/*---------------ソフトウェア品質保証-イメージ---------------*/

#quality_image {
	margin: 0px;
/*	width: 530px;
	height: 433px;
	background: url(/common/css/solution_css/obj_qualityimage.jpg) no-repeat;*/
}
#quality_image h2 {
	display: none;
}
#quality_image h3 {
	display: none;
}
#quality_image ul {
	display: none;
}



/*---------------カスタマー・ソリューション-イメージ---------------*/

#cs_image {
	margin: 0px;
/*	width: 530px;
	height: 488px;
	background: url(/common/css/solution_css/obj_csimage.jpg) no-repeat;*/
}
#cs_image h2 {
	display: none;
}
#cs_image h3 {
	display: none;
}
#cs_image ul {
	display: none;
}



/*---------------金融ソリューション-イメージ---------------*/

#financial_image {
	margin: 0px;
/*	width: 530px;
	height: 641px;
	background: url(/common/css/solution_css/obj_financialimage.jpg) no-repeat;*/
}
#financial_image h2 {
	display: none;
}
#financial_image h3 {
	display: none;
}
#financial_image h4 {
	display: none;
}
#financial_image dl {
	display: none;
}
#financial_image ul {
	display: none;
}

/*---------------医療ソリューション-イメージ---------------*/

#medical_image {
	margin: 0px;
}
#medical_image h2 {
	display: none;
}
#medical_image h3 {
	display: none;
}
#medical_image h4 {
	display: none;
}
#medical_image dl {
	display: none;
}
#medical_image ul {
	display: none;
}


/*---------------CRMソリューション-イメージ---------------*/

#crm_image {
	margin: 0px;
/*	width: 530px;
	height: 635px;
	background: url(/common/css/solution_css/obj_crmimage.jpg) no-repeat;*/
}
#crm_image h2 {
	display: none;
}
#crm_image h3 {
	display: none;
}
#crm_image p {
	display: none;
}
#crm_image dl {
	display: none;
}
#crm_image ul {
	display: none;
}