@charset "utf-8";

/* リセット */
body { margin:0; padding:0;}
img { border:none;}
h1,h2,h3,h4,h5,h6 { font-size:1.3em; margin:0; padding:0;}
p{ margin:0; padding:0px;}
ul,ol,li{ list-style-type:none; margin:0; padding:0px;}
form,input,label { margin:0; padding:0;}

/* 汎用 */
body { font-size:12px; line-height:1.6; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; background:#fafafa url(../img/bg.jpg) repeat-x 0 0;}
h2 { margin:0 0 10px 0; padding-bottom:3px; border-bottom:3px solid #dfdfd6;}
.cats855px h2 { margin:0 14px 10px 0; padding:3px; border-bottom:3px solid #dfdfd6;}
a:link { color:#006699; text-decoration:none;}
a:visited { color:#006699; text-decoration:none;}
a:hover { color:#006699; text-decoration:underline;}
a:active { color:#006699; text-decoration:none;}

/************************************************
*	レイアウト汎用設定							*
************************************************/
#wrapper { width:908px; margin:0 auto; padding:12px 0 0 0; background:#fff url(../img/bg_wrapper.jpg) repeat-y 0 0;}
#header { margin:0px 0px 0px 4px;}
h1 { float:left; width:311px; padding-left:0px;} /* ロゴ205px + 右に余白215px = width420px */

#head_r{ float:left;}
#utility { float:left; width:593px; height:50px; padding:15px 0px 0px 0px;}

#to_products { position:relative; top:26px; left:0; margin:0; padding:0; width:90px; height:23px; }
#sitemap { float:right; padding-right:10px; padding-top:5px; _padding-top:10px;}
*:first-child+html #sitemap{ padding-top:10px;} 
#sitesearch { float:right;}

.googlesearch { float:right; margin-right:10px;}	/*ぐーぐるさーち*/
.googlesearch td{ margin:0; padding:0; line-height:10px;}	
.googlesearch label { font-size:10px; color:#666666; line-height:10px;}
.formTxt{ width:140px; height:16px; padding-top:2px;}
.formBtn{ _padding-top:2px; _margin-left:-12px;}

#searchbox { float:right; padding-right:20px;}
/* input#sitesearch  { margin:0; padding:0; width:150px; height:18px; border:1px solid #7f9db9;} */
.search { width:150px; height:17px; margin:0; padding:0; border:1px solid #7f9db9 background:#fff;} /* サイト内検索(ボックス) */
.searchsubmit { height:22px; *margin-bottom:1px; vertical-align:bottom;} /* サイト内検索(送信ボタン画像) */
.clr { clear:both;}
#topicpath { width:870px; height:20px; margin:-7px 4px 0 4px; padding:5px 15px 12px 15px;}
#pagetop { width:870px; height:20px; margin:0 4px; padding:0 15px 10px 15px; text-align:right;}
#footer { width:870px; height:54px; margin:0 4px; padding:15px; background:#26488d  url(../img/footer_bg.jpg) repeat-x top left;}
#footer_logo { float:left; width:190px;} /* 注: widthを30px余分に取ってロゴの右に余白確保 */
#footer_links { float:left; width:540px; padding-top:5px; color:#fff; line-height:1.8;}
#footer_links  a { color:#fff; text-decoration:none;} 
#footer_bnr { float:left;}
/*ぱんくず*/
#topicPath { margin:10px 20px;}
/*右メニュー*/
#rightCont { float:left; width:240px; margin-left:20px;}
/*アコーディオン設定*/
.container { margin:5px 0 20px 5px;}
.accordion_toggle{ outline: none; cursor: pointer; color: #FF3300; width:210px; height:27px; border-bottom:3px solid #dfdfd6;}
.accordion_toggle_active { color: #ffffff;}
.accordion_content{ margin-top:10px; margin-left:5px; color: #000000; background-color: #ffffff; overflow:hidden;}
.accordion_content p { background:#FFFFFF url(../img/bullets.jpg) no-repeat scroll 0 8px; padding-left:15px; margin-bottom:5px;}

.bnrArea{ margin-top:20px;}
.bnrArea p{ margin-bottom:10px; margin-left:5px;}

/*三角矢印マーク*/
.arrow{ background-image:url(../img/arrow01.gif); background-position:left center; background-repeat:no-repeat; padding-left:15px; }

/************************************************
*	トップページレイアウト						*
************************************************/
#topflash { width:900px; margin:0px 4px 0 4px;}
.bnr { margin:0px 4px 15px 4px;}
#products { margin:0 0 0 28px;}
.cats { float:left; width:275px; margin:0 0 0px 0; padding-right:15px; padding-bottom:15px;}
.cats855px { float:left; width:870px; margin:0 0 10px 0; padding-right:11px; padding-bottom:15px;}
ul.list_cats { margin:0; padding:0; line-height:2;}
.list_cats li { background:#fff url(../img/bullets.jpg) no-repeat 0 8px; padding-left:20px; border-bottom:1px dotted #d9d9d9;}

ul.list_cats2 { display:block; float:left; width:275px; margin:0 0 10px 0; padding:0 15px 0 0; line-height:2;}
.list_cats2 li { background:#fff url(../img/bullets.jpg) no-repeat 0 8px; margin:0; padding-left:20px; border-bottom:1px dotted #d9d9d9;}
/*pdfへのリンク*/
.pdfLink{ background-image:url(../img/pdflogo.gif); background-position:225px 3px; background-repeat:no-repeat; display:block;}

/************************************************
*	検索結果ページレイアウト					*
************************************************/
#pagecontent { margin:-7px 4px 25px 4px;}
#pagecontent .ttl {}
#cat_links02 { margin:0 0 0 69px;}
.cats02 { float:left; width:350px; margin:0 0 10px 0; padding-right:60px; padding-bottom:15px;}
ul.list_cats02 { margin:0; padding:0; line-height:2.1;}
.list_cats02 li {}


/************************************************
*	グローバルナビ								*
************************************************/
#global { clear:both;}
ul#nav {list-style:none; margin:0; padding:0; width:590px;}
ul#nav li {list-style:none; float:left;}
ul#nav a {display:block; height:35px; text-indent:-1000px; overflow:hidden;}

/* ホーム */
a.home { background-image:url(../img/nav/nav_01.jpg); width:117px;}
a:hover.home { background-position:0 -35px;}
a.home_current { background-image:url(../img/nav/nav_01.jpg); width:117px; background-position:0 -35px;}

/* 製品情報 */
a.product { background-image:url(../img/nav/nav_02.jpg); width:118px;}
a:hover.product { background-position:0 -35px;}
a.product_current { background-image:url(../img/nav/nav_02.jpg); width:118px; background-position:0 -35px;}

/* 技術情報 */
a.technology { background-image:url(../img/nav/nav_03.jpg); width:118px;}
a:hover.technology { background-position:0 -35px;}
a.technology_current { background-image:url(../img/nav/nav_03.jpg); width:118px; background-position:0 -35px;}

/* 会社案内 */
a.aboutus { background-image:url(../img/nav/nav_04.jpg); width:118px;}
a:hover.aboutus { background-position:0 -35px;}
a.aboutus_current { background-image:url(../img/nav/nav_04.jpg); width:118px; background-position:0 -35px;}

/* お問い合わせ */
a.inq { background-image:url(../img/nav/nav_05.jpg); width:118px;}
a:hover.inq { background-position:0 -35px;}
a.inq_current { background-image:url(../img/nav/nav_05.jpg); width:118px; background-position:0 -35px;}


#rough { margin-left:4px; margin-top:0; padding:0;}


/************************************************
*	製品紹介ページレイアウト					*
************************************************/
#product{margin-left:4px;}
#productMenu{ margin-left:75px;}
#productMenu ul{ float:left;}
#productMenu ul li{ background-image:url(../img/arrow01.gif); background-position:left center; background-repeat:no-repeat; padding:5px 15px; font-size:14px;}
#productMenu ul li a{ color:#000000;}
#product h3{ padding-top:20px;}

.pdcBox{ float:left; margin:15px 0 25px 25px; _margin-left:20px;}
.pdcBox_l{ float:left;}
.pdcBox_l img{ border:1px solid #cccccc;}
.pdcBox_r{ float:left; width:285px; margin-left:10px;}
.pdcBox_r h4{ padding:5px 0;}
.pdcBox_r p.txt{ height:6em; padding:0 5px;}
.pdcBox_pedal{ float:left; width:747px; margin-left:10px;}
.pdcBox_pedal h4{ padding:5px 0;}
.pdcBox_pedal ul{ float:left;}
.pedalList1{ margin-left:10px; margin-right:20px;}
.pedalList2{ margin-right:50px;}
.pdcCap{ text-align:right; padding-right:10px;}
.readyImg{ text-align:center; margin-top:35px;}

/*pdfへのリンク*/
.pdfLink2{ background-image:url(../img/pdflogo.gif); background-position:172px 0px; background-repeat:no-repeat; display:block;}

/************************************************
*	技術紹介ページレイアウト					*
************************************************/
#technology{margin-left:4px;}
#technologyMenu{ margin-left:140px;}
#technologyMenu ul{ float:left;}
#technologyMenu ul li{ background-image:url(../img/arrow01.gif); background-position:left center; background-repeat:no-repeat; padding:5px 15px; font-size:14px;}
#technologyMenu ul li a{ color:#000000;}
#technology h3{ padding-top:20px;}
#technologyCont{ width:640px; float:left; text-align:center;}
#technologyCont h4{ text-align:left; margin-left:50px; margin-top:5px; padding-left:15px;}
.tec_img{ margin:20px 0;}
.tec_left{ float:left; width:260px;}
.tec_txt01{ text-align:left; margin:20px 80px;}
.tec_txt02{ text-align:left; line-height:1.6em; margin-left:65px;}
.tec_txt03{ text-align:left; margin:50px 30px;}
.tec_cap{ text-align:right; margin:20px 0;}


/************************************************
*	会社案内ページレイアウト					*
************************************************/
#company{margin-left:4px;}
#companyCont{ width:600px; margin:0px 20px; _margin-right:0px; float:left;}
#companyCont h3{ padding-top:20px;}
#companyCont h4{ font-size:12px;}
#companyCont .comTable{ margin-left:-5px;}
.comBox{ margin-top:10px;}


/************************************************
*	vulcanページレイアウト					    *
************************************************/
#vulcan{margin-left:4px;}
#vulcan h3{ padding-top:20px;}
#vulcan h4{ margin:20px 15px; color:#CC0000;}
#vulcan h5{ margin:20px 15px; color: #3366FF; font-size:20px;}
.vulTable{ margin-left:15px; _margin-left:7px; margin-top:0px; margin-right:40px;}
.vulTable th,.vulTable td{ padding:5px 15px;}
.vulList{ margin-left:10px; margin-top:10px;}
.vulList li{ background-image:url(../img/arrow02.gif); background-position:left center; background-repeat:no-repeat; padding-left:15px;}
.vulList li.noList{ background-image:none;}
.vulList2 { margin:10px 40px;}
.vulList2 li{ list-style-type:decimal;}
.vulList2 li.noList{ list-style-type:none;}
#vulcanMenu{ margin-left:200px;}
#vulcanMenu ul{ float:left;}
#vulcanMenu ul li{ background-image:url(../img/arrow01.gif); background-position:left center; background-repeat:no-repeat; padding:5px 30px 5px 15px; font-size:14px;}
#vulcanMenu ul li a{ color:#000000;}
.vulLeft{ float:left; width:440px;}
.vulRight{ float:left; width:434px; margin-left:26px;}
.vulLeft2{ float:left; width:580px;}
.vulRight2{ float:left; width:310px; margin-left:10px;}
.valTxt01{ margin:20px 15px;}
.valTxt02{ width:500px; margin-left:20px; margin-top:20px;}
.valTxt03{ width:400px; margin:15px 0}
.valTxt04{ margin:0px 15px;}
.valTxt05{ margin:10px 15px;}
.valTxt06{ margin:0px 15px; font-size:12px;}
.valTxt07{ padding-top:10px; margin-left:15px;}
.valImg01{ float:right; margin-top:20px; margin-right:20px;}
.valImg02{ margin-bottom:5px;}
.valImg03{ margin-top:67px; _margin-top:62px;}
.valImg04{ margin-bottom:20px; padding-left:25px;}
.movie_btn{ float:left; padding-right:10px;}

/************************************************
*	サイトマップレイアウト					    *
************************************************/
#sitemapWrap{ margin-left:4px; padding-top:5px;}
#sitemapCont{ width:860px; margin-left:20px;}
#sitemapCont h2{ padding-top:20px;}
#sitemapCont h3{ color:#000000; font-size:14px; font-weight:normal; margin-left:10px; margin-top:15px;}
.maplink li{ margin-top:10px; margin-left:20px;}
.mapLeft{ float:left; width:400px;}
.mapRight{ float:left; width:400px; margin-left:20px;}