/*
 * date:2009.02.12
 * file name:common.css
 * auther:Shukosha Printing Co.,Ltd
 */
 
body{
    margin:0;
    padding:0;
    font-size:75%;
    line-height:1.5;
    font-family:"ＭＳ Ｐゴシック",meiryo, Osaka, "ヒラギノ角ゴ Pro W3";
    color:#333;
    background:#fff url(../img_comm/bg_011.jpg) repeat-x 0 0;
    }

img,table{
    border:0;
    }

h1,h2,h3,h4,h5,h6,h7,p,th,td{
    margin:0;
    padding:0;
    font-size:100%;
    line-height:1.5;
    }

strong,em{font-weight:normal;font-style:normal;}

.clr{
    clear:both;
    width:1px;
    height:1px;
    overflow:hidden;
    }

.clr_tag{
    clear:both;
    }

a,a:visited{
    color:#03c;
    }

a:hover{
    color:#39f;
    }


/*
 * base layout style
*/

#container{
    background:url(../img_comm/bg_03.gif) repeat-x 0 100%;
    }

#container_inner{
    text-align:center;
    }

#container_inner_in{
    width:812px;
    margin:0 auto;
    padding:0;
    text-align:left;
    background:#fff;
/*    background:url(../img_comm/cont_bg_01.gif) repeat-y 0 0;*/
    }

#pagebody{
    width:812px;
    height:auto;
    }

#pagebody_inner{
    padding:0 6px;
    }

#alpha{
    width:600px;
    padding:0;
    float:left;
    }

#beta{
    width:200px;
    padding:0 0 10px 0;
    float:left;
    }

#alpha_inner{
    width:565px;
    padding:0;
    }


/* footer */

#footer{
    text-align:center;
    border-top:solid 1px #cc9;
    background:#f8f8f8 url(../img_comm/bg_03.gif) repeat-x 0 100%;
/*    background:url(../img_comm/bg_02.gif) repeat-x 0 0; */
    }

#footer_inner{
    width:800px;
    margin:0 auto;
    padding:0 6px;
    text-align:left;
/*    background:url(../img_comm/cont_bg_01.gif) repeat-y 0 0;*/
    }

#footer_inner_in{
    padding:0;
    }

#footer_inner_in .navi{
    padding:5px 2px;
    line-height:1.1em;
    font-size:84%;
    border-bottom:solid 1px #ccc;
    }

#footer_inner_in .navi a,
#footer_inner_in .navi a:visited{
    color:#333;
    text-decoration:none;
    border-bottom:solid 1px #333;
    }

#footer_inner_in .navi a:hover{
    color:#36f;
    border-bottom:solid 1px #36f;
    }

#footer_inner_in .branch{
    padding:3px 5px;
    font-size:84%;
    border-top:solid 1px #fff;
    }

#footer_inner_in .branch .name{
    width:120px;
    font-weight:bold;
    float:left;
    }

#footer_inner_in .branch dl{
    width:650px;
    margin:0;
    list-style:none;
    float:left;
    }

#footer_inner_in .branch dl dt{
    width:60px;
    margin:0;
    padding:0 0 0 3px;
    float:left;
    }

#footer_inner_in .branch dl dt.inners{
    width:112px;
    margin:0;
    padding:0 0 0 8px;
    float:left;
    }

#footer_inner_in .branch dl dd{
    margin:0 0 1px 0;
    padding:0;
    }

#footer_inner_in .branch dl dd.inners{
    margin-bottom:1px;
    background:none;
    }

#footer_inner .copyright{
    height:28px;
    text-indent:-9999px;
    background:#80d5ac url(../img_comm/copyright.gif) no-repeat 5px 9px;
    overflow:hidden;
    }


/* header */

#header{
    width:790px;
    height:91px;
    padding:0 11px;
    overflow:hidden;
    background:url(../img_comm/cont_bg_01.jpg) no-repeat 0 0;
    border-bottom:solid 1px #e4e4e4;
    }

#header .leadlogo{
    position:relative;
    float:left;
    width:600px;
    height:90px;
/*    border-bottom:solid 1px #5da569;*/
    }

#header .leadlogo h1{
    font-size:84%;
    font-weight:normal;
    }

#header .leadlogo h2{
    position:absolute;
    top:27px;
    left:2px;
    width:184px;
    height:55px;
    background:url(../img_comm/logo.gif) no-repeat 0 0;
    overflow:hidden;
    }

#header .leadlogo h2 a{
    display:block;
    width:184px;
    height:55px;
    text-indent:-9999px;
    text-decoration:none;
    }

#header .head_navi{
    position:relative;
    float:right;
    width:190px;
    height:91px;
    }

#header .head_navi ul{
    width:190px;
    list-style:none;
    margin:28px 0 0 0;
    padding:0;
    }

#header .head_navi li{
    float:left;
    margin:0;
    overflow:hidden;
    }

#header .head_navi li a{
    display:block;
    text-indent:-9999px;
    text-decoration:none;
    overflow:hidden;
    }

#header .head_navi li.sitemap{
    width:67px;
    height:10px;
    padding:0 8px 8px 0;
    }

#header .head_navi li.sitemap a{
    width:67px;
    height:10px;
    background:url(../img_comm/btn_sitemap.gif) no-repeat;
    }

#header .head_navi li.company{
    width:50px;
    height:10px;
    padding:0 8px 8px 0;
    }

#header .head_navi li.company a{
    width:50px;
    height:10px;
    background:url(../img_comm/btn_company.gif) no-repeat;
    }

#header .head_navi li.recruit{
    width:50px;
    height:10px;
    padding:0 0 8px 0;
    }

#header .head_navi li.recruit a{
    width:50px;
    height:10px;
    background:url(../img_comm/btn_recruit.gif) no-repeat;
    }

#header .head_navi span{
    clear:left;
    display:block;
    width:190px;
    height:45px;
    }

#header .head_navi span a,
#header .head_navi span a:visited{
    display:block;
    width:190px;
    height:45px;
    text-indent:-9999px;
    text-decoration:none;
    overflow:hidden;
    background:url(../img_comm/btn_inquiry.jpg) no-repeat;
    background-position:0 0;
    }

#header .head_navi span a:hover{
    background-position:0 100%;
    }


/* menu bottun */

#beta .menu{
    width:190px;
    padding:0 5px;
    background:url(../img_comm/menu_bg.gif) repeat-y 0 0;
    }

#beta .menu ul{
    width:188px;
    margin:0;
    padding:0;
    list-style:none;
    border-right:solid 1px #bfbe91;
    border-left:solid 1px #bfbe91;
    background:#fbfbf7;
    }

#beta .menu li{
    width:188px;
    height:auto;
    padding:1px 0 0 0;
    }

#beta .menu li.subcon a,
#beta .menu li.subcon a:visited{
    display:block;
    width:147px;
    height:auto;
		margin:0 0 0 6px;
    padding:0 3px 0 26px;
    color:#333;
    text-decoration:none;
/*    border-bottom:dashed 1px #c9c965;*/
    background:url(../img_comm/btn_bg_01.gif) no-repeat;
    background-position:0 50%;
    }

#beta .menu li.subcon a:hover{
    color:#fff;
    text-decoration:underline;
/*    border-bottom:solid 1px #d5dfda;*/
    background-position:-188px 50%;
    background-color:#606c60;
    }

#beta .menu li.ssubcon a,
#beta .menu li.ssubcon a:visited{
    display:block;
    width:139px;
    height:auto;
		margin:0 0 0 6px;
    padding:0 3px 0 34px;
    color:#333;
    text-decoration:none;
/*    border-bottom:dashed 1px #c9c965;*/
    background:url(../img_comm/cur_mn.gif) no-repeat 22px 50%;
    }

#beta .menu li.ssubcon a:hover{
    color:#fff;
    text-decoration:underline;
/*    border-bottom:solid 1px #d5dfda;*/
    background:url(../img_comm/cur_mn2.gif) no-repeat 22px 50%;
    background-color:#606c60;
    }

#beta .menu li.snow a,
#beta .menu li.snow a:visited{
    color:#fff;
/*    border-bottom:solid 1px #d5dfda;*/
    background:url(../img_comm/cur_mn2.gif) no-repeat 22px 50%;
    background-color:#606c60;
    }

#beta .menu li.now a,
#beta .menu li.now a:visited{
    color:#fff;
/*    border-bottom:solid 1px #d5dfda;*/
    background-position:-188px 50%;
    background-color:#606c60;
    }

#beta .menu li.ctbtn00{
    height:29px;
    padding:0;
    }

#beta .menu li.ctbtn{
    height:29px;
    padding:8px 0 0 0;
    }

#beta .menu li.ctbtn00 a,
#beta .menu li.ctbtn00 a:visited,
#beta .menu li.ctbtn a,
#beta .menu li.ctbtn a:visited{
    display:block;
    width:188px;
    height:29px;
    padding:0;
    text-indent:-9999px;
    text-decoration:none;
    overflow:hidden;
    background-position:0 0;
    }

#beta .menu_btm{
    width:200px;
    height:10px;
    background:url(../img_comm/menu_btm.gif) no-repeat 0 0;
    overflow:hidden;
    }

#beta .menu li.ctbtn00 a:hover,
#beta .menu li.ctbtn a:hover{
    border:0;
    background-color:inherit;
    background-position:100% 0;
    }

#beta .menu .printing a{
    background:url(../img_comm/btn_printing.jpg) no-repeat;
    }
#beta .menu .web a{
    background:url(../img_comm/btn_web.jpg) no-repeat;
    }
#beta .menu .human a{
    background:url(../img_comm/btn_human.jpg) no-repeat;
    }
#beta .menu .archive a{
    background:url(../img_comm/btn_archive.jpg) no-repeat;
    }
#beta .menu .topics a{
    background:url(../img_comm/btn_topics.jpg) no-repeat;
    }


/* banner area */

#beta .banner{
    width:190px;
    height:auto;
    padding:5px 0 0 5px;
    }

#beta .banner img{
    margin:0 0 5px 0;
    }

#beta .banner p{
    margin:0 0 4px 0;
    }

/*
 * area_a
 */

#beta .area_a{
    margin:5px 5px 0 5px;
    padding:8px 0;
    text-align:center;
    font-size:84%;
    border:solid 1px #e6e6e6;
    background:#fdfdfd;
    }

#beta .area_a img{
    margin:3px 2px;
    }

a.environment_book,
a.environment_book:visited{
    display:block;
    width:190px;
    height:48px;
    overflow:hidden;
    text-indent:-9999px;
    text-decoration:none;
    background:url(../img/btn_evrment_01.jpg) no-repeat 0 0;
    }

a.environment_book:hover{
    background-position:0 -48px;
    }


/* breadscrum list */

.topic_path{
    padding:0 0 10px 0;
    font-size:100%;
    color:#666;
    }

.topic_path a,
.topic_path a:visited{
    color:#666;
    text-decoration:none;
    }

.topic_path a:hover{
    color:#666;
    text-decoration:underline;
    }


/* goto page top */

.page_top{
    margin-top:20px;
    padding:3px 4px 5px 0;
    text-align:right;
    border-top:solid 1px #248635;
    }


/* category title area */
 
.ttl{
    width:600px;
    padding:0;
/*    border-bottom:solid 1px #248635;*/
    }


/* font */

.t_normal{ font-weight:normal; }

.t_bold{ font-weight:bold; }

.t_large{ font-size:116% !important; }
.t_larger{ font-size:133.3% !important; }

.t_small{ font-size:84% !important; }

.t_large_b{ font-size:116%;font-weight:bold; }

.t_center{ text-align:center; }

.t_right{ text-align:right; }

.t_red{ color:#f00; }

.t_orange{ color:#f90; }

.t_glay{ color:#707070; }

.t_brown{ color:#310; }

.t_green{ color:#73B97A; }

.t_large_red{ color:#f00;font-size:216%; }


/* others */

a.inq_btn_page,
a.inq_btn_page:visited{
  display:block;
  width:227px;
  height:45px;
  overflow:hidden;
  text-indent:-9999px;
  text-decoration:none;
  background-image:url(../img_comm/btn_inquiry_2.jpg);
  background-position:0 0;
  }
a.inq_btn_page:hover{
  background-position:0 100%;
  }

img.ps_vmiddle{
  margin-right:4px;
  vertical-align:middle;
  }