@charset "shift_jis";

/*
-----------------------------------------------
▼室本鉄工CSS 2011
----------------------------------------------- */

* {
margin:0;
padding:0;
}
body {
font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","MS PGothic", sans-serif;
font-size:12px;
}
* + html body {
font-family: "メイリオ",Meiryo;
}
body * {
line-height:1.5;
}
a {
font-family:"Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","ＭＳ Ｐゴシック","MS PGothic", sans-serif;
}
img {
border:0;
vertical-align:bottom;
}
ul,ol,li {
list-style-type:none;
}
select,
input,
textarea {
font-family:"MS PGothic","ＭＳ Ｐゴシック", sans-serif;
}
html > body select,
html > body input,
html > body textarea {
font-family:"Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ","ＭＳ Ｐゴシック","MS PGothic", sans-serif;
}
table,h1,h2,h3,h4,h5,h6 {
font-size:100%;
}
table {
border-collapse:collapse;
}

a:link {color:#08c;}
a:visited {color:#039;}
a:hover,a:active {color:#903;}

/*\*/ a { overflow:hidden;} /**/

/* Win IEちらつき防止▼ */
* html {
filter:expression(document.execCommand("BackgroundImageCache", false, true));
}

.cboth {
clear:both;
height:0;
}
/* IE 用▼ */
* html .cboth {
height:.1em;
overflow:hidden;
margin-top:-.1em;
}
hr {
visibility:hidden;
border:0;
}

body{
background:url(../images/main_bg.gif) repeat-x;
border-top-style:solid;
border-color:#fa3c14;
border-width:5px;
text-align:center;
}

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/* 
------------------------------
▼ヘッダー
------------------------------
 */

#header{
width:950px;
padding:0 20px; /* ズレ防止 */
width:952px;
padding:0 20px 0 18px; /* ズレ防止 */
_width:990px;
_text-align:left;
_padding:0 20px 0 18px; /* ズレ防止 */
margin:0 auto;
position:relative;
}

#header h1{
width:293px;
float:left;
_padding-left:9px;
}

#header .headbox{
width:657px;
float:right;
}

#header .headbox .headL{
width:340px;
position:absolute;
top:18px;
left:327px;
_left:336px;
}

#header .headbox .headL .headbtn01{
background:url(../images/head_btn01.gif);
font-size:1px;
text-indent:-9999px;
width:164px;
height:52px;
/* float:left;
margin-right:10px; */
position:absolute;
top:0px;
left:0px;
}

#header .headbox .headL .headbtn01:hover{
background:url(../images/head_btn01.gif);
background-position:0px -52px;
width:164px;
height:52px;
}

#header .headbox .headL .headbtn02{
background:url(../images/head_btn02.gif);
font-size:1px;
text-indent:-9999px;
width:164px;
height:52px;
/* float:right;
margin-bottom:15px; */
position:absolute;
top:0px;
left:175px;
}

#header .headbox .headL .headbtn02:hover{
background:url(../images/head_btn02.gif);
background-position:0px -52px;
width:164px;
height:52px;
}

#header .headbox .headR{
width:285px;
float:right;
_margin:0 16px 0 0;
}

/* 検索窓 */
#header .headbox .headR .search_box{
margin:18px 0 0 0;
position: relative;  
background:#f63 url(../images/search_ttl.gif) no-repeat;
width:285px;
height:28px;
text-align:left;
}

#header .headbox .headR #keywords {
margin:3px 0 0 76px;
width:126px;
height:16px;
background:#fff url(../images/search.png) no-repeat 8px 3px;
border:1px solid #CCC;
padding:2px 2px 2px 26px;
}

#header .headbox .headR #searchBtn {
position: absolute;
top: 4px;
left:244px;
}

#header .headbox .headR .search_box .searchL{
width:82px;
float:left;
}

#header .headbox .headR .search_box .search{
width:153px;
float:left;
background-color:#f75532;
}

#header .headbox .headR .search_box .searchR{
width:52px;
float:right;
}

#header .headbox .headR .link_box{
width:285px;
float:right;
margin:10px 0 0 0;
}

#header .headbox .headR .link_box .li_headlinkR{
float:left;
margin:0 0 0 14px;
color:#464646;
font-size:11px;
}

#header .headbox .headR .link_box .li_headlinkL{
float:left;
color:#464646;
font-size:11px;
}

#header .headbox .headR .link_box li img{
padding:0 5px 5px 0;
}

.link_box a:link {color:#464646; text-decoration:none;}
.link_box a:visited {color:#464646; text-decoration:none;}
.link_box a:hover,.link_box a:active{color:#993333; text-decoration:none;}

/* 
------------------------------
▼ナビ
------------------------------
 */
#header .headbox ul.navi{
width:662px;
font-size:1px;
line-height:1px;
/* margin:13px 0 0 0; */
position:absolute;
top:86px;
left:312px;
_left:321px;
}

#header .headbox ul.navi li{
display:inline;
}

#header .headbox ul.navi a{
background-image:url(../images/navi.gif);
display:block;
height:43px;
float:left;
overflow:hidden;
text-indent:-9999px;
}

#header .headbox ul.navi a.a01{
width:106px;
background-position:0px 0px;
}

#header .headbox ul.navi a.a02{
width:74px;
background-position:-106px 0px;
}

#header .headbox ul.navi a.a03{
width:90px;
background-position:-180px 0px;
}

#header .headbox ul.navi a.a04{
width:94px;
background-position:-270px 0px;
}

#header .headbox ul.navi a.a05{
width:150px;
background-position:-364px 0px;
}

#header .headbox ul.navi a.a06{
width:148px;
background-position:-514px 0px;
}

#header .headbox ul.navi a.a01:hover{
background-position:0px -43px;
}

#header .headbox ul.navi a.a02:hover{
background-position:-106px -43px;
}

#header .headbox ul.navi a.a03:hover{
background-position:-180px -43px;
}

#header .headbox ul.navi a.a04:hover{
background-position:-270px -43px;
}

#header .headbox ul.navi a.a05:hover{
background-position:-364px -43px;
}

#header .headbox ul.navi a.a06:hover{
background-position:-514px -43px;
}

/* 
------------------------------
▼共通（下層）
------------------------------
 */

/* パンくず */
#pan{
width:922px;
height:33px;
background-color:#f7f7f7;
border-style:solid;
border-width:1px;
border-color:#cccccc;
margin:auto;
overflow: hidden;
}

#pan ul{
font-size:12px;
color:#666666;
margin:0px 10px;
}

#pan li{
height:33px;
float:left;
text-align:left;
}

#pan li.pankuzu01{
padding:10px 10px 0 10px;
}

#pan li.pankuzu02{
background:url(../images/pan.gif) no-repeat;
padding:10px 10px 0 20px;
}

#pan a:link {color:#666666; text-decoration:none;}
#pan a:visited {color:#666666; text-decoration:none;}
#pan a:hover,#pan a:active{color:#993333; text-decoration:none;}
/*
-----------------------------------------------
▼下層共通　追加分
----------------------------------------------- */

#con_low{
width:990px;
margin:auto;
background:url(../images/conimage_bg.gif) no-repeat;
padding-top:20px;
text-align:center;
}

#con_lowIn{
width:922px;
margin:auto;
}

/* IE6用の設定▼ \*/
* html #con_lowIn{
margin-left:33px;
}
/* ▲IE6用の設定 */

.lowwaku{
width:670px;
margin:25px auto 100px auto;
float:left;
text-align:left;
color:#333;
}
/*
-----------------------------------------------
▲下層共通　追加分
----------------------------------------------- */
/* h2タイトル */
.con_ttl{
width:922px;
border-bottom-style:solid;
border-width:1px;
border-color:#b8b8b8;
margin:auto;
}

.con_ttl .con_ttlIn{
border-left-style:solid;
border-width:4px;
border-color:#e80404;
margin:10px 0 7px 12px;
}

.con_ttl .con_ttlIn p{
font-size:22px;
color:333333;
text-align:left;
padding:2px 0 0 10px;
font-weight:bold;
}

.con_ttl .con_ttlIn span{
font-size:16px;
font-weight:bold;
margin-left:1em;

}
/* サイドナビ */

.low_R{
width:236px;
float:right;
}

ul.sidenavi{
width:236px;
font-size:1px;
line-height:1px;
height:149px;
}

ul.sidenavi li{
display:inline;
}

ul.sidenavi a{
background-image:url(../images/faq_sidenavi.jpg);
display:block;
overflow:hidden;
text-indent:-9999px;
}

ul.sidenavi a.a01{
height:109px;
background-position:0px 0px;
}

ul.sidenavi a.a02{
height:40px;
background-position:0 -109px;
}
ul.sidenavi a.a03{
height:40px;
background-position:0 -149px;
}
ul.sidenavi a.a04{
height:40px;
background-position:0 -189px;
}
ul.sidenavi a.a05{
height:40px;
background-position:0 -229px;
}

ul.sidenavi a.a01:hover{
background-position:-236px 0px;
}

ul.sidenavi a.a02:hover{
background-position:-236px -109px;
}
ul.sidenavi a.a03:hover{
background-position:-236px -149px;
}
ul.sidenavi a.a04:hover{
background-position:-236px -189px;
}
ul.sidenavi a.a05:hover{
background-position:-236px -229px;
}


/* 
------------------------------
▼メインイメージ
------------------------------
 */

#main_image{
width:990px;
margin:-14px auto 0;
background:url(../images/mainimage_bg.gif) no-repeat;
padding-top:23px;
}




/* #main_image img{
margin:22px 0 10px 0;
} */

/* IE6用の設定▼ \*/
* html #main_image img{
position:relative;
margin-left:-17px
}
/* ▲IE6用の設定 */
/* IE7用の設定▼ \*/
*+html #main_image img{
margin-left:-20px;
}
/* ▲IE7用の設定 */


#main_image #features #slide001,
#main_image #features #slide002,
#main_image #features #slide003,
#main_image #features #slide004 {
position:relative;
}


#main_image #features #slide001 p.topshosai {
position:absolute;
top:234px;
left:500px;
width:107px;
height:26px;
margin:0;
padding:0;
}
#main_image #features #slide002 p.topshosai {
position:absolute;
top:234px;
left:800px;
width:107px;
height:26px;
margin:0;
padding:0;
}
#main_image #features #slide003 p.topshosai {
position:absolute;
top:234px;
left:800px;
width:107px;
height:26px;
margin:0;
padding:0;
}
#main_image #features #slide004 p.topshosai {
position:absolute;
top:234px;
left:800px;
width:107px;
height:26px;
margin:0;
padding:0;
}

#main_image #features p.topshosai a.btn01 {
display:block;
background:url(../images/shosai_btn.gif);
font-size:1px;
text-indent:-9999px;
width:107px;
height:26px;
}

#main_image #features p.topshosai a.btn01:hover{
background-position:0px -26px;
}





/* 
------------------------------
▼サブナビ
------------------------------
 */

#main_image ul.subnavi{
width:990px;
font-size:1px;
line-height:1px;
margin:5px 0 0 20px;

}

#main_image ul.subnavi li{
display:inline;
}

#main_image ul.subnavi a{
background-image:url(../images/subnavi.jpg);
display:block;
height:75px;
float:left;
overflow:hidden;
text-indent:-9999px;
}

#main_image ul.subnavi a.b01{
width:242px;
background-position:0px 0px;
}

#main_image ul.subnavi a.b02{
width:232px;
background-position:-242px 0px;
}

#main_image ul.subnavi a.b03{
width:232px;
background-position:-475px 0px;
}

#main_image ul.subnavi a.b04{
width:242px;
background-position:-707px 0px;
}


#main_image ul.subnavi a.b01:hover{
background-position:0px -75px;
}

#main_image ul.subnavi a.b02:hover{
background-position:-242px -75px;
}

#main_image ul.subnavi a.b03:hover{
background-position:-475px -75px;
}

#main_image ul.subnavi a.b04:hover{
background-position:-707px -75px;
}

/* 
------------------------------
▼コンテンツ【左】
------------------------------
 */

#con{
width:950px;
margin:0 auto 16px;
padding:0 20px; /* ズレ防止 */
_width:990px;
}

#con .conL{
width:616px;
float:left;
text-align:left;
/* overflow:hidden; */
_margin-left:5px;
}

#con .conL .conL02{
width:187px;
float:left;
}
#con .conL .conL02 ul {
margin-left:16px;
}
#con .conL .conL02 li {
background:url(../images/top_li_dot.gif) no-repeat 4px 14px;
padding:12px 4px 8px 24px;
/* border-bottom:dashed 1px #ccc; */
}

#con .conL .conL03{
width:398px;
float:right;
}

#con .conL h2{
margin:15px 0 0 0;
}

#con .conL h3{
margin:18px 0 0 0;
}

#con .conL .item_box{
width:398px;
margin:15px 0 0 0;
}

#con .conL .item_box .item_boxL{
width:398px;
/* margin:0 15px 20px 0; */
margin-bottom:16px;
padding-bottom:16px;
overflow:hidden;
border-bottom:dashed 1px #ccc;
}

/* #con .conL .item_box .item_boxL .item_img{
width:85px;
margin-left:8px;
float:left;
} */
#con .conL .item_box .item_boxL .img{
float:left;
width:85px;
height:85px;
padding-left:8px;
}
#con .conL .item_box .item_boxL .img a {
padding:6px 0 0 6px;
display:block;
background:url(../images/product_img_bg.gif) no-repeat;
width:85px;
height:85px;
}
#con .conL .item_box .item_boxL .img a:hover {
background:url(../images/product_img_bg_on.gif) no-repeat;
}

#con .conL .item_box .item_boxL .item_txt{
margin-top:5px;
width:288px;
float:right;
}

#con .conL .item_box .item_boxL .item_txt .item_name{
color:#0066ff;
font-size:14px;
font-weight:bold;
}

/* .item_name a:link {color:#0066ff;}
.item_name a:visited {color:#0066ff;}
.item_name a:hover,.item_name a:active{color:#993333;} */

#con .conL .item_box .item_boxL .item_txt .item_p{
margin-top:5px;
font-size:12px;
color:#333333;
}

/* 
------------------------------
▼コンテンツ【右】
------------------------------
 */

#con .conR{
width:302px;
float:right;
text-align:center;
_margin-right:15px;
}

#con .conR .movie{
width:302px;
margin:auto;
}

#con .conR .movie .movie_box{
}

#con .conR h2{
height:56px;
background:url(../images/h2_bg.gif);
margin:13px 0 15px 0;
}

.h2_ttlL{
float:left;
}

.h2_ttlR{
float:right;
margin-top:27px;
}

#con .conR .topics .topics_tbl{
margin:10px auto;
width:290px;
font-size:115%;
}

#con .conR .topics .topics_tbl th{
width:75px;
font-size:12px;
font-weight:normal;
padding-right:10px;
vertical-align:top;
padding-top:10px;
padding-bottom:10px;
border-bottom:dashed 1px #ccc;
}

#con .conR .topics .topics_tbl td{
width:205px;
font-size:12px;
font-weight:normal;
text-align:left;
padding-top:10px;
padding-bottom:10px;
border-bottom:dashed 1px #ccc;
}

/* 
------------------------------
▼バナー
------------------------------
 */

#banner{
width:950px;
text-align:center;
padding-bottom:10px;
}
#banner .gotop{
text-align:right;
margin:30px 35px 20px 0;
color:#333;
}
#banner .gotop a{
color:#333;
text-decoration:none;
}
#banner .gotop a:hover{
color:#888;
text-decoration:none;
}

#banner .ban_box{
margin:0 auto 10px auto;
width:900px;
}

#banner .ban_box li{
float:right;
margin-right:10px;
text-align:right;
}

/* 
------------------------------
▼フッター
------------------------------
 */

#foot{
background:url(../images/footbg.gif) repeat-x;
text-align:center;
}

#foot .foot{
width:925px;
margin:0 auto;
padding:0 32px 0 33px; /* ズレ防止 */
_width:990px;
}

#foot .footlink{
text-align:right;
padding-top:13px;
}

#foot .footlink li{
float:right;
margin-left:15px;
}

#foot .footlink li img{
padding:0 5px 3px 10px;
}

.footlink a:link {color:#464646; text-decoration:none;}
.footlink a:visited {color:#464646; text-decoration:none;}
.footlink a:hover,.footlink a:active{color:#993333; text-decoration:none;}

.address{
width:950px;
margin-top:15px;
}

.address .footL{
width:48px;
float:left;
}

.address .footR{
width:902px;
float:right;
}

.address .footR .address_txt{
width:280px;
float:right;
text-align:left;
margin:10px 10px 0 0;
}

.address .footR .address_txt .office_name{
font-size:15px;
color:#3c3c3c;
font-weight:bold;
margin-bottom:5px;
}

.address .footR .address_txt .office_address{
font-size:11px;
color:#434242;
}

.copyright{
text-align:center;
margin:15px 0;
font-size:12px;
color:#333333;
}


/* css_end */