@charset "utf-8";

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

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


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

div#flash-area {width:920px; height:273px; margin:0 auto; background:url(/images/back_flash.jpg);}
div#flash {padding:8px 10px 0;}

ul#event-link {position:absolute; list-style:none;}
ul#event-link li#rss {position:absolute; margin:-20px 0 0 184px;}
ul#event-link li#btn-list a {display:block;}
ul#event-link li#btn-list a:hover {background-color:transparent;}
ul#event-link li#btn-list a:hover img {visibility:hidden;}
ul#event-link li#btn-list {position:absolute; margin:-20px 0 0 568px; width:75px; height:16px; background:url(./images/btn_list_ov.gif);}
dl#event-list {padding:5px 0 30px;}
dl#event-list dt {width:6em; float:left; padding:7px 10px;}
dl#event-list dd.icon {width:55px; float:left; border:none; padding:7px 0 0 0;}
dl#event-list dd {padding:7px 5px 7px 160px; border-bottom:1px solid #d6d6d6;}

ul#plan-list {list-style:none; padding:10px 0 30px;}
ul#plan-list li {width:320px; height:60px; float:left;}
ul#plan-list li a {display:block;}
ul#plan-list li a:hover {background-color:transparent;}
ul#plan-list li a:hover img {visibility:hidden;}
ul#plan-list li#plan-list01 {background:url(./images/face_ov.png); margin:0 10px 10px 0;}
ul#plan-list li#plan-list02 {background:url(./images/nagomi_ov.png); margin-bottom:10px;}
ul#plan-list li#plan-list03 {background:url(./images/cielo_ov.png); margin-right:10px;}
ul#plan-list li#plan-list04 {background:url(./images/eco_ov.png);}

div#box01 {background:#d1e0b2 url(./images/back_box01.gif) top left repeat-x;}
div#box01 h2 {float:left; width:269px;}
div#box01 ul#photo-select {width:376px; height:47px; overflow:hidden; float:right; list-style:none; font-size:10px;}
div#box01 ul#photo-select li {position:absolute;}
div#box01 ul#photo-select li#photo-select01 {margin-top:13px;}
div#box01 ul#photo-select li#photo-select02 {margin:10px 0 0 58px; background:url(/common/images/lm00.gif) left 3px no-repeat; padding-left:8px;}
div#box01 ul#photo-select li#photo-select03 {margin:10px 0 0 212px; background:url(/common/images/lm00.gif) left 3px no-repeat; padding-left:8px;}
div#box01 ul#photo-select li select {margin:2px 0 0 -8px; width:135px;}
div#box01 p {font-size:10px; text-align:right;}
div#box01 p a {background:url(/common/images/lm00.gif) left 3px no-repeat; padding-left:8px;}
div#box01 ul#photo-gallery {list-style:none; padding:5px 0 20px 20px; margin-bottom:25px;}
div#box01 ul#photo-gallery li {float:left; width:145px; margin-right:10px;}
div#box01 ul#photo-gallery li table {background:#fff; margin-bottom:5px;}
div#box01 ul#photo-gallery li table td {vertical-align:middle; text-align:center; width:145px; height:145px;}
div#box01 ul#photo-gallery li table td img {max-width:137px; overflow:hidden;}

div#voice {width:220px; float:left;}
div#voice p a {display:block;}
div#voice p a:hover {background-color:transparent;}
div#voice p a:hover img {visibility:hidden;}
div#voice p {background:url(/common/images/voice_ov.gif); width:220px; height:190px;}

div#blog-list {width:410px; float:right;}
div#blog-list dl {padding:5px 0;}
div#blog-list dl dt {width:6em; float:left; padding:7px 0 7px 20px; background:url(/common/images/lm01_l.gif) left no-repeat;}
div#blog-list dl dd {padding:7px 5px 7px 9em; border-bottom:1px solid #d6d6d6;}


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

div#side dl#info-list dt {padding:5px 5px 2px;}
div#side dl#info-list dd {border-bottom:1px solid #d6d6d6; padding:0 5px 5px; font-size:10px;}
div#side h4 {font-size:10px; font-weight:normal; background:url(/common/images/lm01.gif) left no-repeat; padding-left:10px; margin-top:10px;}
div#side ul#info-type {list-style:none; margin-top:3px;}
div#side ul#info-type li {float:left; width:52px; height:16px; overflow:hidden; margin-right:3px;}
div#side ul#info-type li a {display:block;}
div#side ul#info-type li a:hover {background-color:transparent;}
div#side ul#info-type li a:hover img {visibility:hidden;}
div#side ul#info-type li#info-typeA {background:url(./images/typeA_ov.gif);}
div#side ul#info-type li#info-typeB {background:url(./images/typeB_ov.gif);}
div#side ul#info-type li#info-typeC {background:url(./images/typeC_ov.gif);}
div#side ul#info-type li#info-typeD {background:url(./images/typeD_ov.gif);}
div#side select#select02 {width:200px; margin-top:3px;}

/*  open_erases
--------------------------*/
dl#event-list {padding:5px 0 25px;}
div#box01 {margin-bottom:25px;}
div#box01 ul#photo-gallery {list-style:none; padding:5px 0 5px 20px; margin-bottom:0px;}
div#box01 p {margin:0 20px; padding-bottom:10px;}