@charset "utf-8";
/* CSS Document */

p,
td,
th,
dt,
dd,
ul,
ol,
li { line-height: 1.6; }
.FlatGrayLine { padding: 10px 10px 7px 10px; background-color: #e7e9ec; border-bottom: #8d9aa6 2px solid; line-height: 1.4; }
.Line { padding: 3px; border-bottom: #5c6084 1px solid; }
.LineStripe { padding-bottom: 5px; background: url(../../purifier/img/bg_line_stripe.gif) left bottom no-repeat; }
.Subtit { margin-bottom: 20px; padding: 5px 10px; background: url(../img/bg_gray.gif); }
.PageTitle { margin-bottom: 20px; }
/* Menu *****************************************************/
#Menu .Download { margin-bottom: 8px; }
#Menu .Download li { border: solid 1px #C0C4C9; }
#Menu .Sub li { border-left: solid 1px #C0C4C9; border-right: solid 1px #C0C4C9; border-bottom: solid 1px #C0C4C9; }
/*会社概要用*/
#Menu .Cinfo { border-bottom: solid 1px #C0C4C9; }
#Menu .Cinfo li { border-left: solid 1px #C0C4C9; border-right: solid 1px #C0C4C9; border-top: solid 1px #C0C4C9; }
#Menu .news { margin: 8px 0 20px 0; }
/* Footer *****************************************************/
#Footer { padding-top: 15px; border-left: #ccc 1px solid; border-right: #ccc 1px solid; border-top: #ccc 1px solid; background: url(../img/bg_blue.gif); }
#Footer #Linklist { border-left: none; border-right: none; background-color: #fff; }
/* Main *******************************************************/
#Article { padding: 20px 19px; }
#Article .Line { margin-bottom: 10px; padding-left: 10px; background: url(../../company/img/blt_gray.gif) left top no-repeat; font-size: 120%; font-weight: bold; line-height: 1.2; }
#Article a.Icon { padding-left: 15px; background: url(../img/icon_link_arrow.gif) left top no-repeat; }
#PageBottomLink { clear: both; padding: 0; border-left: dotted 1px #1D64AB; }
#PageBottomLink.next a { padding-left: 30px; padding-top: 5px; background: url(../img/icon_link_arrow.gif) no-repeat 10px center; line-height: 1.2; }
#PageBottomLink.back a { padding-left: 30px; padding-top: 5px; background: url(../img/icon_link_arrow2.gif) no-repeat 10px center; line-height: 1.2; }
/* CP01 ****************************************************/
/*company/index.html*/
#cp01 #Main { float: left; width: 750px; background: none; }
#cp01 #Menu { float: right; width: 230px; }
#cp01 .Category { margin-bottom: 20px; padding-top: 5px; border: #ccc 1px solid; background: url(../img/bg_gray2.gif); }
#cp01 .CategoryBody { padding: 8px 20px 10px 20px; border-top: #ccc 1px solid; background-color: #fff; overflow: hidden; _zoom: 1; }
#cp01 .CategoryBody .Title { margin-bottom: 20px; }
#cp01 .CategoryBody .Left { float: left; width: 340px; text-align: center; /*150706　追加 */ }
#cp01 .CategoryBody .Right { float: right; width: 350px; }
#cp01 .Category ul.Menu { width: 360px; padding-right: -10px; }
#cp01 .Category ul.Menu li { float: left; margin-right: 10px; }
#cp01 .Category .Group { width: 338px; padding-top: 5px; border: #ccc 1px solid; background: url(../img/bg_gray2.gif); }
#cp01 .Category .GroupBody { padding: 10px; border-top: #ccc 1px solid; background-color: #fff; }
#cp01 .Category .Takagi { padding: 28px 0 28px 182px; background: url(../../company/img/cp01_group_ph01.jpg) left top no-repeat; }
#cp01 .Category .Vietnam { padding: 28px 0 28px 182px; background: url(../../company/img/cp01_group_ph02.jpg) left top no-repeat; }
#cp01 #Info { margin-bottom: 20px; border: #ccc 1px solid; }
#cp01 #Info h2 { padding: 5px 12px 15px; border-bottom: #8a9aab 2px solid; background-color: #fff; }
#cp01 #Info ul { width: 228px; padding: 10px 0; }
#cp01 #Info li { padding: 8px 15px; border-bottom: #5c6084 1px dotted; line-height: 1.2; }
/* cp02 ****************************************************/
/*company/greeting.html*/
#cp02 .Catch { margin-bottom: 30px; }
#cp02 .Text { float: left; width: 458px; }
#cp02 .Text p { margin-bottom: 30px; line-height: 1.8; }
#cp02 .Photo { float: right; width: 230px; }
/* CP03 ****************************************************/
/*company/outline.html*/
#cp03 .Style01 th,
#cp03 .Style01 td { padding: 5px 10px; }
#cp03 .Style01 th { width: 100px; }
#cp03 .Style01 .Photo { width: 211px; }
#cp03 p.textR { text-align: right; }
/* CP04 ****************************************************/
/*company/history.html*/
#cp04 .Style01 th,
#cp04 .Style01 td { padding: 5px 10px; }
#cp04 .Style01 th { width: 100px; }
/* CP05 ****************************************************/
/*company/organizqtion.html*/
#cp05 #Cont01 { margin-bottom: 30px; }
#cp05 .Organization { width: 711px; }
#cp05 #Cont02 h3 { margin-bottom: 10px; padding: 8px 10px; border: #ccc 1px solid; background-color: #e7e9ec; }
#cp05 .Organization th { width: 150px; }
#cp05 .Organization td { padding-left: 30px; }
#cp05 .Profile { width: 325px; margin-right: 10px; }
#cp05 .Profile span { color: #62677b; }
#cp05 .Profile dt { clear: left; float: left; width: 8em; line-height: 1.2; }
#cp05 .Profile dd { margin-left: 8em; line-height: 1.2; }
/* CP06 ****************************************************/
/*company/business.html*/
#cp06 #Cont01,
#cp06 #Cont02,
#cp06 #Cont03,
#cp06 #Cont04 { margin-bottom: 20px; padding-left: 354px; }
#cp06 #Cont01 { background: url(../../company/img/cp06_ph01.jpg) left top no-repeat; }
#cp06 #Cont02 { background: url(../../company/img/cp06_ph02.jpg) left top no-repeat; }
#cp06 #Cont03 { background: url(../../company/img/cp06_ph03.jpg) left top no-repeat; }
#cp06 #Cont04 { background: url(../../company/img/cp06_ph04.jpg) left top no-repeat; }
#cp06 #Article p { margin-bottom: 20px; }
/* CP07 ****************************************************/
/*company/office.html*/
#cp07 #Cont01 { position: relative; min-height: 340px; }
#cp07 #Cont01 .Left { position: absolute; left: 0; top: -20px; }
#cp07 #Cont01 .Right { margin: 70px 0 0 297px; }
#cp07 #Cont01 .Right .Text01 { margin-left: 20px; margin-bottom: 10px; }
#cp07 #Cont01 .Right .Text02 { margin-left: 20px; margin-bottom: 28px; }
#cp07 .Style01 { width: 100%; margin-top: -10px; }
#cp07 .Style01 caption { height: 20px; }
#cp07 .Style01 td { padding: 5px; line-height: 1.15; }
#cp07 .Style01 .Office { width: 120px; }
#cp07 .Style01 th.Tel { width: 130px; }
#cp07 .Style01 td.Tel { width: 140px; }
#cp07 .Style01 .Add { width: 305px; float: left; line-height: 1.15; }
#cp07 .Style01 .S { width: 285px; padding-right: 20px; background-image: url(../../company/img/cp07_icon_sr.gif); background-repeat: no-repeat; background-position: right 5px; }
#cp07 .Style01 .MapBtn { width: 94px; float: right; margin-top: 3px; }
#cp07 #Cont02 { margin-bottom: 40px; }
#cp07 #Cont03 { margin-bottom: 20px; }
#cp07 #Cont03 .ShowRoom li { float: left; margin-right: 3px; }
#cp07 #Cont03 .ShowRoom li.Last { margin-right: 0; }
/* CP09 ****************************************************/
/*company/philosophy.html*/
#cp09 #Cont01 { margin-bottom: 30px; }
#cp09 .Purpose { width: 666px; height: 269px; padding: 20px; border: #ccc 1px solid; background: url(../../company/img/cp09_fig01.gif) right center no-repeat; }
#cp09 .Purpose .Catch { margin-bottom: 88px; }
#cp09 #Cont02 h2.Line { margin-bottom: 25px; }
#cp09 #Cont02 .Left { float: left; width: 410px; }
#cp09 #Cont02 .Left .Catch { margin-bottom: 30px; }
#cp09 #Cont02 .Right { float: right; width: 251px; }
#cp09 #Cont02 ol { padding-left: 24px; background: url(../../company/img/cp09_fig02_txt.gif) left top no-repeat; line-height: 1; }
#cp09 #Cont02 li { line-height: 1; margin-bottom: -2px; }
/* CP10 ****************************************************/
/*company/value.html*/
#cp10 #Value { float: right; margin-bottom: 30px; width: 223px; border: #ccc 1px solid; }
#cp10 #Value ol { margin: 15px; }
#cp10 .Text { float: left; width: 460px; margin-bottom: 30px; }
#cp10 .Text p { margin-bottom: 20px; }
#cp10 #Article h2 { clear: both; margin-bottom: 20px; }
#cp10 .Style01 .Mark { width: 172px; }
/* CP11 ****************************************************/
/*company/brand.html*/
#cp11 #Article { background: url(../../company/img/cp11_bg.png) left top no-repeat; /*150706 cp11_bg.gif→cp11_bg.pngに変更 */ }
#cp11 #Cont01,
#cp11 #Cont02 { margin-bottom: 40px; }
#cp11 #Cont01 .Catch { margin-top: 137px; /*150706 margin:10px 0 80px 400px;→margin-top:137px;に変更 */ }
#cp11 #Cont01 .cp11_txt01 { margin-top: 137px; /*150706 追加 */ }
#cp11 #Cont01 .cp11_txt02 { margin: 137px 0 0 15px; /*1600331 追加 */ }
#cp11 #Cont01 p.txtmargin { margin: 20px 0 0 15px; /*150706 追加 */ }
#cp11 #Cont02 h2 { margin-bottom: 20px; }
#cp11 .Slogan { margin: 20px 0; }
#cp11 .Slogan div { width: 225px; padding-bottom: 10px; border-bottom: #ccc 1px solid; }
#cp11 .Slogan .Slogan01,
#cp11 .Slogan .Slogan02 { float: left; margin-right: 17px; }
#cp11 .Slogan .Slogan03 { float: right; }
#cp11 .Slogan h3 { width: 223px; height: 79px; margin-bottom: 10px; border: #ccc 1px solid; text-indent: -9999px; }
#cp11 .Slogan01 h3 { background: url(../../company/img/cp11_slogan01.jpg) left top no-repeat; }
#cp11 .Slogan02 h3 { background: url(../../company/img/cp11_slogan02.jpg) left top no-repeat; }
#cp11 .Slogan03 h3 { background: url(../../company/img/cp11_slogan03.jpg) left top no-repeat; }
#cp11 #Cont03 .Logo { float: left; width: 205px; margin-left: 40px; /*150706 追加 */ }
#cp11 #Cont03 .Text { margin-left: 245px; }
/* CP12 ****************************************************/
/*company/life.html*/
#cp12 .Catch { margin-bottom: 30px; }
#cp12 .Text { padding-right: 310px; background: url(../../company/img/cp12_ph01.jpg) right bottom no-repeat; }
#cp12 .Text p { margin-bottom: 30px; }
#cp12 .Text .President { text-align: right;font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;font-weight: 500;font-size: 1em;}
/* CP13 ****************************************************/
/*company/cm.html*/

#cp13 .Plugin { margin: 10px 40px; overflow: hidden; _zoom: 1; }
#cp13 .Banner { float: left; margin-right: 20px; }
#cp13 .Text { padding-top: 10px; }
/*---------120501追加---------*/
#cp13 .Main_inner { background: url(../../company/img/cm_main_inner_bg.gif) no-repeat left bottom #f4f5f6; padding: 15px 0 15px 0; border-left: 1px solid #c0c4c9; border-right: 1px solid #c0c4c9; }
#cp13 .Main_inner h2 { margin: 0 40px; }
#cp13 .Main_inner .list_box { padding: 0 25px; background: url(../../company/img/list_box_bg_01.gif) no-repeat center bottom; }
#cp13 .Main_inner .list_box02 { padding: 0 25px; background: url(../../company/img/list_box_bg_02.gif) no-repeat left bottom; }
#cp13 .Main_inner .inner { width: 297px; padding: 10px 26px; float: left; background: url(../../company/img/bg_inner_top.gif) no-repeat left top; position: relative; }
#cp13 .Main_inner .inner dl { padding: 12px 0 10px 0; }
#cp13 .Main_inner .inner dt { float: left; }
#cp13 .Main_inner .inner dt img { vertical-align: bottom; }
.Main_inner .inner dd { width: 140px; float: right; font-weight: bold; line-height: 1.4; }
#cp13 .Main_inner .inner dd .new img { vertical-align: baseline; padding: 0 0 0 5px; }
#cp13 .Main_inner .inner ul.btn02 { position: absolute; right: 45px; bottom: 12px;/*left: 180px;*/
}
#cp13 .Main_inner .inner ul.btn01 { position: absolute; bottom: 12px; right: 108px;/*left: 180px;*/
}
#cp13 .Main_inner .inner ul li { float: left; }
#cp13 .video_box { /*position: relative;*/
background: #d8d8d8; margin: 5px 20px; }
#cp13 .video_box iframe { display: block; margin: 0 auto; padding: 20px; }
#cp13 .video_box p { position: relative; float: right; top: 20px; right: 20px; }
#cp13 .style01 { background: #f6f6f8; border-bottom: 1px solid #c0c4c9; padding-bottom: 15px; }
#cp13 .Main_inner .news_box { margin: 15px 40px 0 40px; _margin: 15px 36px 0 36px; background: #fff; border: 1px solid #e6e8ea; padding: 0 15px; }
#cp13 .Main_inner .news_box dl { background: url(../../company/img/cp13_dot.gif) repeat-x left bottom; padding: 0.5em 10px; }
#cp13 .Main_inner .news_box dl dt { float: left; width: 75px; }
#cp13 .Main_inner .news_box dl dd { float: right; width: 540px; }
#cp13 .Main_inner .news_box dl.last { background: none; }
/* CP14  *******************************************************/
/*company/contact.html*/

#cp14 #FormArea01,
#cp14 #FormArea02,
#cp14 #FormArea03,
#cp14 #FormArea04 { margin-top: 20px; }
#cp14 .Style01 { margin-top: 5px; width: 708px; }
#cp14 .Style01 th { width: 158px; }
#cp14 .Style01 span.date { font-weight: bold; }
#cp14 .Style01 input { margin: 0 5px; }
#cp14 .Style01 label { cursor: pointer; }
#cp14 .nextArea { margin-top: 1px; text-align: center; }
#cp14 #name01,
#cp14 #name02,
#cp14 #kana01,
#cp14 #kana02,
#cp14 #tel01,
#cp14 #tel02,
#cp14 #tel03,
#cp14 #mob01,
#cp14 #mob02,
#cp14 #mob03,
#cp14 #name01-2,
#cp14 #name02-2,
#cp14 #kana01-2,
#cp14 #kana02-2,
#cp14 #tel01-2,
#cp14 #tel02-2,
#cp14 #tel03-2,
#cp14 #mob01-2,
#cp14 #mob02-2,
#cp14 #mob03-2 { width: 85px; }
#cp14 #zip01,
#cp14 #zip01-2 { width: 53px; }
#cp14 #zip02,
#cp14 #zip02-2 { width: 75px; }
#cp14 #add01,
#cp14 #add02,
#cp14 #add03,
#cp14 #add01-2,
#cp14 #add02-2,
#cp14 #add03-2 { width: 455px; }
#cp14 #mail,
#cp14 #mail-r,
#cp14 #mail-2,
#cp14 #mail-r-2 { width: 235px; }
#cp14 .ZipLine { float: left; }
#cp14 #prefecture { clear: left; }
#cp14 #msg { width: 500px; }
#cp14 .FormAgree { text-align: center; }
#cp14 .FormBtn { margin: 20px 0; text-align: center; }
#cp14 .UserInfo { margin: 15px 0; text-align: center; }
#cp14 #Thanks { margin: 20px 0 100px; }
/* CP15 ****************************************************/
/*company/contribute.html*/
#cp15 .Catch { margin-bottom: 30px; }
#cp15 #Cont10,
#cp15 #Cont09,
#cp15 #Cont08,
#cp15 #Cont01,
#cp15 #Cont02,
#cp15 #Cont02_a,
#cp15 #Cont03,
#cp15 #Cont03_a,
#cp15 #Cont04,
#cp15 #Cont04_a,
#cp15 #Cont05,
#cp15 #Cont06 { height: 190px; margin-bottom: 20px; padding-left: 354px; }
#cp15 #Cont01 { background: url(../../company/img/cp15_ph01.jpg) left top no-repeat; }
#cp15 #Cont02 { background: url(../../company/img/cp15_ph02.jpg) left top no-repeat; }
#cp15 #Cont02_a { background: url(../../company/img/cp15_ph02_a.jpg) left top no-repeat; }
#cp15 #Cont03 { background: url(../../company/img/cp15_ph03.jpg) left top no-repeat; }
#cp15 #Cont03_a { background: url(../../company/img/cp15_ph03_a.jpg) left top no-repeat; }
#cp15 #Cont04 { background: url(../../company/img/cp15_ph04.jpg) left top no-repeat; }
#cp15 #Cont04_a { background: url(../../company/img/cp15_ph04_a.jpg) left top no-repeat; }
#cp15 #Cont05 { background: url(../../company/img/cp15_ph05.jpg) left top no-repeat; }
#cp15 #Cont06 { background: url(../../company/img/cp15_ph06.jpg) left top no-repeat; }
#cp15 #Cont08 { background: url(../../company/img/cp15_ph08.jpg) left top no-repeat; }
#cp15 #Cont09 { background: url(../../company/img/cp15_ph09.jpg) left top no-repeat; }
#cp15 #Cont10 { background: url(../../company/img/cp15_ph10.jpg) left top no-repeat; }