@charset "utf-8";
/*----------------------------------
Style Setting
Author : nobuki morimatsu
Site :
Inquiry :
Date : 2008/08/01
Index
1 : Basic Setting
1-1 : Universal Selector
1-2 :
1-3 :
1-4 : ![]()
1-5 : margin
1-6 : Text align
2 : Layout Setting
2-1 : div#container
2-2 : div#header
2-3 : div#mainContent
2-4 : div#sidebar1
2-5 : div#sidebar2
2-6 : div#footer
3 : Element Setting
3-1 : Block Level
3-2 : List
3-3 :
3-4 : input
3-5 : other
------------------------------------*/
/*==================================
1 : Basic Setting
====================================*/
/*== 1-1 : Universal Selector */
*{
margin:0;
padding:0;
}
/*== 1-2 : */
body{
color:#333333;
background:#e9e9e9;
font-family: "�E��E� �E�ゴシチE��", "ヒラギノ角ゴ Pro W3", "Osaka", "MS UI Gothic", "Arial", "Verdana", "Helvetica", "sans-serif";
line-height:1.6;
text-align: center;
font-size:small;
}
/*== 1-3 :
*/
hr{
display:none;
}
/*== 1-4 : ![]()
*/
img{
border:0;
}
img.left{
float:left;
margin:0 1em 1em 0;
}
img.right{
float:right;
margin:0 0 1em 1em;
}
/*== 1-5 : margin */
div.margin10{
margin-top:1em;
}
div.margin20{
margin-top:2em;
}
div.margin30{
margin-top:3em;
}
div.margin40{
margin-top:4em;
}
div.margin50{
margin-top:5em;
}
/*== 1-6 : Text align */
.pTxtL {
text-align:left;
}
.pTxtC {
text-align:center;
}
.pTxtR {
text-align:right;
}
/*==================================
2 : Layout Setting
====================================*/
/*== 2-1 : div#container */
div#container{
width:95%;
width:expression(document.body.clientWidth > 1200 ? "95%" : "990px");
min-width:980px;
background: #FFFFFF;
margin: 0 auto;
text-align: left;
border-left:solid 1px #CCCCCC;
border-right:solid 1px #CCCCCC;
}
*:first-child+html div#container{
width:expression(document.body.clientWidth > 1200 ? "95%" : "1000px");
}
* html div#container{
width:1100px;
}
/*== 2-2 : div#header */
div#header{
background:url(../images/header_back.jpg) repeat-x bottom;
padding: 0 10px;
height:88px;
color:#999999;
}
div#header h1{
float:left;
margin-top:7px;
}
div#header p.tel{
float:right;
}
div#header.typeb{
background:url(../images/header_back2.jpg) repeat-x bottom;
}
/*== 2-2 : div#gmenu */
div#gmenu{
padding: 0 10px;
background:url(../images/gmenu_back.jpg) repeat-x bottom;
height:47px;
}
div#gmenu.typeb{
background:url(../images/gmenu_back2.jpg) repeat-x bottom;
}
div#gmenu ul{ border:0px; margin:0px; padding:0px;}
div#gmenu ul li{ list-style-type:none; float:left;}
div#gmenu ul li a{
background-repeat:no-repeat;
display: block;
text-decoration:none;
text-align:center;
padding-top:10px;
_padding-top:7px;
}
/*link*/
.nav0 a{ width:70px; height:37px; background-image:url(../images/gmenu0b.jpg);}
.nav1 a{ width:70px; height:37px; background:url(../images/gmenu.jpg) top right;}
.nav2 a{ width:70px; height:37px; background:url(../images/gmenu_b0.jpg) top right;}
.typeb .nav0 a{ width:70px; height:37px; background-image:url(../images/gmenu_b70.jpg);}
.typeb .nav1 a{ width:70px; height:37px; background:url(../images/gmenu_b0.jpg) top right;}
/*hover*/
.nav0 a:hover{background-image:url(../images/gmenu0b_on.jpg);}
.nav1 a:hover{background-image:url(../images/gmenu_on.jpg);}
.nav2 a:hover{background-image:url(../images/gmenu_b0_on.jpg);}
.typeb .nav0 a:hover{background-image:url(../images/gmenu_b_on.jpg);}
.typeb .nav1 a:hover{background-image:url(../images/gmenu_b0_on.jpg);}
/*select*/
.nav0_on a{ width:70px; height:37px; background-image:url(../images/gmenu0b_on.jpg);}
.nav1_on a{ width:70px; height:37px; background:url(../images/gmenu_on.jpg) top right;}
.nav2_on a{ width:70px; height:37px; background:url(../images/gmenu_b0_on.jpg) top right;}
/*== 2-2 : div#flash */
div#flash{
text-align:center;
padding-bottom:0.5em;
}
/*== 2-2 : div#panlist */
div#panlist{
background:url(../images/panlist_back.gif) repeat-x;
height:38px;
margin-bottom:5px;
}
div#panlist.typeb{
background:url(../images/panlist_back2.gif) repeat-x;
}
div#panlist h2{
background:url(../images/panlist_tit.gif) no-repeat right top;
height:37px;
padding:5px 20px 0 20px;
float:left;
font-weight:normal;
_font-size:large;
}
div#panlist.typeb h2{
background:url(../images/panlist_tit2.gif) no-repeat right top;
}
div#panlist p{
padding:10px 0 0 20px;
float:left;
}
/*== 2-3 : div#mainContent */
div#mainContent {
margin: 0 227px 0 214px;
_margin: 0 0 0 210px;
padding: 0 10px;
_padding: 0 5px 0 0;
min-width:525px;
}
div#mainContent h2{
background:url(../images/h2_back.gif) no-repeat;
margin-top:10px;
padding:8px 0 4px 35px;
height:50px;
font-size:18px;
}
div#mainContent h2.typeb{
background:url(../images/h2_back2.gif) no-repeat;
margin-top:10px;
padding:8px 0 4px 35px;
height:50px;
font-size:18px;
}
div#mainContent h2.small{
padding:12px 0 4px 35px;
font-size:15px;
}
div#mainContent h3{
border:solid 1px #c2caca;
background:url(../images/mark.jpg) no-repeat 4px;
padding:4px 0 4px 35px;
margin:2em 0 1em 0;
_font-size:medium;
}
div#mainContent h3.index{
background:url(../images/2nd_index_back.gif);
color:#FFFFFF;
padding:5px;
margin:2em 0 1em 0;
border:none;
}
div#mainContent h3.typeb{
border:solid 1px #c2caca;
background:url(../images/mark2.jpg) no-repeat 4px;
padding:4px 0 4px 35px;
margin:2em 0 1em 0;
_font-size:medium;
}
div#mainContent h4{
margin:0.5em 2em;
_font-size:medium;
}
div#mainContent p{
margin:1em 0 1em 0;
}
div#mainContent p.date{
margin:0;
color:#666666;
}
div#mainContent p.text{
margin-left:2em;
}
div#mainContent div.ptop{
clear:left;
text-align:right;
font-size:11px;
margin:1em 0;
}
div#mainContent a > img {
border:1px solid;
}
div#mainContent a img {
border:1px solid;
}
div#mainContent div.tile_list{
}
div#mainContent div.tile_list .item{
width: 150px;
vertical-align:top;
display: -moz-inline-box;
display: inline-block;
/display: inline;
/zoom: 1;
background:url(../images/2nd_tileback.gif) repeat-x bottom;
background-color:#fcfcfc;
border:solid 1px #c0c0c0;
margin:0 0 1em 0;
_margin:0 4px 1em 0;
}
div#mainContent div.tile_list .item > span{
width: 150px;
display:block;
}
div#mainContent div.tile_list .item p{
text-align:center;
margin:5px;
padding:0;
}
div#mainContent div.tile_list .item .detail{
text-align:right;
margin:0 10px 0 0;
_margin:0 10px -3px 0;
}
div#mainContent table.company{
border-top:solid 1px #ccc;
border-left:solid 1px #ccc;
}
div#mainContent table.company th{
background-color:#00FF99;
color:#333;
padding:1em;
text-align:center;
}
div#mainContent table.company td{
padding:0.5em;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
vertical-align:top;
}
div#mainContent table.gascheke{
border-top:solid 1px #ccc;
border-left:solid 1px #ccc;
}
div#mainContent table.gascheke th{
width:33%;
padding:1em;
text-align:center;
}
div#mainContent table.gascheke th.t1{
background-color:#FF9933;
}
div#mainContent table.gascheke th.t2{
background-color:#66CC66;
}
div#mainContent table.gascheke th.t3{
background-color:#6699FF;
}
div#mainContent table.gascheke tr.sub1{
background-color:#FF9933;
color:#FFFFFF;
text-align:center;
}
div#mainContent table.gascheke tr.sub2{
background-color:#66CC66;
color:#FFFFFF;
text-align:center;
}
div#mainContent table.gascheke tr.sub3{
background-color:#6699FF;
color:#FFFFFF;
text-align:center;
}
div#mainContent table.gascheke td{
padding:0.5em;
border-right:solid 1px #ccc;
border-bottom:solid 1px #ccc;
vertical-align:top;
}
div#mainContent table.gascheke ul{
margin:0 0 0 1em;
font-size:x-small;
}
div#mainContent table.gas_tenken th{
background-color:#009966;
color:#FFFFFF;
padding:0.5em;
}
div#mainContent ul,
div#mainContent ol{
margin-left:3em;
}
div#mainContent table.lpgas_siyou{
background-color:#FFFFCC;
}
div#mainContent table.lpgas_siyou td{
padding:1em;
}
div#mainContent table.saigai_fukki th{
background-color:#009966;
color:#FFFFFF;
padding:1em;
text-align:center;
}
div#mainContent table.saigai_fukki td{
text-align:center;
}
div#mainContent table.saigai_kasai1 th{
background-color:#FF6633;
color:#FFFFFF;
padding:1em;
text-align:center;
}
div#mainContent table.saigai_kasai2 th{
background-color:#009966;
color:#FFFFFF;
padding:1em;
text-align:center;
}
div#mainContent table.saigai_kasai2 td p{
text-align:center;
}
div#mainContent table.industry_1,
div#mainContent table.industry_1b,
div#mainContent table.industry_2{
margin-left:30px;
margin-right:30px;
}
div#mainContent table.industry_1 th,
div#mainContent table.industry_1b th{
background-color:#666699;
color:#FFFFFF;
padding:0.5em;
}
div#mainContent table.industry_1b{
border-left:solid 1px #ccc;
}
div#mainContent table.industry_1b td{
border-bottom:solid 1px #ccc;
border-right:solid 1px #ccc;
}
div#mainContent table.industry_1b td.top{
border-top:solid 1px #ccc;
border-bottom:solid 1px #ccc;
border-right:solid 1px #ccc;
}
div#mainContent table.piping{
font-size:x-small;
}
div#mainContent table.piping2{
border-top:solid 1px #00A88E;
border-left:solid 1px #00A88E;
}
div#mainContent table.piping2 td{
border-bottom:solid 1px #00A88E;
border-right:solid 1px #00A88E;
padding:.5em;
}
div#mainContent div.vac_menu {
background-image: url(../../vacuum/images/vac_top_back.jpg);
background-repeat: no-repeat;
background-position: 40px;
}
div#mainContent table.vacuum th{
background-color:#666699;
color:#FFFFFF;
padding:0.5em;
}
div#mainContent table.vacuum td{
padding:0.5em;
}
div#mainContent table.vacuum2 th{
background-color:#666699;
color:#FFFFFF;
padding:0.5em;
}
div#mainContent table.vacuum2 td{
padding:0 .5em;
}
div#mainContent dl.vacuum{
margin-left:40px;
}
div#mainContent dl.vacuum dt{
font-weight:bold;
}
div#mainContent dl.vacuum dd{
margin:.5em 2em 1.5em 2em;
}
div#mainContent dl.vacuum td{
padding:.5em;
}
div#mainContent .small {
font-size:x-small;
}
div#mainContent table.shop{
border-bottom:solid 1px #666699;
}
div#mainContent table.shop th{
font-size:large;
padding:0 0.5em;
}
div#mainContent table.shop td{
padding:0.2em 0.5em;
}
div#mainContent table.shop .red_B{
font-weight:bold;
}
div#mainContent table.shopitem{
border:solid 1px #333;
width:90%;
}
div#mainContent table.shopitem th,
div#mainContent table.shopitem td{
padding:0.2em;
}
div#mainContent table.shopitem th{
background-color:#009966;
color:#FFFFFF;
text-align:center;
}
div#mainContent table.shopitem .white_B{
color:#FFFFFF;
font-size:medium;
font-weight:bold;
}
div#mainContent table.shopitem .bold{
font-weight:bold;
}
div#mainContent ul.msf_index{ border:0px; margin:0 0 0 15px; padding:0;}
div#mainContent ul.msf_index li{ float:left; min-width:250px; _width:250px;}
div#mainContent div.footmenu ul{
border-top:solid 1px #999999;
margin-top:2em;
padding-top:1em;
}
div#mainContent div.footmenu li{
padding:0.3em 1em;
float:left;
list-style:none;
border-left:solid 1px #999999;
white-space:nowrap;
font-size:small;
}
div#mainContent div.footmenu li.first{
border-left:none;
}
/*== 2-4 : div#sidebar1 */
div#sidebar1 {
float: left;
width: 220px;
_width: 210px;
padding:0 0 15px 5px;
}
div#sidebar1 div.search{
background:url(../images/search.gif) no-repeat;
width:210px;
height:100px;
}
div#sidebar1 div.search h3{
font-weight:normal;
text-align:center;
margin-bottom:1em;
_margin-bottom:0.5em;
}
div#sidebar1 div.search p{
margin-left:10px;
}
div#sidebar1 div.search input{
font-size:14px;
}
div#sidebar1 div.search .text{
width:140px;
_width:130px;
}
div#sidebar1 div.smenu {
border:solid 1px #c2caca;
background-color:#f7f7f7;
width:205px;
margin-top:15px;
}
div#sidebar1 div.smenu h3{
text-align:center;
margin:0.5em 0 0.7em 0;
}
div#sidebar1 div.smenu ul{
margin-left:10px;
margin-bottom:1em;
padding:0;
}
div#sidebar1 div.smenu li{
list-style-type:none;
background:url(../images/smenu_mark.gif) no-repeat left 0.5em;
padding-left:15px;
}
div#sidebar1 div.smenu li.sub{
list-style-type:none;
background:url(../images/smenu_mark2.gif) no-repeat left 0.5em;
padding-left:15px;
margin-left:20px;
}
div#sidebar1 div.smenu2 {
border:solid 1px #eaa440;
background-color:#ffffd2;
width:205px;
margin-top:15px;
}
div#sidebar1 div.smenu2 h3{
text-align:center;
margin:0.5em 0 0.7em 0;
}
div#sidebar1 div.smenu2 ul{
margin-left:10px;
margin-bottom:1em;
padding:0;
}
div#sidebar1 div.smenu2 li{
list-style-type:none;
background:url(../images/smenu_mark_b.gif) no-repeat left 0.5em;
padding-left:15px;
}
div#sidebar1 div.smenu2 li.sub{
list-style-type:none;
background:url(../images/smenu_mark2_b.gif) no-repeat left 0.5em;
padding-left:15px;
margin-left:20px;
}
div#sidebar1 div.smenu ul.menu_category li{
width:80px;
float:left;
}
div#sidebar1 div.smenu ul.menu_month li{
width:35px;
float:left;
}
div#sidebar1 div.form {
border:solid 1px #c2caca;
background-color:#f7f7f7;
width:205px;
margin-top:15px;
}
div#sidebar1 div.form h3{
text-align:center;
margin:0.3em 0 0.7em 0;
}
div#sidebar1 div.form p{
margin:1em;
font-size:small;
}
/*== 2-5 : div#sidebar2 */
div#sidebar2 {
float: right;
width: 225px;
background:url(../images/side_back.jpg) repeat-y left;
padding: 5px 0 20px 0;
}
div#sidebar2 div.shop{
background-color:#FFFFFF;
width:210px;
margin:0 0 10px 5px;
padding:5px 0;
}
div#sidebar2 div.shop h3{
text-align:center;
color:#349f68;
}
div#sidebar2 div.shop p{
text-align:center;
}
div#sidebar2 div.teion p{
margin-left:3px;
}
div#sidebar2 div.hourei{
background:url(../images/side_wakuback.gif) no-repeat;
margin:1em 0 1em 3px;
}
div#sidebar2 div.hourei div.foot{
background:url(../images/side_wakuback.gif) no-repeat bottom left;
}
div#sidebar2 div.hourei h3{
margin-left:15px;
padding-top:10px;
}
div#sidebar2 div.hourei p{
margin:16px;
font-size:small;
}
div#sidebar2 div.hourei p.btn{
margin:0 0 0 16px;
}
div#sidebar2 div.home{
background:url(../images/side_katei_back.gif) no-repeat;
margin:1em 0 1em 3px;
height:284px;
}
div#sidebar2 div.home h3{
padding-top:10px;
text-align:center;
}
div#sidebar2 div.home p{
font-size:11px;
margin:16px;
}
div#sidebar2 div.home p img{
float:left;
margin-right:7px;
}
div#sidebar2 div.home p.btn{
clear:left;
padding-top:15px;
}
div#sidebar2 div.photo{
background:url(../images/side_wakuback.gif) no-repeat;
margin:1em 0 1em 3px;
}
div#sidebar2 div.photo div.foot{
background:url(../images/side_wakuback.gif) no-repeat bottom left;
}
div#sidebar2 div.photo h3{
margin:0 0 0 12px;
padding-top:10px;
}
div#sidebar2 div.photo p{
text-align:center;
padding-right:10px;
font-size:12px;
}
div#sidebar2 div.photo p img{
margin:1.5em 0 0.5em 0;
}
/*== 2-6 : div#footer */
div#footer {
background:url(../images/footer_back.jpg) repeat-x top;
height:60px;
}
div#footer p{
text-align:center;
padding-top:1em;
font-size:11px;
line-height:1.4;
}
/*==================================
3 : Element Setting
====================================*/
/*== 3-1 : Block Level */
h1,h2,h3,h4,p,ul,ol{
text-align:left;
}
/*IE6*/
* html h1,
* html h2,
* html div{
height:1px;
}
/*== 3-2 : List */
/*ul{
;
}
ol{
;
}*/
/*== 3-3 : */
a:link{
color:#00f;
text-decoration:underline;
}
a:visited{
color:#00f;
text-decoration:underline;
}
a:hover{
color:#f00000;
text-decoration:none;
}
a:active{
color:#f00000;
text-decoration:none;
}
/*== 3-4 : input */
div#mainContent table.company input,
div#mainContent table.company textarea {
padding:0.3em;
font-size:14px;
}
/*== 3-5 : other */
.fltrt {
float: right;
margin-left: 8px;
}
.fltlft {
float: left;
margin-right: 8px;
}
.clearfloat {
clear:both;
height:0;
font-size: 1px;
line-height: 0px;
}
.red {
color:red;
}
.imeON {
ime-mode: active;
}
.imeOFF {
ime-mode: inactive;
}
img.faqh2 {
margin:0 1em 1em 0;
}
table.faqtable td {
vertical-align:top;
}