@charset "utf-8";

/***********************************
  PH S10J
  location/style.css
***********************************/

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

div#visual {margin:35px 10px 0; background:url(./images/visual.jpg); height:250px;}
div#visual ul {list-style:none; padding:170px 0 0 165px;}
div#visual ul li {width:170px; height:30px; overflow:hidden; float:left; margin-right:20px;}
div#visual ul li#btn001 {background:url(./images/btn001_ov.gif);}
div#visual ul li#btn002 {background:url(./images/btn002_ov.gif);}
div#visual ul li#btn003 {background:url(./images/btn003_ov.gif);}
div#visual ul li a {display:block;}
div#visual ul li a:hover {background-color:transparent;}
div#visual ul li a:hover img {visibility:hidden;}

div#contents {margin:0 35px 30px; color:#333;}
div#contents h3 {padding-bottom:20px;}

/*--area_guide--*/
div#step01 h4 {padding-bottom:15px;}
div#step01 div {padding:35px 0;}
div#step01 div h4 {position:absolute;}
div#step01 div ul {list-style:none;}
div#step01 div ul li {width:200px; float:left; margin-right:10px; font-size:10px;}
div#step01 div ul li#photo03 {width:410px; float:right; margin:0; padding-bottom:20px;}
div#step01 div ul li.low {padding:90px 0 20px;}
div#step01 div ul li.none {float:right; margin:0;}
div#step01 div ul li dt {margin-bottom:5px;}
div#step01 div ul li dd p {font-weight:bold; padding-left:15px; margin-bottom:3px;}
div#step01 div ul li dd p#icon01 {background:url(./images/icon01.gif) left no-repeat;}
div#step01 div ul li dd p#icon02 {background:url(./images/icon02.gif) left no-repeat;}
div#step01 div ul li dd p#icon03 {background:url(./images/icon03.gif) left no-repeat;}
div#step01 div ul li dd p#icon04 {background:url(./images/icon04.gif) left no-repeat;}
div#step01 div ul li dd p#icon05 {background:url(./images/icon05.gif) left no-repeat;}
div#step01 div ul li dd p#icon06 {background:url(./images/icon06.gif) left no-repeat;}
div#step01 div ul li dd p#icon07 {background:url(./images/icon07.gif) left no-repeat;}

/*--location--*/
div#step02 {padding-bottom:35px;}
div#step02 p#map {text-align:center;}
div#step02 div {width:270px; float:left; margin-right:10px;}
div#step02 div.none {margin:0;}
div#step02 div h4 {padding:15px 0 2px; background:url(../common/images/dott01.gif) bottom repeat-x;}
div#step02 div dl {padding-top:5px; font-size:10px; font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}
div#step02 div dt {width:16em; padding:3px 0 3px 5px; float:left;}
div#step02 div dd.time {width:5em; padding:3px 0; float:left;}
div#step02 div dd.color {padding:3px 0 3px 22em; background:#dadada;}
div#step02 div dd.no-color {padding:3px 0 3px 22em;}


/*--history--*/
div#wrapper div#boxA {margin:0 15px; padding-bottom:25px;}
div#wrapper div#boxA div {width:350px; float:left;}
div#wrapper div#boxA div h4 {margin-bottom:5px;}
div#wrapper div#boxA div p {color:#333;}
div#wrapper div#boxA ul.photos {width:433px; float:right; list-style:none;}
div#wrapper div#boxA ul.photos li {float:left; margin:0 2px 2px 0;}

div#wrapper div#boxB {margin:0 15px; padding-bottom:30px;}
div#wrapper div#boxB ul.photos {width:433px; float:left; list-style:none;}
div#wrapper div#boxB ul.photos li {float:left; margin:0 2px 2px 0;}
div#wrapper div#boxB div#boxBright {width:352px; float:right;}
div#wrapper div#boxB div#boxBright h4 {margin-bottom:5px;}
div#wrapper div#boxB div#boxBright p {color:#333;}
div#wrapper div#boxB div#boxBright div {background:#d7d2cf; padding:10px 5px 10px 10px; color:#333; margin-top:15px;}
div#wrapper div#boxB div#boxBright div ol {margin-left:20px; font-size:10px;}
div#wrapper div#boxB div#boxBright div ol li {line-height:1.25em; margin-bottom:5px;}
div#wrapper div#boxB div#boxBright div p {font-size:10px;}