@charset "utf-8";
/* CSS Document */
/* よく登場する要素のリセット */
body , h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
        margin: 0;
        padding: 0;
        border: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        list-style-type: none;
}

/* 画像の下にできる隙間をなくす */
img {	vertical-align: bottom;}

/* リンク表示リセット */
a {
	color:#1A8CE6;
	text-decoration: underline;
	outline: none;
	overflow: hidden;
}
a:hover {	color:#FF8b17;}
a:focus { outline:none;}

/* table内の文字を通常フォントにする */
table {	font-size: 1.0em;}

/* */
* {
	line-height: 1.3;
}

/* font */
.font_14 { font-size: 14px;}
.font_bold { font-weight: bold;}
	
/* color */
.gray { color: #CCC;}
.red { color: #F00;}

/* float */
.left {	float: left;}
.right {	float: right;}

/* text */
.text_left { text-align:: left;}
.text_right {	text-align: right;}

/* body ----------------------------------------------------*/

body {
	font-family: "メイリオ", Meiryo, Osaka, "HG丸ゴシックM-PRO", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 12px;
	color: #333;
	background: url(../image/head_bg.gif) repeat-x top left;
	text-align: left;
	text-align: center;
}

/* #wrapper ----------------------------------------------------*/

div#wrapper {
	margin: 0 auto;
	width: 1000px;
	text-align: left;
}

/*-----------------------------------------------------------*/
/* header */
/*-----------------------------------------------------------*/

h1 {
	height: 16px;
	background: #1D9EC4;
	font-size: 10px;
	color: #FFFFFF;
	text-align:right;
}
h2 {
	width: 450px;
	height: 79px;
	background:url(../image/head_logo.gif) no-repeat top left;
}
h2 span {	display: none;}

/* ナビゲーション（#navi） ----------------------------------------------------*/

div#header ul li {
	float:left;
}
div#header ul li a { display: block;}
div#header ul li a:hover { background-color:transparent; }
div#header ul li a:hover img { visibility:hidden; }

div#header ul li.navi_top a:hover {
	background: url(../image/navi_top_over.gif) no-repeat left top;
}
div#header ul li.navi1 a:hover {
	background: url(../image/navi1_over.gif) no-repeat left top;
}
div#header ul li.navi2 a:hover {
	background: url(../image/navi2_over.gif) no-repeat left top;
}
div#header ul li.navi3 a:hover {
	background: url(../image/navi3_over.gif) no-repeat left top;
}
div#header ul li.navi4 a:hover {
	background: url(../image/navi4_over.gif) no-repeat left top;
}
div#header ul li.navi5 a:hover {
	background: url(../image/navi5_over.gif) no-repeat left top;
}
div#header ul li.navi6 a:hover {
	background: url(../image/navi6_over.gif) no-repeat left top;
}
div#header ul li.navi7 a:hover {
	background: url(../image/navi7_over.gif) no-repeat left top;
}
div#header ul li.navi8 a:hover {
	background: url(../image/navi8_over.gif) no-repeat left top;
}

/* #container ----------------------------------------------------*/

div#container {
	clear: both;
}

/* コンテンツ1 ----------------------------------------------------*/

div#contents1 {
	padding: 5px;
}

/* テキストナビ ----------------------------------------------------*/

div#text_navi {
	float: left;
	padding-top: 5px;
}
div#text_navi p a {
	text-decoration: underline;
}

/* ツールボックス --------------------------------------------------*/

div#tool_box {
	float:right;
}

/* ブックマーク ----------------------------------------------------*/

div#bookmark_s {
	background: url(../image/bkmark_s.gif) no-repeat top left;
	width: 187px;
	height: 24px;
	float: left;
}
div#bookmark_s ul {
	padding: 3px 0px 0px 88px;
}
div#bookmark_s ul li{
	float: left;
	margin-right: 6px;
	font-size: 12px;
}

/* RSS ----------------------------------------------------*/

div#rss_s {
	width: 57px;
	height: 23px;
	float: left;
	margin-left: 10px;
}

/* 文字サイズ ----------------------------------------------------*/

div#font_size {
	background: url(../image/title_font_size.gif) no-repeat center left;
	width: 180px;
	height: 26px;
	float: left;
	margin-left: 10px;
}
div#font_size ul {
	margin-left: 65px;
}
div#font_size ul li {
	float:left;
	margin-left:4px;
}
div#font_size li#midium a:hover {
	background: url(../image/btn_midium_over.gif) no-repeat;	
}
div#font_size li#big a:hover {
	background: url(../image/btn_big_over.gif) no-repeat;	
}
div#font_size a { display:block; }
div#font_size a:hover { background-color:transparent; }
div#font_size a:hover img { visibility:hidden; }

/* キーワード検索 ----------------------------------------------------*/

div#search_box {
	clear: both;
	background: url(../image/bg_search.gif) no-repeat center center;
	width: 1000px;
	height: 60px;
}
form#cse-search-box {
	position: relative;
	left: 350px;
	top: 17px; 
}
form#cse-search-box input {
	float: left;
}
input.text_area {
	width:300px;
	height: 17px;
	padding-top: 3px;
}
input.subimit_button {
	background: url(../image/btn_search.gif) no-repeat center center;
	width:67px;
	height:27px;
	margin-left: 10px;
	border:0 solid;
	cursor:pointer;
}
*html input.text_area {
	height: 23px;
	margin: 18px 0 0 350px;
}
*html input.subimit_button {
	margin-top: 16px;
	border:0 solid;
	cursor:pointer;
}

/* #top（タイトル） ----------------------------------------------------*/

div#top {
	background:url(../image/top_title.gif) no-repeat top left;
	width: 1000px;
	height: 80px;
	margin-top: 10px;
}
h3 {
	position: relative;
	top: 20px;
	left: 110px;
	font-size: 32px;
	font-weight: bold;
}

/* #top_ohter（タイトル） -----------------------------------------*/

div#top_other {
	background:url(../image/top_title2.gif) no-repeat top left;
	width: 1000px;
	height: 80px;
	margin-top: 10px;
}
h3 {
	position: relative;
	top: 20px;
	left: 110px;
	font-size: 32px;
	font-weight: bold;
}

/* #contents2 ----------------------------------------------------*/

div#contents2_bg {
	width: 1000px;
	background: url(../image/cont_bg_middle.gif) repeat-y top left;
	margin-top: 20px;
}

/* #contents2_top */

div#contents2_top {
	width: 100%;
	background: url(../image/cont_bg_top.gif) no-repeat top left;
}

/* #contents2_bottom */

div#contents2_bottom {
	width: 100%;
	background: url(../image/cont_bg_bottom.gif) no-repeat bottom left;
	padding-bottom: 20px;
}

/* #contents2_right */

div#contents2_right {
	width: 100%;
	min-height: 1300px;
	background: url(../image/cont_bg_img.gif) no-repeat bottom right;
}

*html div#contents2_right {
	height: 1300px;
}

/*-----------------------------------------------------------*/
/* main */
/*-----------------------------------------------------------*/

div#main_wrap {
	float: left;
	width: 784px;
}
*html div#main_wrap {
	width: 804px;
}
div.main {
	width: 100%;
	margin: 20px 0 0 20px;
	background: url(../image/main_box_2.gif) repeat-y top right;
}

/* .main_top */

div.main_top {
	background: url(../image/main_box_1.gif) no-repeat top right ;
	padding-top: 6px;
	widows: 100%;
}

/* .main_bottom */

div.main_bottom {
	background: url(../image/main_box_3.gif) no-repeat bottom right;
	widows: 100%;
	padding-bottom: 5px;
}

/* .main_box_wrap */

div.main_box_wrap {
	margin: 10px 15px 0px;
	width: 750px;
}

/* .main_box */

div.main_box {
	margin: 15px 5px 20px;
	width: 740px;
}

/*-----------------------------------------------------------*/
/* .side */
/*-----------------------------------------------------------*/

div.side_wrap {
	float: right;
	width: 150px;
	margin: 20px 20px 0 0;
}
div.side {
	width: 100%;
	background: url(../image/side_box_2.gif) repeat-y left 5px;
}
*html div.side {
	margin: 20px 10px 0 0;
}
/* .side_top */

div.side_top {
	background: url(../image/side_box_1.gif) no-repeat top left ;
	padding-top: 5px;
	widows: 100%;
}

/* .side_bottom */

div.side_bottom {
	background: url(../image/side_box_3.gif) no-repeat bottom left;
	widows: 100%;
	padding-bottom: 15px;
}

/* .side_box */

div.side_box {
	width: 144px;
	margin: 10px 0 0px 3px;
	background: url(../image/side_box2_2.gif) repeat-y top left;
}

/* .side_box_bottom */

div.side_box_bottom {
	background: url(../image/side_box2_3.gif) no-repeat bottom left;
	widows: 100%;
	padding-bottom: 8px;
}

/* エリアで探す ----------------------------------------------------*/

div.side_search {
	padding: 0px 8px 10px;
}
div.side_search dl.side_area dt {	/* １階層の表示 */
	background: url(../image/bg_orange.gif) no-repeat left top;
	height: 22px;
	margin-top: 10px;
	padding: 5px 0 0 10px;
	font-weight: bold;
	color: #FFFFFF;
}
div.side_search dl.side_area dd {	/* １階層の表示 */
	background: url(../image/arrow_gray.gif) no-repeat scroll 3px 3px; 
	margin: 3px 0px;
	padding-left: 18px;
}
div.side_search dl.side_area2 dt {	/* ２階層の表示 */
	background: url(../image/arrow_down.gif) no-repeat scroll 3px 3px; 
	margin: 3px 0px;
	padding-left: 18px;
}
div.side_search dl.side_area2 dd {	/* ２階層の表示 */
	background: url(../image/arrow_gray.gif) no-repeat scroll 16px 3px; 
	margin: 3px 0px;
	padding-left: 30px;
}

/* .side_box2 */

div.side_box2 {
	width: 144px;
	margin: 8px 0 0 3px;
	background: url(../image/side_box3_2.gif) repeat-y top left;
}

/* .side_box2_bottom */

div.side_box2_bottom {
	background: url(../image/side_box3_3.gif) no-repeat bottom left;
	widows: 100%;
	padding-bottom: 8px;
}

/* ブックマーク ----------------------------------------------------*/

div.side_bookmark {
	padding: 10px 5px 10px 5px;
}
div.side_bookmark ul.bookmark2 li {
	border-bottom: 1px solid #CCCCCC;
}

/* ブックマーク ----------------------------------------------------*/

div.side_rss {
	padding: 10px 5px 10px 5px;
}
div.side_rss ul li {
	background: url(../image/arrow_orange.gif) no-repeat scroll 8px 4px;
	padding-left: 25px;
	margin-bottom: 10px;
}

div.side_banner {
	margin-top: 10px;
}
/*-----------------------------------------------------------*/
/* #footer */
/*-----------------------------------------------------------*/

div#footer {
	width: 1000px;
	margin: 10px 0px;
	letter-spacing: 0.1em;
	color: #999999;
}

/* otherリンク */

div#footer div.text_link1 {
	padding: 10px 0px 5px;
	text-align: center;
	color: #999;
}

/* メニューリンク */

div#footer div.text_link2 {
	padding: 5px 0px 20px;
	color: #999999;
	font-size: 80%;
	text-align: center;
}
div#footer div.text_link2 a {
	color: #666666;
	text-decoration: none;
}

/* グループリンク */

div#footer div.group_link {
	width: 900px;;
	border-top: 1px solid #CCCCCC;
	text-align: center;
	padding: 20px 0 0 100px;
}
div#footer div.group_link ul {
	clear: both;
	margin-top: 5px;
}
div#footer div.group_link li {
	float:left;
	padding-right: 10px;
}
address {
	clear: both;
	padding: 10px 0px;
	text-align: center;
}


/*
div#footer div.group_left {
	float: left;
	width: 800px;
}
div#footer div.group_left ul {
	margin-top: 5px;
}
div#footer div.group_left li {
	float:left;
	padding-right: 10px;
}
div#footer .group_right {
	float:right;
	width:180px;
	font-size: 80%;
	text-align: right;
}
div#footer p {
	text-align: left;
}
div#footer p.bewave {
	color:#1D9EC4;
	font-weight:bold;
}
*/
/*-----------------------------------------------------------*/
/* 基本情報（詳細・検索共通）*/
/*-----------------------------------------------------------*/

/* スキー場の説明 */

.text_info {
	clear: both;
	letter-spacing: 0.1em;
}

/* 割合（グラフ）・ラベル*/

table.graph,
table.label {
	width: 100%;
	margin: 0 auto;
	border-collapse: collapse;
}
	.graph .bar_label1,
	.graph .bar_label2,
	.graph .bar_label3,
	.graph .bar_label4,
	.graph .bar_label5 {
	border: none;
	font-weight: bold;
}
	.graph .bar_label1 {	background: #6DD6F8;}
	.graph .bar_label2 {	background: #FFA2A2;}
	.graph .bar_label3 {	background: #666666;}
	.graph .bar_label4 {	background: #FFBA75;}
	.graph .bar_label5 {	background: #96DC74;}

table.label {
	margin-top: 3px;
	border: 1px solid #CCCCCC;
}
table.label td {
	border: none;
}
.label .box_blue {	color: #6DD6F8;}
.label .box_pink {	color: #FFA2A2;}
.label .box_gray {	color: #666666;}
.label .box_orange {	color: #FFBA75;}
.label .box_green {	color: #96DC74;}

*html table.table_info {
	width: 740px;
}

/* clearfix ----------------------------------------------------*/

.clearfix:after {  
  content: ".";  
  clear: both;  
  display: block;
	line-height: 0;
  height: 0;
  visibility: hidden;  
}  
* html .clearfix             { zoom: 1; } /* IE6 */  
*:first-child+html .clearfix { zoom: 1; } /* IE7 */