/* CSS Document */ *{ margin:0; padding:0;} body{ background-color: #ffffff; margin:0px;} body,td,th,ul,li,p{ font-size:95%; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; color:#333333; line-height:120%; } p { margin: 0%; } img { border:0px; } .small{ font-size:85%; } .xsmall{ font-size:70%; } .medium{ font-size:100%; } .large{ font-size:120%; } .large2{ font-size:150%; } .red{ color:#ff0000; } .green{ color:#003300; } .blue{ color:#0033CC; } a:link{ color:#333333; text-decoration: none;} a:visited{ color:#333333; text-decoration: none;} a:hover{ color:#f44d42; text-decoration:underline; } a:active { text-decoration: none;} .left{ float: left; } .right{ float: right; } .clear{ clear: both; } .hide{ visibility:hidden; } .center{ text-align:center; } .pankuzu{ text-align:right; font-size:small; padding:0 230px 0 0; } /* style */ /* all */ #ie5Xlayout{ text-align: center;} #layout { width: 800px; margin: auto; text-align: left; border:1px #666666 solid; } /* IE Holy Hack <=> mac IE5.0 \*/ #layout{ width: 800px;} /* end */ /* toppage */ #copy{ width:100%; color:#FFFFFF; text-align:center; background-color: #4eb8a3; padding:5px 0 5px 0; font-size:85%;} /* header */ #header { display: block; padding: 0%; width: 100%; margin: 0px; height:260px; background-position:left top; background-repeat:no-repeat;} /* background:url("./images/header_morning.jpg") left top no-repeat; }*/ #header .logo{ background:url("./images/header_logo.png") top left no-repeat; position:relative; top:190px; left:20px; text-indent:-9999px; height:57px; width:362px; /* IEの場合無効にする */ _background:none; } #header .headcopy{ background:url("./images/head_copy.png") top left no-repeat; position:relative; top:-45px; left:430px; height:206px; width:349px; /* IEの場合無効にする */ _background:none; } #header .h-button{ position:relative; top:-35px; left:430px; width:350px; } /* IEの場合 */ * html #header .logo{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/header_logo.png',sizingMethod=image); } * html #header .headcopy{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/head_copy.png',sizingMethod=image); } /* header */ #sub-header { display: block; padding: 0%; width: 100%; margin: 0 0 20px 0; height:143px; background:url("./images/sub_header_bk.png") left top no-repeat; } #sub-header .logo{ background:url("./images/sub_header_logo.png") top left no-repeat; position:relative; top:95px; left:60px; text-indent:-9999px; height:57px; width:362px; /* IEの場合無効にする */ _background:none; } #sub-header .h-button{ position:relative; top:70px; left:430px; width:350px; } html>body #sub-header .h-button { top:60px; } /* IEの場合 */ * html #sub-header .logo{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='./images/sub_header_logo.png',sizingMethod=image); } /* main */ #main{ width:100%; height:auto; min-height:650px; overflow:visible; position:relative; visibility:visible; display:block; } html>body #main { margin-top:10px; height:auto; min-height:650px; } .top-bnr{ margin:0 0 10px 20px; position:relative; } .top-news{ width:586px; margin:0 0 10px 20px; position:relative; } .top-news h1{ margin:0; padding:0; font-size:100%; text-indent:-9999px; height:33px; width:100%; } .top-news h1.news{ background:url("./images/news_ttl.png") left top no-repeat; } .top-news h1.info{ background:url("./images/info_ttl.png") left top no-repeat; } .top-news h2{ margin:5px 0 0 20px; padding:5px 0 5px 23px; font-size:100%; font-weight:bold; background:url("./images/list_top.png") 5px 6px no-repeat; width:520px; color:333333; } .top-news h2.grey{ background:url("./images/list_top2.png") 5px 6px no-repeat; background-color:#dddddd; } .top-news h2 a:link{ color:#333333; font-weight:bold; text-decoration: none;} .top-news h2 a:visited{ color:#333333; font-weight:bold; text-decoration: none;} .top-news h2 a:hover{ color:#f44d42; font-weight:bold; text-decoration:underline;} .top-news h2 a:active { text-decoration: none;} .top-news div.kiji{ width:584px; border:1px #586eb1 solid; border-top:none; padding-bottom:20px; } html>body #main .top-news div.kiji{ margin-top:-10px; } .top-news p{ margin:10px 0 10px 20px; padding:0; color:#999999; } html>body #main .top-news p{ padding-top:10px; } .top-news img.new{ padding:0; vertical-align:middle; } .top-news img.to-list{ position:absolute; top:7px; left:470px; } .top-news div.no-data{ width:100%; background:url("./images/top_news_btm.gif") left bottom no-repeat; padding:10px 0 20px 0; clear:both; } .top-news div.no-data p{ margin:10px 0 200px 20px; padding:0; } #top-footer{ width:586px; position:absolute; bottom:0px; left:0px; background:url("./images/foot_bk.png") left bottom no-repeat; height:130px; } #top-footer .logo{ position:absolute; top:10px; left:200px; } #top-footer .addr{ position:absolute; top:45px; left:200px; } #top-footer .top-mail-btn{ position:absolute; top:90px; left:280px; } #top-footer .f-access{ position:absolute; top:90px; left:440px; } #menu{ position:absolute; top:0; right:0px; width:180px; margin:auto 0; padding:auto 0; height:auto; overflow:visible; } #menu img{ padding:0; } #menu ul{ list-style-type:none; } #menu ul.sub{ margin:30px 0 0 0; } #menu li.service{ padding:10px 0 0 0; } #menu p{ margin:0; text-align:center; } #copyright{ display:block; width:100%; background-color:#4eb8a3; padding:3px 0 3px 0; color:#ffffff; text-align:center; clear:both; font-size:85%; } /* footer */ #footer{ width: 97.5%; clear:both; padding:8px 0 8px 20px; margin:0; background-color:#e6e9f3; min-height:20px; overflow:visible;} #footer img{ float:left; padding:0 20px 0 25px; } #sub-footer{ width: 100%; clear:both; padding:0; margin:0; height:136px; background:url("./images/foot_bk2.png") left bottom no-repeat; position:relative; background-color:#e6e9f3; } #sub-footer .logo{ position:absolute; top:20px; left:185px; } #sub-footer .addr{ position:absolute; top:55px; left:185px; } #sub-footer .sub-mail-btn{ position:absolute; top:100px; left:185px; } #sub-footer .sub-access{ position:absolute; top:100px; left:345px; } #sub-footer .f-menu{ height:20px; } #sub-footer .f-menu ul{ list-style-type:none; padding:0; position:absolute; top:5px; right:0px; } #sub-footer .f-menu li{ padding:0; font-size:85%; } /* sub page */ #news-list{ width:586px; margin:0 0 10px 20px; position:relative; } #news-list h1{ margin:0; padding:0; font-size:100%; text-indent:-9999px; height:33px; width:100%; } #news-list h1.news{ background:url("./images/news_ttl2.png") left top no-repeat; } #news-list h1.info{ background:url("./images/info_ttl2.png") left top no-repeat; } #news-list h2{ margin:5px 0 0 20px; padding:5px 0 5px 23px; font-size:100%; font-weight:bold; background:url("./images/list_top.png") 5px 6px no-repeat; width:520px; color:333333; } #news-list h2.grey{ background:url("./images/list_top2.png") 5px 6px no-repeat; background-color:#dddddd; } #news-list h2 a:link{ color:#333333; font-weight:bold; text-decoration: none;} #news-list h2 a:visited{ color:#333333; font-weight:bold; text-decoration: none;} #news-list h2 a:hover{ color:#f44d42; font-weight:bold; text-decoration:underline;} #news-list h2 a:active { text-decoration: none;} #news-list div.kiji{ width:584px; border:1px #586eb1 solid; border-top:none; padding-bottom:20px; } html>body #news-list div.kiji{ margin-top:-10px; } #news-list p{ margin:10px 0 10px 20px; padding:0; color:#999999; } html>body #news-list p{ padding-top:10px; } #news-list img.new{ padding:0; vertical-align:middle; } #news-list img.to-list{ position:absolute; top:7px; left:470px; } #news-list div.no-data{ width:100%; background:url("./images/top_news_btm.gif") left bottom no-repeat; padding:10px 0 20px 0; clear:both; } #news-list div.no-data p{ margin:10px 0 200px 20px; padding:0; } /* sub page */ #news-detail{ width:586px; margin:0 0 30px 20px; height:auto; overflow:visible; position:relative; text-align:center; padding:0 0 30px 0; } #news-detail h1{ margin:0; padding:0; font-size:100%; text-indent:-9999px; height:33px; width:100%; } #news-detail h1.news{ background:url("./images/news_ttl2.png") left top no-repeat; } #news-detail h1.info{ background:url("./images/info_ttl2.png") left top no-repeat; } #news-detail h2{ margin:0; padding:0 0 5px 15px; position:relative; top:20px; left:10px; line-height:120%; font-size:medium; font-weight:bold; width:85%; border-bottom:1px #cccccc dotted; display:block; } #news-detail p{ margin:10px 0 10px 20px; padding:0; color:#999999; } html>body #news-detail p{ padding-top:10px; } #news-detail img.to-list{ position:absolute; top:7px; left:470px; } #news-detail img.gazou{ margin:auto 0; padding:auto 0; margin-top:40px; display:block; } #news-detail .kiji{ position:relative; top:20px; padding:0; width:88%; clear:both; text-align:left; color:#333333; } #news-detail .kiji p{ padding-top:5px; line-height:150%; font-size:90%; color:#333333;} #news-detail .kiji img{ padding:5px; border:none; } #news-detail .link{ padding:20px 0 0 0; text-align:right; width:95%; clear:both; } #news-detail .link img { vertical-align:middle;} #news-detail .topics-bottom{ text-align:right; width:93%; padding:10px 15px 0 0; clear:both; background:url(images/to_list.gif) right 15px no-repeat; margin:15px 0 0 0; } #news-detail p{ margin:10px 0 0 20px; padding:0; } /* subpage service */ #service{ width:586px; margin:0 0 60px 20px; position:relative; padding:0 0 40px 0; } #service h1{ margin:0; padding:0; font-size:100%; text-indent:-9999px; height:33px; width:100%; } #service h1.consul{ background:url("./images/consul_ttl.png") left top no-repeat; } #service h1.jirei{ background:url("./images/jirei_ttl.png") left top no-repeat; } #service h1.yuhaisou{ background:url("./images/yuhaisou_ttl.png") left top no-repeat; } #service h1.syaryou{ background:url("./images/syaryou_ttl.png") left top no-repeat; } #service h1.soko{ background:url("./images/soko_ttl.png") left top no-repeat; } #service h1.hikkoshi{ background:url("./images/hikkoshi_ttl.png") left top no-repeat; } #service h1.taxi{ background:url("./images/taxi_ttl.png") left top no-repeat; } #service h2{ margin:10px 0 0 0; padding:5px 0 0 20px; font-size:100%; height:33px; width:544px; color:#333333; font-weight:bold; background:url("./images/h2_bk.png") left top no-repeat; } #service h3{ margin:10px 0 0 20px; padding:0 0 0 28px; font-size:100%; color:#333333; font-weight:normal; background:url("./images/h3_top.png") left top no-repeat; clear:both; } #service h4{ margin:10px 0 0 20px; padding:0 0 0 5px; font-size:85%; color:#333333; border-left:5px #9933ff solid; font-weight:bold; clear:both; } #service img{ padding:10px; } #service p{ margin:20px 0 20px 0; font-size:85%; } #service p.p2{ margin:20px 0 0 30px; width:90%; } #service p.soko{ margin:20px 0 5px 0; } #service p.jirei01{ margin:20px 0 0 0; } #service p.hikkoshi01{ margin:20px 0 0 20px; font-weight:bold; font-size:100%; } #service p.hikkoshi02{ margin:20px 0 0 40px; } #service p.jigyo01{ margin:20px 0 0 30px; width:90%; } #service div.oshiire{ margin:20px 0 0 30px; width:90%; } #service div.oshiire img{ padding:0 10px 0 0; } #service ol{ margin:10px 0 20px 30px; list-style-position:outside; width:90%; } #service li{ font-size:85%; margin:0 0 10px 30px; /*border:1px #cccccc solid;*/} #service ul{ position:relative; top:20px; left:20px; list-style-type:none; width:90%; list-style-position:outside; } html>body #service ul{ top:10px; padding:0 0 30px 0; } #service ul.soko{ list-style-type:none; padding:0 0 20px 30px; list-style-position:outside; } #service ul.soko li{ background:url("./images/link_top.png") left top no-repeat; padding:0 0 0 20px; color:#333333; margin:5px 0 0 0; } #service ul.soko li.single{ margin:5px 0 3px 0; line-height:130%; } #service img.jirei01{ margin:10px 0 0 50px; } #service img.hikkoshi01{ margin:10px 0 0 30px; } #service table{ margin:20px 0 0 20px; width:520px; } #service th{ background-color:#FFFFFF; border-bottom:1px #cccccc dashed; width:170px; font-size:85%; color:#333333; } #service td{ border:none; border-bottom:1px #cccccc dashed; padding:5px 0 5px 5px; font-size:85%; color:#333333; line-height:130%; } #service table.jigyo{ margin:0 0 0 20px; width:550px; border-left:1px #cccccc solid; border-top:1px #cccccc solid; } #service table.jigyo th{ border-bottom:1px #cccccc solid; width:auto; padding:3px; font-size:80%; color:#333333; text-align:center; border-right:1px #cccccc solid; line-height:100%; } #service table.jigyo th.top{ background-color:#666666; color:#ffffff; border-right:1px #ffffff solid; } #service table.jigyo td{ border:none; border-bottom:1px #cccccc solid; border-right:1px #cccccc solid; width:auto; padding:3px; font-size:80%; color:#333333; line-height:130%; text-align:center; line-height:100%;} #service table.jigyo td.td1{ background-color:#FF33FF; } #service table.jigyo td.td2{ background-color:#FF66FF; } #service table.jigyo td.td3{ background-color:#FF99FF; } #service table.jigyo td.td4{ background-color:#FFCCFF; } #service table.jigyo td.td5{ background-color:#FFFFFF; } #service table.kojin{ margin:0 0 0 20px; width:540px; border-left:1px #cccccc solid; border-top:1px #cccccc solid; } #service table.kojin th{ border-bottom:1px #cccccc solid; width:125px; padding:5px; background-color:#ff99cc; font-size:80%; color:#333333; text-align:center; border-right:1px #cccccc solid; line-height:100%; } #service table.kojin td{ border:none; border-bottom:1px #cccccc solid; border-right:1px #cccccc solid; width:auto; padding:5px; font-size:80%; color:#333333; line-height:130%; text-align:center; line-height:100%; background-color:#99ff99;} #service table.kojin td.td1{ background-color:#ffff99; } #service table.kojin td.td2{ background-color:#ffffff; } #service table.option{ margin:20px 0 0 20px; width:540px; border:1px #cccccc solid; } #service table.option td{ border:1px #cccccc solid; padding:5px; font-size:80%; color:#333333; text-align:center; width:260px; line-height:100%; } #service div.option{ width:260px; text-align:left; padding:3px; } #service table.oshiire{ margin:20px 0 0 20px; width:540px; border-top:1px #cccccc solid; border-left:1px #cccccc solid; } #service table.oshiire th{ border-bottom:1px #cccccc solid; border-right:1px #cccccc solid; padding:0; color:#333333; text-align:center; width:80px; } #service table.oshiire th.th2{ padding:5px; color:#333333; width:50px; } #service table.oshiire td{ border-bottom:1px #cccccc solid; border-right:1px #cccccc solid; padding:5px; font-size:80%; color:#333333; text-align:left; line-height:100%; } #service dl.hikkoshi{ margin:10px 0 0 70px; border:2px #3399ff dotted; padding:5px; width:400px; } #service dl.hikkoshi dt{ padding:0 0 0 20px; width:150px; color:#339966; font-weight:bold; font-size:85%; } #service dl.hikkoshi dd{ margin:0 0 10px 80px; line-height:150%; color:#333333; font-size:85%; width:250px; } #service dl.jigyo{ margin:10px 0 0 50px; } #service dl.jigyo dt{ padding:0 0 0 20px; width:100px; font-size:85%; background:url("./images/link_top.png") left 3px no-repeat; padding:0 0 0 20px; } #service dl.jigyo dd{ margin:-17px 0 10px 105px; line-height:120%; color:#333333; font-size:85%; width:400px; letter-spacing:1px; } #service dl.single{ margin:2px 0 0 50px; } #service dl.single dt{ padding:0 0 0 20px; width:120px; font-size:85%; background:url("./images/link_top.png") left 3px no-repeat; padding:0 0 0 20px; } #service dl.single dd{ margin:-17px 0 5px 130px; line-height:120%; color:#333333; font-size:85%; width:400px; letter-spacing:1px; } #service .to-link{ margin:10px 0 10px 350px; width:200px; text-align:left; font-size:85%; background:url("./images/to_other.png") left 2px no-repeat; padding:0 0 0 16px; clear:both; } #service .to-form{ margin:0px 0 10px 400px; width:200px; text-align:left; font-size:85%; background:url("./images/to_other.png") left 2px no-repeat; padding:0 0 0 16px; clear:both; } #service .to-hikkoshi{ margin:10px 0 20px 50px; width:300px; text-align:left; font-size:85%; background:url("./images/to_other.png") left 2px no-repeat; padding:0 0 0 16px; clear:both; } /* subpage eigyousyo */ #eigyousyo{ width:586px; margin:0 0 60px 20px; position:relative; padding:0 0 40px 0; } #eigyousyo h1{ margin:0; padding:0; font-size:100%; text-indent:-9999px; height:33px; width:100%; background:url("./images/eigyousyo_ttl.png") left top no-repeat; } #eigyousyo h2{ margin:0; padding:5px 0 0 20px; font-size:100%; height:33px; width:544px; color:#333333; font-weight:bold; background:url("./images/h2_bk.png") left top no-repeat; } #eigyousyo img{ padding:0 5px 0 5px; } #eigyousyo p{ margin:30px 0 0 30px; } #eigyousyo dl{ margin:10px 0 0 30px; } #eigyousyo dt{ background:url("./images/link_top.png") left 4px no-repeat; padding:0 0 0 20px; width:180px; color:#333333; font-size:85%; font-weight:bold; clear:both; } #eigyousyo dd{ margin:-18px 0 30px 185px; line-height:120%; color:#333333; font-size:85%; border-bottom:1px #cccccc solid; } #eigyousyo table{ margin:10px 0 0 20px; width:520px; } #eigyousyo th{ background-color:#FFFFFF; border-bottom:1px #cccccc dashed; width:170px; font-size:85%; color:#333333; } #eigyousyo td{ border:none; border-bottom:1px #cccccc dashed; padding:5px 0 5px 5px; font-size:85%; color:#333333; line-height:130%; } #eigyousyo ul{ position:relative; top:20px; left:20px; list-style-type:none; width:85%; list-style-position:outside; padding:0; } html>body #eigyousyo ul{ padding:0 0 30px 0; } /* subpage saiyou */ #saiyou{ width:576px; margin:0 0 60px 20px; position:relative; overflow:visible; height:auto; padding:0 40px 40px 0; visibility:visible; } html>body #saiyou{ margin:0 0 20px 20px; } #saiyou h1{ margin:0; padding:0; font-size:100%; text-indent:-9999px; height:33px; width:100%; background:url("./images/saiyou_ttl.png") left top no-repeat; } #saiyou h2{ margin:0; padding:5px 0 0 20px; font-size:100%; height:33px; width:544px; color:#333333; font-weight:bold; background:url("./images/h2_bk.png") left top no-repeat; clear:both; } #saiyou h3{ margin:10px 0 0 20px; padding:0 0 0 28px; font-size:100%; color:#333333; font-weight:normal; background:url("./images/h3_top.png") left top no-repeat; clear:both; } #saiyou p{ margin:10px 0 0 30px; line-height:150%; width:90%; font-size:85%; } #saiyou p.p2{ font-weight:bold; color:#003300; margin:10px 0 0 20px; font-size:110%; width:90%;} #saiyou p.p3{ margin:20px 0 0 30px; width:90%; text-align:right; font-size:100%;} #saiyou p.p4{ margin:10px 0 0 50px; } #saiyou p.aisatsu{ width:auto;} #saiyou p.aisatsu2{ width:auto; margin:10px 0 0 50px;} #saiyou img.photo{ padding:10px 10px 10px 30px; } #saiyou img.photo2{ padding:10px 10px 10px 50px; } #saiyou dl.senpai{ margin:10px 0 0 50px; border:3px #6666ff double; width:70%; padding:5px; } #saiyou dl.senpai dt{ background:none; padding:0; width:80px; color:#333333; font-size:85%; } #saiyou dl.senpai dd{ margin:-18px 0 5px 85px; line-height:120%; color:#333333; font-size:85%; width:400px; letter-spacing:1px; } #saiyou dl.bosyu{ margin:10px 0 0 20px; } #saiyou dl.bosyu dt{ background:url("./images/link_top.png") left 4px no-repeat; padding:0 0 0 20px; width:110px; color:#333333; font-size:85%; } #saiyou dl.bosyu dd{ margin:-20px 0 10px 115px; line-height:150%; color:#333333; font-size:85%; width:450px; letter-spacing:1px; } #saiyou dl.kensyu{ margin:10px 0 0 60px; } #saiyou dl.kensyu dt{ background:url("./images/link_top.png") left 4px no-repeat; padding:0 0 0 20px; width:200px; color:#333333; font-size:85%; } #saiyou dl.kensyu dd{ margin:0 0 10px 30px; line-height:150%; color:#333333; font-size:85%; letter-spacing:1px; } #saiyou ul{ position:relative; top:20px; left:20px; list-style-type:none; width:85%; list-style-position:outside; padding:0;} html>body #saiyou ul{ padding:0 0 30px 0; } #saiyou .to-eigyo{ margin:0 0 10px 0; width:150px; text-align:left; background:url("./images/to_other.png") left 2px no-repeat; padding:0 0 0 16px; clear:both; } #saiyou .to-form{ margin:0 0 3px 0; width:150px; text-align:left; background:url("./images/to_other.png") left 2px no-repeat; padding:0 0 0 16px; clear:both; } #saiyou table.entry1{ width:85%; margin:20px 0 20px 40px; } #saiyou table.entry1 th{ width:30%; text-align:left; vertical-align:top; padding:5px; font-weight:normal; background:url("./images/link_top.png") left 6px no-repeat; padding-left:20px; font-size:85%; } #saiyou table.entry1 td{ width:70%; padding:5px; line-height:120%; text-align:left; vertical-align:text-top; border:none; font-size:85%; } #saiyou table.entry2{ width:85%; margin:30px 0 20px 40px; } #saiyou table.entry2 th{ width:30%; text-align:left; vertical-align:text-top; padding:5px 5px 5px 15px; font-weight:normal; background-color:#ffa6a6; line-height:120%; font-size:85%;} #saiyou table.entry2 td, #saiyou table.entry2 td.conf{ width:70%; padding:5px; line-height:120%; text-align:left; vertical-align:text-top; border:solid #ffa6a6 1px; background-color:#FFFFFF; font-size:85%; } #saiyou table.entry2 td.conf{ border:none; background-color:#ffffff; } #saiyou table.entry2 .error_conf{ text-align:center; width:100%; margin:0 0 200px 0; } /* subpage about */ #about{ width:576px; margin:0 0 60px 20px; position:relative; overflow:visible; height:auto; padding:0 20px 40px 0; visibility:visible; display:block; } html>body #about{ margin:0 0 20px 20px; min-height:1000px; } #about h1{ margin:0; padding:0; font-size:100%; text-indent:-9999px; height:33px; width:100%; background:url("./images/about_ttl.png") left top no-repeat; } #about h2{ margin:0; padding:5px 0 0 20px; font-size:100%; height:33px; width:544px; color:#333333; font-weight:bold; background:url("./images/h2_bk.png") left top no-repeat; clear:both; } #about h3{ margin:10px 0 0 20px; padding:0 0 0 28px; font-size:100%; color:#333333; font-weight:normal; background:url("./images/h3_top.png") left top no-repeat; clear:both; } #about p{ margin:10px 0 0 30px; line-height:150%; width:90%; font-size:85%; } #about p.p2{ font-weight:bold; color:#003300; margin:10px 0 0 20px; font-size:110%; width:90%;} #about p.p3{ margin:20px 0 0 30px; width:90%; text-align:right; font-size:100%;} #about p.p4{ margin:0 0 10px 60px; width:90%; } #about p.aisatsu{ width:auto;} #about p.pdf{ margin:30px 0 0 30px; } #about p.pdf a:link{ color:#333333; font-weight:bold; text-decoration: none;} #about p.pdf a:visited{ color:#333333; font-weight:bold; text-decoration: none;} #about p.pdf a:hover{ color:#f44d42; font-weight:bold; text-decoration:underline; } #about p.pdf a:active { font-weight:bold; text-decoration: none;} #about img.photo{ padding:10px 10px 10px 30px; } #about img.green{ padding:10px 10px 10px 30px; float:left; } #about img.torikumi{ padding:10px 10px 10px 30px; float:left; } #about img.manage{ margin:10px 10px 10px 30px; float:left; display:block; border:1px #6699ff solid; } #about img.pdf{ vertical-align:middle; padding:0 0 0 5px; } #about dl.gaiyou{ margin:10px 0 0 20px; } #about dl.gaiyou dt{ background:url("./images/link_top.png") left 4px no-repeat; padding:0 0 0 20px; width:110px; color:#333333; font-size:85%; } #about dl.gaiyou dd{ margin:-20px 0 10px 115px; line-height:150%; color:#333333; font-size:85%; width:450px; letter-spacing:1px; } #about dl.yakuin{ margin:0; } #about dl.yakuin dt{ background:none; padding:0; width:110px; color:#333333; font-size:100%; } #about dl.yakuin dd{ margin:-20px 0 5px 115px; line-height:150%; color:#333333; font-size:100%; width:450px; letter-spacing:1px; } #about dl.houshin{ margin:80px 0 0 40px; float:left; } #about dl.houshin dt{ background:url("./images/link_top.png") left 4px no-repeat; padding:0 0 0 20px; width:80px; color:#333333; font-size:85%; } #about dl.houshin dd{ margin:-20px 0 5px 85px; line-height:150%; color:#333333; font-size:85%; width:200px; } #about dl.houshin dt.long{ width:100px; } #about dl.houshin dd.long{ margin:-20px 0 5px 105px; width:180px; } #about dl.ecodrive{ margin:10px 0 0 60px; } #about dl.ecodrive dt{ background:none; padding:0; font-size:100%; color:#0000CC; } #about dl.ecodrive dd{ margin:0 0 5px 20px; line-height:150%; color:#333333; font-size:85%; } #about dl.manage{ margin:10px 0 0 25px; float:left; } #about dl.manage dt{ background:url("./images/link_top.png") left 4px no-repeat; padding:0 0 0 20px; width:90px; color:#333333; font-size:85%; } #about dl.manage dd{ margin:-20px 0 5px 95px; line-height:150%; color:#333333; font-size:85%; width:400px; } #about dl.yusou1{ margin:0 0 0 60px; } #about dl.yusou1 dt{ background:none; padding:0; font-size:85%; color:#333333; width:80px; } #about dl.yusou1 dd{ margin:-20px 0 0 85px; line-height:130%; color:#333333; font-size:85%; } #about ol.mokuhyo, #about ol.quality, #about ol.yusou2{ margin:10px 0 0 80px; list-style-position:outside; } #about ol.mokuhyo li, #about ol.quality li, #about ol.yusou2 li{ font-size:85%; line-height:120%; margin:0 0 5px 0; } #about .to-form{ margin:0 0 10px 250px; width:150px; text-align:left; background:url("./images/to_other.png") left 13px no-repeat; padding:10px 0 0 16px; clear:both; } #about ul{ position:relative; top:20px; left:20px; list-style-type:none; width:85%; list-style-position:outside; } html>body #about ul{ top:10px; padding:0 0 30px 0; } #about table{ border:none; margin:0 0 0 50px; } #about td{ font-size:85%; border:none; text-align:center; } /* subpage link */ #link{ width:586px; margin:0 0 60px 20px; position:relative; padding:0 0 40px 0; } #link h1{ margin:0; padding:0; font-size:100%; text-indent:-9999px; height:33px; width:100%; background:url("./images/link_ttl.png") left top no-repeat; } #link h2{ margin:0; padding:5px 0 0 20px; font-size:100%; height:33px; width:544px; color:#333333; font-weight:bold; background:url("./images/h2_bk.png") left top no-repeat; } #link p{ margin:30px 0 0 30px; } #link ul{ position:relative; top:20px; left:20px; list-style-type:none; width:85%; list-style-position:outside; } #link li{ background:url(images/link_top.png) left top no-repeat; padding-left:20px; margin:0 0 10px 0; font-size:90%; } #link .to-top{ margin:10px 0 10px 0; width:565px; text-align:right; background:url("./images/to_top.png") right 13px no-repeat; padding:10px 16px 0 0; clear:both; font-size:85%;} #link .banner{ width:90%; text-align:right; font-size:85%; line-height:110%; margin:10px 0 0 0; } /* subpage access */ #access{ width:586px; margin:0 0 30px 20px; position:relative; padding:0 0 40px 0; } #access h1{ margin:0; padding:0; font-size:100%; text-indent:-9999px; height:33px; width:100%; background:url("./images/access_ttl.png") left top no-repeat; } #access p{ margin:10px 0 0 30px; line-height:150%; width:90%; font-size:85%; } #access .to-map{ margin:10px 0 10px 380px; width:200px; text-align:left; background:url("./images/to_other.png") left 13px no-repeat; padding:10px 0 0 16px; clear:both; } #access img{ margin:20px 0 0 80px; display:block; } #access h2{ margin:15px 0 10px 0; padding:3px 0 0 50px; font-size:110%; color:#336633; background:url("./images/support_top.gif") left 5px no-repeat; clear:both; } #access .sub-menu{ width:450px; margin:20px 0 0 30px; padding:0; } #access .sub-menu ul{ list-style-type:none; } #access .sub-menu li{ float:left; width:100px; background:url("./images/to_menu.gif") left 2px no-repeat; padding:0 0 0 20px; } /* subpage sitemap */ #sitemap{ width:586px; margin:0 0 60px 20px; position:relative; padding:0 0 40px 0; } #sitemap h1{ margin:0; padding:0; font-size:100%; text-indent:-9999px; height:33px; width:100%; background:url("./images/sitemap_ttl.png") left top no-repeat; } #sitemap h2{ margin:0; padding:5px 0 0 20px; font-size:100%; height:33px; width:544px; color:#333333; font-weight:bold; background:url("./images/h2_bk.png") left top no-repeat; } #sitemap p{ margin:30px 0 0 30px; } #sitemap dl{ margin:10px 0 0 50px; } #sitemap dt{ background:url("./images/link_top.png") left 4px no-repeat; padding:0 0 0 20px; width:150px; color:#333333; font-size:85%; margin:0; } #sitemap dd{ margin:0 0 0 115px; margin:0; color:#333333; font-size:85%; width:450px; letter-spacing:1px; } #sitemao dd.no-data{ margin:0; } #sitemap dl.sub{ margin:0 0 0 20px; padding:0; } #sitemap dl.sub dt{ background:none; padding:0; font-size:100%; width:250px; margin:0; } #sitemap ul{ list-style-type:none; margin:10px 0 0 30px; } #sitemap li{ margin:0 0 10px 0; } #sitemap li.sub{ font-size:120%; } /* subpage mail */ #mail, #mail1{ width:586px; margin:0 0 60px 20px; position:relative; font-size:90%; } #mail h1, #mail1 h1{ margin:0; padding:0; font-size:100%; text-indent:-9999px; height:33px; width:100%; background:url("./images/mail_ttl.png") left top no-repeat; } #mail table{ width:90%; margin-left:60px; margin-top:30px; margin-bottom:20px; } #mail th{ width:30%; text-align:left; vertical-align:top; padding:5px; font-weight:normal; background:url("./images/link_top.png") left 6px no-repeat; padding-left:20px; } #mail td{ width:70%; padding:5px; line-height:120%; text-align:left; vertical-align:text-top; border:none; } #mail p{ margin:20px 0 0 20px; width:500px; line-height:150%; } #mail1 p{ margin-left:30px; line-height:120%; margin-top:30px; } #mail1 table{ width:90%; margin-left:30px; margin-top:20px; } #mail1 th{ width:30%; text-align:left; vertical-align:text-top; padding:5px 5px 5px 15px; font-weight:normal; background-color:#ffa6a6; line-height:120%;} #mail1 td, #mail1 td.conf{ width:70%; padding:5px; line-height:120%; text-align:left; vertical-align:text-top; border:solid #ffa6a6 1px; background-color:#FFFFFF; } #mail1 td.conf{ border:none; background-color:#ffffff; } #mail1 .error_conf{ text-align:center; width:100%; margin:0 0 200px 0; } #mail .to-entry{ margin:10px 0 10px 400px; width:150px; text-align:left; background:url("./images/to_other.png") left 3px no-repeat; padding:0 0 0 16px; clear:both; } /* 共通利用 */ #sub-menu{ width:585px; margin:0 0 10px 0; padding:0 0 20px 0; /* border:1px #586eb1 solid; */ display:block; height:auto; visibility:visible; height:auto; clear:both; } html>body #sub-menu{ margin:0 0 0 0; padding:0 0 60px 0; } #sub-menu li{ float:left; width:100px; background:url("./images/menu_top.png") left top no-repeat; padding:0 0 10px 20px; font-size:90%; margin:0; } #sub-menu li.long{ width:220px; } #sub-menu li.long2{ width:250px; } #sub-menu li.long3{ width:400px; margin:0; } #sub-menu ul{ position:relative; top:20px; left:20px; list-style-type:none; width:90%; list-style-position:outside; } html>body #sub-menu ul{ top:10px; padding:0 0 30px 0; } #foot-menu{ position:absolute; bottom:0px; left:0px; } #foot-menu ul{ list-style-type:none; padding:0 0 10px 10px; } #foot-menu li{ padding:0 0 0 15px; float:left; text-align:left; width:60px; font-size:85%; } #foot-menu li.f-home{ width:90px; background:url(images/to_home.png) left top no-repeat; } #foot-menu li.f-top{ width:110px; background:url(images/to_top.png) right top no-repeat; margin-left:230px; padding:0 12px 0 0; } html>body #foot-menu li.f-top{ margin-left:350px; } .to-top{ margin:10px 0 10px 0; width:560px; text-align:right; background:url("./images/to_top.png") right 13px no-repeat; padding:10px 16px 0 0; clear:both; font-size:85%;} .mark{ background:url("./images/link_top.png") left top no-repeat; padding:0 0 0 20px; fonf-size:85%; } /******************************************************************************/ /* subpage news */ #sub-news{ width:555px; margin:5px 0 10px 15px; height:360px; } html>body #sub-news{ height:auto; min-height:360px; } #sub-news h1{ margin:0; padding:0; font-size:100%; text-indent:-9999px; height:37px; width:100%; background:url("./images/title.gif") left top no-repeat; } #sub-news div.kiji{ width:92%; margin:0 0 10px 10px; border-bottom:1px #cccccc dotted; clear:both; overflow:auto; } #sub-news h2{ margin:10px 0 0 20px; padding:5px 0 5px 15px; font-size:100%; line-height:110%; background:url("./images/maru_grey.gif") left 6px no-repeat; vertical-align:middle; float:left; } #sub-news img{ padding:10px; } #sub-news img.new{ padding:0; vertical-align:middle; } #sub-news p{ margin:10px 0 0 20px; padding:0; } #sub-news p.no-data{ margin:10px 0 100px 20px; padding:0; } #sub-news div.no-data{ width:100%; padding:10px 0 20px 0; clear:both; } #sub-news div.no-data p{ margin:10px 0 200px 20px; padding:0; } #sub-news .next{ text-align:right; clear:both; } /* subpage detail */ #sub-detail{ width:555px; margin:5px 0 10px 15px; height:360px; } html>body #sub-detail{ height:auto; min-height:360px; } #sub-detail h1{ margin:0; padding:0; font-size:100%; height:37px; width:100%; text-indent:-9999px; background:url("./images/title.gif") left top no-repeat; } #sub-detail h2{ margin:0px; padding:0 0 5px 15px; position:relative; top:20px; left:10px; font-size:medium; font-weight:bold; width:80%; margin:0 0 20px 0; border-bottom:1px #cccccc dotted;} #sub-detail .kiji{ position:relative; top:10px; padding:0 0 0 20px; width:95%; } #sub-detail .kiji p{ padding-top:5px; } #sub-detail .kiji img{ padding:5px; border:none; } #sub-detail .link{ padding-top:15px; padding-bottom:10px; text-align:right; width:93%; } #sub-detail .link img { vertical-align:middle;} #sub-detail .topics-bottom{ text-align:right; width:480px; padding:0 40px 0 0; clear:both; color:#ff7f00; background:url(images/to_list.gif) right 3px no-repeat; margin:10px 0 0 0; } html>body #sub-detail .topics-bottom{ background:url(images/to_list.gif) right 5px no-repeat; padding:5px 40px 0 0; } #sub-detail p{ margin:10px 0 0 20px; padding:0; } #sub-detail p.no-data{ margin:10px 0 100px 20px; padding:0; } /* subpage md */ #md{ width:555px; margin:5px 0 10px 15px; } #md h1{ margin:0; padding:0; font-size:100%; text-indent:-9999px; height:37px; width:100%; background:url("./images/md_t.gif") left top no-repeat; } #md h2{ margin:15px 0 10px 0; padding:3px 0 0 50px; font-size:110%; color:#336633; background:url("./images/md_top.gif") left 5px no-repeat; clear:both; } #md p{ padding:0 0 10px 40px; font-size:85%; } #md img{ padding:5px 10px 5px 5px; } #md dl{ margin:0 0 0 40px; } #md dt{ border-left:3px #4ab76b solid; width:300px; padding:0 0 3px 5px; clear:both; font-weight:bold;} #md dd{ margin:0 0 10px 60px; font-size:85%;} #md .sub-menu{ width:500px; margin:20px 0 0 30px; padding:0; } #md .sub-menu ul{ list-style-type:none; } #md .sub-menu li{ float:left; width:100px; background:url("./images/to_menu.gif") left 2px no-repeat; padding:0 0 10px 40px; } #md .to-top{ width:530px; text-align:right; background:url("./images/to_top.gif") right 2px no-repeat; padding:0 20px 0 0; clear:both;} /* subpage shop */ #shop{ width:555px; margin:5px 0 10px 15px; } #shop h1{ margin:0; padding:0; font-size:100%; text-indent:-9999px; height:37px; width:100%; background:url("./images/shop_t.gif") left top no-repeat; } #shop h2{ margin:15px 0 10px 0; padding:3px 0 0 50px; font-size:110%; color:#336633; background:url("./images/shop_top.gif") left 5px no-repeat; clear:both; } #shop p{ padding:20px 0 10px 40px; font-size:85%; } #shop img{ padding:5px 10px 5px 5px; } #shop dl{ margin:0 0 0 40px; } #shop dt{ border-left:3px #4ab76b solid; width:300px; padding:0 0 3px 5px; clear:both; font-weight:bold;} #shop dd{ margin:0 0 10px 60px; font-size:85%;} #shop table{ width:500px; font-size:85%; margin:0 0 0 50px; } #shop table.price{ width:400px; font-size:100%; margin:0 0 0 20px; border:1px #ff6666 solid; } #shop table.price td{ padding:5px 5px 5px 15px; text-align:left; background-color:#FFCCCC; } #shop table.price td.right{ padding:5px; text-align:right; } #shop .sub-menu{ width:450px; margin:20px 0 0 30px; padding:0; } #shop .sub-menu ul{ list-style-type:none; } #shop .sub-menu li{ float:left; width:100px; background:url("./images/to_menu.gif") left 2px no-repeat; padding:0 0 0 20px; } #shop .to-top{ width:530px; text-align:right; background:url("./images/to_top.gif") right 2px no-repeat; padding:0 20px 0 0;} /* subpage support */ #support{ width:555px; margin:5px 0 10px 15px; } #support h1{ margin:0; padding:0; font-size:100%; text-indent:-9999px; height:37px; width:100%; background:url("./images/support_t.gif") left top no-repeat; } #support h2{ margin:15px 0 10px 0; padding:3px 0 0 50px; font-size:110%; color:#336633; background:url("./images/support_top.gif") left 5px no-repeat; clear:both; } #support p{ padding:10px 0 10px 20px; font-size:85%; } #support p.sign{ padding:10px 0 10px 20px; width:95%; text-align:right; } #support img{ padding:0 10px 0 10px; } #support dl{ margin:0 0 0 20px; font-size:85%; } #support dt{ border-left:3px #4ab76b solid; width:150px; padding:0 0 0 5px; clear:both;} #support dd{ margin:2px 0 10px 50px; } #support dt.enkaku{ border:none; border-bottom:2px #ff6666 dotted; } #support dl.enkaku{ font-size:100%; margin:0; } #support .sub-menu{ width:450px; margin:20px 0 0 30px; padding:0; } #support .sub-menu ul{ list-style-type:none; } #support .sub-menu li{ float:left; width:100px; background:url("./images/to_menu.gif") left 2px no-repeat; padding:0 0 0 20px; } #support .to-top{ width:530px; text-align:right; background:url("./images/to_top.gif") right 2px no-repeat; padding:0 20px 0 0;}