/* CSS Document */


/* 共通事項 */

#header{
display:none;
}

#sidearea{
display:none;
}

#footer{
display:none;
}

#wrap {
margin:0px 0px 0px 0px;
}

#wrap #main {
margin:0px 0px 0px 0px;
}

#wrap #main #contents {
width: 575px;
background-color:#FFFFFF;
}

#wrap_wide {
width:782px;
}

#wrap_wide #main {
width:782px;
}

#wrap_wide #contents_wide {
width: 780px;
}

#pankuzu {
display: none;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,th,var{font-style:normal;font-weight:normal;}
caption,th {text-align:left;}
a{text-decoration:none;}
li,dl{list-style:none;}
hr {display: none;}
img {border: none;vertical-align: bottom;}

dt,dd,ol,li,pre,input,p,blockquote,th,td,address{font-size:75%;line-height:130%;color:#333333;}
h1,h2,h3,h4,h5,h6{font-size:75%;font-weight:normal;line-height:130%;color:#333333;}
h1,h2,h3,h4,h5,h6,dt,dd,ol,li,pre,input,p,blockquote,th,td,address{	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;}
/*
------------------------------------------------
コンテンツスタイルシート
------------------------------------------------*/

.h1_pb {
border: 1px solid #999999;
text-align: left;
}

#pb_txt td {
line-height: 1.3;
}

.pb_txt_waku {
padding: 0px 0px 0px 3px;
}

.h2_pb {
text-align: left;
}

.title_01 {
text-align: center;
}

.title_01_txt {
line-height: 1.3;
padding: 10px 0px 0px 0px;
}

#title_ub{
margin: 5px 0px 20px 0px;
padding: 10px 0px 10px 0px;
border-top: 2px solid #C5B697;
border-bottom: 2px solid #C5B697;
}

#title_ub2 {
margin: 5px 0px 20px 0px;
padding: 10px 0px 10px 0px;
border-top: 2px solid #86ABBD;
border-bottom: 2px solid #86ABBD;
}


#title_ub3 {
margin: 5px 0px 20px 0px;
padding: 10px 0px 10px 0px;
border-top: 2px solid #8FB059;
border-bottom: 2px solid #8FB059;
}

.sera_mp {
margin: 10px 0px 15px 0px;
}

.pa_waku {
margin: 8px 0px 8px 0px;
}

.pb_txt {
line-height: 1.3;
}

/* 200903 renewal --------------------------------------------------------------------- */

.renew { width:566px; margin:0 auto; text-align:center; }

.main01 { background:url(../img/main_back.jpg) no-repeat top left; height:291px; text-align:left; }
.main01 h1 { background:url(../img/particle_title01.gif) no-repeat top left; height:46px; text-indent: -9999px; }
.main01 p { background:url(../img/particle_text01.gif) no-repeat top left; margin:20px 0 0 0; width:323px; height:141px;text-indent:-99999px; }

.main02 { background:url(../img/main_back2.jpg) no-repeat top left; height:213px; text-align:left; margin-bottom: 24px; }

h2.particle_title02 { background:url(../img/img/particle_title02.gif) no-repeat top left; height:25px; margin-left:19px; text-indent: -9999px;  }
.main02 ul { list-style: none outside; width: 530px; margin: 0 auto; text-align: center; }

.main02 ul li { width: 252px; height: 171px; display:block; float:left; }

.main02 ul li a { float: left; display: block;  text-indent: -9999px; overflow: hidden; width: 254px; height: 150px; }


.main02 ul li a.seraquick { background: url(../img/product_back.jpg) no-repeat; background-position: -6px -10px; position: relative; top: 10px; left: 8px; }
.main02 ul li a.seraquick:hover { background-position: -6px -181px; }

.main02 ul li a.basic { background: url(../img/product_back.jpg);  background-position: 262px -10px; position: relative; top: 10px; left: 15px; }
.main02 ul li a.basic:hover { background-position: 262px -181px; }

.main03 { width:530px;margin:0 auto;text-align:left; }
h2.particle_title03 { background:url(../img/particle_title03.gif) no-repeat top left; height:25px; text-indent: -9999px;  }

.main03 p { width:382px; height:34px; background:url(../img/particle_text02.gif) no-repeat top left; margin:10px 0 0 0; text-indent: -99999px; }

.main03 ul:after { content: ".";   display: block;   clear: both;  height: 0;  visibility: hidden; }
.main03 ul {  list-style: none outside; width: 530px; margin: 13px auto; text-align: center; min-height: 1px; }
* html .main03 ul {  height: 1px;  /*\*//*/  height: auto;  overflow: hidden;  /**/}

.main03 ul li { width: 164px; display:block; float:left; margin: 0 0 0 10px; _margin: 0 4px 0 6px; }
.main03 ul img { display: block; margin-bottom: 5px; }

.main03 ul li p { width: 134px; height: auto; background:none; margin:0 0 0 15px; text-indent: 0px; font-size: 100%; text-align: left; }

.main04 { width:530px;margin:20px auto;text-align:left; background:url(../img/box01_mid.gif) repeat-y top left; }
.main04_inside { background:url(../img/box01_btm.gif) no-repeat bottom left; }

h2.particle_title04 { background:url(../img/particle_title04.gif) no-repeat top left; width: 258px; height:25px; text-indent: -9999px;  }
h2.particle_title05 { background:url(../img/particle_title04.gif) no-repeat -272px 0px; width: 258px; height:25px; text-indent: -9999px;  }

h2.particle_title04 a,h2.particle_title05 a {  width: 258px; height:25px;display: block; overflow:hidden; }

a.particle_title04  {  width: 258px; height:25px;display: block; overflow:hidden;background:url(../img/particle_title04.gif) no-repeat top left; height:25px; text-indent: -9999px; }
a.particle_title04:hover {  width: 258px; height:25px;display: block; overflow:hidden;background:url(../img/particle_title04.gif) no-repeat left -25px; height:25px; text-indent: -9999px; }
a.particle_title05  {  width: 258px; height:25px;display: block; overflow:hidden;background:url(../img/particle_title04.gif) no-repeat -272px 0px; height:25px; text-indent: -9999px; }
a.particle_title05:hover {  width: 258px; height:25px;display: block; overflow:hidden;background:url(../img/particle_title04.gif) no-repeat -272px -25px; height:25px; text-indent: -9999px; }

.main04_inside div { width:258px; }

.left { float:left; }
.right { float:right; }

.factory { background:url(../img/factory_back.gif) no-repeat 95% 90%;  }
.contact { background:url(../img/contact_back.gif) no-repeat 95% 90%;  }

.factory p,.contact p { margin: 10px 30px 45px 10px; }

a.img01 { background:url(../img/activity01.gif) no-repeat top left; width: 164px; height:85px; display: block; text-indent: -99999px; overflow: hidden; }
a.img02 { background:url(../img/activity02.gif) no-repeat top left; width: 164px; height:85px; display: block; text-indent: -99999px; overflow: hidden; }
a.img03 { background:url(../img/activity03.gif) no-repeat top left; width: 164px; height:85px; display: block; text-indent: -99999px; overflow: hidden; }
a.img01:hover,a.img02:hover,a.img03:hover { background-position: left -85px; }

a.txt01 { background:url(../img/activity_title01.gif) no-repeat top left; width: 164px; height:20px; display: block; text-indent: -99999px; overflow: hidden; }
a.txt02 { background:url(../img/activity_title02.gif) no-repeat top left; width: 164px; height:20px; display: block; text-indent: -99999px; overflow: hidden; }
a.txt03 { background:url(../img/activity_title03.gif) no-repeat top left; width: 164px; height:20px; display: block; text-indent: -99999px; overflow: hidden; }
a.txt01:hover,a.txt02:hover,a.txt03:hover { background-position: left -20px; }

.clearfix:after { content: ".";   display: block;   clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px;  /*\*//*/  height: auto;  overflow: hidden;  /**/ }