p { font-size: 10pt; line-height: 12pt}
.text1 { font-size: 10pt; line-height: 12pt}
.text2 { font-size: 11pt; color: #ffffff; vertical-align: middle} 
.text3 { font-size: 13pt}



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

  2007.3.7追加
  for
  /system/cocktail/jirei/0035/index.html

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



.jireiArea {
 width: 550px;
  margin-left: 20px;
}
  
.layoutR {
 width: 180px;
  float: right; 
}

  
.jireiArea h2 {
 padding-bottom: 15px;
} 
  

.jireiArea h3 {
 margin: 0;
 padding: 2px;
  margin-bottom: 10px;
  padding-left: 7px;
  font-size: medium;
  line-height: 1.3;
  font-weight: bold;
  color: #fff;
  background-color: #3371AA;
}

.jireiArea h4 {
 margin: 0;
 padding: 0;
  margin-bottom: 10px;
  font-size: small;
  line-height: 1.3;
}

.jireiArea p {
 margin: 0;
 padding: 0;
  padding-bottom: 15px;
  font-size: small;
  line-height: 1.3;
} 
  

p.catch{
  margin-bottom: 15px;
  padding: 7px;
  padding-left: 10px;
  font-size: small;
  line-height: 1.2;
  font-weight: bold;
  border: 1px solid #3371AA;
}

.layoutR p,
.layoutR2 p, p.layoutR,/*2009.5.5追加*/
.pictureR p {
  font-size: x-small;
  line-height: 1.2;
  color: #666666;
}

p.imgComment {
  font-size: x-small;
  line-height: 1.2;
  color: #666666;
}

p.rightSpace {
 /*margin-right: 190px;2009.5.14*/
  width:355px;
}

strong.companyName {
  font-size: medium;
  line-height: 1.3;
  font-weight: bold;
}

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

  2009.5.5追加
  for
  /system/cocktail/jirei/00xx/

------------------------------------------------------------ */
.layoutR2 {
 width: 205px;
  float: right; 
}
.layoutR2 p {
  width:90px;
  float:left;
  margin-left:10px;
}
p.rightSpace2, .rightSpace2 {
 width: 330px;
  float:left;
}
.jireiArea ol {
  margin: 0;
  padding: 0 0 15px 2em;
  font-size: small;
  line-height: 1.3;
} 
.jireiArea ol li{
  list-style-type: decimal;
}
/* clear CLASS  */
.clearL {
 clear: left;
}

.clearR {
 clear: right;
}

.clearR {
 clear: both;
}



/* img  */  

.pictureR { 
  float: right; 
  padding: 4px;
  padding-left: 10px;
  padding-right: 0; 
}


.pictureL { 
  float: left; 
  padding: 0;
  padding-right: 10px;
  padding-left: 20px; 
}

img.rightSpace { 
  padding-right: 5px;
}


/* For popup Window  */ 

h1.pop {
 margin: 0;
 padding: 10px;
  font-size: medium;
  line-height: 1.3;
}



/* table  */


table.profile {
  width: 550px; 
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}

table.profile caption {
 padding: 5px;
  text-align: left;
  font-size: medium;
  font-weight: bold;
  color: #fff;
  background-color: #666666;
}

.profile th {
  width: 160px; 
  margin: 0;
  padding: 3px;
  vertical-align: top;
  text-align: left;
  font-size: small;
  line-height: 1.3;
  font-weight: normal;
}


.profile td {
  margin: 0;
  padding: 3px;
  padding-left: 10px;
  vertical-align: top;
  font-size: small;
  line-height: 1.3;
}

tr.color {
  background-color: #dddddd;
}


.colorB {
  color:#3371AA;
}


table.profileCorp {
  margin: 0;
  padding: 0;
  border-collapse: collapse;
}

table.profileCorp caption {
 padding: 5px;
  font-size: small;
  text-align: left;
  font-weight: bold;
}

.profileCorp th {
  width: 90px; 
  margin: 0;
  padding: 1px;
  vertical-align: top;
  text-align: left;
  font-size: small;
  line-height: 1.3;
  font-weight: normal;
}


.profileCorp td {
  margin: 0;
  padding: 1px;
  vertical-align: top;
  font-size: small;
  line-height: 1.3;
}
/*080608追記　080618修正*/
#contents .jireiArea {
 width: 550px;
  text-align:left;
  margin:0 auto 20px;
  clear:both;
}


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

  2012.11.15追加
  for
  /system/cocktail/jirei/0054
  for
  /system/cocktail/jirei/0055/

------------------------------------------------------------ */
/*   width   */
.main912 {width : 912px;}
.w912tl { width : 912px; text-align:left;}

/*   padding   */
.pr14 {padding-right : 14px;}

/*   修正   */
.subcontents01 {
  margin : 0;
  background : url(../img/product/subpage_bk.gif) repeat-x left top;
  padding-top : 14px;
  }
  .subcontents01 h2 {
    margin-bottom : 15px;
    font-size : 80%;
    color : #666666;
    }
    
#contents a.list_link{
  color:#000000 !important;
  text-decoration:none !important;
}

/*   headerのメニューバー   */

.supercocktailmenu {
  margin : 0px;
  padding : 0 3px 3px;
  width : 906px;
  height : 30px;
  background-image : url(../tool/img/common/mm/mm_bk.jpg);
  background-repeat : repeat-x;
  }
  
  .supercocktailmenu li, .subm li, .subm2 li {
    float : left;
    list-style-type : none;
    }

/*   h3見出し   */
.h3fonts {
  font-size : 95%;
  line-height : 138%;
  padding : 0 0 0 170px;
  }
.h3kadai {
  background : url(../../common/images/h3_kadai_inner.jpg) no-repeat bottom left;
  height : 46px;
  vertical-align : middle;
  }
.h3jyoukyou {
  background : url(../../common/images/h3_joukyou_inner.jpg) no-repeat bottom left;
  height : 46px;
  vertical-align : middle;
  }
.h3point {
  background : url(../../common/images/h3_system_inner.jpg) no-repeat bottom left;
  height : 46px;
  vertical-align : middle;
  }
.h3project {
  background : url(../../common/images/h3_project_inner.jpg) no-repeat bottom left;
  height : 46px;
  vertical-align : middle;
  }

.h3effect {
  background : url(0055/image/h3_effect_inner.jpg) no-repeat bottom left;
  height : 46px;
  vertical-align : middle;
  }
.h3tenbou {
  background : url(../../common/images/h3_tenbou_inner.jpg) no-repeat bottom left;
  height : 46px;
  vertical-align : middle;
  }
  
  
#contents .jirei_block {
  width: 667px;
  padding-left: 10px;
  font-size: 95%;
  line-height: 150%;
  margin-bottom: 10px;
  }
  
#contents .jirei_block h3 {
  background: #F1F9E8;
  width: 667px;
  padding: 2px;
  font-size: 120%;
  line-height: 150%;
  margin-bottom: 5px;
  }
  
#contents .jirei_block > h3 {
  width: 663px;
  }
  
#contents .jirei_block img {
  float: right;
  margin: 0px 0px 10px 10px;
  }
  
#contents .jirei_block p {
  float: left;
  }


/*   お客さまからのひとこと   */
.visitor_set {
  background : url(0055/image/img_visitor_inner.jpg) no-repeat bottom left;
  height : 193px;
  vertical-align : middle;
  }
h4.visitor_title {
  width : 470px;
  font-size : 110%;
  line-height : 150%;
  font-weight : bold;
  margin-bottom : 10px;
  }

/*   課題と解決への取り組みtable   */
.orange_bold {
  color : #E35900;
  font-weight : bold;
  }
.measure_table {
  border-right : 1px solid #CCCCCC;
  }
  
  .measure_table tbody th {
    border-left : 1px solid #CCCCCC; border-collapse:collapse;
    padding : 5px;
    text-align : left;
    }
  .measure_table tbody td {
    border-left : 1px solid #CCCCCC; border-collapse:collapse;
    border-bottom : 1px solid #CCCCCC; border-collapse:collapse;
    padding : 5px;
    vertical-align : top;
    }

/*   新システム導入後の業務フロー図   */
.system_title {
  background : url(0055/image/h3_bg_system.jpg) no-repeat left bottom;
  height : 35px;
  font-size : 86%;
  font-weight : bold;
  color : #426D14;
  padding : 0 0 0 35px;
  vertical-align : middle;
  }
.system_image {
  border-right : 1px solid #CCCCCC;
  border-bottom : 1px solid #CCCCCC;
  border-left : 1px solid #CCCCCC;
  }

/*  download_box
------------------------------------------------------*/
.download_box,
.download_box01 {
  background : url(../../common/images/img_download_outer.jpg) no-repeat top left;
  width : 692px;
  height : 100px;
  }

.download_box03 {
  background : url(../../common/images/dlbtn/img_download_outer03.jpg) no-repeat top left;
  width : 692px;
  height : 171px;
  }
  
  /*114px*/
  
  /*.download_box td.dl01 {
    padding:15px 0 0 364px;
    }*/
  .download_box03 .dl01 a{
    padding: 95px 0 20px 420px;
    font-size: 93%;
    display: block;
    line-height: 130%;
    }
    
    
  .download_box03 .dl01 a .downloadInner{
    font-size: 93%;
    line-height: 130%;
    display: block;
    color: #000;
    text-decoration: none;
    }
    
/*  内外ゴム様
-------------------------------------------------------*/
.download_box_gomu {
  background : url(../../common/images/dlbtn/img_download_outer_gomu.jpg) no-repeat top left;
  width : 692px;
  height : 171px;
  }

  .download_box_gomu .dl01 a{
    padding: 95px 0 20px 420px;
    font-size: 93%;
    display: block;
    line-height: 130%;
    }
    
    
  .download_box_gomu .dl01 a .downloadInner{
    font-size: 93%;
    line-height: 130%;
    display: block;
    color: #000;
    text-decoration: none;
    }
    
    
/*  すばる様
-------------------------------------------------------*/
.download_box_subaru {
  background : url(../../common/images/dlbtn/img_download_outer_subaru.jpg) no-repeat top left;
  width : 692px;
  height : 171px;
  }

  .download_box_subaru .dl01 a{
    padding: 95px 0 20px 420px;
    font-size: 93%;
    display: block;
    line-height: 130%;
    }
    
    
  .download_box_subaru .dl01 a .downloadInner{
    font-size: 93%;
    line-height: 130%;
    display: block;
    color: #000;
    text-decoration: none;
    }
    
    
    
/*.download_box02 {
  width : 692px;
  height : 100px;
}
*/
.download_box td.dl01,
.download_box01 td.dl01 {
  padding:15px 0 0 364px;
}


/* 130201追記
------------------------------------------------------*/
p.txt00{
  text-indent:-1em;
  padding-left:1em;
  font-size:100%;
  line-height:150%;
}

/* 130829追記
------------------------------------------------------*/
/*選定のポイント*/

.point_box {
  border: 1px solid #AAA;
  padding: 10px;
  width: 340px;
  margin-bottom: 10px;
  }
  
  .point_box strong {
    color: #934273;
    }
  .point_box ol li {
    list-style-type: decimal;
    margin: 0 0 3px 35px;
    }
  
  /*太田商事様 導入効果*/
  .kadai_right02 {
    width: 625px;
    border: 1px solid #ccc;
    padding: 25px 5px 20px 5px;
    vertical-align: middle;
    display: table-cell;
    line-height: 1px;
    }

/* 131216追記
------------------------------------------------------*/
/*ぼんち詳細導入事例*/

.download_box_bonchi {
  background : url(../../common/images/dlbtn/img_download_outer_bonchi.jpg) no-repeat top left;
  width : 692px;
  height : 171px;
  }

  .download_box_bonchi .dl01 a{
    padding: 95px 0 20px 420px;
    font-size: 93%;
    display: block;
    line-height: 130%;
    }
    
    
  .download_box_bonchi .dl01 a .downloadInner{
    font-size: 93%;
    line-height: 130%;
    display: block;
    color: #000;
    text-decoration: none;
    }
    
/*ぼんちポイント*/
.bonchipoint {
  border: 2px dotted #ff0000;
  margin: 20px 0 20px 0;
  padding: 10px;
  }



/* 140214追記
------------------------------------------------------*/
/*京華産業詳細導入事例*/

.download_box_keika {
  background : url(../../common/images/dlbtn/img_download_outer_keika.jpg) no-repeat top left;
  width : 692px;
  height : 171px;
  }

  .download_box_keika .dl01 a{
    padding: 95px 0 20px 420px;
    font-size: 93%;
    display: block;
    line-height: 130%;
    }
    
    
  .download_box_keika .dl01 a .downloadInner{
    font-size: 93%;
    line-height: 130%;
    display: block;
    color: #000;
    text-decoration: none;
    }
    


/* 140806追記
------------------------------------------------------*/
/*日本絨氈詳細導入事例*/

.download_box_nihonjutan {
  background : url(../../common/images/dlbtn/img_download_outer_nihonjutan.jpg) no-repeat top left;
  width : 692px;
  height : 171px;
  }

  .download_box_nihonjutan .dl01 a{
    padding: 95px 0 20px 420px;
    font-size: 93%;
    display: block;
    line-height: 130%;
    }
    
    
  .download_box_nihonjutan .dl01 a .downloadInner{
    font-size: 93%;
    line-height: 130%;
    display: block;
    color: #000;
    text-decoration: none;
    }



/*文明堂東京詳細導入事例*/

.download_box_bunmeidou {
  background : url(../../common/images/dlbtn/img_download_outer_bunmeidou.jpg) no-repeat top left;
  width : 692px;
  height : 171px;
  }

  .download_box_bunmeidou .dl01 a{
    padding: 95px 0 20px 420px;
    font-size: 93%;
    display: block;
    line-height: 130%;
    }
    
    
  .download_box_bunmeidou .dl01 a .downloadInner{
    font-size: 93%;
    line-height: 130%;
    display: block;
    color: #000;
    text-decoration: none;
    }



/* 141121追記（杉本）
------------------------------------------------------*/

/*トーラク詳細導入事例*/

.download_box_toraku {
  background : url(../../common/images/dlbtn/img_download_outer_toraku.jpg) no-repeat top left;
  width : 692px;
  height : 171px;
  }

  .download_box_toraku .dl01 a{
    padding: 80px 0 20px 410px;
    font-size: 93%;
    display: block;
    line-height: 130%;
    }
    
    
  .download_box_toraku .dl01 a .downloadInner{
    font-size: 93%;
    line-height: 130%;
    display: block;
    color: #000;
    text-decoration: none;
    }



/*富永電子システム詳細導入事例*/
.download_box_tominaga_system {
background: url(../../common/images/dlbtn/img_download_outer_tominaga_system.jpg) no-repeat top left;
width: 692px;
height: 171px;
}

.download_box_tominaga_system .dl01 a {
padding: 80px 0 20px 410px;
font-size: 93%;
display: block;
line-height: 130%;
}

.download_box_tominaga_system .dl01 a .downloadInner {
font-size: 93%;
line-height: 130%;
display: block;
color: #000;
text-decoration: none;
}