@charset "UTF-8";

body{
	/*background-color:#000;*/
}

#sapporo-special-contents-area {
	font-family: MS UI Gothic, 'ＭＳ Ｐゴシック', sans-serif;
	font-size: 75%;
	line-height: 1.5;
	padding-top:0px;
}

/* IE7向け */
*+html #sapporo-special-contents-area
{ font-size: 75%; }
 /* モダンブラウザ向け */  
html:not(:target) #sapporo-special-contents-area
{ font-size: 12px; }

#sapporo-topicpath-area {
background-color:#e2dbbf !important;
z-index:10 !important;
}


/* 基本画面レイアウト
***********************************************************************************************************************/
img{
	border:none;
	vertical-align:bottom;
}

#contents_box{
	background-color:#000;
	clear:both;
	padding-top:0;
	position:relative;
	overflow:hidden;
	min-width:960px;
}

#main{
	width:950px;
	margin:0px auto;
	clear:both;
}

#sapporo-special-contents-area .no_icon a:before{
	content:"";
	margin:0;
}

.wood_bg{
	width:100%;
	min-width:950px;
	height:20px;
	background:url(../../img/shared/wood.png) top center repeat-x;
}
.wood_bg img{
	width:950px;
	margin:0 auto;
}

#sapporo-special-contents-area{
	min-width:960px;
}


/* バナー部分
***********************************************************************************************************************/
#banner_set{
	background-color:#fff;
	clear:both;
	padding:10px 0px 10px;
}
#banner_box{
	width:950px;
	background-color:#eeeeee;
	margin:0px auto;
	position:relative;
}
#banner_area{
	width:793px;
	border-right:1px solid #fff;
	float:left;
}

#banner_area #adobe{
	width:793px;
	float:right;
}
#banner_area p{
	font-size:10px;
	color:#666666;
	line-height:1.1em;
	letter-spacing:1px;
	margin:13px 0px 8px 8px;
	
}

body.android #banner_area p{
	white-space:pre;
}

body.android #banner_area{
	float:none;
}


#adobe p a,
#adobe p a:link,
#adobe p a:active,
#adobe p a:visited,
#adobe p a:hover{
	color:#eb6100;
}
#adobe p img{
	float:left;
	margin:-5px 12px 0px 0px;
}

#sitemap_banner{
	background-image:url(../../img/shared/menu_sitemap.gif);
	background-position:center;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	right:0;
	width:156px;
	height:100%
}
#sitemap_banner div{
	position:absolute;
	top:50%;
	margin-top:-24px;
}

* html #sitemap_banner div{
	margin-top:0;
}

/*************brink***************/
.brink_soft:hover{
	-webkit-animation:brink 0.3s ease-in-out;
    animation:brink 0.3s ease-in-out;
}
@-webkit-keyframes brink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}
@keyframes brink{
    0% {opacity:0.2;}
    100% {opacity:1;}
}


/* clearfix
***********************************************************************************************************************/
.clearfix,
div#banner_set,
#banner_box,
div#banner_area,
#main,
#submenu,
#submenu ul#base,
#submenu ul#sub,
#boxset01,
#boxset02,
#boxset02 #sumnail,
#otona_sitemap ul li dl dd ul li dl dd ul,
#otona_sitemap ul li dl dd ul li ul,
div#banner_area #adobe p,
div#banner_area #adobe
{zoom:1;}

.clearfix:after,
div#banner_set:after,
#banner_box:after,
div#banner_area:after,
#main:after,
#submenu:after,
#submenu ul#base:after,
#submenu ul#sub:after,
#boxset01:after,
#boxset02:after,
#boxset02 #sumnail:after,
#otona_sitemap ul li dl dd ul li dl dd ul:after,
#otona_sitemap ul li dl dd ul li ul:after,
div#banner_area #adobe p:after,
div#banner_area #adobe:after,
#text_one:after,#text_tow:after
{
	content:".";
	display: block;
	height:0px;
	clear:both;
	visibility:hidden;
}

/*************生の人ボタン***************/
.floor_btn_box{
	opacity:0;
	filter:alpha(opacity=0);	
}

/*
テスト
************/

div#sapporo-special-contents-area a.has-img-elements:after{

  content: '' !important;
  margin: 0;
  }
	
	
	/*#sapporo-footer-area{
		height: 361px;
	}*/