/* ----------------------------------------------------------------------------------- šššcol-sm-12 PC—p‰E‘¤ƒoƒi[‚Ì“Á‘¥ ----------------------------------------------------------------------------------- */ .pc .col-sm-12 { margin: 0 0 10px 0 !important; } .pc .col-sm-12.well.board2.board0 .pht { margin: 0 !important; } .pc .col-sm-12.well.board2 { border-width: 0 !important; } /* ------------------------------------------------------------------------ */ /* ŒÅ—L /* /* ------------------------------------------------------------------------ */ #_about table.about { margin: 20px 0 20px 0; width: 100%; border-spacing: 1px; border: 0px; } #_about table.about th { padding: 30px 20px; letter-spacing: 0.5em; font-size: 1.4em; font-weight: bold; color: #45646F; background: #FFF; border-bottom: solid 1px #C3D3DB; } #_about table.about td { padding: 10px 20px; background: #FFF; border-bottom: solid 1px #C3D3DB; } #_about table.about td.data_top { border-bottom: solid 0 #C3D3DB; } #_about table.about td.item { width: 30%; white-space: nowrap; text-align: center; background: #EDF3F7; } #_about table.about dl { margin: 20px 0; padding: 0; } #_about table.about dt { font-size: 1.2em; font-weight: bold; } #_about table.about dd { margin: 10px 0; padding: 0; } #_about table.about ul { margin: 0 0 0 5px; padding: 0; } #_about table.about ul li { list-style: none; } /* ------------------------------------------------------------------------ */ #_kaitai div.menu_01 { margin: 10px 0 10px 0; } #_kaitai div.menu_01 div.each_l { float: left; margin: 0 2px 2px 0; } #_kaitai div.menu_01 div.each_r { float: left; margin: 0 0 2px 0; } #_kaitai div.body_02 { margin: 0 0; padding: 0 0; } #_kaitai div.str_box_ttl { margin: 10px 0 0 0; padding: 10px 0 7px 0; text-align: center; font-weight: bold; font-size: 1.2em; color: #FFF; background: #F60; border-radius: 5px 5px 0 0;} #_kaitai div.str_box { margin: -1px 0 10px 0; padding: 10px 20px; border: solid 3px #F60; border-radius: 0 0 5px 5px; } #_kaitai div.flow { margin: 10px 0 } #_kaitai div.flow .ttl { position: relative; margin-top: 10px; padding: 5px 10px 5px 55px; letter-spacing: 0.1em; line-height: 150%; font-size: 1.4em; font-weight: bold; color: #FFF; background: #3376C1; border-radius: 17px; } #_kaitai div.flow .ttl .num { position: absolute; top: -8px; left: -5px; } #_kaitai div.flow div.str { float: left; margin-top: 0; margin-bottom: 10px; width: 60%; font-size: 1.2em; } #_kaitai div.flow div.pht { float: left; margin-top: 0; margin-bottom: 10px; margin-right: 10px; width: 30%; } #_kaitai div.str_box div.ttl_1st { margin: 20px 0 10px 0; font-size: 1.6em; line-height: 150%; font-weight: bold; color: #F40; } #_kaitai div.str_box div.ttl { margin: 20px 0 10px 0; padding: 20px 0 0 0; line-height: 150%; font-size: 1.6em; font-weight: bold; color: #F40; border-top: dashed 1px #F40; } #_kaitai div.str_box div.ttl_sub2 { margin: 20px 0 ;padding: 20px 0 0 0; text-align: center; font-size: 1.6em; font-weight: bold; color: #F40; border-top: dashed 1px #F40; } #_kaitai div.str_box div.ttl_sub3 { margin: 10px 70px; padding: 10px 20px; font-size: 1.2em; font-weight: bold; color: #FFF; background: #39F; border-radius: 20px; } #_kaitai div.str_box div.each_exp { margin: 5px 0 5px 0; padding: 5px 10px; font-weight: bold; background: #DEF; border: solid 1px #CDE; border-radius: 5px; } #_kaitai div.str_box div.exp { float: right; margin: 10px 0; padding: 10px 20px; width: 350px; background: #DEF; border: solid 1px #CDE; border-radius: 10px; } #_kaitai div.str_box div.notes { float: right; margin: 10px; padding: 10px 10px; width: 90%; background: #DEF; border: solid 1px #CDE; border-radius: 10px; } #_kaitai div.str_box p { line-height: 180%; } #_kaitai div.str_box h3 { margin: 10px 20px 20px 20px; font-size: 1.2em; font-weight: bold; color: #000; } #_kaitai div.str_box ul.disused { float: left; margin: 10px 20px 20px 50px; padding: 0; } #_kaitai div.flow_re { margin: 10px 0 } #_kaitai div.flow_re .ttl_st { position: relative; margin-top: 10px; margin-bottom: 10px; padding: 5px 10px 5px 20px; letter-spacing: 0.1em; line-height: 150%; font-size: 1.4em; font-weight: bold; color: #FFF; background: #C00; border-radius: 5px; } #_kaitai div.flow_re .ttl { position: relative; margin-top: 10px; margin-bottom: 10px; padding: 5px 10px 5px 55px; letter-spacing: 0.1em; line-height: 150%; font-size: 1.4em; font-weight: bold; color: #FFF; background: #3376C1; border-radius: 5px; } #_kaitai div.flow_re .ttl .num { position: absolute; top: -8px; left: -5px; } /* ------------------------------------------------------------------------ */ #_metal_list div.caption { margin: 20px 0; text-align: center; font-size: 1.2em; font-weight: bold; color: #08F; } #_metal_list table.target_metal { margin: 20px 0 40px 0; width: 100%; border-spacing: 1px; border: 0px; } #_metal_list table.target_metal img { margin: 0 7px 7px 0; } #_metal_list table.target_metal th { padding: 10px 10px; white-space: nowrap; text-align: center; letter-spacing: 0.1em; font-size: 1.2em; font-weight: bold; color: #45646F; background: #EDF3F7; border-top: solid 1px #C3D3DB; border-bottom: solid 1px #C3D3DB; } #_metal_list table.target_metal td { padding: 10px 10px 10px 10px; background: #FFF; border-bottom: solid 1px #C3D3DB; } #_metal_list table.target_metal td.item { text-align: center; font-size: 1.2em; font-weight: bold; color: #357; background: #EDF3F7; } #_metal_list table.target_metal td.sort { text-align: center; font-weight: bold; color: #333; } #_metal_list table.target_metal div.pht { clear: both; float: left; margin: 5px 0 0 0; } #_metal_list table.target_metal div.str { float: left; margin: 10px 0 10px 0; font-weight: bold; color: #357; } #_metal_list table.target_metal div.str p { font-weight: normal; color: #333; } /* ------------------------------------------------------------------------ */ #_cu_corp div.head_ttl { margin: 20px 20px; line-height: 150%; font-size: 1.4em; font-weight: bold; color: #345; } #_cu_corp p.head { margin: 20px 0 20px 20px; line-height: 180%; font-size: 1.2em; } #_cu_corp div.case { margin: 10px 0; padding: 5px; background: #FFF; border: solid 1px #DDD; } #_cu_corp div.case div.ttl { margin: 0; padding: 5px; line-height: 20px; font-size: 1.2em; font-weight: bold; text-align: center; color :#FFF; background: #5F7A99; } #_cu_corp table.target { margin: 20px 0 40px 0; width: 100%; border-spacing: 1px; border: 0px; } #_cu_corp table.target th { padding: 10px; white-space: nowrap; text-align: center; letter-spacing: 0.3em; font-size: 1.4em; font-weight: bold; color: #45646F; background: #EDF3F7; border-top: solid 1px #C3D3DB; border-bottom: solid 1px #C3D3DB; } #_cu_corp table.target td { padding: 10px; background: #FFF; border-bottom: solid 1px #C3D3DB; } #_cu_corp table.target td.item { white-space: nowrap; text-align: center; background: #EDF3F7; } #_cu_corp table.target ul { float: left; margin: 10px 0; font-size: 1.2em; font-weight: bold; color: #357; width: 150px; } #_cu_corp div.point { margin: 0 0; padding: 10px 10px; } #_cu_corp div.point div.char { margin: 0 0 10px 0; padding: 10px; background: #FFF; border: solid 1px #CCC; border-radius: 10px; } #_cu_corp div.point div.char div.ttl { margin: 0 0 10px 10px; } #_cu_corp div.point div.char div.str { margin: 0 0 0 10px; padding-top: 10px; font-size: 1.1em; line-height: 180%; border-top: dashed 1px #CCC; } /* ------------------------------------------------------------------------ */ #_cu_indi div.head_ttl { margin: 20px 20px; line-height: 150%; font-size: 1.68em; letter-spacing: 0.05em; font-weight: bold; color: #345; } #_cu_indi p.head { margin: 20px 0 20px 20px; font-size: 1.2em; } #_cu_indi div.case { margin: 10px 0; padding: 5px; background: #FFF; border: solid 1px #DDD; } #_cu_indi div.case div.ttl { margin: 0; padding: 5px; line-height: 20px; font-size: 1.2em; font-weight: bold; text-align: center; color :#FFF; background: #5F7A99; } #_cu_indi div.case ul { margin: 10px 0; } #_cu_indi table.target { margin: 20px 0 40px 0; width: 100%; border-spacing: 1px; border: 0px; } #_cu_indi table.target th { padding: 10px; white-space: nowrap; text-align: center; letter-spacing: 0.3em; font-size: 1.4em; font-weight: bold; color: #45646F; background: #EDF3F7; border-top: solid 1px #C3D3DB; border-bottom: solid 1px #C3D3DB; } #_cu_indi table.target td { padding: 10px; background: #FFF; border-bottom: solid 1px #C3D3DB; } #_cu_indi table.target td.item { white-space: nowrap; text-align: center; background: #EDF3F7; } #_cu_indi table.target ul { margin: 20px 0; padding-left: 30px; font-size: 1.2em; font-weight: bold; color: #345; } /* ------------------------------------------------------------------------ */ #_scrap div.cu { margin: 20px auto; padding: 10px; width: 100%; text-align: center; background: #DDD; border-radius: 20px; } #_scrap div.top_whats_str { margin: 20px 0; padding: 10px 30px; border: solid 2px #39F; border-radius: 10px; background: #FFF url('../img/bg_top_whats_str.png') right bottom no-repeat; } #_scrap div.top_whats_str h2 { font-weight: normal; font-size: 1.0em; } #_scrap div.top_whats_str h3 { font-weight: normal; font-size: 1.0em; } /* ---------------------------------------------------------- */ /* TEL / FAX */ @media(min-width:768px) { .container .navbar-header .tel_fax_num { position: absolute; top: 20px; right: 280px; } } @media(max-width:767px) { .container .navbar-header .tel_fax_num { display: none; } }