@charset "UTF-8"; @media print {body {zoom:80%;}} /* ------------------------------------------------------------------------------------------ Copyright (c) 2008, Yahoo! Inc. All rights reserved. Code licensed under the BSD License: http://developer.yahoo.net/yui/license.txt version: 2.5.2 ------------------------------------------------------------------------------------------ */ /* reset css */ html{color:#000;} body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{border-collapse:collapse;border-spacing:0;} fieldset,img{border:0;} address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';} abbr,acronym {border:0;font-variant:normal;} sup {vertical-align:text-top;} sub {vertical-align:text-bottom;} input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;} legend{color:#000;} /* ------------------------------------------------------------------------------------------ common ------------------------------------------------------------------------------------------ */ body { font-size:13px; color:#666; font-family:"ＭＳ Ｐゴシック",Osaka,"Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",sans-serif; } li img { vertical-align:top; } em,strong { font-weight:bold; } img { margin:0; padding:0; } a:link,a:visited { color:#06C; text-decoration:underline; } a:hover,a:active { color:#06C; text-decoration:none; } .clearFix { clear:both; height:0; font-size:0; } /* ------------------------------------------------------------------------------------------ container ------------------------------------------------------------------------------------------ */ #container { width:908px; margin:0 auto; padding:0; } /* ------------------------------------------------------------------------------------------ header ------------------------------------------------------------------------------------------ */ #header { width:900px; margin:0 0 5px; padding:0 4px; } #header p { width:528px; float:left; margin:27px 0 0; } .gmn { width:150px; float:left; margin-top:36px; } .gmn ul li { display:inline; padding:0; } .gmn ul li img.img { padding:0 5px; } .frm { width:222px; float:left; margin-top:36px; } .frm input { line-height:1.4; vertical-align:middle; } .frm input.txt { width:155px; background:#EEE; border:none; margin:0 0 0 10px; padding:1px; } .frm input.btn { margin:0 0 0 4px; } /* ------------------------------------------------------------------------------------------ ajax ------------------------------------------------------------------------------------------ */ #inxMn { width:880px; height:28px; margin:0; padding:12px 14px 7px; background:url(../images/bg_indexmenu.gif) 0 0 no-repeat; } #inxImg { width:898px; height:284px; margin:0; padding:1px 5px; background:url(../images/bg_indeximages.gif) 0 100% no-repeat; } #cntMn { width:880px; height:28px; margin:0; padding:12px 14px 11px; background:url(../images/bg_contentmenu.gif) 0 0 no-repeat; } /* -------------------------------------------------- dropdown -------------------------------------------------- */ /* Basic code - don't modify */ #nav { display: block; margin: 0; padding: 0; position: relative; } #nav li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; } #nav a { display: block; } #nav ul { display: none; position: absolute; left: 0; margin: 0; padding: 0; } * html #nav ul { line-height: 0; } /* IE6 "fix" */ #nav ul a { zoom: 1; } /* IE6/7 fix */ #nav ul li { float: none; } #nav ul ul { top: 0; } /* Essentials - configure this */ #nav ul { width: 250px; } #nav ul ul { left: 249px; top:-1px; } /* Everything else is theming */ #nav { width:870px; height:28px; } #nav *:hover { background-color: none; } #nav a { text-decoration:none; line-height:1;} #nav li.hover a { background:#fff; color:#06c; } #nav ul { top:30px; left:4px; border-top:1px solid #06c;} #nav ul li a { background:#fff; margin:0;} #nav ul a.hover { background:#06c; color:#fff;} #nav ul a { background:#fff; border-bottom: 1px solid #06c; border-right:1px solid #06c; border-left:1px solid #06c; opacity: 0.95; filter: alpha(opacity=95); padding:5px;} /* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */ /* -------------------------------------------------- slidemenu -------------------------------------------------- */ .sm { width:898px; height:284px; display:block; overflow:hidden; } .sm li { float:left; display:inline; overflow:hidden; } .sm li img { border-left:1px solid #CCC; } .sm li.str img { border:none; } /* ------------------------------------------------------------------------------------------ bred ------------------------------------------------------------------------------------------ */ #brd { width:888px; padding:4px 10px 6px; background:url(../images/bg_contents.gif) 0 0 repeat-y; } #brd p { font-size:77%; } #brd a:link, #brd a:visited { color:#06C; text-decoration:none; font-weight:normal; } #brd a:hover, #brd a:active { color:#06C; text-decoration:underline; font-weight:normal; } /* -------------------------------------------------- product+solution(index) -------------------------------------------------- */ #prdsln { width:892px; padding:4px 8px; background:url(../images/bg_productsolution.gif) 0 100% no-repeat; } #prd { width:460px; float:left; padding:14px 0; } #prd p { width:90px; float:left; } #prd p img { margin:0 18px; } #prd ul { width:213px; float:left; border-left:2px solid #CCC; } #prd ul li { padding:0 0 2px 12px; } #sln { width:425px; float:right; padding:14px 0; } #sln p { width:108px; float:left;} #sln p img { margin:0 18px; } #sln ul { width:213px; float:left; border-left:2px solid #CCC; } #sln ul li { padding:0 0 2px 12px; } /* -------------------------------------------------- news+banner(index) -------------------------------------------------- */ #nwsbnr { width:860px; margin:0; padding:25px 24px 0; background:url(../images/bg_contents.gif) 0 0 repeat-y; } #nws { width:645px; float:left; margin:0 0 15px; } #nws p { margin:0 0 10px; padding:0 0 5px 3px; border-bottom:2px solid #CCC; } #nws ul { margin:0 3px; padding:0; } #nws ul li { padding:0 0 5px 43px; line-height:1.3; } #nws ul li.event { background:url(../images/mrk_event.gif) 0 3px no-repeat; } #nws ul li.release { background:url(../images/mrk_release.gif) 0 3px no-repeat; } #nws ul li img { width:90px; float:right; margin-left:10px; margin-bottom:10px; } #nws ul li span { display:none; } #nws a:link,#nws a:visited { color:#666; text-decoration:none; } #nws a:hover,#nws a:active { color:#06C; text-decoration:underline; } #bnr { width:190px; float:right; margin:0 0 15px; } #bnr p { margin:0 0 5px; } /* -------------------------------------------------- shop(index) -------------------------------------------------- */ #shpbnr { width:860px; margin:0; padding:25px 24px 0; background:url(../images/bg_contents.gif) 0 0 repeat-y; } #shp { width:580px; float:left; margin:0 0 15px; } #shp p { margin:0 0 10px; padding:0 0 5px 3px; border-bottom:2px solid #CCC; } #shp ul { margin:0 3px; padding:0; } #shp ul li { padding:0 0 5px 43px; line-height:1.3; } #shp ul li.information { background:url(../images/mrk_info.gif) 0 3px no-repeat; } #shp ul li.recommend { background:url(../images/mrk_reco.gif) 0 3px no-repeat; } #shp ul li img { width:90px; float:right; margin-left:10px; margin-bottom:10px; } #shp ul li span { display:none; } #shp a:link,#shp a:visited { color:#666; text-decoration:none; } #shp a:hover,#shp a:active { color:#06C; text-decoration:underline; } /* ------------------------------------------------------------------------------------------ contents ------------------------------------------------------------------------------------------ */ #contents { width:900px; padding:0 4px; background:url(../images/bg_contents.gif) 0 0 repeat-y; } #contents p.pgtp { margin:30px 0; color:#999; font-size:77%; text-align:right; } #contents p.pgtp a:link, #contents p.pgtp a:visited { color:#999; text-decoration:none; } #contents p.pgtp a:hover, #contents p.pgtp a:active { color:#999; text-decoration:underline; } #contents p.note { margin:30px 0; color:#999; font-size:77%; text-align:right; } #contents h1 { margin:0 0 5px; padding:0 0 7px; border-bottom:1px solid #CCC; } #contents h2 { margin:0 0 30px; padding:0; } #contents h3 { margin:45px 0 0; padding:5px 10px; color:#06C; font-weight:bold; font-size:108%; background:#EEE; border-bottom:1px solid #CCC; } #contents h5 { color:#333; font-weight:bold; margin:10px 0 1px; } #contents .lin { margin:15px 10px 0; padding:1px 0 1px 7px; border-left:3px solid #06C; line-height:1.3; } #contents .lin strong { color:#06C; font-size:100% !important; } #contents .lin img { vertical-align:middle; margin:0 0 0 5px; } #contents .lin img.w700 { margin:10px 0; } #contents .lin h4 { color:#06C; font-size:100%; font-weight:bold; margin:0 !important; } #contents .bxR { padding:0 20px 0 0; background:url(../images/bx_dtlbody.gif) 100% 0 repeat-y; margin-top:10px; } #contents .bxL { padding:0 0 0 20px; background:url(../images/bx_dtlbody.gif) 0 0 repeat-y; } #contents .bxT { font-size:0.1em; margin:0 -20px; background:url(../images/bx_dtl.gif) 100% 0 no-repeat; } #contents .bxT div { font-size:0.1em; width:20px; height:20px; background:url(../images/bx_dtl.gif) 0 0 no-repeat; } #contents .bxB { font-size:0.1em; margin:0 -20px; background:url(../images/bx_dtl.gif) 100% 100% no-repeat; } #contents .bxB div { font-size:0.1em; width:20px; height:5px; background:url(../images/bx_dtl.gif) 0 100% no-repeat; } #contents .bxL p.txt { margin:0 0 15px !important; line-height:1.3; } #contents p.note {color:#999; font-size:77%; margin:30px 0; text-align:left;} /* -------------------------------------------------- product-index-images -------------------------------------------------- */ #imgPrdInx { border-color:#CCC; border-style:solid; border-width:1px 1px 0 1px; } /* -------------------------------------------------- product-index-listmenu -------------------------------------------------- */ #lstPrdInx { width:900px; } #lstPrdInx .bxR { padding:0 26px 0 0; background:url(../images/bx_lstbody.gif) 100% 0 repeat-y; margin-top:0;} #lstPrdInx .bxL { padding:0 0 0 26px; background:url(../images/bx_lstbody.gif) 0 0 repeat-y; } #lstPrdInx .bxT { font-size:0.1em; margin:0 -26px; background:url(../images/bx_lst.gif) 100% 0 no-repeat; } #lstPrdInx .bxT div { font-size:0.1em; width:26px; height:32px; background:url(../images/bx_lst.gif) 0 0 no-repeat; } #lstPrdInx .bxB { font-size:0.1em; margin:0 -26px; background:url(../images/bx_lst.gif) 100% 100% no-repeat; } #lstPrdInx .bxB div { font-size:0.1em; width:26px; height:52px; background:url(../images/bx_lst.gif) 0 100% no-repeat; } #lstPrdInx h1 { margin:0 6px 15px; padding:0 0 3px; border-bottom:1px solid #CCC; } #lstPrdInx ul li { float:left; } #lstPrdInx ul li img { margin:8px 6px; } /* -------------------------------------------------- product-detail-images -------------------------------------------------- */ #imgPrdDtl { padding:0; border-color:#CCC; border-style:solid; border-width:1px 1px 0 1px; background:url(../images/bg_productdetail.jpg) 0 0 repeat-x; } #imgPrdDtl p.img { margin:0 0 50px 67px; } #imgPrdDtl p.img img { margin:0 0 0 5px; } /* -------------------------------------------------- product-detail-listmenu -------------------------------------------------- */ #lstPrdDtl { padding:10px 64px; border-color:#CCC; border-style:solid; border-width:1px 1px 0 1px; } #lstPrdDtl ul li { display:inline; padding:0 15px 0 8px; background:url(../images/mrk_arrow.gif) 0 3px no-repeat; line-height:1.3; } #lstPrdDtl ul li a:link, #lstPrdDtl ul li a:visited { color:#06C; text-decoration:none; } #lstPrdDtl ul li a:hover, #lstPrdDtl ul li a:active { color:#06C; text-decoration:underline; } #lstPrdDtl ul li.end { padding:0 0 0 10px; background:url(../images/mrk_contact.gif) 0 3px no-repeat; } /* -------------------------------------------------- product-detail-content -------------------------------------------------- */ #spPrdDtl { width:770px; padding:0 64px; border:1px solid #CCC; } #spPrdDtl p { line-height:1.3; } #spPrdDtl img { line-height:1.0; } #spPrdDtl p strong { color:#333; font-size:108%;} #spPrdDtl .hln { margin:30px 0 0; } #spPrdDtl .hln strong, #spPrdDtl .hln h4 { display:block; margin:0 0 5px; } #spPrdDtl .hln h4 {font-weight:bold; color:#333; font-size:108%; margin:15px 0 5px; } #spPrdDtl .cnt { margin:15px 0 0; text-align:center; } #spPrdDtl .ind { margin:15px 10px 0; } #spPrdDtl .ind strong.clr06C { color:#06C; font-size:100%; } #spPrdDtl .ind strong.clr333 { color:#333; font-size:100%; } #spPrdDtl h3 { margin:0; } #spPrdDtl h4 { color:#333; font-size:108%; font-weight:bold; margin:25px 0 0 10px;} #spPrdDtl .bxR { padding:0 22px 0 0; background:url(../images/bx_dtlbody.gif) 100% 0 repeat-y; margin-top:10px;} #spPrdDtl .bxL { padding:0 0 0 22px; background:url(../images/bx_dtlbody.gif) 0 0 repeat-y; } #spPrdDtl .bxT { font-size:0.1em; margin:0 -22px; background:url(../images/bx_dtl.gif) 100% 0 no-repeat; } #spPrdDtl .bxT div { font-size:0.1em; width:22px; height:22px; background:url(../images/bx_dtl.gif) 0 0 no-repeat; } #spPrdDtl .bxB { font-size:0.1em; margin:0 -22px; background:url(../images/bx_dtl.gif) 100% 100% no-repeat; } #spPrdDtl .bxB div { font-size:0.1em; width:22px; height:22px; background:url(../images/bx_dtl.gif) 0 100% no-repeat; } #spPrdDtl .bxL p.ttl { margin:0 0 10px; font-size:108%; color:#333; font-weight:bold; line-height:1.3; } #spPrdDtl table { width:750px; margin:10px 10px 0; border-collapse:collapse; border-width:1px 0 0 1px; border-style:solid; border-color:#CCC; } #spPrdDtl table th { white-space:nowrap; vertical-align:top; font-weight:bold; background:#F2F2F2; padding:5px 10px; border-width:0 1px 1px 0; border-style:solid; border-color:#CCC; line-height:1.3; } #spPrdDtl table td { background:#FbFbFb; padding:5px 10px; border-width:0 1px 1px 0; border-style:solid; border-color:#CCC; line-height:1.3; } #spPrdDtl table td ul li{ padding:0 0 0 10px; background:url(../images/mrk_dot.gif) 0 50% no-repeat; } #spPrdDtl .samples { margin:15px 0 0 10px;} #spPrdDtl .samples p { width:240px; float:left; margin-top:20px; line-height:2; } #spPrdDtl .samples a { text-decoration:none;} #spPrdDtl .samples a img.capture {border:1px solid #ccc;} #spPrdDtl .img3column { width:750px; margin:15px 10px 0; } #spPrdDtl .img3column p { width:214px; float:left; } #spPrdDtl .img3column p.cnt { margin:0 54px; text-align:left; } #spPrdDtl .img3column p img { margin:0 0 2px; } #spPrdDtl .img3column img.zm { margin:0; vertical-align:middle; } #spPrdDtl .img3column a:link, #spPrdDtl .img3column a:visited, #spPrdDtl .img3column a:hover, #spPrdDtl .img3column a:active { color:#06C; text-decoration:none; } #spPrdDtl .img3column a img { text-decoration:none; } #spPrdDtl .img2column { width:760px; } #spPrdDtl .img2column .spLft { width:450px; float:left; } #spPrdDtl .img2column .spRgt { width:300px; float:right; } #spPrdDtl .img2column .spRgt p { margin-top:15px; } #spPrdDtl .img2column .spRgt p img{ margin:0 0 2px; } #spPrdDtl .img2column .spRgt img.zm { margin:0; vertical-align:middle; } #spPrdDtl .img2column .spRgt a:link, #spPrdDtl .img2column .spRgt a:visited, #spPrdDtl .img2column .spRgt a:hover, #spPrdDtl .img2column .spRgt a:active { color:#06C; text-decoration:none; } #spPrdDtl .img2column .spRgt a img { text-decoration:none; } #spPrdDtl .img5column { width:750px; margin:15px 10px 0; } #spPrdDtl .img5column p { float:left; } #spPrdDtl .img5column p.str { margin:0 4px 0 0; text-align:left; } #spPrdDtl .img5column p.end { margin:0 0 0 4px; text-align:left; } #spPrdDtl .img5column p.cnt { margin:0 4px; text-align:left; } #spPrdDtl .img5column p img { margin:0 0 2px; display:block; } #spPrdDtl .img5column img.zm { margin:0; vertical-align:middle; display:inline; } #spPrdDtl .img5column a:link, #spPrdDtl .img5column a:visited, #spPrdDtl .img5column a:hover, #spPrdDtl .img5column a:active { color:#06C; text-decoration:none; font-weight:normal; } #spPrdDtl .img5column a img { text-decoration:none; } #spPrdDtl ul.indMrk { margin:15px 10px 0; padding:0; } #spPrdDtl ul.indMrk li { padding:2px 0 2px 8px; line-height:1.3; background:url(../images/mrk_arrow.gif) 0 7px no-repeat; } #spPrdDtl .bxsR { margin:30px 10px 0; padding:0 20px 0 0; background:url(../images/bx_dtlbody.gif) 100% 0 repeat-y; } #spPrdDtl .bxsL { padding:0 0 0 20px; background:url(../images/bx_dtlbody.gif) 0 0 repeat-y; } #spPrdDtl .bxsT { font-size:0.1em; margin:0 -20px; background:url(../images/bx_dtl.gif) 100% 0 no-repeat; } #spPrdDtl .bxsT div { font-size:0.1em; width:20px; height:20px; background:url(../images/bx_dtl.gif) 0 0 no-repeat; } #spPrdDtl .bxsB { font-size:0.1em; margin:0 -20px; background:url(../images/bx_dtl.gif) 100% 100% no-repeat; } #spPrdDtl .bxsB div { font-size:0.1em; width:20px; height:20px; background:url(../images/bx_dtl.gif) 0 100% no-repeat; } #spPrdDtl ul.lstMrk { width:710px; } #spPrdDtl ul.lstMrk li.gsa { float:left; padding:0 30px 0 32px; background:url(../images/mrk_gsa.gif) 0 50% no-repeat; } #spPrdDtl ul.lstMrk li.mini { float:left; padding:0 0 0 39px; background:url(../images/mrk_mini.gif) 0 50% no-repeat; } /* google */ #spPrdDtl p.googleIng { width:518px; float:left; margin-top:30px; } #spPrdDtl p.googleEd { width:235px; float:right; margin-top:30px; } #spPrdDtl .bxL p.googleIng { width:535px; float:left; margin:0; } #spPrdDtl .bxL p.googleEd { width:182px; float:right; margin:0; } #spPrdDtl div.google { width:726px; } /* micro */ #spPrdDtl ul.micro { margin:0 10px; } #spPrdDtl ul.micro li { padding:20px 0 0 65px; line-height:1.3; } #spPrdDtl ul.micro li strong { color:#06C; font-weight:bold; } #spPrdDtl ul.micro li.hi { background:url(../images/mrk_highcpu.gif) 0 23px no-repeat; } #spPrdDtl ul.micro li.al { background:url(../images/mrk_algorithm.gif) 0 23px no-repeat; } #spPrdDtl ul.micro li.ec { background:url(../images/mrk_ecospace.gif) 0 23px no-repeat; } /* algosec */ #spPrdDtl p.algosec { margin:10px 0 0; color:#06C; } #spPrdDtl p.algosec02 { margin:15px 10px; } #spPrdDtl p.algosec02 strong.clr333 { color:#333; font-size:100%; } /* maildepot */ #spPrdDtl p.maildepot { margin:15px 25px 0; } #spPrdDtl ul.maildepot { width:720px; margin:5px 25px 0; } #spPrdDtl ul.maildepot li { float:left; } #spPrdDtl ul.maildepot li.txt01 { margin:0 0 0 40px; } #spPrdDtl ul.maildepot li.txt02 { margin:0 25px } /* intel */ #spPrdDtl p.intelIng { width:480px; float:left; margin-top:30px; } #spPrdDtl p.intelIng strong { display:block; margin:0 0 5px; } #spPrdDtl p.intelEd { width:271px; float:right; margin-top:30px; } /* ild */ #spPrdDtl ul.ild01 { margin:0; padding:0; } #spPrdDtl ul.ild01 li { padding:2px 0 2px 8px; line-height:1.3; background:url(../images/mrk_arrow.gif) 0 7px no-repeat; } #spPrdDtl ul.ild02 { margin:0 10px; padding:0; } #spPrdDtl ul.ild02 li { padding:2px 0 2px 8px; line-height:1.3; background:url(../images/mrk_arrow.gif) 0 7px no-repeat; } #spPrdDtl ul.ild03 { margin:0 10px; padding:0; } #spPrdDtl ul.ild03 li { padding:2px 0 2px 8px; line-height:1.3; background:url(../images/mrk_arrow.gif) 0 7px no-repeat; } #spPrdDtl p.ild { margin:15px 10px; } #spPrdDtl .ildIng { width:328px; float:left; } #spPrdDtl .ildIng p { margin:0 0 0 55px; } #spPrdDtl .ildIng p.txt { margin:15px 0 15px 55px; } #spPrdDtl .ildEd { width:328px; float:right; } #spPrdDtl .ildEd p { margin:0 0 0 55px; } #spPrdDtl .ildEd p.txt { margin:15px 0 15px 55px; } #spPrdDtl p.ild2 { margin:15px 10px; } #spPrdDtl .ildIng { width:328px; float:left; } #spPrdDtl .ildIng p { margin:0 0 0 55px; } #spPrdDtl .ildIng p.txt { margin:15px 0 15px 55px; } #spPrdDtl .ildEd { width:328px; float:right; } #spPrdDtl .ildEd p { margin:0 0 0 55px; } #spPrdDtl .ildEd p.txt { margin:15px 0 15px 55px; } /* share */ #spPrdDtl div.share { width:720px; margin:15px 0 0; padding:25px 25px 0; background:url(../images/bg_p_share.gif) 0 0 no-repeat; } #spPrdDtl div.share .txt { margin:30px 0 0; } #spPrdDtl div.share .spLft { width:380px; float:left; margin-top:45px; } #spPrdDtl div.share .spRgt { width:310px; float:right; margin-top:30px; margin-bottom:15px; } #spPrdDtl div.share .spRgt p { margin:15px 0 0; } #spPrdDtl div.share .spRgt p strong{ color:#333; font-size:100%; } #spPrdDtl div.share .spRgt ul li { padding:2px 0 2px 8px; line-height:1.3; background:url(../images/mrk_arrow.gif) 0 7px no-repeat; } /* grid */ #spPrdDtl div.grid { width:770px; margin:15px 0 0; padding:25px 0 0; background:url(../images/bg_p_share.gif) 0 0 no-repeat; } #spPrdDtl div.grid p.ttl { margin:0 25px; } #spPrdDtl div.grid .spLft { width:430px; float:left; margin-top:45px; margin-bottom:15px; } #spPrdDtl div.grid .spRgt { width:310px; float:right; margin-top:30px; } #spPrdDtl div.grid .spRgt p { margin:15px 0 0; } #spPrdDtl div.grid .spRgt p strong{ color:#333; font-size:100%; } #spPrdDtl div.grid .spRgt ul { margin:0 25px 0 0; } #spPrdDtl div.grid .spRgt ul li { padding:2px 0 2px 8px; line-height:1.3; background:url(../images/mrk_arrow.gif) 0 7px no-repeat; } #spPrdDtl div.grid02 { width:750px; margin:15px 10px; } #spPrdDtl div.grid02 .spLft { width:310px; float:left; margin-top:15px; } #spPrdDtl div.grid02 .spRgt { width:440px; float:right; } #spPrdDtl div.grid02 .spRgt p { margin:15px 10px 0; } #spPrdDtl div.grid02 table { width:420px; margin:15px 10px 0; } #spPrdDtl div.grid02 table th { white-space:nowrap; vertical-align:top; font-weight:bold; background:#F8F8F8; padding:5px; border-width:0 1px 1px 0; border-style:solid; border-color:#CCC; line-height:1.3; } #spPrdDtl div.grid02 table td { background:#F8F8F8; padding:5px; border-width:0 1px 1px 0; border-style:solid; border-color:#CCC; line-height:1.3; } /* sharep */ #spPrdDtl p.sharepIng { width:266px; float:left; } #spPrdDtl div.sharepEd { width:450px; float:right; } #spPrdDtl div.sharepEd p.ttl { font-size:100%; margin:0; } #spPrdDtl ul.sharep { margin:10px 0; padding:0; } #spPrdDtl ul.sharep li { padding:2px 0 2px 8px; line-height:1.3; background:url(../images/mrk_arrow.gif) 0 7px no-repeat; } /* eda */ #spPrdDtl ul.eda { margin:15px 0; padding:0; } #spPrdDtl ul.eda li { padding:2px 0 2px 8px; line-height:1.3; background:url(../images/mrk_arrow.gif) 0 7px no-repeat; } #spPrdDtl div.edaIng { width:480px; float:left; } #spPrdDtl p.edaEd { width:225px; float:right; text-align:center; margin-top:10px; } /* asp */ #spPrdDtl .aspIng { width:373px; float:left; margin-top:30px; } #spPrdDtl .aspEd { width:385px; float:right; margin-top:15px; } #contents .aspEd p.lin { margin:15px 0 0 10px; padding:1px 0 1px 7px; border-left:3px solid #06C; line-height:1.3; } #contents .aspEd p.lin strong { color:#06C; font-size:100% !important; } #contents .aspEd div.lin { margin:15px 0 0 10px; padding:1px 0 1px 7px; border-left:3px solid #06C; line-height:1.3; } #contents .aspEd div.lin strong { color:#06C; font-size:100% !important; } /* kabayaki */ #spPrdDtl .kbyk { width:750px; margin:0 10px; padding:0; } #spPrdDtl .kbyk .lin { float:left; width:470px; } #spPrdDtl .kbyk .lin { margin:15px 0 0 !important; padding:1px 0 1px 7px; border-left:3px solid #06C; line-height:1.3; } #spPrdDtl .kbyk .lin span { font-weight:bold; } #spPrdDtl .kbyk .ed { float:right; width:250px; margin-top:15px; } #spPrdDtl .kbyk02 { width:760px; margin:0; padding:0; } #spPrdDtl .kbyk02 .ind{ float:left; width:610px; } #spPrdDtl .kbyk02 .ed { float:right; width:120px; margin-top:15px; } #spPrdDtl .kbyk .ed a { text-decoration:none; } /* -------------------------------------------------- contact-(index+detail)-content -------------------------------------------------- */ #spCtc { width:752px; margin:0; padding:60px 73px; border:1px solid #CCC; } #spCtc .bxR { padding:0 35px 0 0; background:url(../images/bx_dtlbody.gif) 100% 0 repeat-y; margin-top:10px;} #spCtc .bxL { padding:0 0 0 35px; background:url(../images/bx_dtlbody.gif) 0 0 repeat-y; } #spCtc .bxT { font-size:0.1em; margin:0 -35px; background:url(../images/bx_dtl.gif) 100% 0 no-repeat; } #spCtc .bxT div { font-size:0.1em; width:35px; height:35px; background:url(../images/bx_dtl.gif) 0 0 no-repeat; } #spCtc .bxB { font-size:0.1em; margin:0 -35px; background:url(../images/bx_dtl.gif) 100% 100% no-repeat; } #spCtc .bxB div { font-size:0.1em; width:35px; height:35px; background:url(../images/bx_dtl.gif) 0 100% no-repeat; } #spCtc p span { color:#900; } #spCtc p.btn { text-align:center; margin:25px 0 0; padding:0; } #spCtc p.txt { margin:15px 0 10px; padding:0; line-height:1.3; } #spCtc p.txt02 { margin:0 0 10px; padding:0; line-height:1.3; } #spCtc table { width:682px; } #spCtc table th { width:170px; padding:7px 0; text-align:left; vertical-align:top; font-weight:normal; } #spCtc table td { width:512px; padding:6px 0; vertical-align:top; } #spCtc form { margin:0; padding:0; } #spCtc form input.txt { width:250px; padding:1px; border:1px solid #CCC; } #spCtc form input.rdo { margin:1px 3px 1px 0; vertical-align:middle; } #spCtc form input.chk { margin:1px 3px 1px 0; vertical-align:middle; } #spCtc form textarea { width:512px; border:1px solid #CCC; } #spCtc form label { vertical-align:middle; } #spCtc .bxL ul { margin:15px 0 0; } #spCtc .bxL ul li { padding:2px 0 2px 8px; line-height:1.3; background:url(../images/mrk_arrow.gif) 0 7px no-repeat; } /* -------------------------------------------------- news-index-content -------------------------------------------------- */ #spNwsInx { width:752px; margin:0; padding:60px 73px 0; border:1px solid #CCC; } #spNwsInx h3 { margin:0; padding:5px 10px; color:#FFF; background:url(../images/bg_newsindex.gif) 0 0 no-repeat; border:none; } #spNwsInx .evt { width:370px; float:left; margin:0 0 30px; } #spNwsInx .pls { width:370px; float:right; margin:0 0 30px; } #spNwsInx div.lin { margin:15px 10px 0; padding:1px 0 1px 7px; border-left:3px solid #06C; line-height:1.3; } #spNwsInx div.lin img { vertical-align:text-top; margin:0 5px 0 0; } #spNwsInx a:link,#spNwsInx a:visited { color:#06C; text-decoration:none !important; } #spNwsInx a:hover,#spNwsInx a:active { color:#06C; text-decoration:underline !important; } #spNwsInx strong a:link,#spNwsInx strong a:visited { color:#06C; text-decoration:none !important; } #spNwsInx strong a:hover,#spNwsInx strong a:active { color:#06C; text-decoration:underline !important; } #spNwsInx p.pgtp { margin:0 0 30px; color:#999; font-size:77%; text-align:right; } /* IE-ERROR */ /* -------------------------------------------------- news-detail-content -------------------------------------------------- */ #spNwsDtl { width:752px; margin:0; padding:60px 73px 0; border:1px solid #CCC; line-height:1.3; } #spNwsDtl h1 { color:#06C; font-weight:bold; font-size:131%; } #spNwsDtl h2 { color:#333; font-weight:bold; font-size:108%; } #spNwsDtl h4 { margin:15px 10px 0; padding:0; font-weight:normal; } #spNwsDtl ul { margin:0 10px; } #spNwsDtl ul li { padding:2px 0 2px 10px; background:url(../images/mrk_dot.gif) 0 6px no-repeat; } /*#spNwsDtl p { margin:15px 10px 0; padding:1px 0 1px 7px; border-left:3px solid #06C; line-height:1.3; }*/ #spNwsDtl p strong { color:#06C; font-size:100% !important; } #spNwsDtl p img { vertical-align:middle; margin:0 0 0 5px; } #spNwsDtl p.pgtp { margin:30px 0; color:#999; font-size:77%; text-align:right; border:none; } #spNwsDtl span { float:right; } /* -------------------------------------------------- recruit-(index+detail)-content -------------------------------------------------- */ #spRct { width:752px; margin:0; padding:60px 73px 0; border:1px solid #CCC; } #spRct p { line-height:1.3; } #spRct table { width:732px; margin:15px 10px 0; border-collapse:collapse; border-width:1px 0 0 1px; border-style:solid; border-color:#CCC; } #spRct table th { width:80px; vertical-align:top; font-weight:bold; background:#F8F8F8; padding:5px 15px; border-width:0 1px 1px 0; border-style:solid; border-color:#CCC; line-height:1.3; } #spRct table td { background:#F8F8F8; padding:5px 15px; border-width:0 1px 1px 0; border-style:solid; border-color:#CCC; line-height:1.3; } #spRct ul li { padding:0 0 0 10px; background:url(../images/mrk_dot.gif) 0 50% no-repeat; } #spRct p.btn { margin:45px 10px 0; text-align:center; } /* -------------------------------------------------- company-(index+detail)-content -------------------------------------------------- */ #spCpy { width:752px; margin:0; padding:60px 73px 0; border:1px solid #CCC; } #spCpy p { line-height:1.3; } #spCpy p.cnt { margin:15px 0 0; text-align:center; line-height:1.0; } #spCpy table { width:732px; margin:15px 10px 0; border-collapse:collapse; border-width:1px 0 0 1px; border-style:solid; border-color:#CCC; } #spCpy table th { width:110px; vertical-align:top; font-weight:bold; background:#F8F8F8; padding:5px 15px; border-width:0 1px 1px 0; border-style:solid; border-color:#CCC; line-height:1.3; } #spCpy table td { background:#F8F8F8; padding:5px 15px; border-width:0 1px 1px 0; border-style:solid; border-color:#CCC; line-height:1.3; } /* -------------------------------------------------- policy-(index+detail)-content -------------------------------------------------- */ #spPcy { width:752px; margin:0; padding:60px 73px 0; border:1px solid #CCC; } #spPcy p { margin:15px 10px; line-height:1.3; } #spPcy p.rgtTp { margin:15px 10px 0; text-align:right; } #spPcy p.rgt { margin:0 10px; text-align:right; } #spPcy table { margin:0 10px 30px; } #spPcy table td { vertical-align:top; line-height:1.3; padding:15px 0 0; } #spPcy table td.num { padding:15px 5px 0 0; } #spPcy table.in01 { margin:0; } #spPcy table.in01 td { vertical-align:top; line-height:1.3; padding:0; } #spPcy table.in01 td.num{ padding:0 5px 0 0; } #spPcy table.in02 { margin:5px 0 20px; border-collapse:collapse; border-width:1px 0 0 1px; border-style:solid; border-color:#CCC; } #spPcy table.in02 th { vertical-align:top; font-weight:bold; background:#F8F8F8; padding:5px; border-width:0 1px 1px 0; border-style:solid; border-color:#CCC; line-height:1.3; } #spPcy table.in02 td { width:48%; background:#FFF; padding:5px; border-width:0 1px 1px 0; border-style:solid; border-color:#CCC; line-height:1.3; } #spPcy table.in02 th.num{ font-weight:normal; background:#FFF; } #spPcy .bxR { padding:0 20px 0 0; background:url(../images/bx_dtlbody.gif) 100% 0 repeat-y; margin-top:10px;} #spPcy .bxL { padding:0 0 0 20px; background:url(../images/bx_dtlbody.gif) 0 0 repeat-y; } #spPcy .bxT { font-size:0.1em; margin:0 -20px; background:url(../images/bx_dtl.gif) 100% 0 no-repeat; } #spPcy .bxT div { font-size:0.1em; width:20px; height:20px; background:url(../images/bx_dtl.gif) 0 0 no-repeat; } #spPcy .bxB { font-size:0.1em; margin:0 -20px; background:url(../images/bx_dtl.gif) 100% 100% no-repeat; } #spPcy .bxB div { font-size:0.1em; width:20px; height:5px; background:url(../images/bx_dtl.gif) 0 100% no-repeat; } #spPcy .bxL p.txt { margin:0 0 15px !important; line-height:1.3; } /* -------------------------------------------------- sitemap-(index+detail)-content -------------------------------------------------- */ #spSmp { width:752px; margin:0; padding:60px 73px 0; border:1px solid #CCC; } #spSmp h1 { margin:0 0 5px; padding:0 0 7px; border-bottom:1px solid #CCC; } #spSmp h3 { margin:40px 0 0; padding:5px 10px; color:#06C; font-weight:bold; font-size:108%; background:#EEE; border-bottom:1px solid #CCC; } #spSmp ul { margin:0 10px; } #spSmp ul li { padding:15px 0 0; font-weight:bold; color:#666; line-height:1.3; } #spSmp ul.in { margin:0 10px; } #spSmp ul.in li { font-weight:normal; padding:2px 0 2px 8px; background:url(../images/mrk_arrow.gif) 0 7px no-repeat; } #spSmp a:link,#spSmp a:visited { color:#06C; text-decoration:none; } #spSmp a:hover,#spSmp a:active { color:#06C; text-decoration:underline; } /* -------------------------------------------------- search-resultt -------------------------------------------------- */ #spSrch { width:752px; margin:0; padding:60px 73px 0; border:1px solid #CCC; line-height:1.3; } #spSrch h1 { color:#06C; font-weight:bold; font-size:131%; } #spSrch h2 { color:#333; font-weight:bold; font-size:108%; } #spSrch h4 { margin:15px 10px 0; padding:0; font-weight:normal; } #spSrch ul { margin:0 10px; } #spSrch ul li { padding:2px 0 2px 10px; background:url(../images/mrk_dot.gif) 0 6px no-repeat; } /* #spSrch p { margin:15px 10px 0; padding:1px 0 1px 7px; border-left:3px solid #06C; line-height:1.3; } */ #spSrch p strong { color:#06C; font-size:100% !important; } #spSrch p img { vertical-align:middle; margin:0 0 0 5px; } #spSrch p.pgtp { margin:30px 0; color:#999; font-size:77%; text-align:right; border:none; } #spSrch span { float:right; } .close-me {display:none;} /* ------------------------------------------------------------------------------------------ footer ------------------------------------------------------------------------------------------ */ #footer { width:900px; margin:0; padding:0 4px; background:url(../images/bg_footer.gif) 0 0 no-repeat; } #footer ul { float:left; margin:12px 0 0; padding:0 0 20px; } #footer ul li { display:inline; padding:0 20px 0 0; font-size:77%; } #footer p { float:right; text-align:right; margin:12px 0 0; font-size:77%; } #footer a:link,#footer a:visited { color:#666; text-decoration:none; } #footer a:hover,#footer a:active { color:#06C; text-decoration:underline; } /* ------------------------------------------------------------------------------------------ common ------------------------------------------------------------------------------------------ */ .fix:after { content:"."; display:block; height:0; clear:both; visibility:hidden; } .fix { display:inline-block; } /*\*/ * html .fix { height:1%; } .fix { display:block; } /**/ /* clearfix */ .clearfix:after {visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0;} * html .clearfix { zoom:1; } /* IE6 */ *:first-child+html .clearfix { zoom:1; } /* IE7 */ /* float */ .floatLft {float:left; display:block;} .floatRgt {float:right; display:block;} /* width */ .w50 {width:50px; display:block;} .w100 {width:100px; display:block;} .w150 {width:150px; display:block;} .w200 {width:200px; display:block;} .w250 {width:250px; display:block;} .w300 {width:300px; display:block;} .w400 {width:400px; display:block;} .w450 {width:450px; display:block;} .w500 {width:500px; display:block;} .w550 {width:550px; display:block;} .w600 {width:600px; display:block;} .w650 {width:650px; display:block;} .w700 {width:700px; display:block;} .w900 {width:900px; display:block;} /* margin */ .mt0 {margin-top:0px !important;} .mt5 {margin-top:5px !important;} .mt10 {margin-top:10px !important;} .mt20 {margin-top:20px !important;} .mt30 {margin-top:30px !important;} .mt40 {margin-top:40px !important;} .mt80 {margin-top:80px !important;} .ml5 {margin-left:5px !important;} .ml10 {margin-left:10px !important;} .ml15 {margin-left:15px !important;} .ml20 {margin-left:20px !important;} .ml30 {margin-left:30px !important;} .ml40 {margin-left:30px !important;} .ml50 {margin-left:50px !important;} .ml100 {margin-left:100px !important;} .ml150 {margin-left:150px !important;} .ml200 {margin-left:200px !important;} .ml250 {margin-left:250px !important;} .mr10 {margin-right:10px !important;} .mr15 {margin-right:15px !important;} .mr20 {margin-right:20px !important;} .mr30 {margin-right:30px !important;} .mr40 {margin-right:40px !important;} .mr50 {margin-right:50px !important;} .mr100 {margin-right:100px !important;} .mb0 {margin-bottom:0px !important;} .mb5 {margin-bottom:5px !important;} .mb10 {margin-bottom:10px !important;} .mb20 {margin-bottom:20px !important;} .mb30 {margin-bottom:30px !important;} .mb40 {margin-bottom:40px !important;} .mb100 {margin-bottom:100px !important;}