@charset "shift_jis";

.mb1{ margin-bottom: 1em; }
.ml4{ margin-left: 4em; }

/* index.html -----------------------------------------*/
#contents h1#tit_index{ background: url(../images/index/crm_index_tittle.jpg) 0 0 no-repeat; }

#contents div#index_left1{ float: left; width: 25%; }
#contents div#index_right1{ float: right; width: 75%; }

#contents div#index_product{ background: url(../images/index/index_product_back.gif) 0 0 no-repeat; width: 565px; height: 368px; position: relative; margin-top: 2em; }
#contents div#index_product img#img1{ width: 109px; height: 57px; position: absolute; top: 37px; left: 10px; }
#contents div#index_product img#img2{ width: 109px; height: 57px; position: absolute; top: 104px; left: 10px; }
#contents div#index_product img#img3{ width: 109px; height: 57px; position: absolute; top: 168px; left: 10px; }
#contents div#index_product img#img4{ width: 109px; height: 57px; position: absolute; top: 234px; left: 10px; }
#contents div#index_product img#img5{ width: 109px; height: 57px; position: absolute; top: 300px; left: 10px; }
#contents div#index_product img#img6{ width: 119px; height: 57px; position: absolute; top: 234px; left: 170px; }
#contents div#index_product img#img7{ width: 119px; height: 57px; position: absolute; top: 300px; left: 170px; }
#contents div#index_product img#img8{ width: 109px; height: 53px; position: absolute; top: 9px; left: 340px; }
#contents div#index_product img#img9{ width: 109px; height: 64px; position: absolute; top: 62px; left: 340px; }
#contents div#index_product img#img10{ width: 109px; height: 57px; position: absolute; top: 126px; left: 340px; }
#contents div#index_product img#img11{ width: 109px; height: 57px; position: absolute; top: 184px; left: 340px; }
#contents div#index_product img#img12{ width: 109px; height: 57px; position: absolute; top: 242px; left: 340px; }
#contents div#index_product img#img13{ width: 109px; height: 57px; position: absolute; top: 301px; left: 340px; }
#contents div#index_product img#img14{ width: 109px; height: 57px; position: absolute; top: 182px; left: 449px; }
#contents div#index_product img#img15{ width: 109px; height: 57px; position: absolute; top: 242px; left: 449px; }
#contents div#index_product img#img16{ width: 109px; height: 57px; position: absolute; top: 301px; left: 449px; }

#contents div#index_product2{ margin-top: 2em; }
#contents div#index_product2 div#left{ float: left; width: 33%; }
#contents div#index_product2 div#center{ float: left; width: 34%; text-align: center; }
#contents div#index_product2 div#right{ float: right; width: 33%; text-align: right; }

#contents div#index_left2{ float: left; width: 48%; }
#contents div#index_right2{ float: right; width: 48%; }


/* backnumber.html -----------------------------------------*/
#contents h1#tit_backnumber{ background: url(../images/backnumber/crm_backnumber_tittle.jpg) 0 0 no-repeat; }

#contents dl#backnumber_list1{ margin-top: 2em; }
#contents dl#backnumber_list1 dt{ clear: both; float: left; width: 18%; margin: 0 2% 1em 0; text-align: right; line-height: 1.3em; }
#contents dl#backnumber_list1 dd{ margin: 0 0 1em 20%; line-height: 1.3em; }


/* concept.html -----------------------------------------*/
#contents h1#tit_concept{ background: url(../images/concept/crm_concept_tittle.jpg) 0 0 no-repeat; }

#contents dl#concept_list1{ line-height: 1.47; }
#contents dl#concept_list1 dt{ float: left; width: 48%; }
#contents dl#concept_list1 dt#dt1 span{ margin-left: 1.4em; }
#contents dl#concept_list1 dt#dt2 span{ margin-left: 1em; }
#contents dl#concept_list1 dt#dt3 span{ margin-left: 1.1em; }
#contents dl#concept_list1 dt#dt4 span{ margin-left: 1em; }
#contents dl#concept_list1 dt#dt5 span{ margin-left: 0.9em; }


/* contactcenter.html -----------------------------------------*/
#contents p#contactcenter_p1{ border-bottom: 1px #000000 solid; margin: 1em 1.5em; }


/* solutionmap.html -----------------------------------------*/
#contents h1#tit_solutionmap{ background: url(../images/solutionmap/crm_solutionmap_tittle.jpg) 0 0 no-repeat; }

#contents table#solutionmap_table1{ width: 100%; border-collapse: collapse; }
#contents table#solutionmap_table1 col.col1{ width: 25%; }
#contents table#solutionmap_table1 col.col2{ width: 25%; }
#contents table#solutionmap_table1 col.col3{ width: 25%; }
#contents table#solutionmap_table1 col.col4{ width: 25%; }
#contents table#solutionmap_table1 th,
#contents table#solutionmap_table1 td{ border: 1px #990F07 solid; padding: 1em; text-align: center; vertical-align: middle; font-weight: bold; }
#contents table#solutionmap_table1 th.th1{ background-color: #FEE6E6; }
#contents table#solutionmap_table1 th.th2{ background-color: #E6E6E6; }
#contents table#solutionmap_table1 td span.paragraph{ font-size: 80%; font-weight: normal; }


/* methodology.html -----------------------------------------*/
#contents h1#tit_methodology{ background: url(../images/methodology/crm_methodology_tittle.jpg) 0 0 no-repeat; }

#contents ul#methodology_list1{ list-style-type: none; }
#contents ul#methodology_list1 li{ margin-left: 0; }

#contents div#methodology_left1{ float: left; width: 47%; text-align: center; margin-left: 2%; }
#contents div#methodology_right1{ float: right; width: 47%; text-align: center; margin-right: 2%; }

#contents p#methodology_p1{ border: 1px #999999 solid; padding: 0.2em; margin: 1em 2em; }


/* column 各ページ共通 -----------------------------------------*/
#contents h1#tit_column{ background: url(../images/column/crm_column_tittle.jpg) 0 0 no-repeat; }

#contents p.column_p1{ text-indent: 1em; }
#contents div.column_page_skip{ margin-top: 2em; text-align: center; }
#contents div.column_page_skip span{ margin: 0 0.4em; }

#contents div#column_writer{ border: 1px #333333 solid; width: 100%; margin-top: 1em; }
#contents div#column_writer div#left1{ float: left; width: 20%; margin: 1em 0 1em 1em; }
#contents div#column_writer div#right1{ float: right; width: 75%; margin: 1em 1em 1em 0; }
#contents div#column_writer div#right1 dl{ margin: 1em 0; }
#contents div#column_writer div#right1 dl dt{ float: left; }
#contents div#column_writer div#right1 dl dd{ line-height: 1.3em; }

#contents div#column_backnumber{ margin: 2em 1.5em; }
#contents div#column_backnumber p{ border-bottom: 1px #999999 solid; margin-bottom: 0.5em; }
#contents div#column_backnumber ul{ list-style-type: none; }
#contents div#column_backnumber ul li{ margin-left: 0; font-weight: bold; }
#contents div#column_backnumber ul li a{ margin-left: 0; font-weight: normal; }


/* column01.html column01_02.html -----------------------------------------*/
#contents h2#column01_subtitle{ background: url(../images/column/crm_column_no1_tittle.gif) 0 0 no-repeat; margin: 20px 0 !important; font-size: 1pt; text-indent: -10000px; width: 565px; height: 80px; }

#contents ul#column01_list1{ margin: 1em 0; }


/* column02.html column02_02.html -----------------------------------------*/
#contents h2#column02_subtitle{ background: url(../images/column/crm_column_no2_tittle.gif) 0 0 no-repeat; margin: 20px 0 !important; font-size: 1pt; text-indent: -10000px; width: 565px; height: 80px; }


/* column03.html column03_02.html -----------------------------------------*/
#contents h2#column03_subtitle{ background: url(../images/column/crm_column_no3_tittle.gif) 0 0 no-repeat; margin: 20px 0 !important; font-size: 1pt; text-indent: -10000px; width: 565px; height: 80px; }


/* column04.html column04_02.html -----------------------------------------*/
#contents h2#column04_subtitle{ background: url(../images/column/crm_column_no4_tittle.gif) 0 0 no-repeat; margin: 20px 0 !important; font-size: 1pt; text-indent: -10000px; width: 565px; height: 80px; }


/* column05.html column05_02.html -----------------------------------------*/
#contents h2#column05_subtitle{ background: url(../images/column/crm_column_no5_tittle.gif) 0 0 no-repeat; margin: 20px 0 !important; font-size: 1pt; text-indent: -10000px; width: 565px; height: 80px; }

#contents .column05_list1{ margin: 1em 0 1em 1em; }


/* column06.html column06_02.html -----------------------------------------*/
#contents h2#column06_subtitle{ background: url(../images/column/crm_column_no6_tittle.gif) 0 0 no-repeat; margin: 20px 0 !important; font-size: 1pt; text-indent: -10000px; width: 565px; height: 80px; }

#contents ol#column06_list1{ margin: 1em 0 1em 0.5em; }
#contents ol#column06_list1 li{ margin-top: 1em; font-weight: bold; }
#contents ol#column06_list1 li p{ font-weight: normal; }


/* ucap.html -----------------------------------------*/
#contents h1#tit_ucap{ background: url(../images/ucap/crm_ucap_tittle.jpg) 0 0 no-repeat; }

#contents p.ucap_subtitle{ color: #0049AB; font-size: 120%; font-weight: bold; }
#contents div#ucap_left1{ float: left; width: 51%; }
#contents div#ucap_right1{ float: right; width: 48%; }
#contents div#ucap_right1 h4{ color: #000000; }


/* ctibasic.html -----------------------------------------*/
#contents h1#tit_ctibasic{ background: url(../images/ctibasictemplate/crm_ctibasic_tittle.jpg) 0 0 no-repeat; }

#contents div#ctibasic_left1{ float: left; text-align: center; margin-top: 1em; }
#contents div#ctibasic_right1{ float: right; text-align: center; margin-top: 1em; }
#contents div#ctibasic_left2{ float: left; text-align: center; margin: 1em 0 0 16%; }
#contents div#ctibasic_right2{ float: right; text-align: center; margin: 1em 10% 0 0; }


/* peoplesoftcrm.html -----------------------------------------*/
#contents h1#tit_peoplesoftcrm{ background: url(../images/pscrm/crm_pscrm_tittle.jpg) 0 0 no-repeat; }

#contents h2#peoplesoftcrm_subtitle1{ color: #9C0000; font-size: 200%; margin-bottom: 0 !important; }
#contents h3#peoplesoftcrm_subtitle2{ color: #000000; font-size: 115%; margin-top: 0 !important; }

#contents p#peoplesoftcrm_p1{ background: url(../images/sankaku_right.gif) left center no-repeat; margin-top: 1em; padding-left: 15px; }
#contents ul#peoplesoftcrm_list1{ color: #9C0000; margin-top: 1em; }
#contents ul#peoplesoftcrm_list1 span{ color: #000000; }