@charset "Shift_JIS";
/* KUGA.COM MAIN.CSS Document */


/* frame */
div#wrapper { width:910px; margin:0 auto; text-align:center;}
div#main { text-align:left;}

div#header { margin:0 0 1em 0;}
h2#mainlogo { width:320px; height:50px; float:left; margin:0; padding:0;}
h2#mainlogo a { height:50px; background-image:url(../img/common/logo_main.gif);}
div#headerMenu { width:500px; padding:20px 0 0 0; float:right; font-size:smaller;}
ul#list-headerMenu { margin:0; padding:0; list-style:none; list-style-image:none;}
ul#list-headerMenu li { min-height:11px; float:right; margin:0 0 0 20px; padding:0 0 0 15px; line-height:1;}
ul#list-headerMenu li#li-sitemap { background:url(../img/common/img_sitemap.gif) left center no-repeat;}
ul#list-headerMenu li#li-contact { background:url(../img/common/img_mail.gif) left center no-repeat;}

div#gn { clear:both;}
ul#list-gn { height:20px; margin:0; padding:0; list-style:none; list-style-image:none;}
ul#list-gn li { width:120px; height:20px; margin:0; padding:0; float:left;}
ul#list-gn li a { height:20px; background-position:left 0;}
ul#list-gn li a:hover { background-position:left -20px;}
ul#list-gn li#gn-home a { background-image:url(../img/common/gn_home.gif);}
ul#list-gn li#gn-concept a { background-image:url(../img/common/gn_rinen.gif);}
ul#list-gn li#gn-work a { background-image:url(../img/common/gn_work.gif);}
ul#list-gn li#gn-corp a { background-image:url(../img/common/gn_corp.gif);}
ul#list-gn li#gn-contact a { background-image:url(../img/common/gn_contact.gif);}

div#subNavi { border-top:#ced3d1 1px dotted;}
ul#list-subNavi { margin:0; padding:0.5em 0; list-style:none; list-style-image:none; line-height:1;}
ul#list-subNavi li { padding:2px 10px 0 10px; display:inline; border-right:#CCCCCC 1px solid;}

p.crumb { margin:0 0 1em; font-size:smaller;}

div#content { clear:both;}
div.block { clear:both;}

div#bottomNavi { padding:1em 0; clear:both;}

div#footer { clear:both; padding:10px 0 0 0; line-height:1;}
img#img-footerLogo { vertical-align:middle; margin-right:0.5em;}
div#footer-text { height:40px; margin:10px 0 0 0; background:#e9f8fb/* url(../img/common/bg_footer.jpg) left bottom no-repeat*/;}




/* TOP PAGE */
div.block { margin-bottom:20px;}
div#block-topmain { height:250px; padding:0 0 0 440px; background:url(../img/top/bg_main.jpg) left top no-repeat;}
div#block-topmain h2 { margin:0; padding:0; position:absolute; top:-9999px;}
div#block-topmain h3 { height:170px; margin:0; padding:0; text-indent:-9999px;}
div.block-top { float:left; font-size:smaller; color:#FFFFFF;}
div.block-top p { margin:0; padding:0.5em 10px 0.5em 20px;}
div#block-top-01 { width:230px; height:250px; background:url(../img/top/maintop_01.jpg) left top no-repeat;}
div#block-top-02 { width:240px; height:250px; background:url(../img/top/maintop_02.jpg) left top no-repeat;}
p.para-toptext { min-height:25px; _height:35px;}
p.para-btnDetail-top { text-align:center;}

div.block-topmenu { width:440px;}
div.content-topmenu-left { width:90px; float:left;}
div.content-topmenu-left p.para-linkImg { height:90px; margin:0; padding:0;}
div.content-topmenu-left p.para-linkImg a { height:90px;}
div.content-topmenu-left p.para-linkImg a.linkImg:hover { background-position:left -90px !important;}
div#block-topmenu-01 a.linkImg { background-image:url(../img/top/img_about.jpg);}
div#block-topmenu-02 a.linkImg { background-image:url(../img/top/img_work.jpg);}
div#block-topmenu-03 a.linkImg { background-image:url(../img/top/img_corp.jpg);}
div#block-topmenu-04 a.linkImg { background-image:url(../img/top/img_recruit.jpg);}
div.content-topmenu-right { width:340px; float:right;}
div.block-topmenu-left { float:left;}
div.block-topmenu-right { float:right;}
div.block-topmenu h2 { width:280px; height:30px; float:left;}
div#block-topmenu-01 h2 { background-image:url(../img/top/sTitle_01.gif);}
div#block-topmenu-02 h2 { background-image:url(../img/top/sTitle_02.gif);}
div#block-topmenu-03 h2 { background-image:url(../img/top/sTitle_03.gif);}
div#block-topmenu-04 h2 { background-image:url(../img/top/sTitle_04.gif);}
div.block-sTitle-top { margin:0 0 0.5em 0; border-bottom:#CCCCCC 1px solid;}
p.para-btnDetail-top2 { width:50px; height:15px; margin:0; padding:0; float:right;}
p.para-topmenu-text { clear:both; font-size:smaller;}





/* work */
div#block-work { padding:30px 0 0 0; background:url(../img/work/title.gif) left top no-repeat;}
div#block-work h2 { height:30px; margin:0 0 1em 0; border-bottom:#CCCCCC 1PX solid;}
div#block-work h3 { margin:0 0 1em 10px; padding:0 0 0 20px; background:url(../img/common/indent_01.gif) left center no-repeat; line-height:1;}
h2#title-work-precut { background-image:url(../img/work/title_precut.gif);}
h2#title-work-premetal { background-image:url(../img/work/title_premetal.gif);}
h2#title-work-sell { background-image:url(../img/work/title_sell.gif);}
h2#title-work-cad { background-image:url(../img/work/title_cad.gif);}
h2#title-work-pf21 { background-image:url(../img/work/title_pf21.gif);}
h2#title-work-iso { background-image:url(../img/work/title_iso9001.gif);}
div.content-work { padding:0 10px 20px 30px;}
div.content-work h4 { margin:0 0 0.3em 0; padding:0; color:#6c2d00;}
div.content-work p { margin-bottom:1em;}

div.frame01-img { margin:20px auto; text-align:center;}
div.frame01-img img { margin:0 10px; vertical-align:top;}
div.frame01-img-middle { width:850px; background:url(../img/common/box_01-middle.gif) repeat-y;}
div.frame01-img-top { padding:5px 0 0 0; background:url(../img/common/box_01-top.gif) top left no-repeat;}
div.frame01-img-bottom { padding:10px 10px 15px 10px; background:url(../img/common/box_01-bottom.gif) left bottom no-repeat;}


/* concept */
div#block-concept { padding:30px 0 0 0; background:url(../img/concept/title.gif) left top no-repeat;}
div#block-concept h2 { height:30px; margin:0 0 1em 0; border-bottom:#CCCCCC 1PX solid;}
div#block-concept h3 { margin:0 0 1em 10px; padding:0 0 0 20px; background:url(../img/common/indent_01.gif) left center no-repeat; line-height:1;}
h2#title-concept { background-image:url(../img/concept/subtitle.gif);}
div.content-concept { padding:0 10px 20px 30px;}
div.content-concept p { margin-bottom:1em;}


/* corp */
div#block-corp { padding:30px 0 0 0; background:url(../img/corp/title.gif) left top no-repeat;}
div#block-corp h2 { margin:0.5em 0 1em 10px; padding:0 0 0 20px; background:url(../img/common/indent_01.gif) left center no-repeat; line-height:1; font-size:120%;}
h2#title-corp-road { background-image:url(../img/corp/title_intro.gif);}
h2#title-corp-about { height:30px; margin:0 0 1em 0; background-image:url(../img/corp/title_about.gif) !important; border-bottom:#CCCCCC 1PX solid;}
div.content-corp { padding:0 10px 20px 30px;}
div.content-corp p { margin-bottom:1em;}
div.content-corp img { vertical-align:top;}
div.content-corp img.img-sign { vertical-align:bottom; margin-left:1em;}
div.content-corp img.imgRight { margin-left:30px;}

table.tbl-default { width:99%; margin:1em 0; border-collapse:collapse;}
table.tbl-default th,table.tbl-default td { padding:0.5em 5px; border:#CCCCCC 1px solid;}
table.tbl-default th { width:20%; background:#EEEEEE;}
table.tbl-default td { width:80%;}


/* contact */
div#block-contact { padding:30px 0 0 0; background:url(../img/contact/title.gif) left top no-repeat;}
div#block-contact h2 { height:30px; margin:0 0 1em 0; border-bottom:#CCCCCC 1PX solid;}
div#block-contact h3 { margin:0 0 1em 10px; padding:0 0 0 20px; background:url(../img/common/indent_01.gif) left center no-repeat; line-height:1;}
h2#title-contact-contact { background-image:url(../img/contact/title_contact.gif);}
h2#title-contact-recruit { background-image:url(../img/contact/title_recruit.gif);}
div.content-contact { padding:0 10px 20px 30px;}
div.content-contact h4 { margin:0 0 0.3em 0; padding:0; color:#6c2d00;}
div.block-jobs { margin:1em 0 2em 0;}

table.tbl-joblist { width:99%; margin:1em 0 2em 0; border-collapse:collapse; border-top:#CCCCCC 1px solid; border-bottom:#CCCCCC 1px solid;}
table.tbl-joblist th,table.tbl-joblist td { padding:0.5em 5px;}
table.tbl-joblist th { width:15%;}
table.tbl-joblist td { width:85%;}
table.tbl-joblist .border-bottom { border-bottom:#CCCCCC 1px dotted;}


/* sitemap */
div.block-sitemap h2 { margin:0 10px 1em 10px; padding:5px 5px 5px 20px; background:url(../img/common/indent_01.gif) left center no-repeat; border-bottom:#CCCCCC 1px solid; line-height:1; font-size:120%;}
div.content-sitemap { padding:0 10px 20px 10px;}
ul.list-sitemap { margin:0; padding:0; list-style:none; list-style-image:none;}
ul.list-sitemap li { padding:0.5em; border-bottom:#CCCCCC 1px dotted;}
ul.list-sitemap ul { margin:0.5em 0 0 0; padding-right:0; list-style:none; list-style-image:none; clear:both;}
ul.list-sitemap ul li { padding:0.2em 0; border-bottom:none;} 
/*
span.sitemap-ja { width:60%; float:left; display:block;}
span.sitemap-en { width:38%; float:right; display:block; text-align:right;}
*/
span.sitemap-en { margin-left:2em;}
ul.list-sitemap span.sitemap-en { color:#666666;}
ul.list-sitemap ul span.sitemap-en { color:#999999;}



/* clearfix 
div.block-sitemap h2,
ul.list-sitemap,
ul.list-sitemap li
{
    zoom:1;
}
div.block-sitemap h2:after,
ul.list-sitemap:after,
ul.list-sitemap li:after
{
    content:".";
    display: block;
    height:0px;
    clear:both;
    visibility:hidden;
}
*/