@charset "utf-8";

/***********************************
  PH S10J
  campaign3/style.css
***********************************/

/*==================================
  BASIC
==================================*/
html {margin:0 auto 0; padding:0; font-size:75%; font-family:verdana;}
* html body {font-family: verdana,'ＭＳ Ｐゴシック';}
*:first-child+html body {font-family: verdana,'メイリオ', 'ＭＳ Ｐゴシック';}
body {margin:0 auto 0; padding:0; background:#fff; text-align:center; color:#000;}

/*==================================
  RESET
==================================*/
* {margin:0; padding:0; text-align:left;}
img {border:none; vertical-align:bottom;}
p {line-height:1.6;}
hr {display: none;}
.clear {zoom: 100%;}
.clear:after{content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;}

/*==================================
  Layout
==================================*/
div#outline {margin:0 auto; width:960px; padding:6px 0;}

div#logo {background:url(./images/dott.gif) bottom repeat-x; padding-bottom:11px;}
div#logo h1 {width:147px; float:left; padding-top:8px; font-size:0; line-height:0;}
div#logo p {width:144px; float:right; font-size:0; line-height:0;}

div#contents {padding:20px 0;}
div#main {width:690px; float:left;}
div#side {width:240px; float:right; padding-top:10px; background:url(./images/side_back.jpg) top no-repeat;}

div#flash {height:306px; margin-bottom:20px;}
dl#no1 {padding-bottom:13px;}
dl#no1 dt {width:333px; float:left;}
dl#no1 dd {width:355px; float:right;}
dl#no1 dd p {width:160px; height:20px; overflow:hidden; margin:5px 0 0 195px; background:url(./images/btn_detail_ov.gif);}
dl#no1 dd p a {display:block;}
dl#no1 dd p a:hover {background-color:transparent;}
dl#no1 dd p a:hover img {visibility:hidden;}
div#main h2 {padding-bottom:10px; font-size:0; line-height:0;}
div#main dl.typeA dt {font-size:0; line-height:0;}
dl.typeA ul#present01 li {list-style:none; width:220px; float:left; margin-right:15px;}
dl.typeA ul#present01 li.none {margin:0;}
dl.typeA ul#present02 li {list-style:none; width:230px; float:left;}
div#main p.caution {font-size:10px; padding:5px 2px 12px; line-height:1.4;}
div#main p.caution span {margin-left:10px;}

div#side h3 {font-size:0; line-height:0; margin:0 10px 9px;}
div#side ul {list-style:none; padding:0 10px;}
div#side ul li {padding-bottom:10px;}
div#side ul li p {width:220px; height:26px; overflow:hidden;}
div#side ul li p a {display:block;}
div#side ul li p a:hover {background-color:transparent;}
div#side ul li p a:hover img {visibility:hidden;}
div#side ul li p#kosai {background:url(./images/btn_kosai_ov.gif);}
div#side ul li p#fushimi {background:url(./images/btn_fushimi_ov.gif);}
div#side ul li p#asahigaoka {background:url(./images/btn_asahigaoka_ov.gif);}
div#side ul li p#shinrin {background:url(./images/btn_shinrin_ov.gif);}

ul#bnr-area {list-style:none; padding:0 0 20px 100px;}
ul#bnr-area li {width:240px; height:40px; overflow:hidden; float:left; margin-right:20px;}
ul#bnr-area li a {display:block;}
ul#bnr-area li a:hover {background-color:transparent;}
ul#bnr-area li a:hover img {visibility:hidden;}
ul#bnr-area li#bnr01 {background:url(./images/bnr01_ov.gif);}
ul#bnr-area li#bnr02 {background:url(./images/bnr02_ov.gif);}
ul#bnr-area li#bnr03 {background:url(./images/bnr03_ov.gif);}
address {font-style:normal; text-align:center; background:url(./images/dott.gif) top repeat-x; padding:15px 0;}