@import "/css/common.css";

/****** 共通 *******/
/* コンテンツ詳細ページ共通 */
/*
div#contentArea{  
  font-size: 16px;
  line-height: 140%; 
}
/*
/* h2 */
h2.categoryTitle{
  font-size: 22px;
  font-weight: normal;
  border-bottom: 1px #555555 solid;
  margin: 0 auto 10px;
  background-image: url("/image2/common/circle_gr_big.png");
  background-repeat: no-repeat;
  background-position: 0pt 1.3px;
  text-indent: 25px;
  line-height: 125%;
}
h2.bySystemTitle{
  font-size: 22px;
  font-weight: normal;
  border-bottom: 1px #555555 solid;
  margin: 0 auto 10px;
  background-image: url("/image2/common/circle_bysystem.png");
  background-repeat: no-repeat;
  background-position: 0pt 1.3px;
  text-indent: 25px;
  line-height: 125%;
}
h2.byServiceTitle{
  font-size: 22px;
  font-weight: normal;
  border-bottom: 1px #555555 solid;
  margin: 0 auto 10px;
  background-image: url("/image2/common/circle_byservice.png");
  background-repeat: no-repeat;
  background-position: 0pt 1.3px;
  text-indent: 25px;
  line-height: 125%;
}
h2.pageSubTitle{
  font-size: 26px;
  padding-bottom: 10px;
  margin: 0 auto 30px;
  line-height: 120%;
  border-bottom: 2px solid #000000;
}
h3.cmn_h3{
  font-size: 18px;
  padding: 15px 0 12px;
  background-color: #74bca5;
  padding: 15px 0 12px 15px;
  margin-bottom: 30px;
  line-height: 110%;
  color: #FFFFFF;
}
h4.cmn_h4{
  font-size: 20px;
  border-bottom: 2px solid #61a58f;
  margin-bottom: 30px;
  line-height: 120%;
  padding-bottom: 4px;
  color: #61a58f;
}
/* p */
p.cmn_p_wbtm_40{
  margin-bottom: 40px;
}
p.cmn_p_wbtm_30{
  margin-bottom: 30px;
}
p.cmn_p_wbtm_20{
  margin-bottom: 20px;
}
p.cmn_p_wbtm_15{
  margin-bottom: 15px;
}
p.cmn_p_emphasis{
  background-color: #F4F4F2;
  padding: 15px 20px 13px 20px;
  font-weight: bold;
}
p.cmn_p_emphasis_wbtm_30{
  background-color: #F4F4F2;
  padding: 15px 20px 13px 20px;
  margin-bottom: 30px;
  font-weight: bold;
}

/* ol */
ol.cmn_ol li{
  list-style-type: decimal;
  margin-left: 26px;
  margin-bottom: 7px;
  line-height: 130%;
}
ol.cmn_ol li.wbtm_15{
  margin-bottom: 15px;
}
ol.cmn_ol li.wbtm_20{
  margin-bottom: 20px;
}
ol.cmn_ol li.wbtm_25{
  margin-bottom: 25px;
}
ol.cmn_ol li.wbtm_30{
  margin-bottom: 30px;
}
ol.cmn_ol li.wbtm_35{
  margin-bottom: 35px;
}
ol.cmn_ol li.wbtm_40{
  margin-bottom: 40px;
}
ol.cmn_ol li.nbtm{
  margin-bottom: 0;
}
/* ul */
ul.cmn_list_style_type_disc_nbtm li{
  list-style-type: disc;
  margin-left: 22px;
  margin-bottom: 0;
  line-height: 160%;
}
ul.cmn_list_style_type_disc_nbtm li.wbtm_40{
  margin-bottom: 40px;
}
ul.cmn_list_style_type_disc_nbtm li.wbtm_30{
  margin-bottom: 30px;
}
ul.cmn_list_style_type_disc_nbtm li.wbtm_20{
  margin-bottom: 20px;
}
ul.cmn_list_style_type_disc_nbtm li.wbtm_15{
  margin-bottom: 15px;
}
ul.cmn_list_style_type_disc_nbtm li.nbtm{
  margin-bottom: 0;
}
ul.cmn_list_style_type_disc li{
  list-style-type: disc;
  margin-left: 22px;
  margin-bottom: 7px;
  line-height: 130%;
}
ul.cmn_list_style_type_disc li.wbtm_40{
  margin-bottom: 40px;
}
ul.cmn_list_style_type_disc li.wbtm_30{
  margin-bottom: 30px;
}
ul.cmn_list_style_type_disc li.wbtm_20{
  margin-bottom: 20px;
}
ul.cmn_list_style_type_disc li.wbtm_15{
  margin-bottom: 15px;
}
ul.cmn_list_style_type_disc li.nbtm{
  margin-bottom: 0;
}
ul.cmn_list_style_type_circle_nbtm li{
  list-style-type: circle;
  margin-left: 22px;
  margin-bottom: 0;
  line-height: 160%;
}
ul li.wbtm_40{
  margin-bottom: 30px;
}
ul li.wbtm_30{
  margin-bottom: 30px;
}
ul li.wbtm_20{
  margin-bottom: 20px;
}
ul li.wbtm_15{
  margin-bottom: 15px;
}
ul li.nbtm{
  margin-bottom: 0;
}
/* dt */
dl dt.cmn_dt_wbtm40{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 40px;
}
dl dt.cmn_dt_wbtm30{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 30px;
}
dl dt.cmn_dt_wbtm20{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 20px;
}
dl dt.cmn_dt_wbtm15{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
  border-bottom: 1px dotted #555555;
  padding-bottom: 2px;
}
dl dt.cmn_dt_wbtm10{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 10px;
  border-bottom: 1px dotted #555555;
  padding-bottom: 2px;
}
dl dt.cmn_dt_wbtm5{
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 5px;
  border-bottom: 1px dotted #555555;
  padding-bottom: 2px;
}
dl dt.cmn_dt_nbtm{
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 0;
}
dl dt.cmn_dt_weightNormal_wbtm5{
  font-size: 16px;
  font-weight: normal;
  margin-bottom: 5px;
}
/* dd */
dl dd.cmn_dd_wbtm_5{
  margin-bottom: 5px;
}
dl dd.cmn_dd_wbtm_10{
  margin-bottom: 10px;
}
dl dd.cmn_dd_wbtm_15{
  margin-bottom: 15px;
}
dl dd.cmn_dd_wbtm_20{
  margin-bottom: 20px;
}
dl dd.cmn_dd_wbtm_30{
  margin-bottom: 30px;
}
dl dd.cmn_dd_wbtm_40{
  margin-bottom: 40px;
}

/* div */
div.cmn_text_align_right{
  text-align: right;
  margin: 15px 0;
}
div.img{
  margin-bottom: 30px;
}
div.img_wbtm40{
  margin-bottom: 40px;
}
div.img_wbtm20{
  margin-bottom: 20px;
}
div.img_nbtm{
  margin-bottom: 0;
}

/* span */
span.redcolor{
  color: #FF0000;
  font-size: 17px;
}
span.shokibo_impact{
  color: #FF0000;
  font-weight: bold;
  text-decoration: underline;
}
span.emphasis{
  font-weight: bold;
  color: #DE4830;
}

/****** 個人情報保護方針ページ *******/
table.table_company{
  width: 100%;
  border-collapse: collapse;
  border-top: 1px solid #CCCCCC;
}
table.table_company th{
  width: 30%;
  padding: 25px 0;
  border-bottom: 1px solid #CCCCCC;
  font-weight: normal;
}
table.table_company td{
  width: 70%;
  padding: 25px 0;
  border-bottom: 1px solid #CCCCCC;
}
table.table_company td ul li{
  margin-bottom: 5px;
}
table.table_company td ul li:last-child{
  margin-bottom: 0px;
}
table.table_company td ul li a{
  text-decoration: underline;
}
table.table_company td ul li a:hover{
  color: #61a58f;
}

/******* サイトのご利用条件 *******/
img#img_terms_address{
  padding-bottom: 4px;
  padding-right: 3px;
}


/****** 個人情報保護方針ページ *******/
ol.privacy_ol_rome{
  margin: 15px 0;
}
ol.privacy_ol_rome li{
  list-style-type: upper-roman;
}
ol.privacy_ol_rome ul li{
  list-style-type: disc;
}
div#privacypolicy_window{
  margin-bottom: 30px;
}
div#privacypolicy_window dt,div#complaincontact dt{
  font-weight: bold;
}

/****** ダウンロードページ *******/
div#div_download_adobe_reader{
  text-align: right;
  margin-bottom: 20px;
}
table.table_download{
  margin-top: 30px;
  margin-bottom: 40px;
}
table.table_download_nbtm{
  margin-top: 30px;
}
table.table_download td,table.table_download_nbtm td{
  width: 500px;
}
td.td_download_catalogImage,td.td_download_filetitle,td.td_download_filesize,td.td_download_filesize_seikatsushien{
  text-align: center;
}
td.td_download_filetitle{
  padding-top: 5px;
}
td.td_download_filesize{
  padding-top: 5px;
  background-image: url("/image/common/pdficon.png");
  background-repeat: no-repeat;
  background-position: 115pt 5px;
}
td.td_download_filesize_seikatsushien{
  padding-top: 5px;
  background-image: url("/image/common/pdficon.png");
  background-repeat: no-repeat;
  background-position: 113pt 5px;
}
td.td_download_filesize a,td.td_download_filesize_seikatsushien a{
  text-decoration: underline;
}
td.td_download_filesize a:hover,td.td_download_filesize_seikatsushien a:hover{
  color: #61a58f;
}


/****** サイトマップページ *******/
h3.sitemap_h3{
  font-weight: normal;
  font-size: 18px;
  background-image: url("/image2/products/sitemap/circle_gr_sitemap.png");
  background-repeat: no-repeat;
  background-position: 0 0.3px;
  text-indent: 18px;
  line-height: 110%;
  border-bottom: 1px dotted #555555;
  padding-bottom: 5px;
}
dl.sitemap_block_category{
  margin: 10px 0 30px;
}
dl.sitemap_block_category_btm{
  margin: 10px 0 0 0;
}
div.sitemap_left_clm{
  float: left;
  width: 48.5%;
  margin-right: 3%;
  margin-top: 10px;
}
div.sitemap_right_clm{
  float: left;
  width: 48.5%;
  margin-top: 10px;
}
dl.sitemap_block_category dt,dl.sitemap_block_category_btm dt{
  background-image: url("/image2/common/arrowBlk.png");
  background-repeat: no-repeat;
  background-position: 0 2.3px;
  padding-left: 15px;
  margin-bottom: 5px;
  margin-left: 5px;
}
dl.sitemap_block_category dt a:hover,dl.sitemap_block_category_btm dt a:hover{
  color: #61a58f;
  text-decoration: underline;
}
dl.sitemap_block_category dd ul li{
  margin-left: 40px;
  list-style-type: disc;
  margin-bottom: 5px;
}
dl.sitemap_block_category dd ul li.wbtm{
  margin-bottom: 10px;
}

/****** 資料請求・お問い合わせ(入力・内容確認)ページ共通 *******/
span.required{
  color: #DE4830;
}
div.cmnform_attention{
  border: 1px solid #DE4830;
  padding: 20px;
  margin-bottom: 25px;
}
table.cmn_form_table{
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 25px;
}
table.cmn_form_table th{
  font-weight: normal;
  text-align: left;
  border: 1px solid #555555;
  width: 20%;
  padding: 10px;
  background-color: #F5F5F5;
}
table.cmn_form_table th#address{
  width: 14%;
  text-align: center;
}
table.cmn_form_table td{
  border: 1px solid #555555;
  padding: 10px;
}
table.cmn_form_table td input{
  line-height: 150%;
}
input#hojin,input#jigyo,input#tanto,input#kana,input#busyo,input#addr1,input#addr2,input#addr3,input#tel,input#fax,input#mail1,input#mail2{
  width: 80%;
  padding-bottom: 2px;
}
input#how2what,input#how2naiyo{
  width: 57%;
}
input#how3what,input#how3naiyo{
  width: 54.7%;
}
table.cmn_form_table td textarea{
  width: 80%;
}
table.cmn_form_table td div.example,table.cmn_form_table td div.re_enter{
  margin-top: 3px;
}
div.cmn_form_privacypolicy{
  border: 1px #555555 solid;
  padding: 20px;
}
h3.cmn_form_h3{
  font-size: 16px;
  margin-bottom: 15px;
}
div#agree,div#submit{
  text-align: center;
}
div#agree{
  margin: 10px 0;
}
div#submit input{
  width: 15%;
  height: 45px;
}

/****** 資料請求(入力)ページ *******/
div#catalogtype{
  margin-bottom: 0px;
}
div#catalogtype div{
  margin-bottom: 0px;
}
div.catalogtype_left{
  float: left;
  margin-right: 9%;
}
div.catalogtype_right{
  float: left;
}

/****** 資料請求・お問い合わせ(送信完了)ページ共通 *******/
table.contact{
  width: 40%;
  border: 1px solid #555555;
  border-collapse: collapse;
  margin: 0 auto 10px;
}
table.contact th{
  width: 32%;
  font-weight: normal;
  border: 1px solid #555555;
  padding: 10px;
}
table.contact td{
  border: 1px solid #555555;
  padding: 10px;
}
div.tohome{
  text-align: center;
}
div.tohome a:hover{
  color: #61a58f;
  text-decoration: underline;
}