@charset "utf-8";

/***********************************
  HOKKAISOKEN
  www/equipment/style.css
***********************************/

@import "/common/css/base.css";


/*==================================
  Main Layout
==================================*/

div#contents div#contents-box {margin:30px 20px 0;}
div#contents div#contents-box h3 {margin-bottom:15px;}
div#contents div#contents-box dl.typeA {padding:0 5px 20px;}
div#contents div#contents-box dl.typeA dt {width:260px; float:right;}
div#contents div#contents-box dl.typeA dd {padding-right:280px;}
div#contents div#contents-box dl.typeA dd p.link {margin-top:15px; background:url(/common/images/lm01.gif) left no-repeat; padding-left:12px;}

div#contents div#contents-box ul#flow {margin:0 5px; list-style:none;}
div#contents div#contents-box ul#flow li {width:150px; float:left; margin-bottom:20px; background:url(./images/arrow.gif) top right no-repeat;}
div#contents div#contents-box ul#flow li.none {background:none;}

div#contents div#contents-box p.textA {margin:0 5px 20px;}
div#contents div#contents-box p.textB {margin:0 5px 10px;}
div#contents div#contents-box p.textC {margin:5px; font-size:10px;}

div#contents div#contents-box table {width:600px; margin-left:5px; border-collapse:collapse; font-size:12px;}
div#contents div#contents-box table td {border:1px solid #c6d9a0; padding:5px 10px; line-height:1.4;}
div#contents div#contents-box table td.type01 {background:#690; color:#fff;}
div#contents div#contents-box table td.type02 {background:#e8efd8;}

div#contents div#contents-box div.typeB {margin:0 5px 10px; background:url(./images/bottom.gif) bottom no-repeat;}
div#contents div#contents-box div.typeB-02 {margin:0 300px 10px 5px; background:url(./images/bottom.gif) bottom left no-repeat;}
div#contents div#contents-box div.typeB ul,div#contents div#contents-box div.typeB-02 ul {list-style:none;}
div#contents div#contents-box div.typeB ul li,div#contents div#contents-box div.typeB-02 ul li {width:295px; float:left;}
div#contents div#contents-box div.typeB ul li.none {float:right;}
div#contents div#contents-box div.typeB ul li p,div#contents div#contents-box div.typeB-02 ul li p {padding:10px 15px;}

div#contents div.box {margin:20px 5px 0; border:1px solid #c6d9a0; padding:1px;}
div#contents div.box div.box-inner {background:#e8efd8; padding:10px 15px;}
div#contents div.box div.box-inner h4 {color:#666; font-size:12px; margin-bottom:7px;}
div#contents div.box div.box-inner dt {float:left; width:340px;}
div#contents div.box div.box-inner dd {padding-left:355px;}
div#contents div.box div.box-inner dd p {font-size:10px; padding-left:1.5em; text-indent:-1.5em; margin-bottom:5px;}


/*==================================
  Side Layout
==================================*/

div#side div#menu-box {padding:20px 0;}
div#side div#menu-box ul {list-style:none;}
div#side div#menu-box ul li {height:32px; overflow:hidden; font-size:0; line-height:0;}
div#side div#menu-box ul li a {display:block;}
div#side div#menu-box ul li a:hover {background-color:transparent;}
div#side div#menu-box ul li a:hover img {visibility:hidden;}
div#side div#menu-box ul li#menu01 {background:url(./images/menu01_ov.gif);}
div#side div#menu-box ul li#menu02 {background:url(./images/menu02_ov.gif);}
div#side div#menu-box ul li#menu03 {background:url(./images/menu03_ov.gif);}
div#side div#menu-box ul li#menu04 {background:url(./images/menu04_ov.gif);}