/*　BASIC ----------------------------------------------*/ *{ padding:0; margin:0;} body{ -webkit-text-size-adjust: 100%; font-size:12px; font-family:"ＭＳ Ｐゴシック", "MS PGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro"; line-height:1.5em; text-align:center; } a{ text-decoration:underline; color:#00f;} a:hover{ text-decoration:none;} img{ vertical-align:bottom; border:none;} h1,h2,h3,h4,h5,h6{ font-size:10px;} a:hover img{ filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; } .new{ display: flex; flex-direction: row; padding: 0 !important; } .new_word{ font-weight: bold; color: red; } .news_box{ background:#FFDB82; margin: 10px auto; border:#FF070B 2px solid; padding: 10px ; } .news_box h3{ font-size: 14px; letter-spacing: 2px; } /*　COMMON ----------------------------------------------*/ #wrap{ background:url(../images/body_bg_02.gif) repeat-x bottom;} #wrap #container{ width:880px; margin:0 auto; text-align:left;} #wrap #container #header{ width:880px; height:65px;} #wrap #container #header .section{ width:880px; text-align:right;} #wrap #container #header .section h1{ height:50px; padding:14px 0 10px 5px; float:left;} #wrap #container #header .section #headernav{ width:396px; height:64px; padding:10px 0 0 0; text-align:right; float:right;} #wrap #container #header .section #headernav div{ width:396px; height:30px;} #wrap #container #header .section #headernav div ul{ padding:5px 0 0 8px; list-style:none; line-height:0;} #wrap #container #header .section #headernav div ul li{ padding:0 10px 0 5px; float:left;} #wrap #container #header .section #headernav div ul li.lang{ padding:0 0 0 2px;} #wrap #container #header .section #headernav div ul li.enlang{ padding:0 0 0 106px;} #wrap #container #header .section #headernav p{ line-height:2.7em;} #wrap #container #header .section #globalnav{ width:880px; list-style:none; clear:both;} #wrap #container #header .section #globalnav li{ float:left;} #wrap #container #footer{ width:880px; height:50px; padding:25px 0 25px 0; text-align:center; clear:both;} #wrap #container #footer p{ color:#666;} #wrap #container #footer p img{ vertical-align:middle;} #wrap #container #footer ul{ padding:0 0 3px 0; list-style:none; line-height:2.5em;} #wrap #container #footer ul li{ padding:0 0.5em 0 1em; display:inline; background:url(../images/footer_navline.gif) no-repeat left;} /*　INDEX ----------------------------------------------*/ #index #wrap #container #mainimage{ width:880px; height:240px; margin:10px 0 0 0;} #index #wrap #container #mainimage .topimg{ width:558px; float:left;} #index #wrap #container #mainimage .topimg h2{ font-size:10px;} #index #wrap #container #mainimage .topics{ width:312px; float:right;} #index #wrap #container #mainimage .topics h2{ font-size:10px;} #index #wrap #container #mainimage .topics .article{ height:215px; margin:0 0 0 0; overflow:scroll;} #index #wrap #container #mainimage .topics .article div{ height:66px;} #index #wrap #container #mainimage .topics .article div dl{} #index #wrap #container #mainimage .topics .article div dl dt{ width:6em; padding:2px 0 2px 5px; float:left; clear:left;} #index #wrap #container #mainimage .topics .article div dl dd{ padding:3px 0 2px 7em; background:url(../images/index_topics_line.gif) no-repeat bottom left;} #index #wrap #container #mainimage .topics .permission{ height:140px; background:url(../images/index_permission_bg.gif) no-repeat;} #index #wrap #container #mainimage .topics .permission div{ padding:5px 20px 0 20px; overflow:hidden;font-size:9px;} #index #wrap #container #mainimage .topics .permission div dl{ line-height:1.2em; color:#333;} #index #wrap #container #mainimage .topics .permission div dl dt{ width:18em; padding:1px 0 0px 0; float:left; clear:left; } #index #wrap #container #mainimage .topics .permission div dl dd{ padding:1px 0 0px 19em;} #index #wrap #container #mainimage .topics .permission div dl.english{ line-height:1.2em;} #index #wrap #container #mainimage .topics .permission div dl.english dt{ width:20em; padding:1px 0 2px 0; float:left; clear:left;} #index #wrap #container #mainimage .topics .permission div dl.english dd{ padding:1px 0 2px 20em;} #index #wrap #container #mainimage .topics .permission div p{ text-align:center;} #index #wrap #container #mainimage .topics .en div p img{ margin:0; padding:5px 0 0 0;} #index #wrap #container #content{ width:880px; margin:10px 0 10px 0; background:#eee; float:left;} #index #wrap #container #content #maincol{ background:#fff; float:left;} #index #wrap #container #content #maincol .banner { overflow:hidden; margin-bottom:20px; } #index #wrap #container #content #maincol .section{ width:880px; padding:0 0 20px 0; overflow:hidden; position:relative; } /* #index #wrap #container #content #maincol .section .leftcol{ width:431px; padding:2px; background:#e1e1e1; float:left;} */ #index #wrap #container #content #maincol .section .leftcol .col{ height:672px; padding:1px; border:solid 1px #999; background:#fff;} #index #wrap #container #content #maincol .section .leftcol .engcol{ height:552px;} #index #wrap #container #content #maincol .section .leftcol .col h2{ padding:0 0 20px 0; font-size:10px;} #index #wrap #container #content #maincol .section .leftcol .col .contents{ width:377px; height:120px; padding:10px 10px 10px 20px; margin:0 auto 10px auto; background:url(../images/index_maincol_leftcol_col_bg.gif) no-repeat;} #index #wrap #container #content #maincol .section .leftcol .col .contents div{ width:237px; float:left;} #index #wrap #container #content #maincol .section .leftcol .col .contents div h3{ font-size:10px; padding:0 0 10px 0;} #index #wrap #container #content #maincol .section .leftcol .col .contents .image{ display:inline-block; background:#fff; float:right;} #index #wrap #container #content #maincol .section .leftcol .col .encontents{ width:377px; height:130px; padding:10px 10px 10px 20px; margin:0 auto 10px auto; background:url(../images/index_maincol_leftcol_encol_bg.gif) no-repeat;} #index #wrap #container #content #maincol .section .leftcol .col .encontents div{ width:237px; float:left; line-height:1.3em;} #index #wrap #container #content #maincol .section .leftcol .col .encontents div h3{ font-size:10px; padding:0 0 10px 0; margin:-5px 0 0 0;} #index #wrap #container #content #maincol .section .leftcol .col .encontents .image{ display:inline-block; background:#fff; float:right;} /* #index #wrap #container #content #maincol .section .rightcol{ width:431px; padding:2px; background:#e1e1e1; float:right;} */ #index #wrap #container #content #maincol .section .rightcol .col{ height:672px; padding:1px; border:solid 1px #999; background:#fff;} #index #wrap #container #content #maincol .section .rightcol .engcol{ height:552px;} #index #wrap #container #content #maincol .section .rightcol .col h2{ padding:0 0 20px 0; font-size:10px;} #index #wrap #container #content #maincol .section .rightcol .col .contents{ width:401px; height:134px; padding:0 3px 5px 3px; margin:0 auto 15px auto; border-bottom:solid 1px #ccc;} #index #wrap #container #content #maincol .section .rightcol .col .encontents{ height:214px;} #index #wrap #container #content #maincol .section .rightcol .col .fix{ border-bottom:none; padding:0; margin:0 auto;} #index #wrap #container #content #maincol .section .rightcol .col .contents div{ width:277px; float:left;} #index #wrap #container #content #maincol .section .rightcol .col .contents div h3{ padding:0 0 5px 0; font-size:12px; font-weight:normal; text-align:right;} #index #wrap #container #content #maincol .section .rightcol .col .contents div h3 img{ float:left;} #index #wrap #container #content #maincol .section .rightcol .col .contents div h3 span{ line-height:2em;} #index #wrap #container #content #maincol .section .rightcol .col .contents .image{ margin:30px 0 0 0; float:right;} #index #wrap #container #content #maincol .section .about{ width:876px; padding:2px; background:#cbc8ed;} #index #wrap #container #content #maincol .section .about div{ padding:20px; border:solid 1px #9d96d7; background:#f0f0ff;} #index #wrap #container #content #maincol .section .about div h2{ padding:0 0 10px 0; font-size:10px;} #index #wrap #container #content #maincol .section .about div p{ font-size:12px; line-height:1.7em;} /*　OTHER ----------------------------------------------*/ #other #wrap #container #topicpath{ width:880px; padding:5px 0; overflow:hidden;} #other #wrap #container #topicpath ol{ margin:0 0 0 -10px;} #other #wrap #container #topicpath ol li{ margin:0 0 0 5px; padding:0 0 0 10px; display:inline; background:url(../images/topicpath_arrow.gif) no-repeat left;} #other #wrap #container #pagetop{ width:880px; margin:30px 0; text-align:right; clear:both;} #other #wrap #container #content{ width:876px; padding:2px; background:#e1e1e1; overflow:hidden;} #other #wrap #container #content #include{ width:874px; padding:1px; background:#999; overflow:hidden;} #other #wrap #container #content #include #outside{ width:870px; padding:2px; background:#fff; overflow:hidden;} #other #wrap #container #content #include #outside #inside{ width:870px; background:url(../images/other_include_bg.gif) repeat-y; overflow:hidden;} #other #wrap #container #content #include #outside #inside #cnav{ width:226px; padding:7px 10px; float:left;} #other #wrap #container #content #include #outside #inside #cnav .section{ width:220px; padding:3px; background:#e1e1ff;} #other #wrap #container #content #include #outside #inside #cnav .section ul{ list-style:none; border-top:solid 1px #999; border-left:solid 1px #999; border-right:solid 1px #999;} #other #wrap #container #content #include #outside #inside #cnav .section ul li{ border-bottom:solid 1px #999; background:#fff;} #other #wrap #container #content #include #outside #inside #cnav .section ul li a.txtnav{ text-decoration:none; color:#444; font-weight:bold; font-size:15px;} #other #wrap #container #content #include #outside #inside #cnav .section ul li a.txtnav:hover{ color:#777;} #other #wrap #container #content #include #outside #inside #cnav .section ul li a.txtnav span{ position: absolute; z-index:2; margin:12px 0 0 30px; width:188px;} #other #wrap #container #content #include #outside #inside #cnav .section ul li a.txtnav img{ position:relative; z-index:1;} #other #wrap #container #content #include #outside #inside #cnav .banner{ width:220px; margin:10px 0 0 0; position:relative;} #other #wrap #container #content #include #outside #inside #cnav .banner a{ color:#000; text-decoration:none;} #other #wrap #container #content #include #outside #inside #cnav .banner a:hover{ text-decoration:none;} #other #wrap #container #content #include #outside #inside #cnav .banner img{ position:absolute;} #other #wrap #container #content #include #outside #inside #cnav .banner span{ margin:56px 0 0 20px; position:absolute; display:block;} #other #wrap #container #content #include #outside #inside #cnav .banner p{ position:relative; top:90px; text-indent:-1em; margin:0 0 0 1em;} #other #wrap #container #content #include #outside #inside #cnav .banner p a{ color:#00f; text-decoration:underline;} #other #wrap #container #content #include #outside #inside #maincol{ width:605px; padding:7px 9px 7px 10px; float:right;} #other #wrap #container #content #include #outside #inside #maincol h2{ padding:0 0 0px 0; font-size:11px;} #other #wrap #container #content #include #outside #inside #maincol .section, #other #wrap #container #content #include #outside #inside #maincol .section2{ width:565px; padding:0 20px 30px 20px;} #other #wrap #container #content #include #outside #inside #maincol .section .pagetop, #other #wrap #container #content #include #outside #inside #maincol .section2 .pagetop{ padding:30px 0 0 0; text-align:right; clear:both;} /*　PRODUCTS ----------------------------------------------*/ #products{ width:605px;} #products .section, #products .section2{ width:565px; padding:0 20px 30px 20px;} #products .section h3{ font-size:11px; position:absolute; z-index:1;} #products .section ul{ width:553px; height:21px; padding:7px 12px 7px 0; z-index:2; position: relative; text-align:right;} #products .section ul li{ display:inline; white-space: nowrap;} #products .section ul li a{ display:inline-block; background:#fff;} #products .section div{ width:545px; padding:10px 10px 0; overflow:hidden;} #products .section div p{ width:430px; display:table-cell; position:relative;} #products .section div p.txt1{ width:315px;} #products .section div p.txt2{ width:545px;} #products .section div p span{ padding:0.5em 0 0 0; display:block;} #products .section div img{ margin:0 10px 0 0; float:left;} #products .section2{ padding-bottom:20px; } #products .section2 h3{ margin-bottom: 10px; } #products .section2 .f-left, #products .section2 .indent{ padding-left:10px; } #products .section2 p{ margin-bottom: 12px; } #products .section2 .f-right{ text-align: center; } #products .section2 .f-right p, #products .section2 .imgCnt p{ text-align: center; font-weight: bold; margin-bottom:0; } #products .section2 .imgCnt{ text-align: center; width: 380px; margin-left: 95px; } #products .section2 .imgCnt .imgL{ float: left; } #products .section2 .imgCnt .imgR{ float: right; } #products .section2 .shoumou img{ margin: 0 0 4px 0; } #products .section2 .shoumou .boldNone{ font-weight: normal; } #products .section2 .shoumou{ margin-top: 200px; } #products .section2 .gray{ margin-top:15px; background: #e8e8e8; } #products .section2 .gray h4{ font-size: 100%; color: #330099; padding: 5px 10px; border-bottom: 1px solid #fff; } #products .section2 .gray .txt{ padding: 5px 10px; } #products .section2 .gray p.last{ margin-bottom: 0; } /* 2013.01.28　*/ #products .section div p span.spanBold { font-weight:bold; display:inline; margin:0; padding:0; } /*　BUSINESS ----------------------------------------------*/ #business{ width:605px;} #business .section{ width:565px; padding:0 20px 30px 20px;} #business .section div{ width:560px; padding:10px 0px 0 5px; overflow:hidden;} #business .section div p{ width:420px; display:table-cell; position:relative;} #business .section div p span{ padding:0.5em 0 0 0; display:block;} #business .section div img{ margin:0 10px 0 0; float:left;} /*　TRADE(BUSINESS) ----------------------------------------------*/ #trade{ width:605px;} #trade .section{ width:565px; padding:0 20px 30px 20px;} #trade .section h4{ width:535px; padding:5px; margin:10px 0; font-size:12px; color:#309; background:#e8e8e8;} #trade .section div{ width:545px; padding:10px 10px 0; overflow:hidden;} #trade .section div p{ width:545px;} #trade .section div p span{ padding:0.5em 0 0 0; display:block;} #trade .section div p.img{ margin:10px 0 0 0; text-align:center; display:block;} /*　OXYGEN(BUSINESS) ----------------------------------------------*/ #oxygen{ width:605px;} #oxygen .section{ width:565px; padding:0 20px 30px 20px;} #oxygen .section h4{ width:535px; padding:5px; margin:10px 0; font-size:12px; color:#309; background:#e8e8e8;} #oxygen .section div{ width:545px; padding:10px 10px 0; overflow:hidden;} #oxygen .section div p{ width:545px;} #oxygen .section div p span{ padding:0 0 2px 0; font-size:10px; display:block; text-align:center; line-height:1.4em;} #oxygen .section div p.img{ margin:10px 0 0 0; text-align:center; display:block;} #oxygen .section div ol{ margin:10px 0; line-height:1.8em;} #oxygen .section div ol li{ list-style:inside decimal;} /*　ME(BUSINESS) ----------------------------------------------*/ #me{ width:605px;} #other #wrap #container #content #include #outside #inside #maincol #me .section{ width:565px; padding:0 20px 30px 20px;} #me .section h4{ width:535px; padding:5px; margin:10px 0; color:#309; background:#e8e8e8;} #me .section div{ width:545px; padding:10px 10px 0; overflow:hidden;} #me .section .spec{ width:545px; padding:0 10px 10px 10px; overflow:hidden;} #me .section div p{ width:545px;} #me .section div p span{ padding:0 0 0.5em 0; font-size:10px; display:block; text-align:center; line-height:1.4em;} #me .section div p.img{ margin:10px 0 0 0; text-align:center; display:block;} #me .section div table{ width:545px; margin:5px auto 5px auto; border-collapse:collapse;} #me .section div table td{ padding:7px 0; border:solid 1px #ccc; text-align:center;} #me .section div table th{ padding:7px 0; border:solid 1px #ccc; text-align:center; background:#eee; width:25%;} #me .section div ol{ margin:10px 0; line-height:1.8em;} #me .section div ol li{ list-style:inside decimal;} /*　MAH(BUSINESS) ----------------------------------------------*/ #mah{ width:605px;} #mah .section{ width:565px; padding:0 20px 30px 20px;} #mah .section h4{ width:535px; padding:5px; margin:10px 0; color:#309; background:#e8e8e8;} #mah .section h4 span{ margin:0 0 0 15px; text-indent:-12px; display:block;} #mah .section div{ width:545px; padding:10px 10px 0; overflow:hidden;} #mah .section div p{ width:545px;} #mah .section div p span{ padding:0 0 0.5em 0; font-size:10px; display:block; text-align:center; line-height:1.4em;} #mah .section div p.img{ margin:10px 0 0 0; text-align:center; display:block;} #mah .section div .en{ width:525px; padding:10px; margin:5px 0; background:#eee; border:solid 1px #ccc;} #mah .section div .en p{ width:525px;} #mah .section div .en strong{ display:block; margin:0 0 5px 0;} #mah .section div .en dl{ overflow:hidden;} #mah .section div .en dl dt{ width:5.5em; float:left; clear:left;} #mah .section div .en dl dd{ padding:0 0 0 5.5em; text-indent:0em !important; text-indent:-0.25em;} #mah .section div ol{ margin:10px 0; line-height:1.8em;} #mah .section div ol li{ list-style:inside decimal;} #mah .section div ol.eng{ line-height:1.8em;} #mah .section div ol.eng li{ list-style:inside decimal; margin:0 0 0 16px; text-indent:-18px;} #mah .section div ul{ margin:10px 0; list-style:inside;} #mah .section div ul li{} #other #wrap #container .inquiry{ width:840px; padding:20px; background:#fff; overflow:hidden; margin: 0 auto 0 auto; text-align:center;} #other #wrap #container .inquiry img{ padding:1px 1px 1px 1px; border:solid 3px #e9e9e9; background:#cccccc;} /*　ETC(PRODUCTS) ----------------------------------------------*/ #etc{ width:605px;} #etc .section{ width:565px; padding:0 20px 30px 20px;} #etc .section h4{ width:535px; padding:5px; margin:10px 0; color:#309; background:#e8e8e8;} #etc .section div{ width:545px; padding:10px 10px 0; overflow:hidden;} #etc .section div p{ width:545px;} #etc .section div p span{ padding:0 0 0.5em 0; font-size:10px; display:block; text-align:center; line-height:1.4em;} #etc .section div p.img{ margin:10px 0 0 0; text-align:center; display:block;} #etc .section div ol{ margin:10px 0; line-height:1.8em;} #etc .section div ol li{ list-style:inside decimal;} #etc .section div ol.en{ line-height:1.8em;} #etc .section div ol.en li{ list-style:outside decimal;} /*　CORPORATE ----------------------------------------------*/ #corporate{ width:605px;} #corporate .section{ width:565px; padding:0 20px 30px 20px;} #corporate .section .pagetop{ padding:30px 0 0 0; text-align:right; clear:both;} #corporate .section{ padding-bottom:20px;} #corporate .section h3{ margin-bottom:10px;} #corporate .section .f-left, #corporate .section .indent{ padding-left:10px;} #corporate .section p{ margin-bottom:12px;} #corporate .section .f-right{ text-align:center;} #corporate .section .f-right p{ text-align:center; font-weight:bold; margin-bottom:0;} #corporate .section ol{ margin-left:30px;} #corporate .section ol li{ margin-bottom:5px;} #corporate .section .txtR{ text-align:right;} #corporate .section table{ width:100%;} #corporate .section table th{ text-align:left; padding-right:10px; vertical-align:top;} #corporate .section table th, #corporate .section table td{ padding-top:5px; padding-bottom:5px;} #corporate .section table#shikaku{ padding-left:10px;} #corporate .section table#shikaku th{ vertical-align:middle;} #corporate .section table#shikaku td.img{ text-align:center;} #corporate .section table#shikaku td.img img{ border:1px solid #ddd; margin-right:10px;} /*　What's New ----------------------------------------------*/ #topics{ width:605px;} #topics .section{ width:565px; padding:0 20px 30px 20px;} #topics .section h3{ width:540px; height:35px; font-size:13px; background:url(../sitemap/images/maincol_h3_01.gif) no-repeat left top; color:#fff; line-height:2.7em; padding:0 0 0 25px;} #topics .section h3.english{ letter-spacing:-1px;} #topics .section h3 span{ display:inline-block; padding:0 1em 0 0;} #topics .section div{ width:545px; padding:10px 10px 0; overflow:hidden;} #topics .section div p{ margin:0 0 0.5em 0;} #topics .section div p span{ padding:0.5em 0 0 0; display:block;} #topics .section div table{ width:545px; position:relative;} #topics .section div table td{ font-weight:bold; text-align:center;} #topics .section div ol{ list-style:inside;} #topics .section div ol li{} .flex-img {display: flex;} .flex-img img {margin-right: 8px;} /*　SITEMAP ----------------------------------------------*/ #sitemap{ width:605px;} #sitemap .section{ width:565px; padding:0 20px 30px 20px;} #sitemap .section h3{ width:540px; height:35px; font-size:13px; background:url(../sitemap/images/maincol_h3_01.gif) no-repeat left top; color:#fff; line-height:2.7em; padding:0 0 0 25px;} #sitemap .section h3 a{ color:#fff;} #sitemap .section div{ width:545px; padding:10px 10px 0; overflow:hidden;} #sitemap .section div ul.parent{} #sitemap .section div ul.parent li.parent{ background:url(../sitemap/images/maincol_icon_01.gif) no-repeat; list-style:none; text-indent:1.5em; padding:0 0 1em 0; line-height:1.0em;} #sitemap .section div ul.parent li.parent a{ font-weight:bold;} #sitemap .section div ul.parent li.parent ul.child{ margin:0.5em 0 0 0; line-height:1.5em;} #sitemap .section div ul.parent li.parent ul.child li.child{ list-style: disc inside;} #sitemap .section div ul.parent li.parent ul.child li.child a{ font-weight:normal;} /*　COLUMN ----------------------------------------------*/ #column{ width:605px;} #column .section{ width:565px; padding:0 20px 30px 20px;} #column .section h3{ width:540px; height:35px; font-size:13px; background:url("../images/maincol_h3_01.gif") no-repeat left top; color:#fff; line-height:2.7em; padding:0 0 0 25px;} #column .section h3 a{ color:#fff;} #column .section h3 span{ display:inline-block; padding:0 1em 0 0;} #column .section div{ width:545px; padding:10px 10px 0; overflow:hidden;} #column .section div ul.parent{} #column .section div ul.parent li.parent{ background:url(../sitemap/images/maincol_icon_01.gif) no-repeat; list-style:none; text-indent:1.5em; padding:0 0 1em 0; line-height:1.0em;} #column .section div ul.parent li.parent a{ font-weight:normal;} #column .section div ul.parent li.parent ul.child{ margin:0.5em 0 0 0; line-height:1.5em;} #column .section div ul.parent li.parent ul.child li.child{ list-style: disc inside;} #column .section div ul.parent li.parent ul.child li.child a{ font-weight:normal;} #column .section div p{ margin:0 0 0.5em 0;} #column .section div p span{ padding:0.5em 0 0 0; display:block;} #column .section div table{ width:545px; position:relative;} #column .section div table td{ font-weight:bold; text-align:center;} #column .section div ol{ list-style:inside;} #column .section div ol li{} /*　PRODUCTS(oridion) ----------------------------------------------*/ #products .section2 .btn{ width:470px; margin:0 auto; overflow:hidden;} #products .section2 .btn li{ display:inline; float:left; text-align:center;} #products .section2 .btn li.right{ float:right;} #products .section2 .f-left ul{padding:0 0 0 15px;} #products .section2 .f-left ul li{ padding:0 0 5px 0;} #products .section2 .f-right .main_img{ padding:0 0 15px 0;} /*　PRODUCTS(oridion/selection) ----------------------------------------------*/ #selection-contents{ padding:0; margin:0; background:none #fff;} #selection-contents #selection{ width:500px; height:250px;} #selection-contents #selection #title{ width:500px; height:30px; padding:0; background:url(../products/oridion/images/title.jpg) no-repeat; float:left;} #selection-contents #selection #title h1{ width:auto; padding:5px 0 0 25px; font-size: 14px; font-weight:bold; color:#fff; float:left;} #selection-contents #selection #ques{ width:450px; height:auto; padding:15px 0 15px 25px; text-align: left; float:left;} #selection-contents #selection #choise{ width:400px; height:15px; padding:15px 0 15px 25px; float:left;} #selection-contents #selection #choise .choise_box{ width:auto; height:15px; padding:4px 10px 5px 30px; margin:0 0 0 10px; border:1px solid #ccc; background:url(../products/oridion/images/choice.gif) no-repeat left center; float:left;} #selection-contents #selection #chuui{ width:450px; height:auto; padding:10px 0 10px 35px; text-align:left; float:left;} #selection-contents #selection #btn{ width:200px; height:50px; padding:50px 150px 0 150px; float:left} #selection-contents #selection .ans{ width:500px; height:auto; padding:10px 0 0 0; text-align:left; float:left;} #selection-contents #selection .name{ width:50px; height:20px; padding:25px 0 15px 50px; font-weight:bold; text-align:left; float:left;} #selection-contents #selection .exp{ width:250px; height:20px; padding:25px 0 15px 10px; text-align: left; float:left;} #selection-contents #selection .image{ width:100px; padding:0 20px 0 0; float:right;} #selection-contents #selection .name2{ width:50px; padding:15px 0 15px 50px; font-weight:bold; line-height:18px; text-align:left; float:left;} #selection-contents #selection .exp2{ width:260px; padding:15px 0 15px 10px; line-height:18px; text-align:left; float:left;} /*　PRODUCTS(bibs) ----------------------------------------------*/ #bibs{ width:605px; padding-bottom:20px;} #bibs .section{ width:565px; padding:0 20px 30px 20px;} #bibs .section .indent{ padding-left:10px; } #bibs .section .indent_pt10-pb05{padding:10px 10px 5px 10px;} #bibs .section .indent_pb30{padding:0 10px 30px 10px;} #bibs .section .indent_pb20{padding:0 0 20px 10px;} #bibs .section div p{ width:360px;} #bibs .section h3{ font-size:11px; margin-bottom: 10px;} #bibs .section h4{ padding:5px; margin:10px 10px 0 10px; font-size:12px; color:#309; background:#e8e8e8;} #bibs .section .peculiarity{height:180px; background-color:#FFFFFF;} #bibs .section .peculiarity_text{padding:10px 10px 0 10px;} #bibs .section .peculiarity_left{padding:10px 0px 0 10px; width:360px; float:left;} #bibs .section .peculiarity_right{padding:10px 10px 0 0; float:right;} #bibs .section .f-left{ width:360px; padding:10px 10px 0;} #bibs .section .f-left h4{ padding:5px; margin:10px 0; color:#309; background:#e8e8e8;} #bibs .section .f-right{ text-align: center; } #bibs .section .f-right img{padding:15px 0 20px 0;} #bibs .section table{ border-collapse:collapse; margin:5px 0 35px 10px;} #bibs .section table td{ border:solid 1px #ccc; text-align:center; height:30px; width:254px;} #bibs .section table th{ border:solid 1px #ccc; text-align:center; background:#eee; font-weight:normal; height:30px; width:80px;} #bibs .section .agent_text{padding:10px 10px 0 10px;} #bibs .section .agent_text ol{padding-left:30px;} #bibs .section .agent_text li{ font-weight:bold; line-height:1.5em; padding-bottom:5px;} #bibs .section .agent_text .text04{width:530px; padding-bottom:10px;} #bibs .section .agent_text .text05{width:530px; padding-left:15px;} #bibs .section .text02{font-weight:normal;} #bibs .section .text03{font-size:14px; font-weight:bold; margin-top:20px;} /*　PRODUCTS - BREAST CARE GLOVE ----------------------------------------------*/ #breast{ width:605px; padding-bottom:20px; font-size:14px;} #breast .section{ width:565px; padding:0 20px 30px 20px;} #breast .section h3{ width:540px; height:35px; font-size:13px; background:url(../sitemap/images/maincol_h3_01.gif) no-repeat left top; color:#fff; line-height:2.7em; padding:0 0 10px 25px;} #breast .section h4{ width:535px; padding:5px; margin:10px 0; font-size:12px; color:#309; background:#e8e8e8;} #breast .section h4 span{ margin:0 0 0 1em; font-size:11px; font-weight:normal; color:#000;} #breast .section .method{ width:555px; padding:5px 5px; font-size:14px;} #breast .section .method .col{ width:545px; padding:0 5px;} #breast .section .method .col ul{ padding:0 0 10px 0; list-style:none outside;} #breast .section .method .col ul li{ margin:0 0 0 1em; text-indent:-1em;} #breast .section .method .col ul li span{ font-size:11px;} #breast .section .method .col h5{ width:505px; padding:5px 10px; margin:0 10px; font-size:14px; font-weight:bold; border-bottom:dotted 1px #999;} #breast .section .method .col .inside{ width:505px; padding:10px 20px; margin:0 0 15px 0;} #breast .section .method .col .inside p{ margin:0;} #breast .section .method .col .inside p img{ margin:1em 0 0 0; float:none;} #breast .section .method .col .inside ol{ list-style:none; overflow:hidden;} #breast .section .method .col .inside ol li{ width:48%; float:left; text-align:center;} #breast .section .method .col .inside ol li p{ margin:0 0 0 1em; text-indent:-1em; text-align:left;} #breast .section .method .col .other{ width:505px; padding:10px 20px; margin:0;} #breast .section .method .col .other .outside{ padding:20px; border:solid 1px #e696a4; background:#fffafa;} #breast .section .method .col .other .outside h6{} #breast .section .method .col .other .outside div{ padding:10px 5px 0 0px; overflow:hidden;} #breast .section .method .col .other .outside div p{ width:200px; float:right;} #breast .section .method .col .other .outside div img{ width:170px; float:right;} #breast .section div{ padding:0 5px;} #breast .section div p{ margin:0 0 0.7em 0;} #breast .section div p span{ font-size:11px;} #breast .section div p img{ margin:0 0 0 1em; float:right;} #breast .section .indent{ padding-left:10px; } #breast .section .indent_pt10-pb05{padding:10px 10px 5px 10px;} #breast .section .indent_pb30{padding:0 10px 30px 10px;} #breast .section .indent_pb20{padding:0 0 20px 10px;} #breast .section .peculiarity{height:180px; background-color:#FFFFFF;} #breast .section .peculiarity_text{padding:10px 10px 0 10px;} #breast .section .peculiarity_left{padding:10px 0px 0 10px; width:360px; float:left;} #breast .section .peculiarity_right{padding:10px 10px 0 0; float:right;} #breast .section .f-left{ width:360px; padding:10px 10px 0;} #breast .section .f-left h4{ padding:5px; margin:10px 0; color:#309; background:#e8e8e8;} #breast .section .f-right{ text-align: center; } #breast .section .f-right img{padding:15px 0 20px 0;} #breast .section table{ border-collapse:collapse; margin:5px 0 35px 10px;} #breast .section table td{ border:solid 1px #ccc; text-align:center; height:30px; width:254px;} #breast .section table th{ border:solid 1px #ccc; text-align:center; background:#eee; font-weight:normal; height:30px; width:80px;} #breast .section .agent_text{padding:10px 10px 0 10px;} #breast .section .agent_text ol{padding-left:30px;} #breast .section .agent_text li{ font-weight:bold; line-height:1.5em; padding-bottom:5px;} #breast .section .agent_text .text04{width:530px; padding-bottom:10px;} #breast .section .agent_text .text05{width:530px; padding-left:15px;} #breast .section .text02{font-weight:normal;} #breast .section .text03{font-size:14px; font-weight:bold; margin-top:20px;} /*　PRODUCTS - mask,clever ----------------------------------------------*/ #mask{ width:605px; padding-bottom:20px; font-size:14px;} #mask .section{ width:565px; padding:0 20px 30px 20px;} #mask .section h3{ width:540px; height:35px; font-size:13px; background:url(../sitemap/images/maincol_h3_01.gif) no-repeat left top; color:#fff; line-height:2.7em; padding:0 0 10px 25px;} #mask .section h4{ width:535px; padding:5px; margin:10px 0; font-size:12px; color:#309; background:#e8e8e8;} #mask .section h4 span{ margin:0 0 0 1em; font-size:11px; font-weight:normal; color:#000;} #mask .section .method{ width:555px; padding:5px 5px; font-size:14px;} #mask .section .method .col{ width:545px; padding:0 5px;} #mask .section .method .col ul{ padding:0 0 10px 0; list-style:none outside;} #mask .section .method .col ul li{ margin:0 0 0 1em; text-indent:-1em;} #mask .section .method .col ul li span{ font-size:11px;} #mask .section .method .col h5{ width:505px; padding:5px 10px; margin:0 10px; font-size:14px; font-weight:bold; border-bottom:dotted 1px #999;} #mask .section .method .col .inside{ width:505px; padding:10px 20px; margin:0 0 15px 0;} #mask .section .method .col .inside p{ margin:0;} #mask .section .method .col .inside p img{ margin:1em 0 0 0; float:none;} #mask .section .method .col .inside ol{ list-style:none; overflow:hidden;} #mask .section .method .col .inside ol li{ width:48%; float:left; text-align:center;} #mask .section .method .col .inside ol li p{ margin:0 0 0 1em; text-indent:-1em; text-align:left;} #mask .section .method .col .other{ width:505px; padding:10px 20px; margin:0;} #mask .section .method .col .other .outside{ padding:20px; border:solid 1px #e696a4; background:#fffafa;} #mask .section .method .col .other .outside h6{} #mask .section .method .col .other .outside div{ padding:10px 5px 0 0px; overflow:hidden;} #mask .section .method .col .other .outside div p{ width:200px; float:right;} #mask .section .method .col .other .outside div img{ width:170px; float:right;} #mask .section div{ padding:0 5px;} #mask .section div p{ margin:0 0 0.7em 0;} #mask .section div p span{ font-size:11px;} #mask .section div p img{ margin:0 0 0 1em; float:right;} #mask .section .indent{ padding-left:10px; } #mask .section .indent_pt10-pb05{padding:10px 10px 5px 10px;} #mask .section .indent_pb30{padding:0 10px 30px 10px;} #mask .section .indent_pb20{padding:0 0 20px 10px;} #mask .section .peculiarity{height:180px; background-color:#FFFFFF;} #mask .section .peculiarity_text{padding:10px 10px 0 10px;} #mask .section .peculiarity_left{padding:10px 0px 0 10px; width:360px; float:left;} #mask .section .peculiarity_right{padding:10px 10px 0 0; float:right;} #mask .section .f-left{ width:360px; padding:10px 10px 0;} #mask .section .f-left h4{ padding:5px; margin:10px 0; color:#309; background:#e8e8e8;} #mask .section .f-right{ text-align: center; } #mask .section .f-right img{padding:15px 0 20px 0;} #mask .section table{ border-collapse:collapse; margin:5px 0 35px 10px;} #mask .section table td{ border:solid 1px #ccc; text-align:center; height:30px; width:254px;} #mask .section table th{ border:solid 1px #ccc; text-align:center; background:#eee; font-weight:normal; height:30px; width:80px;} #mask .section .agent_text{padding:10px 10px 0 10px;} #mask .section .agent_text ol{padding-left:30px;} #mask .section .agent_text li{ font-weight:bold; line-height:1.5em; padding-bottom:5px;} #mask .section .agent_text .text04{width:530px; padding-bottom:10px;} #mask .section .agent_text .text05{width:530px; padding-left:15px;} #mask .section .text02{font-weight:normal;} #mask .section .text03{font-size:14px; font-weight:bold; margin-top:20px;} #mask .section div .left_txt{float:left;width:300px;} #mask .section div .right_img {float: right;width: 200px;padding: 0 15px 0 1px;overflow: hidden;} .text-bottom{ margin-bottom: 20px; } /*#mask .boxProbe .boxProbevideo{ width:523px; height:133px; padding:15px; border:1px solid #6699cc; margin:10px auto 0 auto; background:#dff7ff; } #mask.boxProbevideo .left_vid{ float:left; width:240px; } #mask .boxProbe .boxProbevideo .right_txt{ float:right; width:275px; color:#6699cc; font-size:14px; font-weight:bold; }*/ #mask .vialFlow{ width:560px; margin:0 auto 30px auto; } #mask .section .boxVialvideo{ width:500px; overflow:hidden; padding: 19px 19px 10px 19px; border:1px solid #330099; margin:10px auto 0 auto; background:#f0f0ff; } #mask .section .boxVialvideo .right_txt{ text-align: center; } #mask .left_vid{ width: 298px; margin: auto; text-align: center; } /* 2013.1.22　*/ #maincol #breast .section #mame02 .breastCamp { margin-top:30px; } #maincol #breast .section #mame02 .breastCamp h4 { background:none; padding:0; margin:0 auto; background:none; width:505px; } #maincol #breast .section #mame02 .breastCamp .breastCampTxt { padding-left:100px; margin:0 auto; } /* 2012.10.26　*/ #breast .top_visual { position:relative; width:605px; hanging-punctuation:85px; } #breast .top_visual p { position:absolute; top:52px; left:450px; } #breast .breastBtn { width:460px; height:42px; margin:0 auto 0 auto; } #breast ul.ul01 { list-style:outside disc; margin-left:20px; } #breast ul.ul01 li { margin-bottom:5px; } #breast .section div .left_txt{ float:left; width:350px; } #breast .section div .left_txt p{ line-height:1.1em; } #breast .section div .left_txt .pink_txt{ font-size:16px; font-weight:bold; line-height:1.6em; color:#e50064; } #breast .section div .right_img{ float:right; width:172px; padding:0 15px 0 1px; overflow:hidden; } #breast .section div .right_img .breastImg img{ margin:0px 6px 15px 6px; } #breast .section p{ margin-left:10px; margin-top:10px; line-height:1.5em; } #breast .section div div p{ line-height:1.5em; } #breast .section div div p .pink_txt{ font-size:16px; font-weight:bold; color:#e50064; } #breast .section div div p .large_txt{ font-size:15px; } #breast .section div div ol li .pink_txt{ font-size:14px; color:#e50064; } #mame .outside .mame_inside{ width:463px; } #mame .outside .mame_inside_txt{ width:240px; float:left; } #mame .outside .mame_inside_txt dt{ font-weight:bold; font-size:12px; margin:0 0 12px 0; } #mame .outside .mame_inside_txt dd{ margin:10px 0 10px 1em; } #mame .outside .mame_inside .mame_bottom{ margin:20px 0px; width:460px; clear:both; } #mame .outside .mame_inside .mame_bottom dd.bottom{ margin:5px 0 10px 1em; width:463px; float:left; } #maincol #breast .section #mame div .arrow{ width:505px; padding-left:150px; float:left; } #maincol #breast .section #mame div .arrow img{ float:left; } #maincol #breast .section #mame div .use_img { list-style:none; overflow:hidden; text-align:center; width:476px; padding-bottom:10px; } #maincol #breast .section #mame div .use_img .f-left{ width:201px; float:left; margin-left:10px; } #maincol #breast .section #mame div .use_img li{ padding:0 0px 20px 10px; } #maincol #breast .section #mame div .use_img li img{ padding:0px; } #mame02 .outside .mame_inside{ width:463px; } #mame02 .outside .mame_inside_txt{ width:240px; float:left; } #mame02 .outside .mame_inside_txt dt{ font-weight:bold; font-size:12px; margin:0 0 12px 0; } #mame02 .outside .mame_inside_txt dd{ margin:10px 0 10px 1em; } #mame02 .outside .mame_inside .mame_bottom{ margin:20px 0px; width:460px; clear:both; } #mame02 .outside .mame_inside .mame_bottom dd.bottom{ margin:5px 0 10px 1em; width:463px; float:left; } #maincol #breast .section #mame02 div .arrow{ width:505px; padding-left:150px; float:left; } #maincol #breast .section #mame02 div .arrow img{ float:left; } #maincol #breast .section #mame02 div .use_img { list-style:none; overflow:hidden; text-align:center; width:476px; padding-bottom:10px; } #maincol #breast .section #mame02 div .use_img .f-left{ width:201px; float:left; margin-left:10px; } #maincol #breast .section #mame02 div .use_img li{ padding:0 0px 20px 10px; } #maincol #breast .section #mame02 div .use_img li img{ padding:0px; } #maincol #breast .section .outside02{ padding:20px; border:solid 1px #e696a4; background:#fffafa;} /*　PRODUCTS - BREAST CARE GLOVE - RESULTS ----------------------------------------------*/ #breast .section ul.resultsUl li{ list-style:none; background:url(../products/breast/results/images/results_li_icon.gif) no-repeat 0 4px; padding-left:15px; } #breast #example div .resultsUl li{ list-style:none; background:url(../products/breast/results/images/results_li_icon.gif) no-repeat 0 4px; padding-left:15px; } #mame .outside .mame_inside .imgR img{ width:200px; } #mame02 .outside .mame_inside .imgR img{ width:200px; } #breast .section_map{ width:565px; padding:0 20px 30px 20px;} #breast .section_map h3{ width:540px; height:35px; font-size:13px; background:url(../sitemap/images/maincol_h3_01.gif) no-repeat left top; color:#fff; line-height:2.7em; padding:0 0 10px 25px;} #breast .section_map h4{ width:535px; padding:5px; margin:10px 0; font-size:12px; color:#309; background:#e8e8e8;} #breast .section_map h4 span{ margin:0 0 0 1em; font-size:11px; font-weight:normal; color:#000;} #breast .section_map div{ padding:0 5px;} #breast .section_map div p{ margin:0;} #breast .section_map div p span{ font-size:11px;} #breast .section_map div p img{ margin:0;} #breast .section_map div .store_map { width:545px; height:346px; position:relative; margin-top:20px; } #breast .section_map div .store_map a:hover img{ filter: none; -moz-opacity:1.0; opacity:1.0; cursor:pointer; cursor:hand } /* 北海道・東北 */ #breast .section_map div .store_map .icon01 { position:absolute; top:134px; left:385px; width:29px; height:30px; background:url(../products/breast/results/images/store_icon_bg.png) no-repeat; } #brest .section_map div .store_map .icon01 img { } .fukidashi01 { display: none; position: absolute; } a:hover .fukidashi01 { width:100px; height:76px; display: block; color:#000; top:-100px; left:-190px; background:url(../products/breast/results/images/store_icon_bg.png) no-repeat; } /* 関東 */ #breast .section_map div .store_map .icon02 { position:absolute; top:215px; left:336px; width:29px; height:30px; background:url(../products/breast/results/images/store_icon_bg.png) no-repeat; } .fukidashi02 { display: none; position: absolute; } a:hover .fukidashi02 { display: block; color:#000; top:-220px; left:85px; background:url(../products/breast/results/images/fukidashi02_bg.png) no-repeat; width:115px; height:295px; } /* 甲信越 */ #breast .section_map div .store_map .icon03 { position:absolute; top:211px; left:296px; width:29px; height:30px; background:url(../products/breast/results/images/store_icon_bg.png) no-repeat; } .fukidashi03 { display: none; position: absolute; } a:hover .fukidashi03 { display: block; color:#000; top:-140px; left:-25px; background:url(../products/breast/results/images/fukidashi03_bg.png) no-repeat; width:95px; height:83px; } /* 中部・東海・北陸 */ #breast .section_map div .store_map .icon04 { position:absolute; top:223px; left:258px; width:29px; height:30px; background:url(../products/breast/results/images/store_icon_bg.png) no-repeat; } .fukidashi04 { display: none; position: absolute; } a:hover .fukidashi04 { display: block; color:#000; top:-170px; left:-40px; background:url(../products/breast/results/images/fukidashi04_bg.png) no-repeat; width:115px; height:125px; } /* 近畿 */ #breast .section_map div .store_map .icon05 { position:absolute; top:223px; left:216px; width:29px; height:30px; background:url(../products/breast/results/images/store_icon_bg.png) no-repeat; } .fukidashi05 { display: none; position: absolute; } a:hover .fukidashi05 { display: block; color:#000; top:-160px; left:-40px; background:url(../products/breast/results/images/fukidashi05_bg.png) no-repeat; width:107px; height:145px; } /* 中国・四国 */ #breast .section_map div .store_map .icon06 { position:absolute; top:223px; left:156px; width:29px; height:30px; background:url(../products/breast/results/images/store_icon_bg.png) no-repeat; } .fukidashi06 { display: none; position: absolute; } a:hover .fukidashi06 { display: block; color:#000; top:-130px; left:-50px; background:url(../products/breast/results/images/fukidashi06_bg.png) no-repeat; width:104px; height:105px; } /* 九州・沖縄 */ #breast .section_map div .store_map .icon07 { position:absolute; top:265px; left:78px; width:29px; height:30px; background:url(../products/breast/results/images/store_icon_bg.png) no-repeat; } .fukidashi07 { display: none; position: absolute; } a:hover .fukidashi07 { display: block; color:#000; top:-260px; left:-60px; background:url(../products/breast/results/images/fukidashi07_bg.png) no-repeat; width:101px; height:245px; } #breast .section_map div .store_map .bold { font-weight:bold; } #breast .section .w_540{ width:545px; padding-left:15px; } /*　PRODUCTS ----------------------------------------------*/ #download{ width:605px;} #download .section{ width:565px; padding:0 20px 0 20px;} #download .section p{ margin:0;} #download .section .intro{ padding:0 0 2em 0; margin:0 0 2em 0; border-bottom:dotted 1px #ccc;} #download .section .article{ width:565px;} #download .section .article table{ width:565px; margin:0 0 20px 0; border-collapse:collapse;} #download .section .article table tr { vertical-align:middle;} #download .section .article table th{ padding:5px; border:solid 1px #ccc; background:#eee; text-align:center;} #download .section .article table th.no{ width:10%;} #download .section .article table th.title{ width:60%;} #download .section .article table th.author{ width:30%;} #download .section .article table td{ padding:5px; border:solid 1px #ccc;} #download .section .article table td.no{ text-align:center;} /*　PRODUCTS(hemo-pad) ----------------------------------------------*/ #hemo-pad{ width:605px; padding-bottom:20px;} #hemo-pad .section{ width:565px; padding:0 20px 30px 20px;} #hemo-pad .section .indent{ padding-left:10px; } #hemo-pad .section2 .indent{ padding-left:10px; } #hemo-pad .section .indent_pt15{ padding:15px 0 0 10px;} #hemo-pad .section .indent_pb15{ padding:0 0 15px 10px;} #hemo-pad .section h3{ margin:0 0 10px 0; font-size:11px;} #hemo-pad .section2 h3{ margin:0 0 10px 0; font-size:11px;} #hemo-pad .section ol{padding:10px 0 10px 45px;} #hemo-pad .section li{ font-weight:bold; line-height:1.5em; padding-bottom:5px;} #hemo-pad .section .imgCnt{ text-align:center; width:500px; margin-left: 35px; overflow:hidden; } #hemo-pad .section .imgCnt .imgL{ float:left; width:240px; padding-top:15px;} #hemo-pad .section .imgCnt .imgR{ float:right; width:240px; padding-top:15px;} #hemo-pad .section .imgCnt .imgL p{ text-align:center; font-weight: bold; margin-bottom:0; width:240px;} #hemo-pad .section .imgCnt .imgR p{ text-align:center; font-weight: bold; margin-bottom:0; width:240px;} #hemo-pad .section table{ border-collapse:collapse; margin:15px 0 35px 30px;} #hemo-pad .section table td{ border:solid 1px #ccc; text-align:center; width:299px; padding:5px 0 5px 0;} #hemo-pad .section table th{ border:solid 1px #ccc; text-align:center; background:#eee; font-weight:normal; width:185px; height:30px;} #hemo-pad .section .hemo-pad_table{ border-collapse:collapse; margin:15px 0 25px 30px;} #hemo-pad .section .hemo-pad_table td{ border:solid 1px #ccc; text-align:left; width:299px; padding:5px 5px 5px 10px;} #hemo-pad .section .hemo-pad_table th{ border:solid 1px #ccc; text-align:center; background:#eee; font-weight:normal; width:185px;} #hemo-pad .section2 .hemo-pad_table_en{ border-collapse:collapse; margin:15px 0 25px 30px;} #hemo-pad .section2 .hemo-pad_table_en td{ border:solid 1px #ccc; text-align:left; padding:5px 5px 5px 10px;} #hemo-pad .section2 .hemo-pad_table_en th{ border:solid 1px #ccc; text-align:center; background:#eee; font-weight:normal;} #hemo-pad .section li img{ border:none; margin:0; padding:0;} #hemo-pad .section2 .a-t_pdf{width:500px; text-align:left; padding:15px 0 0 20px;} #hemo-pad .section ul{margin:0; padding:0; font-size:12px; line-height:1em; list-style:none; position:relative; left:-3px;} #hemo-pad .section ul li{margin:0 0 6px 15px; padding:0 0 0 35px; height:30px; font-weight:normal; background:url(../products/hemo-pad/images/pdf.gif) no-repeat left top;} #hemo-pad .section2 ul{margin:0; padding:0; font-size:12px; line-height:1em; list-style:none; position:relative; left:-3px;} #hemo-pad .section2 ul li{margin:0 0 0 10px; padding:0 0 0 35px; height:30px; font-weight:normal; background:url(../english/products/hemo-pad/images/pdf.gif) no-repeat left top;} #hemo-pad .section .text_pt9{ padding:9px 0 0 10px; float:left;} #hemo-pad .section2 .text_pt10{ padding:10px 0 0 20px;} #hemo-pad .section .banner{ padding-left:10px; float:left; } /*　PRODUCTS(oxygen) ----------------------------------------------*/ #oxygen{ width:605px;} #oxygen .section{ width:565px; padding:0 20px 30px 20px;} #oxygen .section .indent{ padding-left:10px; } #oxygen .section .indent_pb20{ padding:0 0 20px 10px; } #oxygen .section .indent_pt20{ padding:20px 0 0 10px; } #oxygen .section .indent_pt10{ padding:10px 0 0 10px; } #oxygen .section .indent_pt10_pb20{ padding:10px 0 20px 10px; } #oxygen .section .pb10-pr20{ padding:0 20px 10px 10px; } #oxygen .section h3{ font-size:11px;} #oxygen .section h4{ width:535px; padding:5px; margin:10px 0; color:#309; background:#e8e8e8;} #oxygen .section div{ width:545px; padding:10px 10px 0; overflow:hidden;} #oxygen .section div p{ width:545px;} #oxygen .section .lineup ul{ margin-bottom:20px; padding:0; font-size:12px; line-height:1em; list-style:none; position:relative; left:-3px;} #oxygen .section .lineup .caro2{ padding:10px 0 0 45px; height:30px; font-weight:normal; background:url(../products/oxygen/images/caro2_img.jpg) no-repeat left top;} #oxygen .section .lineup .og-101{ padding:10px 0 0 45px; height:30px; font-weight:normal; background:url(../products/oxygen/images/og-101_img.jpg) no-repeat left top;} #oxygen .section .lineup .o2supply{ padding:10px 0 0 45px; height:30px; font-weight:normal; background:url(../products/oxygen/images/o2supply_img.jpg) no-repeat left top;} #oxygen .section .text-box{ text-align:center; width:565px; margin:0px; padding:0px; overflow:hidden;} #oxygen .section .text-box_left{ width:365px; height:auto; float:left;} #oxygen .section .text-box_left p{ text-align:left; font-weight: normal; width:365px;} #oxygen .section .text-box_right{ width:160px; height:auto; float:right;} #oxygen .section .text-box_right img{ padding-bottom:15px;} #oxygen .section ul{text-align:left; padding:15px 0 15px 25px; line-height:1.5em; list-style-type:disc; font-weight:bold;} #oxygen .section li{padding-bottom:5px;} #oxygen .section table{ border-collapse:collapse; margin:15px 0 35px 30px;} #oxygen .section table td{ border:solid 1px #ccc; text-align:left; width:314px; padding:5px 0 5px 10px;} #oxygen .section table th{ border:solid 1px #ccc; text-align:center; background:#eee; font-weight:normal; width:155px; height:30px;} #oxygen .section .imgCnt{ text-align:center; width:450px; margin-left: 55px; overflow:hidden; } #oxygen .section .text06{ font-size:11px; text-align:left;} #oxygen .section .text07{ font-weight:bold; color:#FF0000; text-align:left;} #oxygen .section .text08{ font-weight:normal; text-align:left;} #oxygen .section .service-price{ border-collapse:collapse; margin:15px 0 35px 20px; text-align:center;} #oxygen .section .service-price td{ border:solid 1px #ccc; text-align:center; width:157px; padding:5px 0 5px 0;} #oxygen .section .service-price th{ border:solid 1px #ccc; text-align:center; background:#eee; font-weight:normal; width:157px;} /*　PRODUCTS(adamu) ----------------------------------------------*/ #products .section2 .boxAdm { padding:0 10px;} #products .section2 h4.h4Adm { width:535px; padding:5px; margin:10px 0; color:#309; background:#e8e8e8; font-size:12px;} #products .section2 .boxAdm p{ margin-bottom:40px;} #products .section2 .boxAdmpdf { background:#fffcea; margin:0 px; padding:20px; width:523px; overflow:hidden; border:1px #907eb6 solid;} #products .section2 .boxAdmpdf p { background:url(../products/adamu/images/adamu_pdf_icon.gif) no-repeat right; font-size:14px; width:300px; font-weight:bold; padding:5px 20px 5px 0;} #products .section2 .boxAdmpdf dl { width:168px; float:left; overflow:hidden;} #products .section2 .boxAdmpdf dl dt { font-weight:bold;} #products .section2 .boxAdmpdf dl dd { float:left; padding-right:10px;} /*　PRODUCTS(vial) ----------------------------------------------*/ #vial .section2 .f-left.pb10 dl dt{ font-size:16px; font-weight:bold; color:#009f98; padding-bottom:10px; } #vial .section2 h3{ background: url("../sitemap/images/maincol_h3_01.gif") no-repeat scroll left top transparent; color: rgb(255, 255, 255); font-size: 13px; height: 35px; line-height: 2.7em; padding:0 0 15px 25px; width: 540px; } #vial .section2 .boxVial{ width:565px; overflow:hidden; padding-bottom:20px; } #vial .section2 .boxVial h4{ font-size:12px; font-weight:bold; padding:0 0 10px 0; background: url("../sitemap/images/maincol_h3_01.gif") no-repeat scroll left top transparent; color: rgb(255, 255, 255); font-size: 13px; height: 35px; line-height: 2.7em; padding:0 0 15px 25px; width: 540px; letter-spacing:0.5px; } #vial .section2 .boxVial .vialFlow{ width:546px; margin:0 auto 30px auto; } #vial .section2 .boxVial .boxVialvideo{ width:523px; height:133px; padding:15px; border:1px solid #01a29c; margin:10px auto 0 auto; background:#dbf5f9; } #vial .section2 .boxVial .boxVialvideo .left_vid{ float:left; width:240px; } #vial .section2 .boxVial .boxVialvideo .right_txt{ float:right; width:275px; color:#009f98; font-size:14px; font-weight:bold; } #vial .section2 .boxVial .vial_left_txt{ width:300px; float:left; padding-left:10px; line-height:1.5em; } #vial .section2 .boxVial .vial_right_img img{ float:right; width:225px; padding-right:10px; } #vial .section2 .boxVial .vial_left_txt ul li{ padding-bottom:15px; } #vial .section2 .boxVial .vial_left_txt ul li strong{ font-weight:bold; font-size:16px; color:#009f98; padding-bottom:5px; } #vial .section2 .boxVial .vial_left_txt ul li p{ padding-left:17px; font-size:14px; } #vial .section2 .boxVial .vial_left_txt ul li span{ font-weight:bold; } #vial .section2 .boxVial table{ width:543px; margin:5px auto; text-align:center; border-left:solid 1px #01a29c; border-top:solid 1px #01a29c; border-spacing:0; } #vial .section2 .boxVial table tr th{ padding:5px; background:#dbf5f9; border-bottom:solid 1px #01a29c; border-right:solid 1px #01a29c; width:25%; } #vial .section2 .boxVial table tr td{ border-bottom:solid 1px #01a29c; border-right:solid 1px #01a29c; } #vial .section2 .boxVial .small_txt{ padding-left:12px; } /*mix2vial 20131003 update -------------------------------------------*/ #vial .section2 .topVialBox .pointTit, #vial .section2 .topVialBox .vial_left_txt .pointTit{ color:#01a29c; font-size:18px; font-weight:bold; padding:5px 0 5px 10px; /* border-left:5px solid #01a29c; */ margin-bottom:5px; /* border-bottom:1px dotted #01a29c; */ } #vial .section2 .boxVial h3{ background:none; padding:0; padding-bottom:20px; } #vial .section2 .topVialBox{ width:563px; overflow:hidden; padding:10px 0 20px 0; margin-bottom:40px; border:1px solid #01a29c; } #vial .section2 .topVialBox .vial_left_txt{ width:300px; float:left; /* padding-left:10px; */ line-height:1.4em; } #vial .section2 .topVialBox .vial_right_img{ float:right; width:225px; padding-right:10px; } #vial .section2 .topVialBox .vial_left_txt ul{ padding-left:25px; padding-top:5px; height:190px; overflow:hidden; } #vial .section2 .topVialBox .vial_left_txt ul li{ padding-bottom:13px; } #vial .section2 .topVialBox .vial_left_txt ul li a{ zoom:1; } #vial .section2 .topVialBox .vial_left_txt ul li strong{ font-weight:bold; font-size:15px; color:#009f98; padding-bottom:5px; } #vial .section2 .topVialBox .vial_left_txt ul li p{ padding-left:17px; font-size:14px; } #vial .section2 .topVialBox .vial_left_txt ul li span{ font-weight:bold; } #vial .section2 .topVialBox .linkBox{ width:565px; list-style:none; overflow:hidden; clear:both; padding-top:20px; } #vial .section2 .topVialBox .linkBox li{ width:168px; height:50px; float:left; padding-left:75px; } /*　PRODUCTS(sol-care) ---------------------------------------------- */ #solcare .section2 .f-left.pb10 dl dt{ font-size:16px; font-weight:bold; color:#009f98; padding-bottom:10px; } #solcare .section2 h3{ background: url("../sitemap/images/maincol_h3_01.gif") no-repeat scroll left top transparent; color: rgb(255, 255, 255); font-size: 13px; height: 35px; line-height: 2.7em; padding:0 0 15px 25px; width: 540px; } #solcare .section2 .boxVial{ width:565px; overflow:hidden; padding-bottom:20px; } #solcare .section2 .boxVial h4{ font-size:12px; font-weight:bold; padding:0 0 10px 0; background: url("../sitemap/images/maincol_h3_01.gif") no-repeat scroll left top transparent; color: rgb(255, 255, 255); font-size: 13px; height: 35px; line-height: 2.7em; padding:0 0 15px 25px; width: 540px; letter-spacing:0.5px; } #solcare .section2 .boxVial .vialFlow{ width:546px; margin:0 auto 30px auto; } #solcare .section2 .boxVial .boxVialvideo{ width:523px; height:133px; padding:15px; border:1px solid #00aeef; margin:10px auto 0 auto; background:#dff7ff; } #solcare .section2 .boxVial .boxVialvideo .left_vid{ float:left; width:240px; } #solcare .section2 .boxVial .boxVialvideo .right_txt{ float:right; width:275px; color:#00aeef; font-size:14px; font-weight:bold; } #solcare .section2 .boxVial .vial_right_img img{ float:right; width:225px; padding-right:10px; } #solcare .section2 .boxVial .vial_left_txt ul li{ padding-bottom:15px; } #solcare .section2 .boxVial .vial_left_txt ul li strong{ font-weight:bold; font-size:16px; color:#009f98; padding-bottom:5px; } #solcare .section2 .boxVial .vial_left_txt ul li p{ padding-left:17px; font-size:14px; } #solcare .section2 .boxVial .vial_left_txt ul li span{ font-weight:bold; } #solcare .section2 .boxVial table{ width:543px; margin:5px auto; text-align:center; border-left:solid 1px #00aeef; border-top:solid 1px #00aeef; border-spacing:0; } #solcare .section2 .boxVial table tr th{ padding:5px; background:#dff7ff; border-bottom:solid 1px #00aeef; border-right:solid 1px #00aeef; width:25%; } #solcare .section2 .boxVial table tr td{ border-bottom:solid 1px #00aeef; border-right:solid 1px #00aeef; } #solcare .section2 .boxVial .small_txt{ padding-left:12px; } /*mix2vial 20131003 update -------------------------------------------*/ #solcare .section2 .topVialBox .pointTit, #solcare .section2 .topVialBox .vial_left_txt .pointTit{ color:#00aeef; font-size:18px; font-weight:bold; padding:5px 0 5px 0; /* border-left:5px solid #01a29c; */ margin-bottom:5px; /* border-bottom:1px dotted #01a29c; */ } #solcare .section2 .boxVial h3{ background:none; padding:0; padding-bottom:20px; } #solcare .section2 .topVialBox{ overflow:hidden; padding:10px 20xp 20px 20px; /* margin-bottom:40px; */ } #solcare .section2 .topVialBox .vial_left_txt{ width:260px; float:left; /* padding-left:10px; */ line-height:1.4em; } #solcare .section2 .topVialBox .vial_right_img{ float:right; width:271px; } #solcare .section2 .topVialBox .vial_left_txt ul{ padding-left:20px; padding-top:5px; overflow:hidden; list-style:disc; } #solcare .section2 .topVialBox .vial_left_txt ul li{ padding-bottom:13px; font-size:14px; line-height:1.6em; } #solcare .section2 .topVialBox .vial_left_txt ul li a{ zoom:1; } #solcare .section2 .topVialBox .vial_left_txt ul li strong{ font-weight:bold; font-size:15px; color:#009f98; padding-bottom:5px; } #solcare .section2 .topVialBox .vial_left_txt ul li p{ padding-left:17px; font-size:14px; } #solcare .section2 .topVialBox .vial_left_txt ul li span{ font-weight:bold; } #solcare .section2 .topVialBox .linkBox{ width:565px; list-style:none; overflow:hidden; clear:both; padding-top:20px; } #solcare .section2 .topVialBox .linkBox li{ width:168px; height:50px; float:left; padding-left:75px; } #solcare .section2 .bottomTxt{ font-weight:bold; color:#00aeef; font-size:18px; padding-bottom:40px; padding-top:20px; line-height:1.4em; } #solcare .section2 .boxVial .solFlow ul{ overflow:hidden; width:545px; padding-left:20px; } #solcare .section2 .boxVial .solFlow ul li{ float:left; list-style:none; width:147px; } #solcare .section2 .boxVial .solFlow ul li span{ color:#00aeef; font-weight:bold; font-size:16px; } #solcare .section2 .boxVial .solFlow ul .arrow{ padding-left:40px; background:url(../products/medical/solcare/images/flow_arrow.gif) no-repeat 15px 70px; } /*メディカル事業　20131015 --------------------------------------------*/ #other #wrap #container #content #include #outside #inside #maincol #medical ul{ width:554px; margin:0 auto; list-style:none; padding-top:50px; padding-bottom:70px; } #other #wrap #container #content #include #outside #inside #maincol #medical ul li{ margin-bottom:50px; border:2px solid #ccc; } #other #wrap #container #content #include #outside #inside #cnav .section .a_menu ul.in_menu { border-left:none; border-right:none; border-bottom:none; } #other #wrap #container #content #include #outside #inside #cnav .section .a_menu ul.in_menu li.last{ border-bottom:none; } #other #wrap #container #content #include #outside #inside #cnav .section .openbox { cursor: pointer; } #other #wrap #container #content #include #outside #inside #cnav .section .openbox img:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7; } #other #wrap #container #content #include #outside #inside #cnav .section .a_menu .open_box li { padding: 5px 5px 20px 28px; } /*　インスリンセーフティシリンジ ---------------------------------------------- */ #syringe .section2 .f-left.pb10 dl dt{ font-size:16px; font-weight:bold; color:#009f98; padding-bottom:10px; } #syringe .section2 h3{ background: url("../sitemap/images/maincol_h3_01.gif") no-repeat scroll left top transparent; color: rgb(255, 255, 255); font-size: 13px; height: 35px; line-height: 2.7em; padding:0 0 15px 25px; width: 540px; } #syringe .section2 .boxVial{ width:565px; overflow:hidden; padding-bottom:20px; } #syringe .section2 .boxVial h4{ font-size:12px; font-weight:bold; padding:0 0 10px 0; background: url("../sitemap/images/maincol_h3_01.gif") no-repeat scroll left top transparent; color: rgb(255, 255, 255); font-size: 13px; height: 35px; line-height: 2.7em; padding:0 0 15px 25px; width: 540px; letter-spacing:0.5px; } #syringe .section2 .boxVial .vialFlow{ width:546px; margin:0 auto 30px auto; } #syringe .section2 .boxVial .boxVialvideo{ width:523px; height:115px; padding:15px; border:1px solid #00aeef; margin:10px auto 0 auto; background:#dff7ff; } #syringe .section2 .boxVial .boxVialvideo .left_vid{ float:left; width:240px; } #syringe .section2 .boxVial .boxVialvideo .right_txt{ float:right; width:275px; color:#00aeef; font-size:14px; font-weight:bold; } #syringe .section2 .boxVial .vial_right_img img{ float:right; width:225px; padding-right:10px; } #syringe .section2 .boxVial .vial_left_txt ul li{ padding-bottom:15px; } #syringe .section2 .boxVial .vial_left_txt ul li strong{ font-weight:bold; font-size:16px; color:#009f98; padding-bottom:5px; } #syringe .section2 .boxVial .vial_left_txt ul li p{ padding-left:17px; font-size:14px; } #syringe .section2 .boxVial .vial_left_txt ul li span{ font-weight:bold; } #syringe .section2 .boxVial table{ width:543px; margin:5px auto; text-align:center; border-left:solid 1px #00aeef; border-top:solid 1px #00aeef; border-spacing:0; } #syringe .section2 .boxVial table tr th{ padding:5px; background:#dff7ff; border-bottom:solid 1px #00aeef; border-right:solid 1px #00aeef; width:25%; } #syringe .section2 .boxVial table tr td{ border-bottom:solid 1px #00aeef; border-right:solid 1px #00aeef; position: relative; } #syringe .section2 .boxVial table tr td sup{ position: absolute; top: -4px; } #syringe .section2 .boxVial .small_txt{ padding-left:12px; } #syringe .section2 .topVialBox .pointTit, #syringe .section2 .topVialBox .vial_left_txt .pointTit{ color:#00aeef; font-size:18px; font-weight:bold; padding:5px 0 5px 0; /* border-left:5px solid #01a29c; */ margin-bottom:5px; /* border-bottom:1px dotted #01a29c; */ } #syringe .section2 .boxVial h3{ background:none; padding:0; padding-bottom:20px; } #syringe .section2 .topVialBox{ overflow:hidden; padding:10px 0px 20px; } #syringe .section2 .topVialBox .vial_left_txt{ float:left; /* padding-left:10px; */ line-height:1.4em; } #syringe .section2 .topVialBox .vial_left_txt ul{ padding-left:20px; padding-top:5px; overflow:hidden; list-style:disc; } #syringe .section2 .topVialBox .vial_left_txt ul li{ padding-bottom:13px; font-size:14px; line-height:1.6em; } #syringe .section2 .topVialBox .vial_left_txt ul li a{ zoom:1; } #syringe .section2 .topVialBox .vial_left_txt ul li strong{ font-weight:bold; font-size:15px; color:#009f98; padding-bottom:5px; } #syringe .section2 .topVialBox .vial_left_txt ul li p{ padding-left:17px; font-size:14px; } #syringe .section2 .topVialBox .vial_left_txt ul li span{ font-weight:bold; } #syringe .section2 .topVialBox .linkBox{ width:565px; list-style:none; overflow:hidden; clear:both; padding-top:20px; } #syringe .section2 .topVialBox .linkBox li{ width:168px; height:50px; float:left; padding-left:75px; } #syringe .section2 .bottomTxt{ font-weight:bold; color:#00aeef; font-size:18px; padding-bottom:40px; padding-top:20px; line-height:1.4em; } #syringe .section2 .boxVial .solFlow ul { overflow: hidden; width: 565px; display: flex; justify-content: space-between; align-items: flex-end; position: relative; bottom: 35px; } #syringe .section2 .boxVial .solFlow ul li { display: flex; flex-direction: column; justify-content: center; align-items: baseline; list-style: none; background: #fff; width: 28%; padding: 10px 3px; border: 1px solid #00aeef; border-radius: 3px; position: relative; } #syringe .section2 .boxVial .solFlow ul li p{ margin: 2px 0; } #syringe .section2 .boxVial .solFlow ul li:nth-child(1) { left: 22px; } #syringe .section2 .boxVial .solFlow ul li:nth-child(2) { left: 2px; } #syringe .section2 .boxVial .solFlow ul li:nth-child(3) { right: 19px; } #syringe .section2 .boxVial .solFlow ul li span{ color:#00aeef; font-weight:bold; font-size:16px; } #syringe .section2 .boxVial .solFlow ul .arrow{ padding-left:40px; background:url(../products/medical/syringe/images/flow_arrow.gif) no-repeat 15px 70px; } #syringe .solution_box { display: flex; justify-content: space-between; position: relative; } #syringe .sol_item { display: flex; flex-direction: column; justify-content: center; align-items: baseline; border: 1px solid #00aeef; border-radius: 3px; padding: 15px 10px; box-sizing: border-box; } #syringe .sol_item:first-child{ width: 40%; } #syringe .sol_item:last-child{ width: 50%; } #syringe .sol_item:first-child p{ display: inline-flex; justify-content: flex-start; align-items: center; line-height: 2.5; } #syringe .log_icon { display: inline-block; width: 5px; height: 1.5em; background: #00aeef; margin-right: 5px; } #syringe .sol_item_top { font-size: 16px; color: #00aeef; font-weight: bold; padding-bottom: 5px; border-bottom: 1px solid #00aeef; margin-bottom: 10px; } #syringe .solution_box::after { content: url(../products/medical/syringe/images/flow_arrow.gif); position: absolute; left: 44%; top: 33%; } #syringe .solution_bottom { font-size: 16px; font-weight: bold; color: #00aeef; width: 100%; text-align: center; padding: 10px 0; border-top: solid 1px #00aeef; border-bottom: solid 1px #00aeef; margin: 30px auto 10px; } #syringe .download_btn { display: inline-block; margin: 0 5px 25px 0; border: 1px solid #0ab4f1; } #syringe .download_btn a { text-decoration: none; display: block; padding: 10px; text-align: center; font-weight: bold; background: linear-gradient(180deg, #0ab4f1, #2bc6f4, #0ab4f1); color: #fff; font-size: 14px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif; margin: 1px; text-shadow: 2px 1px 0px #0c7ba1; } #syringe .tips { font-size: 14px; margin-bottom: 20px; } /*　PRODUCTS(etc) ----------------------------------------------*/ #etc{ width:605px;} #etc .section{ width:565px; padding:0 20px 30px 20px;} #etc .section .indent{ padding-left:10px; } #etc .section div{ width:545px; padding:10px 10px 0; overflow:hidden;} #etc .section div p{ width:545px;} #etc .section h3{ font-size:11px;} #etc .section h4{ width:535px; padding:5px; margin:10px 0; font-size:12px; color:#309; background:#e8e8e8;} #etc .section ul{text-align:left; padding:5px 0 40px 10px; width:520px; line-height:1.5em; overflow:hidden; list-style-type:none; font-weight:bold;} #etc .section li{padding-bottom:5px; float:left; width:130px;} #etc .section .etc_en{text-align:left; padding:5px 0 40px 10px; width:520px; line-height:1.5em; overflow:hidden; list-style-type:none; font-weight:bold;} #etc .section .etc_en .li_left{padding-bottom:5px; width:235px; float:left;} #etc .section .etc_en .li_right{padding-bottom:5px; width:285px; float:left;} #etc .section table{ border-collapse:collapse; margin:15px 0 35px 10px;} #etc .section table td{ border:solid 1px #ccc; text-align:center; width:230px; padding:5px 0 5px 10px;} #etc .section table th{ border:solid 1px #ccc; text-align:center; background:#eee; font-weight:normal; width:120px; height:30px;} /*　PRODUCTS(etc-products) ----------------------------------------------*/ #etc-products{ width:605px;} #etc-products .section{ width:565px; padding:0 20px 30px 20px;} #etc-products .section p{ padding:5px; line-height:1.3em; text-align:left;} #etc-products .section .box-text{ padding:3px; line-height:1.3em; text-align:center;} #etc-products .section .pro-box{ text-align:center; width:565px; line-height:1.5em; overflow:hidden; list-style-type:none;} #etc-products .section .pro-box01{ float:left; width:136px; margin-left:4px; background-color:#E3E3FF; padding:4px 0 4px 0;} #etc-products .section .pro-box2{ text-align:center; width:565px; line-height:1.5em; overflow:hidden; list-style-type:none;} #etc-products .section .pro-box02{ float:left; width:276px; margin:0 0 4px 4px; background-color:#E3E3FF; padding:4px 0 4px 0;} #etc-products .section .s-text{ text-align:left; padding:3px 3px 3px 18px; list-style-type:disc;} #etc-products .section .s-text01{line-height:1.1em; padding-bottom:4px;} #etc-products .section .s-text2{ text-align:left; padding:3px 0px 3px 0px; list-style-type:disc;} #etc-products .section ol{padding:3px 0 1px 20px;} #etc-products .section ol li span{margin-left:-5px;} #etc-products .section .s-text02{line-height:1.1em; padding-bottom:4px;} #etc-products .section table{ border-collapse:collapse; margin:15px 0 10px 0; font-size:12px;} #etc-products .section table td{ border:solid 1px #ccc; text-align:center; padding:5px 2px 5px 2px; line-height:1.2em;} #etc-products .section table td img{ padding:5px 0 5px 0;} #etc-products .section table th{ border:solid 1px #ccc; text-align:center; background:#eee; font-weight:normal; padding:5px 0 5px 0;} /*　PRODUCTS(shop) ----------------------------------------------*/ #shop{ width:605px;} #shop .section{ width:565px; padding:0 20px 30px 20px;} #shop .section h3{ font-size:11px;} #shop .section h4{ width:535px; padding:5px; margin:10px 0; color:#309; background:#e8e8e8;} #shop .section div{ width:545px; padding:10px 10px 0; overflow:hidden;} #shop .section div p{ width:545px;} #shop .section ol{text-align:left; padding:15px 0 30px 25px; line-height:1.5em; font-weight:normal;} #shop .section li{padding-bottom:5px;} #shop .section ul{text-align:left; padding:15px 0 30px 25px; line-height:1.5em; font-weight:normal;} /*　PRODUCTS(shop-info-info) ----------------------------------------------*/ #shop-contents{ background-color:#FFFFFF; background-image:none; margin:10px;} #wrap-info{width:520px; padding:10px; border:1px solid #CCCCCC;} #shop-info{ width:520px; text-align:left;} #shop-info .section{ text-align:left;} #shop-info .section h3{ padding-bottom:20px;} #shop-info .section h4{ width:495px; padding:5px 0 5px 5px; color:#309; background:#e8e8e8;} #shop-info .section div{ width:500px; padding:10px 10px 0; overflow:hidden;} #shop-info .section ul{ text-align:center; width:490px; line-height:1.5em; overflow:hidden; list-style-type:none; margin:15px 0 10px 22px;} #shop-info .section ul li{ float:left; width:230px; margin:15px 0 4px 5px; background-color:#E3E3FF; padding:4px 0 4px 0;} #shop-info .section .imgCnt{ text-align:left; width:430px; height:85px; overflow:hidden; padding-left:26px; } #shop-info .section .imgCnt .imgL{ float:left; width:80px; padding-top:5px;} #shop-info .section .imgCnt .imgR{ float:right; width:300px; padding:35px 10px 0 10px; font-size:14px;} #shop-info .section table{ border-collapse:collapse; margin:15px 0 10px 0; font-size:12px;} #shop-info .section table td{ border:solid 1px #666; text-align:right; padding:3px;} #shop-info .section table th{ border:solid 1px #666; text-align:center; background:#eee; font-weight:normal; padding:5px 0 5px 0;} #shop-info .section .text-c{ text-align:center;} #shop-info .section .text_bg{background-color:#FFE990;} #shop-info .section .pagetop{ text-align:right; padding:15px 5px 15px 0; line-height:2.0em;} #shop-info .section .pt15-pl40{padding:15px 0 0 35px;} /*　PARTNER ----------------------------------------------*/ #partner table.partnerTable { border-collapse:collapse; border-spacing:0; border:1px solid #ccc; margin-top:20px; } #partner table.partnerTable th { width:150px; font-weight:normal; vertical-align:middle; text-align:center; background:#eee; border:1px solid #ccc; } #partner table.partnerTable td { border:1px solid #ccc; padding:10px; } #partner table.partnerTable td ul{ margin-left:15px; } #partner li.text-top{ margin-top: 15px; } .list-none{ list-style: none; text-indent: -1em; } /*　LIGHTBOX ----------------------------------------------*/ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;} #lightbox img{ width: auto; height: auto;} #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; } #prevLink{ left: 0; float: left;} #nextLink{ right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover{ background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover{ background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;} #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /*　汎用 ----------------------------------------------*/ .f-left{ float:left;} .f-right{ float:right;} .clear{ clear:both;} .center{ text-align:center;} .center.top{margin-top: 10px;} .right{ text-align:right;} .strong{ font-weight:bold;} .fc_red{ margin-top:-10px; color:red; } /*text-align*/ .taR{text-align:right !important;} .taL{text-align:left !important;} .taC{text-align:center !important;} /* WIDTH */ .w-10{ width:10px;} .w-20{ width:20px;} .w-30{ width:30px;} .w-40{ width:40px;} .w-50{ width:50px;} .w-60{ width:60px;} .w-70{ width:70px;} .w-80{ width:80px;} .w-90{ width:90px;} .w-100{ width:100px;} .w-200{ width:200px;} .w-210{ width:210px;} .w-220{ width:220px;} .w-230{ width:230px;} .w-240{ width:240px;} .w-250{ width:250px;} .w-260{ width:260px;} .w-270{ width:270px;} .w-280{ width:280px;} .w-290{ width:290px;} .w-300{ width:300px;} /* Padding Top */ .pt05{ padding-top:5px;} .pt10{ padding-top:10px;} .pt15{ padding-top:15px;} .pt20{ padding-top:20px;} .pt25{ padding-top:25px;} .pt30{ padding-top:30px;} .pt35{ padding-top:35px;} .pt40{ padding-top:40px;} .pt45{ padding-top:45px;} .pt50{ padding-top:50px;} .pt55{ padding-top:55px;} .pt60{ padding-top:60px;} .pt65{ padding-top:65px;} .pt70{ padding-top:70px;} .pt75{ padding-top:75px;} .pt80{ padding-top:80px;} .pt85{ padding-top:85px;} .pt90{ padding-top:90px;} .pt95{ padding-top:95px;} .pt100{ padding-top:100px;} /* Padding Bottom */ .pb05{ padding-bottom:5px;} .pb10{ padding-bottom:10px;} .pb15{ padding-bottom:15px;} .pb20{ padding-bottom:20px;} .pb25{ padding-bottom:25px;} .pb30{ padding-bottom:30px;} .pb35{ padding-bottom:35px;} .pb40{ padding-bottom:40px;} .pb45{ padding-bottom:45px;} .pb50{ padding-bottom:50px;} .pb55{ padding-bottom:55px;} .pb60{ padding-bottom:60px;} .pb65{ padding-bottom:65px;} .pb70{ padding-bottom:70px;} .pb75{ padding-bottom:75px;} .pb80{ padding-bottom:80px;} .pb85{ padding-bottom:85px;} .pb90{ padding-bottom:90px;} .pb95{ padding-bottom:95px;} .pb100{ padding-bottom:100px;} /* Padding Left */ .pl05{ padding-left:5px;} .pl10{ padding-left:10px;} .pl15{ padding-left:15px;} .pl20{ padding-left:20px;} .pl25{ padding-left:25px;} .pl30{ padding-left:30px;} .pl35{ padding-left:35px;} .pl40{ padding-left:40px;} .pl45{ padding-left:45px;} .pl50{ padding-left:50px;} .pl55{ padding-left:55px;} .pl60{ padding-left:60px;} .pl65{ padding-left:65px;} .pl70{ padding-left:70px;} .pl75{ padding-left:75px;} .pl80{ padding-left:80px;} .pl85{ padding-left:85px;} .pl90{ padding-left:90px;} .pl95{ padding-left:95px;} .pl100{ padding-left:100px;} /* Padding Right */ .pr02{ padding-right:2px !important;} .pr05{ padding-right:5px !important;} .pr10{ padding-right:10px;} .pr15{ padding-right:15px;} .pr20{ padding-right:20px;} .pr25{ padding-right:25px;} .pr30{ padding-right:30px;} .pr35{ padding-right:35px;} .pr40{ padding-right:40px;} .pr45{ padding-right:45px;} .pr50{ padding-right:50px !important;} .pr55{ padding-right:55px !important;} .pr60{ padding-right:60px;} .pr65{ padding-right:65px;} .pr70{ padding-right:70px;} .pr75{ padding-right:75px;} .pr80{ padding-right:80px;} .pr85{ padding-right:85px;} .pr90{ padding-right:90px;} .pr95{ padding-right:95px;} .pr100{ padding-right:100px;} /* Margin Top */ .mt05{ margin-top:5px;} .mt10{ margin-top:10px;} .mt15{ margin-top:15px;} .mt20{ margin-top:20px;} .mt25{ margin-top:25px;} .mt30{ margin-top:30px;} .mt35{ margin-top:35px;} .mt40{ margin-top:40px;} .mt45{ margin-top:45px;} .mt50{ margin-top:50px;} .mt55{ margin-top:55px;} .mt60{ margin-top:60px;} .mt65{ margin-top:65px;} .mt70{ margin-top:70px;} .mt75{ margin-top:75px;} .mt80{ margin-top:80px;} .mt85{ margin-top:85px;} .mt90{ margin-top:90px;} .mt95{ margin-top:95px;} .mt100{ margin-top:100px;} /* Margin Bottom */ .mb05{ margin-bottom:5px;} .mb10{ margin-bottom:14px;} .mb15{ margin-bottom:15px;} .mb20{ margin-bottom:20px;} .mb25{ margin-bottom:25px;} .mb30{ margin-bottom:30px;} .mb35{ margin-bottom:35px;} .mb40{ margin-bottom:40px;} .mb45{ margin-bottom:45px;} .mb50{ margin-bottom:50px;} .mb55{ margin-bottom:55px;} .mb60{ margin-bottom:60px;} .mb65{ margin-bottom:65px;} .mb70{ margin-bottom:70px;} .mb75{ margin-bottom:75px;} .mb80{ margin-bottom:80px;} .mb85{ margin-bottom:85px;} .mb90{ margin-bottom:90px;} .mb95{ margin-bottom:95px;} .mb100{ margin-bottom:100px;} /* Margin Left */ .ml00{ margin-left:0px !important;} .ml05{ margin-left:5px;} .ml10{ margin-left:10px;} .ml15{ margin-left:15px;} .ml20{ margin-left:20px;} .ml25{ margin-left:25px;} .ml30{ margin-left:30px;} .ml35{ margin-left:35px;} .ml40{ margin-left:40px;} .ml45{ margin-left:45px;} .ml50{ margin-left:50px;} .ml55{ margin-left:55px;} .ml60{ margin-left:60px;} .ml65{ margin-left:65px;} .ml70{ margin-left:70px;} .ml75{ margin-left:75px;} .ml80{ margin-left:80px;} .ml85{ margin-left:85px;} .ml90{ margin-left:90px;} .ml95{ margin-left:95px;} .ml100{ margin-left:100px;} /* Margin Right */ .mr05{ margin-right:5px;} .mr10{ margin-right:10px;} .mr15{ margin-right:15px;} .mr20{ margin-right:20px;} .mr25{ margin-right:25px;} .mr30{ margin-right:30px;} .mr35{ margin-right:35px;} .mr40{ margin-right:40px;} .mr45{ margin-right:45px;} .mr50{ margin-right:50px;} .mr55{ margin-right:55px;} .mr60{ margin-right:60px;} .mr65{ margin-right:65px;} .mr70{ margin-right:70px;} .mr75{ margin-right:75px;} .mr80{ margin-right:80px;} .mr85{ margin-right:85px;} .mr90{ margin-right:90px;} .mr95{ margin-right:95px;} .mr100{ margin-right:100px;} /*20140331 update -------------------------------*/ #index #wrap #container #content #maincol .section .leftcol{ width:650px; float:left; overflow: hidden;} #index #wrap #container #content #maincol .section .leftcol{ } #index #wrap #container #content #maincol .section .leftcol ul{ overflow: hidden; width: 100%; } #index #wrap #container #content #maincol .section .leftcol ul li{ width: 204px; border: 2px solid #e1e1e1; background: #999; padding: 1px; float: left; margin-left: 10px; list-style: none; margin-bottom: 15px; } #index #wrap #container #content #maincol .section .leftcol ul li .box{ background: #fff; padding:4px 2px 2px 2px; } #index #wrap #container #content #maincol .section .leftcol ul li .box h3{ width: 196px; margin: 0 auto; } #index #wrap #container #content #maincol .section .rightcol{ width:207px; padding:2px; background:#e1e1e1; float:right; } #index #wrap #container #content #maincol .section .rightcol .col{ padding: 4px; height: 615px; } #index #wrap #container #content #maincol .section .rightcol .col dl{ padding: 10px; font-size: 12px; } #index #wrap #container #content #maincol .section .rightcol .col dl dt{ font-weight: bold; } #index #wrap #container #content #maincol .section .rightcol .col dl dd{ padding-bottom: 10px; } #index #wrap #container #content #maincol .section .rightcol .col dl .pb00{ padding-bottom: 0; } #index #wrap #container #content #maincol .section .rightcol .col p{ padding:5px 10px 5px 10px; } /* 20140630 10周年ロゴ追加 ---------------------------------------- */ #index #wrap #container #header .section h1{ position:relative; } #index #wrap #container #header .section h1 span{ position:absolute; top:10px; left:350px; } /*20150415 ------------------------------------------*/ #breast .top_visual p.catalog { position:absolute; top:20px; left:450px; } /*　2015.5.14 PRODUCTS(oxygen)新商品追加 ----------------------------------------------*/ #oxygen .section .lineup .og-102{ padding:10px 0 0 45px; height:30px; font-weight:normal; background:url(../products/oxygen/images/og-102_img.jpg) no-repeat left top;} /*　2015.5.15 Topページ（INDEX）右カラム変更 ----------------------------------------------*/ #index #wrap #container #content #maincol .section .rightrwp{ width:211px; float:right; } #index #wrap #container #content #maincol .section .rightrwp .csr-bnr { border: 5px solid #ccc; padding: 10px 15px; } #index #wrap #container #content #maincol .section .rightrwp .csr-inner { overflow: hidden; } #index #wrap #container #content #maincol .section .rightrwp .csr-inner p { float: left; } #index #wrap #container #content #maincol .section .rightrwp .csr-inner p.csr-txt { font-weight: bold; padding-right: 10px; line-height: 1.7; color: #000!important; } #index #wrap #container #content #maincol .section .rightrwp .rightcol{ width:207px; padding:2px; background:#e1e1e1; } #index #wrap #container #content #maincol .section .rightrwp .rightcol .col{ padding: 4px; height: 411px; } #index #wrap #container #content #maincol .section .rightrwp .rightcol .col dl{ padding: 10px; font-size: 12px; } #index #wrap #container #content #maincol .section .rightrwp .rightcol .col dl dt{ font-weight: bold; } #index #wrap #container #content #maincol .section .rightrwp .rightcol .col dl dd{ padding-bottom: 10px; } #index #wrap #container #content #maincol .section .rightrwp .rightcol .col dl .pb00{ padding-bottom: 0; } #index #wrap #container #content #maincol .section .rightrwp .rightcol .col p{ width:75px; float: left; } /*　PRODUCTS(probe) ----------------------------------------------*/ #probe .section2 .topProbeBox{ overflow: hidden; } #probe .section2 h3{ font-size:12px; font-weight:bold; padding:0 0 10px 0; background: url("../sitemap/images/maincol_h3_01.gif") no-repeat scroll left top transparent; color: rgb(255, 255, 255); font-size: 13px; height: 35px; line-height: 2.7em; padding:0 0 15px 25px; width: 540px; letter-spacing:0.5px; } #probe .section2 .topProbeBox .probe_left_txt{ width:400px; float:left; padding-left:10px; line-height:1.5em; } #probe .section2 .topProbeBox .probe_right_img{ float:right; width:100px; padding-right:30px; } #probe .section2 .ProbepointBox{ overflow: hidden; padding-top:20px; } #probe .section2 .ProbepointBox .point_left_txt{ width:320px; float:left; padding-left:10px; padding-top:10px; line-height:1.5em; } #probe .section2 .ProbepointBox .point_left_txt ul{ background:url(../images/body_bd01.gif) repeat-y; font-size: 100%; } #probe .section2 .ProbepointBox .point_left_txt ul li{ list-style:none; border-bottom:1px dotted #ccc; margin-bottom:5px; padding-bottom:5px; width:90%; } #probe .section2 .ProbepointBox .point_left_txt ul li span.red{ color:#F00; } #probe .section2 .ProbepointBox .point_left_txt ul li span.blue{ color:#330099; font-weight: bold; } #probe .section2 .ProbepointBox .point_left_txt .caution{ background:url(../images/body_bd01.gif) repeat-y; padding:10px 20px; font-size:12px; } #probe .section2 .ProbepointBox .point_right_img{ padding-top:10px; } #probe .section2 .boxProbe{ width:565px; overflow:hidden; padding-top:20px; padding-bottom:20px; } #probe .section2 .boxProbe .boxProbevideo{ width:523px; height:133px; padding:15px; border:1px solid #6699cc; margin:10px auto 0 auto; background:#dff7ff; } #probe .section2 .boxProbe .boxProbevideo .left_vid{ float:left; width:240px; } #probe .section2 .boxProbe .boxProbevideo .right_txt{ float:right; width:275px; color:#6699cc; font-size:14px; font-weight:bold; } #probe .section2 .boxProbe .probeFlow{ overflow:hidden; padding-bottom:20px; } #probe .section2 .boxProbe .probeFlow dl{ float:left; } #probe .section2 .boxProbe .probeFlow dl dd{ width:175px; font-size: 90%; } #probe .section2 .boxProbe .txt_box{ width:565px; overflow:hidden; } #probe .section2 .boxProbe .txt_box .left_txt{ float:left; font-size:110%; font-weight:bold; } #probe .section2 .boxProbe .txt_box .right_txt{ float:right; font-size:90%; } #probe .section2 .attention{ margin-top:10px; padding: 5px; border: 2px solid #65AADD; } #probe .section2 .attention .icon{ color: #65AADD; } /*　PRODUCTS(bioplate) ----------------------------------------------*/ #bio .section2 .topBioBox{ overflow: hidden; padding-bottom:20px; } #bio .section2 h3{ font-size:12px; font-weight:bold; padding:0 0 10px 0; background: url("../sitemap/images/maincol_h3_01.gif") no-repeat scroll left top transparent; color: rgb(255, 255, 255); font-size: 13px; height: 35px; line-height: 2.7em; padding:0 0 15px 25px; width:540px; letter-spacing:0.5px; } #bio .section2 .topBioBox .bio_left_txt{ width:380px; float:left; padding-left:10px; line-height:1.5em; } #bio .section2 .topBioBox p.bold{ font-size: 120%; font-weight: bold; padding-bottom: 5px; color:#0152a4; } #bio .section2 .topBioBox .bio_right_img{ float:right; } #bio .section2 .topBioBox .system_left_txt{ width:380px; float:left; padding:15px; line-height:1.5em; background-color: #E9EAEA; } #bio .section2 .topBioBox .system_left_txt .left_box{ width:180px; float:left; margin-right:20px; } #bio .section2 .topBioBox .system_left_txt .right_box{ width:180px; float:right; } #bio .section2 .topBioBox .system_left_txt dl dt{ margin-bottom:5px; padding:5px 0 5px 5px; color: #fff; font-size: 120%; font-weight: bold; width: 175px; background-color: #004EA2; } #bio .section2 .topBioBox .system_left_txt dl.top{ margin-bottom:10px; } #bio .section2 .topBioBox .system_right_img{ float:right; height:224px; padding-top:80px; } #bio .section2 h4{ width:565px; padding:5px; margin:10px 0; font-size:12px; color:#309; background:#e8e8e8; } #bio .section2 .boxBio{ width:565px; overflow:hidden; padding-top:20px; padding-bottom:20px; } #bio .section2 .boxBio .txt_box{ width:565px; overflow:hidden; } #bio .section2 .boxBio .txt_box .left_txt{ width:410px; float:left; font-size:110%; font-weight:bold; } #bio .section2 .boxBio .txt_box ul{ padding-left:15px; list-style-type: disc; } #bio .section2 .boxBio .txt_box ul li{ font-weight: normal; } #bio .section2 .boxBio .txt_box .right_txt{ float:right; } #bio .section2 .boxBio .txt_box .right_txt .left_box{ float:left; } #bio .section2 .boxBio .txt_box .right_txt .right_box{ float:right; } #bio .section2 .boxBio .attention{ margin-top:10px; padding: 5px; border: 1px solid #004f91; } #bio .section2 .boxBio .attention p{ color: #004f91; font-size: 95%; } #bio .section2 .boxBio .img_box{ width:565px; overflow:hidden; } #bio .section2 .boxBio .img_box .left_img{ width:268px; float:left; font-size:110%; font-weight:bold; } #bio .section2 .boxBio .img_box .right_img{ width:268px; float:right; } /*　PRODUCTS(nozomi) ----------------------------------------------*/ #nozomi .section2{ margin-top: 50px; } #nozomi .section2 .topnozomiBox{ overflow: hidden; padding-bottom:20px; } #nozomi .section2 h3{ font-size:12px; font-weight:bold; padding:0 0 10px 0; background: url("../sitemap/images/maincol_h3_01.gif") no-repeat scroll left top transparent; color: rgb(255, 255, 255); font-size: 13px; height: 35px; line-height: 2.7em; padding:0 0 15px 25px; width:540px; letter-spacing:0.5px; } #nozomi .btn_menu { display: flex; justify-content: space-between; max-width: 565px; margin: 0 auto; flex-wrap: wrap; } #nozomi .btn_menu { display: flex; justify-content: space-between; max-width: 565px; margin: 10px auto; flex-wrap: wrap; } #nozomi .link_btn { width: 45%; display: flex; justify-content: center; align-items: center; border: 1px solid #004ea1; margin: 10px; } #nozomi .btn_menu .link_btn a { text-decoration: none; display: block; text-align: center; width: 100%; padding: 30px 0; background: linear-gradient(180deg, #004ea1, #3673b6, #004ea1); color: #fff; font-size: 16px; font-weight: bold; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; margin: 1px; position: relative; text-shadow: 2px 1px 0px #485d73; } #nozomi a:hover{ opacity: 0.8; } #nozomi .btn_menu .link_btn a::before{ content: ">"; position: absolute; left: 10px; } #nozomi .nozomi_title { font-size: 24px; line-height: 1.2; font-weight: bold; color: #004ea1; border-bottom: 1px solid #004ea1; margin-bottom: 10px; } #nozomi .nozomi_top_box { margin-bottom: 10px; display: flex; justify-content: space-between; } #nozomi .download_btn { display: inline-block; border: 1px solid #2366ae; } #nozomi .download_btn a{ text-decoration: none; display: block; padding: 10px; text-align: center; font-weight: bold; background: linear-gradient(180deg, #2366ae, #5a7cb0, #2366ae); color: #fff; font-size: 14px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif; margin: 1px; text-shadow: 2px 1px 0px #485d73; } .download_btn_nozomi{ margin: 35px 0; } #nozomi .nozomi_sub { font-size: 18px; line-height: 1.5; margin-top: 10px; font-weight: bold; color: #004ea1; } #nozomi .main_txt p{ margin-bottom: 10px; } #nozomi .main_txt .warning{ list-style: none; margin-bottom: 10px; } #nozomi .main_txt .warning li { text-indent: -5.1em; padding-left: 5.1em; } #nozomi .flex_img { display: flex; } #nozomi .flex_img p{ margin-right: 10px; border: 1px solid #ccc; } /*211222*/ .cov_sub{ color:#119A71; font-size: 18px; font-weight: bold; margin: 50px auto; } #covid .download_btn { display: inline-block; border: 1px solid #119A71; margin: 20px auto; } #covid .download_btn a{ text-decoration: none; display: block; padding: 10px; text-align: center; font-weight: bold; background: linear-gradient(180deg, #119A71, #9FCCA6, #119A71); color: #fff; font-size: 14px; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",sans-serif; margin: 1px; text-shadow: 2px 1px 0px #485d73; } #covid .section2 h3 { font-size: 12px; font-weight: bold; padding: 0 0 10px 0; background: url(../sitemap/images/maincol_h3_01.gif) no-repeat scroll left top transparent; color: rgb(255, 255, 255); font-size: 13px; height: 35px; line-height: 2.7em; padding: 0 0 15px 25px; width: 540px; letter-spacing: 0.5px; } .cov_flex{ display: flex; justify-content: center; flex-wrap: wrap; } #covid .solution_bottom { font-size: 16px; font-weight: bold; color:#119A71; width: 100%; text-align: center; padding: 10px 0; border-top: solid 1px #119A71; border-bottom: solid 1px #119A71; margin: 30px auto 10px; } #covid .solution_box { display: flex; justify-content: space-between; position: relative; margin: 20px auto; } #covid .solution_box_red { display: flex; justify-content: space-between; position: relative; margin: 20px auto; } #covid .sol_item { display: flex; flex-direction: column; justify-content: center; align-items: baseline; border: 1px solid #119A71; border-radius: 3px; padding: 15px 30px; box-sizing: border-box; } #covid .sol_item:first-child{ width: 40%; } #covid .sol_item:last-child{ width: 50%; } #covid .sol_item:first-child p{ display: inline-flex; justify-content: flex-start; align-items: center; line-height: 2.5; } #covid .sol_item_red { display: flex; flex-direction: column; justify-content: center; align-items: baseline; border: 1px solid #E33D3D; border-radius: 3px; padding: 15px 30px; box-sizing: border-box; } #covid .sol_item_red:first-child{ width: 40%; } #covid .sol_item_red:last-child{ width: 50%; } #covid .sol_item_red:first-child p{ display: inline-flex; justify-content: flex-start; align-items: center; line-height: 2.5; } #covid .log_icon { display: inline-block; width: 5px; height: 1.5em; background: #119A71; margin-right: 5px; } #covid .sol_item_top { font-size: 16px; color: #119A71; font-weight: bold; padding-bottom: 5px; border-bottom: 1px solid #119A71; margin-bottom: 10px; } #covid .solution_box::after { content: url("../products/medical/covid/images/flow_arrow.gif"); position: absolute; left: 44%; top: 33%; } #covid .solution_box_red::after { content: url("../products/medical/covid/images/flow_arrow_red.gif"); position: absolute; left: 44%; top: 40%; } #covid .sol_item p { margin: auto; } #covid .sol_item_red p { margin: auto; } #covid ul { list-style: none; padding: 10px; } #covid li { line-height: 1.5rem; font-size: 14px; } #covid .number{ color: #119A71; font-weight: bold; font-size: 1.25rem; vertical-align: middle; } .cov_flex_feature{ background-color:rgba(17,154,113,0.2); border: 1px solid #119A71; display: flex; justify-content: center; flex-wrap: wrap; align-items: center; } .cov_flex_feature img { padding: 15px; } .cov_subtitle{ display: inline-flex; justify-content: flex-start; align-items: center; line-height: 2.5; margin: 10px 0; font-weight: bold; } .cov_per{ width: 30%; margin: 20px auto; border-top: solid 1px #000000; border-bottom: solid 1px #000000; } .per_top{ width: 90%; padding: 10px 5px; margin: 0 auto; display: flex; justify-content: space-around; } .per_bottom{ padding: 10px 5px; text-align: center; display: flex; justify-content: space-around; border-top: solid 1px #000000; } #covid .green_txt{ color: #119A71; margin: 20px 0; } #covid .bold li { font-weight:bold; } /*　Slider JS ----------------------------------------------*/ #index #wrap #container #mainimage .topimg { background:url(../images/main_slider_bg.gif) no-repeat 0 0; } #index #wrap #container #mainimage .slider { padding:7px 7px 0 7px; position:relative; } #wrap #container #header .section h1 span{padding:0 10px;} /*2016.07.29 ----------------------------------------------*/ #breast .animation-bnr { text-align: center; padding: 5px 0 15px; } /*2016.12.28 ----------------------------------------------*/ .announce { margin-bottom: 5px; font-size: 13px; overflow: hidden; width: 650px; padding: 10px; box-sizing: border-box; background: #fff3cd; border: #ffeeba 1px solid; } .announce .caution { color: #ff0000; font-weight: bold; float: left; width: 110px; height: 18px; } .announce .a-txt { float: left; } .voice-qa p.indent-txt { margin-left:1em; text-indent:-1em; } .voice-qa .used-voice{ font-weight: bold; } .voice-qa .used-q{ font-weight: bold; font-size: 110%!important; } .voice-qa p.used-a { padding-left: 40px; } span.attention-a { color: #f38800; font-weight: bold; font-size: 115%!important; } .voice-qa .voice-research { overflow: hidden; margin: 10px 0; } .voice-qa .voice-research .question-left { float: left; } .voice-qa .voice-research .question-right { float: right; } .kaitei-txt{ text-align: center; padding: 100px 0; color: #ccc; font-weight: bold; font-size: 300%; } /*商品情報（第二階層）*/ .section.medical{ } #other #wrap #container #content #include #outside #inside #cnav .section.medical ul li{ background: url(../images/cnav_nav_bg.gif) no-repeat left top; position: relative; height: 44px; font-size: 120%; font-weight: bold; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } #other #wrap #container #content #include #outside #inside #cnav .section.consumer ul li{ background: url(../images/cnav_nav_bg.gif) no-repeat left top; position: relative; height: 44px; font-size: 120%; font-weight: bold; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } .section.medical li:hover,.section.consumer li:hover{ opacity: 0.7; } .section.medical li a,.section.consumer li a{ text-decoration: none; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; color: #000; } .section.medical li .list_txt,.section.consumer li .list_txt{ position: relative; top: 13px; left: 30px; } .section.medical li .list_txt.second,.section.consumer li .list_txt.second{ top: 5px; } .product_btn_list{ overflow: hidden; display: flex; justify-content: space-between; padding: 0 50px; margin: 50px 0; } .product_btn_list li{ width: 200px; background:#5b9bd5; padding:40px 30px; list-style: none; text-align: center; margin: 0 30px; font-size: 180%; text-decoration: none; position: relative; line-height: 1.2; font-weight: bold; } .product_btn_list li:nth-child(even){ background:#00b050; } .product_btn_list li a{ text-decoration: none; position: absolute; left: 0; right: 0; top: 0; width: 100%; height: 100%; color: #fff; } .product_btn_list li .link_txt{ position: relative; top: 15px; } .product_btn_list li:hover{ opacity: 0.7; } /*あなたは医療従事者ですか*/ .bg_none{ background: none; } #confirm{ padding: 300px 0; } #confirm h2{ font-size: 230%; text-align: center; } .product_btn_list.confirm { width: 500px; margin: 0 auto; margin-top: 50px; } .product_btn_list.confirm li .link_txt{ top: 27px; } a.download { color: #E3E3E3; text-decoration: none; } .main_content{ margin-bottom: 50px; }