/* CSS Document */

/* 全体 */

body {
	background-color:#FFFFFF;
	background-image: url(img/bg.jpg);
	background-repeat:repeat-y;
	background-position:803px 0px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	margin: 5px 0px 7px 12px;
}

a img { border: none; }

.small_10{font-size : 10px;}

.i-mode_pull{font-size : 10px; color : #FFFFFF;line-height:200%;}

.title1 {color:#000099;font-family:"Times New Roman";font-size:33px;font-weight:bold;}

.columtitle_mini {font-size:12px;}

TABLE{font-size : 12px;line-height:1.5;}

.toitle2 {font-size:12px;font-weight:bold; margin-left : 7px;}

.red_small_10 {font-size : 10px; color : #FF0000;}

a:hover {
	color: #ff6600;
	text-decoration: none;
	background:url(http://www.heavysnowker.com/img/link_line.gif) repeat-x center bottom;
	}
	
a {
	color: #000099;
	text-decoration: underline;
	background-color: transparent;
	}

/* 大枠 */
#wrapper {
	width: 1000px;
	margin-top: 0px;
	margin-left: 0px;
}


/* メインコンテンツ枠 */
#container {
	width: 791px;
	height:auto;
	margin: 0px;
}


/* ヘッダー */
#header {
	width: 786px;
	height: 105px;
	background:url(http://www.heavysnowker.com/img/header.jpg);
	background-repeat: no-repeat;
	padding: 0px 0px 0px 0px;
}

#header h1{
	font-size :65%;
	font-weight:normal;
	text-align:center;
	margin: 1px 0px 0px 0px;
}

#header h2{
	font-size :10; font-weight:normal; text-align:center;
	margin: 1px 0px 0px 0px;
}

#head-logo {
	width: 286px;
	height: 89px;
	text-decoration: none;
	text-indent: -10000px;	
	display: block;
	float: left;
	margin: 0px 0px 0px 8px;
	background:url(http://www.heavysnowker.com/img/hs_logo.gif);
	position:relative;
	z-index:1;
	}

/* ヘッダーバナー広告 */
#head-right{
	margin:12px 10px 10px 0px;
	float: right;
	padding:0px 0px 3px 0px;
}


/* トップページ、メルマガ、携帯ボタン */
#head-homemailmagmobile{
	clear:both;
	width: 300px;
	margin: -10px 0px 0px 138px;
	float: left;
	font-size:70%;
	font-weight:bold;
	position:relative;
	z-index:2;
}


/* ナビゲーションメニュー */
a.navi-contents { width:auto; height:26px; display:table-cell; white-space:nowrap;}

#csstopmenu, #csstopmenu ul{
padding: 0;
margin: 0;
list-style: none;
}

#csstopmenu li{
float: left;
position: relative;
}

#csstopmenu a{
text-decoration: none;

}

.naviwaku {
margin-top:2px;
width:786px;
height:23px;
background-image: url(http://www.heavysnowker.com/img/button/button_back.gif);
background-repeat:repeat-x;
}

.headerlinks a{
	background-image:url(http://www.heavysnowker.com/img/button/mark.gif);
	background-repeat: no-repeat;
	background-position:left top;
	color:#330000;
	text-decoration:none;
	font-weight:bold;
	font-size:75%;
	margin: 0px 0px 0px 0px;	
	padding: 5px 7px 0px 15px; 
}

.headerlinks a:hover{
	background-image:url(http://www.heavysnowker.com/img/button/mark_on.gif);
	background-repeat: no-repeat;
	background-position:left top;
	color:#FF0000;
}

.submenus{
display: none;
position: absolute;
top: 26px;
left: 2;
border: 2px solid #009CE8;
border-bottom:1px solid #009CE8;
font-size:12px;
line-height:160%;
z-index:auto;
}

.submenus li{
width: 100%;
background-color: #F6F6F6;
border-style:solid;
border-width:0px 0px 1px;
border-color:#009CE8;
}

.submenus li a{
display: block;
width: 100%;
text-indent: 3px;
}

html>body .submenus li a{ /* non IE browsers */
width: auto;
}

.submenus li a:hover{
background-color: #B0B0B0;
color: #FFFFFF;
}

.submenus li a:Active{
background-color: #B0B0B0;
color: #FF0000;

}

#csstopmenu li>ul {/* non IE browsers */
top: auto;
left: auto;
}

#csstopmenu li:hover ul, li.over ul {
display: block;
}



/* ナビゲーションメニュー */
#navi {
	clear:both;
	width: 786px;
	height: 23px;
	margin: 3px 0px 0px 0px;
	padding:0px 0px 2px 0px;
	border: 0px;
	background-image: url(img/button/button_back.gif);
	background-repeat:repeat-x;
}

#navi ul{
	clear:both;
	list-style-type:none;
	margin: 0px;
	padding:0px;	
}

#navi li{
	display:inline;
	margin: 0px;
	padding:0px;	
}

#navi li.navi-of a{
	width:auto;
	height:21px;
	background-image:url(img/button/mark.gif);
	background-repeat: no-repeat;
	float: left;
	color:#330000;
	text-decoration:none;
	font-weight:bold;
	font-size:75%; /* 12px ⇒ 75% */
	margin: 0px 0px 0px 0px;	
	padding: 5px 7px 0px 15px; 
}


#navi li.navi-of a:hover{
	width:auto;
	height:21px;
	background-image:url(img/button/mark_on.gif);
	background-repeat: no-repeat;
	background-position:left top;
	color:#FF0000;
	margin: 0px 0px 0px 0px;	
	padding: 5px 7px 0px 15px; 
	
}

#navi li.navi-of a:active{
	color:#FF0000;
	text-decoration:none;
}







.pullhowto ul{
display: block;
width:165px;
position: absolute;
top:138px;
left:208px;
border: 2px solid #009CE8;
font-size:12px;
line-height:180%;
z-index: 10;
}

.pullbbs ul{
width:137px;
position: absolute;
top:138px;
left:483px;
border: 2px solid #009CE8;
font-size:12px;
line-height:180%;
z-index: 10;
}

.pulllink ul{
width:120px;
position: absolute;
top:138px;
left:613px;
border: 2px solid #009CE8;
font-size:12px;
line-height:180%;
z-index: 10;
}

.pullblog ul{
width:197px;
position: absolute;
top:138px;
left:630px;
border: 2px solid #009CE8;
font-size:12px;
line-height:180%;
z-index: 10;
}

.pull li{
display: block;
width: 100%;
background-color:#F6F6F6;
border-style:solid;
border-width:0px 0px 1px;
border-color:#e1e8ca;
}

.pull li.navi-of a{
display: block;
width: 100%;
text-indent: 3px;
text-decoration:none;
}


.pull li.navi-of a:hover{
background-color:#B0B0B0;
color: #FFFFFF;
}

.pull li.navi-of a:active{
background-color:#FF9933;
color: #FFFFFF;
}


#main {
	width:785px;
	font-size:12px;
	line-height:150%;
	}











/* 左メニュー枠全体 */
#leftMenu {
	width: 176px;
	padding: 3px 0px 0px 0px;
	float: left;
	line-height:normal;
}



	/* 特集 */
	
	#tokusyuu{
		clear:both;
		width:176px;
	}
	
	#tokusyuu h4 {
		background: url(img/tokusyuu_title_back.gif) no-repeat;
		height: 20px;
		padding:10px 10px 0px 40px;
		font-size:14px;
		font-weight:bold;
		color:#FFFFFF;
		margin:0px;		
	}
	
	#tokusyuu-mid{
		background: url(img/tokusyuu_waku.gif) repeat-y;
		padding:3px;
		height:189px;
		font-size:10px;
		text-align:center;
	}
	
	#tokusyuu-mid img.tokusyuu-sum{
	width:168px;
	height:157px;
	}
	
	#tokusyuu h3 {
		font-size:12px;
		font-weight:bold;
		margin:3px;
		text-align:center;
	}
	
	#tokusyuu-splitline {
		background: url(img/tokusyuu_split_line.gif);
		width: 90%;
		height: 3px;
	}	
	
	#tokusyuu-bot {
		background: url(img/tokusyuu_bottom.gif) no-repeat;
		width: 176px;
		height: 5px;
	}
	
	
		/* PICK UP！*/
	#pickup{
		clear:both;	
		width:176px;
		font-size:10px;
		line-height:130%;
		margin-bottom:8px;
		margin-top:7px;
	}
	
	#pickup h3{
		height:17px;
		background: url(img/contents_title_back.gif) no-repeat;
		padding:6px 10px 0px 20px;
		margin:0px;
		font-size:12px;
		font-weight:bold;
		color:#666666;
	
	}

	#pickup table{
		border-collapse:collapse;
		margin-top:8px;
	}

	#pickup th,td{
		padding:2px;
		vertical-align:top;
	}

	#pickup h4 {
		font-size:10px;
		font-weight:bold;
		margin-left:3px;
		white-space:nowrap;
		margin-bottom:0px;
	}	
	
	#pickup .note {
		font-size:10px;
		margin-left:3px;
		text-align:left;
		margin-top:0px;
		line-height:normal;
	}	
	
	#pickup-splitline{
		background-image: url(img/split_line.gif);
		height:1px;
		width:176px;
		clear:both;
		margin-top:5px;
	
	}
	

	/*モバイル版紹介*/

	#mobile {
		clear:both;
	width:170px;
	border:solid 1px #888;
	display:block;
	padding:2px;
	margin-top:10px;
	}
	
	#mobile h3 {
		font-size:12px;
		font-weight:bold;
		text-align:center;
		color: #FFFFFF;		
		padding:0px;
		margin:0px;
	}

	#mobile table {
	width:100%;
	}
	
	#mobile th{
	background: #888;
	margin-top:3px;
	}
	
	#mobile .note {
		font-size:60%;
		margin-top:5px;
		text-align:left;
	}	


	/*スノーボードショップランダム紹介*/

	#shoprandom {
		clear:both;
	width:176px;
	margin-top:15px;
	padding-bottom:10px;
	}



/* メイン上中部 */
#maintop {
	width: 602px;
	margin-top:3px;
	margin-right:0px;
	line-height:normal;
		float: right;
}


	/*トップ写真ランダム紹介*/

	#topphotorandom {
	width:auto;
	height:auto;
	margin-bottom:0px;
	padding-bottom:0px;
	float: left;
	text-align:center;
	clear:both;
	}
	
	#topphotorandom img{
	width:398px;
	height:264px;
	padding:1px;
	border:solid 1px #888;
	}
	

	/*更新情報*/

	#update {
		float: right;
		width:195px;
		margin:0px 0px 0px 3px;
	}

	#update h3{
		margin-top:0px;
		height: 24px;
		width: 195px;
		background: url(img/update_title.gif) no-repeat;
		font-size:12px;
		font-weight:bold;
		color:#1B6896;
		padding-top:7px;
		padding-left:10px;
		}



	#update-mid{
		margin-top:-19px;
		background: url(img/update_waku.gif) repeat-y;
		height:240px;
		text-align:center;
		}



	#update-bot {
		margin-top:0px;
		background: url(img/update_bottom.gif) no-repeat;
		width: 195px;
		height: 4px;
		}


	/* メイン中部（バナー広告枠） */
	#mainbnrmid {
		float:right;
		margin-top:7px;
		margin-right:0px;
		width: 602px;
		background: url(img/middle_bnr_back.gif) no-repeat;
		text-align:center;
		padding-top:6px;
		padding-bottom:6px;
			}

/* メイン下部 */
#mainbot {
	margin-top:7px;
	margin-right:0px;
	width: 602px;
	height:auto;
	line-height:normal;
	float: right;
}


/* メイン下部ニュース */
#mainbotnews {
	width: 602px;
	height:auto;
	float: left;
	margin:0px;
}


	/*ニュースRSS*/

	#news {
		width:602px;
		margin:0px;
	}

	#news-top {
		background: url(img/top_news_title.gif) no-repeat;
		height: 35px;
		width: 602px;
	}

	#news h3{

		font-size:12px;
		font-weight:bold;
		color:#FFFFFF;
		float: left;
		margin:11px 0px 0px 45px;
		}

	#news p{
		margin:0px;
		}

	#news .n-ichiran a{
		font-size:10px;
		color:#FFFFFF;
		float:right;
		margin:10px 5px 0px 0px;
		}

	#news-mid{
		background: url(img/news_waku.gif) repeat-y;
		margin:0px;
		}

	#news-pr{
		width:588px;
		background-color:#FFFFCC;
		margin:0px 0px 0px 5px;
		padding:0px 0px 0px 5px;
		text-align:left;
		font-size:12px;
		line-height:130%;
		}
		
	#news-rss{
		margin:0px 0px 0px 5px;
		padding:0px;
		width: 592px;
		height:300px;
		overflow:auto;
		text-align:left;
	background-image: url();
		}
		
	#news-bot {
		background: url(img/top_news_bottom.gif) no-repeat;
		width: 602px;
		height: 5px;
		}
		
		
/* 我RSS */
img.wareclass_image {height:55px;}
.wareclass_title {font-size:12px;}
.wareclass_text_col {padding:0;}
.wareclass_new_icon {padding: 0 0 0 5px;}
		


/* メイン下部左 */
#mainbotleft {
	width: 452px;
	height:auto;
	float: left;
	margin:0px;
}

	/*ライダーブログRSS*/

	#blog {
		width:452px;
		margin:5px 0px 0px 0px;
	}

	#blog-top {
		background: url(img/top_blog_title.gif) no-repeat;
		height: 35px;
		width: 452px;
		margin:0px;	
	}

	#blog h3{

		font-size:12px;
		font-weight:bold;
		color:#FFFFFF;
		float: left;
		margin:11px 0px 0px 45px;
		}

	#blog p{
		margin:0px;
		}

	#blog .b-ichiran a{
		font-size:10px;
		color:#FFFFFF;
		float:right;
		padding:10px 8px 0px 0px;
		}

	#blog-mid{
		clear:both;
		background: url(img/blog_rss_waku.gif) repeat-y;
		margin:0px;
		}
		
	#blog-rss{
		margin:0px 0px 0px 8px;
		width: 439px;
		height:330px;
		overflow:auto;
		text-align:left;
		font-size:12px;
		line-height:120%;
		color:#666666;
	background-image: url();
		}
		
	#blog-rss-gyoukai{
		margin:0px 0px 0px 8px;
		width: 439px;
		height:287px;
		overflow:auto;
		text-align:left;
		font-size:12px;
		line-height:120%;
		color:#666666;
	background-image: url();
		}		
		
	#blog-bot {
		background: url(img/top_blog_rss_bottom.gif) no-repeat;
		width: 452px;
		height: 5px;
		padding-bottom:0px;
		}

	#blog-bot-gyoukai {
		background: url(img/top_blog_rss_bottom.gif) no-repeat;
		width: 452px;
		height: 5px;
		padding-bottom:12px;
		}


/* メイン下部右 */
#mainbotright {
	width: 143px;
	float: right;
	line-height:normal;
	margin-top:5px;
	margin-right:0px;
}


	/*heavysnowker shopアイテム紹介*/

	#hsshop {
	width:143px;
	border:solid 1px #888;
	}
	
	#hsshop h3 {
		font-size:12px;
		font-weight:bold;
		text-align:center;
		color: #FFFFFF;		
		padding:0px;
		margin:0px;
	}

	#hsshop table {
	width:100%;
	}
	
	#hsshop th{
	background:#008080; /*#008080*/
	padding-top:3px;
	border:solid 1px #888;
	}
	
	#hsshop-mid{
		font-size:11px;
		text-align:center;
		line-height:120%;
		}
		
	#hsshop-ichiran{
		margin:5px 0px 0px 0px;
		font-size:11px;
		text-align:right;
		}

	/*天気予報コム*/

	#tenki {
	clear:both;
	width:140px;
	text-align:center;
	margin-top:7px;
	}
	
	/*余白バナー*/

	#yohaku-bnr {
	clear:both;
	width:140px;
	text-align:center;
	margin-top:7px;
	}


/* Google AdSense */
#google {
	width: 786px;
	text-align:center;
	margin: 0px 0px 8px 0px;
}



/* フッター */
#footer {
	clear:both;
	width: 786px;
	height:auto;
	margin: 12px 0px 0px 0px;
}

	/* フッターＡＤ（バナー広告） */
	#footer-ad {
		clear:both;
		background: url(img/bottom_bnr_back.gif) no-repeat;
		width: 785px;
		text-align:center;
		padding-top:5px;
		padding-bottom:10px;
	}
	
	
	#footer p {
		margin:0px;
		font-size:12px;
		line-height:150%;
		text-align:center;
		padding-bottom:7px;
	}

	#copyright {
		clear:both;
		width: 785px;
		font-size:10px;
		color:#FFFFFF;
		font-family:Verdana;
		background-color:#009CE8;
		height: 18px;
		text-align:center;
		line-height:16px;
		margin:0px;
	}
	

/* スカイスクレイパー */
#skyscraper {
	text-align:center;
	width:160px;
	height:600px;
	position:absolute;
	top:30px;
	left:810px;
}


/* 掲示板 */
	.bbs td{
	font-size:13px;
	line-height:120%;
	padding:5px;
	border-spacing:5px;
	text-align:left;
	}








