@charset "utf-8";

/***********************************
  HOKKAISOKEN
  www/purchase/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 p {margin:0 5px 20px;}
div#contents div#contents-box ol {margin:0 5px 15px; padding-left:25px;}
div#contents div#contents-box ol li {padding-bottom:5px;}

div#contents div#contents-box dl.typeA {padding:0 5px 20px 0;}
div#contents div#contents-box dl.typeA dt {width:200px; float:right;}
div#contents div#contents-box dl.typeA dd {padding-right:220px;}
div#contents div#contents-box dl.typeA dd ul {list-style:none; padding-left:5px;}
div#contents div#contents-box dl.typeA dd ul li {background:url(/common/images/lm01.gif) left no-repeat; padding-left:12px; margin-bottom:5px;}

div#contents div#contents-box dl.flow {padding-left:5px;}
div#contents div#contents-box dl.flow dt {padding-bottom:20px; width:60px; float:left;}
div#contents div#contents-box dl.flow dd {padding:0 0 20px 80px;}
div#contents div#contents-box dl.flow dd ul.step-flow {width:175px; float:left; list-style:none;}
div#contents div#contents-box dl.flow dd ul.step-flow li {background:url(./images/arrow.gif) bottom left no-repeat; padding-bottom:26px;}
div#contents div#contents-box dl.flow dd ul.step-flow li.none {padding-bottom:0; background:none;}
div#contents div#contents-box dl.flow dd ul#step01-photo {list-style:none; width:160px; float:right;}
div#contents div#contents-box dl.flow dd ul#step01-photo li {margin-bottom:10px;}
div#contents div#contents-box dl.flow dd ul.step02-photo {list-style:none; width:320px; float:right;}
div#contents div#contents-box dl.flow dd ul.step02-photo li {margin:0 10px 10px 0; float:left;}
div#contents div#contents-box dl.flow dd ul.step02-photo li.none {float:right; margin:0; padding-right:10px;}
div#contents div#contents-box dl.flow dd ul#step03-flow {list-style:none; padding-bottom:10px;}
div#contents div#contents-box dl.flow dd ul#step03-flow li {background:url(./images/arrow.gif) bottom left no-repeat; padding-bottom:26px;}
div#contents div#contents-box dl.flow dd ul#step03-flow li.none {background:url(./images/dott.gif) bottom left no-repeat; padding-bottom:26px;}
div#contents div#contents-box dl.flow dd p a {background:url(/common/images/lm01.gif) left no-repeat; padding-left:12px;}

div#contents div#contents-box table {width:600px; margin:0 0 10px 5px; border-collapse:collapse; font-size:12px;}
div#contents div#contents-box table caption {font-weight:bold; padding:0 0 5px 2px;}
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; font-weight:bold;}
div#contents div#contents-box table td.type02 {background:#e8efd8;}
div#contents div#contents-box table td.type03 {width:70%;}

div#contents div#contents-box p.link {font-size:10px; margin-bottom:5px;}
div#contents div#contents-box div#box {margin:0 5px 5px; border:1px solid #ccc; padding-top:15px; text-align:center;}
div#contents div#contents-box div#box img {margin-bottom:15px;}


/*==================================
  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);}