/*
  This file is based on the top.css.dtml file shipped with Plone.

   (do not remove this)
   (not this either)
*/

/* YOUR CSS RULES START HERE */

p.skip_link {
margin: 0;
padding: 0;
border:none;
visibility:hidden;
height: 0;
}

div#content,
div#content div {
margin: 0;
padding: 0;
border:none;
visibility:hidden;
height: 0;
}

/* ******** */
/* 注目情報 */
/* ******** */
div#chumokuinfo {
clear:both;
padding: 8px;
border:1px solid #ffffff;
overflow:hidden;
height:40px;
}
div#chumokuinfo .hiddenStructure {
    position:relative;
    float:left;
    margin:0;
    height: auto;
    width: auto;
    font-size: 1.3em;
    line-height:1.3em;
}
div#chumokuinfo .detail {
    position:relative;
    float:left;
    margin:0px 8px;
    padding:0;
    height: auto;
    width: auto;
}

/* ******** */
/* 緊急情報 */
/* ******** */
div#kinkyuinfo {
clear:both;
padding: 8px;
border:1px solid #ffffff;
overflow:hidden;
height:auto;
}
div#kinkyuinfo .hiddenStructure {
    position:relative;
    float:left;
    margin:0;
    height: auto;
    width: auto;
    font-size: 1.3em;
    line-height:1.3em;
}
div#kinkyuinfo .detail {
    position:relative;
    float:left;
    margin:0px 8px;
    height: auto;
    width: auto;
}


/* **************** */
/* ニューストピック */
/* **************** */
#topic {
width:635px;
margin:0px auto;
overflow:hidden;
}

div#topic .topic_top {
width:100%;
height:6px;
}

div#topic .topic_top span {
display:block;
position:relative;
height:6px;
}

div#topic .topic_center {
position:relative;
overflow:hidden;
}

div#topic .topic_bottom {
height:6px;
}

/* IE6 用 */
* html div#topic .topic_bottom {
display: inline;
}

div#topic .topic_bottom span {
display:block;
position:relative;
height:6px;
}

div#topic div.topic_title {
margin:0 8px;
border-width: 1px;
border-color: #999999;
border-bottom-style: dashed;
}
div#topic div.topic_title .hiddenStructure {
position:relative;
margin:0;
padding:8px 0;
font-size:1.3em;
line-height:1.3em;
height: auto;
width: auto;
display:block;
visibility:visible;
}
div#topic div.topic_title img {
visibility:hidden;
width:0;
height:0;
display:none;
}
div#topic div.topic_line {
margin:0 8px;
padding-top:3px;
padding-bottom:3px;
padding-left: 16px;
border-width: 1px;
border-color: #999999;
border-bottom-style: dashed;
font-size:1.1em;
line-height: 1.5em;
}


/* **************** */
/* イベントトピック */
/* **************** */
#events_topic {
width:635px;
margin:5px 0px 0px 0px;
overflow:hidden;
}

div#events_topic .topic_top {
width:100%;
height:6px;
}

div#events_topic .topic_top span {
display:block;
position:relative;
height:6px;
}

div#events_topic .topic_center {
position:relative;
overflow:hidden;
}

div#events_topic .topic_bottom {
height:6px;
}

/* IE6 用 */
* html div#events_topic .topic_bottom {
display: inline;
}

div#events_topic .topic_bottom span {
display:block;
position:relative;
height:6px;
}

div#events_topic div.topic_title {
margin:0 8px;
border-width: 1px;
border-color: #999999;
border-bottom-style: dashed;
}
div#events_topic div.topic_title .hiddenStructure {
position:relative;
margin:0;
padding:8px 0;
font-size:1.3em;
line-height:1.3em;
height: auto;
width: auto;
display:block;
visibility:visible;
}
div#events_topic div.topic_title img {
visibility:hidden;
width:0;
height:0;
display:none;
}
div#events_topic div.topic_line {
margin:0 8px;
padding-top:3px;
padding-bottom:3px;
padding-left: 16px;
border-width: 1px;
border-color: #999999;
border-bottom-style: dashed;
font-size:1.1em;
line-height: 1.5em;
}


/* ******** */
/*   LIFE   */
/* ******** */
div#life{
position:relative;
width:635px;
margin:10px 0px 0px 0px;
}
div#life1,
div#life2 {
position:relative;
padding:0;
margin:0 4px 0 0;
z-index:1;
width:206px;
float: left;
border:1px solid #ffffff;
}
div#life3 {
position:relative;
padding:0;
margin:0;
z-index:1;
width:206px;
float: left;
border:1px solid #ffffff;
}

div.life_head {
height:30px;
}
div.life_head h1 {
position:absolute;
background:none;
padding: 8px 0 0 16px;
font-weight:bold;
font-size:1.2em;
}
div.life_head div.right {
position:relative;
text-align:right;
padding: 10px 8px 0 32px;
font-size:1.4em;
}
div.life_head div.right a {
font-weight:bold;
font-size:14px;
text-decoration: none;
}
div.life_body {
width:206px;
overflow:hidden;
}
div.life_body img {
width:0;
height:0;
visibility: hidden;
}
div.life_body div {
float:left;
margin:8px 8px 8px 16px;
padding:8px;
}
div.life_body div ul {
margin:0;
}
/* IE6 対応 */
* html div.life_body div ul {
margin-left:16px;
}
/* IE7 対応 */
*:first-child+html div.life_body div ul {
margin-left:16px;
}
div.life_body li {
line-height:16px;
}
div.life_body li a {
font-weight:bold;
font-size:1.2em;
}
div.life_bottom {
clear:both;
height:6px;
}


/* ******** */
/*  pickup  */
/* ******** */
div#pickup1,
div#pickup2 {
clear:both;
position:relative;
width:635px;
margin:0px;
padding:10px 0px 0px 0px;
}

.pickupbox {
padding:0 8px 0 0;
width: 305px;
overflow:hidden;
border:1px solid #ffffff;
}
.pickupbi {
position:relative;
padding:0 0 0 8px;
}
.pickupbt {
height:36px;
margin:0 -8px;
overflow:hidden;
}
.pickupbt div {
width:8px;
height:36px;
padding:8px 0px;
}
.pickupbody {
width:297px;
}
.pickupbb {
clear: both;
height:8px;
margin:0 -8px;
}
.pickupbb div {
width:8px;
height:8px;
}
.pickupbox h1 {
background:none;
position:absolute;
top: 0px;
left: 4px;
font:bold;
font-size:1.2em;
}
.pickupbox h1 img {
visibility: hidden;
}

.pickupbox p {
margin:0;
}
#pickup1_2 .pickupbody {
height:159px;
}
#pickup1_1 .pickupbox img.picture {
float:left;
}
#pickup1_1 .pickupbox img.ilust {
margin:0;
width:0;
height:0;
visibility: hidden;
}
.pickupbox a.moreinfo {
display:block;
width:122px;
height:26px;
margin: 4px auto 0 auto;
}

#pickup1_2 .pickupbox a.moreinfo {
margin-top: 8px;
}
#pickup2_1 .pickupbox a.moreinfo,
#pickup2_2 .pickupbox a.moreinfo {
margin-top: 4px;
}
.pickupbox .center{
text-align:center;
}
.pickupbox .hidden{
margin:0;
width:auto;
height:auto;
visibility:visible;
text-align:center;
font-size:1.2em;
}
.pickupbody .right{
float:right;
}
#pickup1_1 .pickupbody .right{
width:140px;
}

#pickup2_1 .pickupbody p,
#pickup2_2 .pickupbody p {
float:left;
width:160px;
}
#pickup2_1 .pickupbody .moreinfo,
#pickup2_2 .pickupbody .moreinfo {
margin-top:8px;
}


/* ******** */
/* pinkbox  */
/* ******** */
.pinkbox {
    background:#ffffff;
}
.pinkbox .header .c,
.pinkbox .footer .c{
    font-size:1px; /* ensure minimum height */
    height:6px;
}
.pinkbox .header{
    background:transparent url(http://www.city.minami-alps.yamanashi.jp/pink_tl.gif) no-repeat 0px 0px;
    height:6px;
}
.pinkbox .header .c{
    background:transparent url(http://www.city.minami-alps.yamanashi.jp/pink_tr.gif) no-repeat right 0px;
}
.pinkbox .body{
    background:transparent url(http://www.city.minami-alps.yamanashi.jp/pink_l.gif) repeat-y 0px 0px;
}
.pinkbox .body .c{
    background:transparent url(http://www.city.minami-alps.yamanashi.jp/pink_r.gif) repeat-y right 0px;
}
.pinkbox .footer{
    background:transparent url(http://www.city.minami-alps.yamanashi.jp/pink_bl.gif) no-repeat 0px 0px;
    height:6px;
}
.pinkbox .footer .c{
    background:transparent url(http://www.city.minami-alps.yamanashi.jp/pink_br.gif) no-repeat right 0px;
}
.pinkbox img {
    padding: 0 6px;
}




/* ******** */
/*  banner  */
/* ******** */
div#banner{
clear:both;
margin:0;
padding:0;
}
/*div#banner-detail{
padding:10px;
}*/
div.banner{
padding:3px;
}
/*div.banner_advertise {
margin-top:24px;
border:1px solid #ffffff;
}*/
/*--------------------------------*/
#banner-detail div.bannerActive{
    background: url("/hi_contrast_banner_title.gif") no-repeat scroll 0 0 transparent;
    padding: 47px 8px 0;
}
.banner_advertise2{
    margin:10px auto 0 auto;

}

/* YOUR CSS RULES STOP HERE */

/*  */

/* Latest version of the documentation on pre-defined properties from Plone 
   can be found in CMFPlone/skins/plone_styles/ploneCustom.css.dtml */