@charset "utf-8";

/* generated by souei fukumoto */ 

/* メイン *************************************************************************************/  
.page-title
{
	width: 725px;
	float: left;
	clear: both;
	padding-top: 21px;
} 
.pan-list-area
{
	width: 725px;
	float: left;
	clear: both;
	padding-top: 12px;
	font-size: 11px;
	color:#999999;
}
.pan-list-area a
{
    text-decoration:underline;
	color:#000000;
}
.pan-list-area a:hover
{
    text-decoration:none;
	color:#999999;
}
.snow-report-serch-area{
    padding-left:421px;
	display:block;
	float:left;
	clear:both;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
   }
.snow-report-serch-area-top{
    padding-left:573px;
	display:block;
	float:left;
	clear:both;
	padding-top: 15px;
	padding-bottom: 15px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
   }   
.snow-report-serch-form-part{
	float:right;
	width:170px;
	text-align: left;
   }
.snow-report-serch-form{
	float:right;
	width:150px;
	background-color: #000000;
	color: #FFFFFF;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
   }   
      
.snow-report-contents
{
	width: 735px;
	float: left;
	clear: both;
	padding-top: 8px;
	z-index: 0;

}
.snow-report-part
{
	width: 167px;
	float: left;
	padding-right: 13px;
	height: 270px;
	padding-bottom: 20px;
	z-index: 0;

}
.snow-report-part-img{
	float:left;
	clear:both;
	width: 165px;
	height:105px;
	z-index: 0;
	border: 1px solid #999999;
	background-attachment: scroll;
	background-image: url(../images/snow-report-noimg.jpg);
	background-repeat: no-repeat;
	background-position: left top;

	}
.snow-report-part-img img{
	width: 165px;
	height:105px;
	z-index: 0;

	}	
.snow-report-part-text-area{
	float:left;
	clear:both;
	width: 165px;
	z-index: 0;

	}	
.snow-report-title{
	font-size:12px;
	padding-top: 8px;
	font-weight: bold;
	z-index: 0;
	width: 165px;

	}
.snow-report-detail{
	font-size:10px;
	color:#999999;
	line-height: 15px;
	z-index: 0;
	width: 165px;

	}
.snow-report-update-area{
	float:left;
	clear:both;
	width: 165px;
	padding-top: 2px;
	z-index: 0;

	}
.snow-report-newmark-area{
	float:right;
	width: 32px;
	padding-top: 4px;
	z-index: 0;

   }
.snow-report-newmark-area img{
	width: 32px;
	height:11px;
	z-index: 0;

   }  
.snow-report-update-day{
	float:right;
	font-size: 10px;
	color: #c0c0c0;
	padding-right: 10px;
	z-index: 0;

   }
   
.snow-report-pagenum-area{
	clear:both;
	width:725px;
	text-align: center;
	float: left;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	}
		

.snow-report-pagenum-area a{
	height:20px;
	margin-right: 6px;
	margin-left: 6px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 0px;
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;
	text-decoration: none;
	}
.snow-report-pagenum-area span{
	height:20px;
	margin-right: 6px;
	margin-left: 6px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 0px;
	border: 1px solid #CCCCCC;
	background-color: #CCCCCC;
	}   
   
   
 /*  
.snow-report-pagenum-area span{
	height:20px;
	margin-right: 3px;
	margin-left: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 0px;
	border: 1px solid #CCCCCC;
	background-color: #CCCCCC;
	text-decoration: none;
	}
	
.snow-report-pagenum-area a span{
	background-color: #ffffff;
    text-decoration: none;
	}
.snow-report-pagenum-area a{
    text-decoration: none;
	}
.snow-report-pagenum-area{
	clear:both;
	width:646px;
	text-align: center;
	float: left;
	margin: 0px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	z-index: 0;

	}
		
.snow-report-pagenum-area a.link_page{
	height:20px;
	margin-right: 3px;
	margin-left: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 0px;
	border: 1px solid #CCCCCC;
	text-decoration: none;
	}
.snow-report-pagenum-area .current_page{
	height:20px;
	margin-right: 3px;
	margin-left: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 1px;
	padding-bottom: 0px;
	border: 1px solid #CCCCCC;
	background-color: #CCCCCC;
	}
*/

/* 詳細ページ *************************************************************************************/ 

.snow-report-detail-contents
{
	width: 725px;
	float: left;
	clear: both;
	padding-top: 28px;
}
.snow-report-detail-title
{
	width: 683px;
	float: left;
	clear: both;
	font-size: 30px;
	font-weight: bold;
	line-height: 35px;
}
.snow-report-detail-update
{
	width: 683px;
	float: left;
	clear: both;
	font-size: 12px;
	color: #c0c0c0;
	padding-top: 5px;
}
.snow-report-detail-img
{
	width: 683px;
	float: left;
	clear: both;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 40px;
}
.snow-report-detail-text
{
	width: 683px;
	float: left;
	clear: both;
	overflow-x:hidden
	
}
/*.snow-report-detail-text img
{
	max-width: 683px;
}*/
.snow-report-detail-name
{
	width: 683px;
	float: left;
	clear: both;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 5px;

}
.out-link-box
{
	width: 683px;
	float: left;
	clear: both;
	padding-top: 10px;
	padding-bottom: 5px;

}
.out-link-box-inner
{
	width: 300px;
	float: left;
	clear: both;

}
.twitter-link-box{
   width:150px;
   float:left;
   }
.twitter-link-box img{
	float:left;
   margin-right:5px;
   } 
.facebook-link-box{
   width:150px;
   float:left;
   }
.facebook-link-box img{
    float:left;
   margin-right:5px;
   }      
.snow-report-detail-back-btn
{
	width: 683px;
	float: left;
	clear: both;
	padding-top: 0px;
	padding-bottom: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	text-align: right;
}
.snow-report-detail-bottom-pages
{
	width: 683px;
	float: left;
	clear: both;
	padding-top: 20px;
	text-align: center;
}
.snow-report-detail-bottom-pages a
{
    color:#000000;
	text-decoration:underline;
}
.snow-report-detail-bottom-pages a:hover
{
    color:#000000;
	text-decoration:none;
}
.snow-report-detail-comment-area{
	width: 683px;
	float: left;
	clear: both;
	padding-top: 65px;
}
.comments{
	width: 683px;
	float: left;
	clear: both;
	
}
.comments-open-header{
    font-weight:bold;
	width: 683px;
	float: left;
	clear: both;
}
.comments-header{
	width: 683px;
	float: left;
	clear: both;
	font-weight: bold;
}
.comments-header-comments-count{
	width: 683px;
	float: left;
	clear: both;
	font-weight: bold;
}
.comments-content{
	width: 683px;
	float: left;
	clear: both;
	padding-top:5px;
	padding-bottom: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	font-size: 10px;
}
comments-open-content{
	width: 683px;
	float: left;
	clear: both;
	padding-top:5px;
}
.inner{
	float:left;
	clear:both;
	width:683px;
	padding-top: 5px;
	padding-bottom: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: dotted;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	}
.comments-open{
width: 683px;
	float: left;
	clear: both;
	padding-top:15px;
}
#comment-text{
	width:683px;
	height:80px;
	font-size:12px;
	line-height:20px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
.byline{
	font-size: 10px;
}
.snow-report-tab
{
	float: left;
	clear: both;
	padding-left: 429px;
	padding-bottom: 13px;
	width: 296px;
	margin-bottom: 15px;
	padding-top: 13px;
}
.snow-report-tab-part{
	float:left;
	height: 16px;
	width: 72px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin: 0px;
   }
/* オススメ js 追加 *************************************************************************************/

.ski-slope-tab2
{
	float: left;
	width: 296px;
	padding-left: 9px;
	margin-bottom: 15px;
}

.ski-slope-recommend{
	float: left;
	clear: both;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
	margin-bottom: 13px;
	width: 725px;
}

.slope-recommend-part {
	width: 420px;
	display: block;
	float: left;
	background-image: url(http://www.transworldweb.jp/snow/mt-tmpl/images/recommend-bg.jpg);
	background-repeat: no-repeat;
}
.slope-recommend-part-left {
	float: left;
	height: 22px;
	width: 105px;
	margin-right: 10px;
	padding-top: 7px;
	padding-bottom: 7px;
	display: block;
	margin-left: 5px;
}
.slope-recommend-part-right {
	width: 300px;
	padding-top: 7px;
	padding-bottom: 7px;
	float: left;
	height: 22px;
}

/*Example CSS for the two demo scrollers*/

#pscroller2{
	width: 280px;
	height: 20px;
	padding: 3px;
}

#pscroller2 a{
    font-size: 13px;
    font-weight: bold;
    color: #0077BB;
    text-decoration: none;
    padding-left: 3px;

}

#pscroller2 a:hover{
    color: #0077BB;
    text-decoration: underline;
}

.someclass{ //class to apply to your scroller(s) if desired
}
.ski-slope-detail-banner {
	display: block;
	clear: both;
	float: left;
	height: 89px;
	width: 704px;
	margin-top: 10px;
}
.ski-slope-detail-banner-left {
	display: block;
	float: left;
	height: 89px;
	width: 347px;
	margin-right: 10px;
}
.ski-slope-detail-banner-right {
	display: block;
	float: left;
	height: 89px;
	width: 347px;
}
.ski-slope-tab-part{
	float:left;
	height: 16px;
	width: 72px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 2px;
	margin: 0px;
   }