@charset "utf-8";
@import url("button.css");

*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6,
pre, form, label, fieldset, p, blockquote, th, td, button {
 margin: 0;
 padding: 0
 }
body {
	color: #444;
	/*font-family: arial,sans-serif;*/
	font-family:Arial,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','MS PGothic',"Helvetica Neue",Helvetica,sans-serif;
	background: url(../img/tmpl_2010/body_bg_bottom.jpg) left bottom;

	/*font-size: 10px;*/
}

h1, h2, h3, h4, h5, h6, input, select, option, textarea {
 font-size: 100%;
 font-weight: normal;
 }
ol, ul, li{
 list-style: none;
 }
/*em, strong, */th {
 font-style: normal;
 font-weight: normal;
 }
table {
 border-collapse: collapse;
 border-spacing: 0;
 }
small { font-size:80%;}
fieldset, img {
 border: 0;
 }
.cl {
	clear: both;
}

/* 共通 */
.mgt5 {
	margin-top: 5px;
}
.font150 {
	font-size: 1.5em;
	font-weight: bold;
	padding: 0 4px;
}

/* リンク・ボタン */
a {
	margin: 0;
	padding: 0;
	color: #666600;
}
a:hover {
	text-decoration: none;
}
a.btn01 { /* 有効なお気に入り・DLリストボタン */
	display: block;
	width: 160px;
	height: 20px;
	border: #990000	1px solid;
}
a.btn01:hover {
	border: #edb8b8 1px solid;
}
span.btn01 { /* 有効なお気に入り・DLリストボタン */
	display: block;
	width: 160px;
	height: 20px;
	border: #999 1px solid;
}
a.btn02 {
	display: block;
	width: 140px;
	height: 20px;
	border: #990000	1px solid;
}
a.btn02:hover {
	border: #edb8b8 1px solid;
}
	

/* レイアウト */
body {
	width: 100%;
	text-align: left;
	background: url(../img/tmpl_2010/subcol_bg.jpg) repeat-y;
}
#wrapper {
	width: 100%;
	position: relative;
}
#maincol {
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
#maincol_inner {
	margin-left: 315px;
}
#subcol {
	width: 320px;
	/*padding-left: 100px;*/
	color: #fff;
	background: url(../img/tmpl_2010/siteid.jpg) no-repeat left top;
	position: absolute;
	top: 0;
	left: 0;
}
	body#chs #subcol { background-image:url(../img/tmpl_2010/siteid_chs.jpg);}
	body#chc #subcol { background-image:url(../img/tmpl_2010/siteid_chc.jpg);}
	body#kor #subcol { background-image:url(../img/tmpl_2010/siteid_kor.jpg);}

/* サブカラム */
#siteid { margin-left:95px;}
#subcol #siteid a {
	width: 220px;
	height: 220px;
	display: block;
	text-indent: -9999px;
}
  #subcol a { color:#E0E0E0;}
		
/* 検索 */
dl#search {
	width: 200px;
	margin: 10px 0 10px 100px;
	padding: 0 5px 15px 5px;
	background: url(../img/tmpl_2010/subcol_border.gif) no-repeat center bottom;
}
dl#search #dt_search {
	background: url(../img/tmpl_2010/dt_search.gif) no-repeat 2px top;
	margin-bottom: 4px;
	text-indent: 22px;
	background-image:url(../img/icon_2010/magnifier.png);
	line-height:16px;
}
dl#search #idKeyword {
	width: 200px;
	border: #000 1px solid;
	background: #ccc;
	color: #666;
	padding: 0;
	margin: 0;
}
	dl#search dd select.search_same_width {
		width:140px;}
dl#search .outer {
	overflow: hidden;
	margin-top: 8px;
	font-size: 0.9em;
}
#btn_advanced {
	float: left;
	color: #fff;
	width: 130px;
	height: 18px;
	line-height: 18px;
	margin: 0;
	padding: 0 3px 0 15px;
	background: url(../img/tmpl_2010/more.gif) no-repeat 3px center;
	border: #000 1px solid;
}
#btn_search {
	/*float: right;*/
	width: 58px;
	height: 18px;
	line-height: 18px;
	border: none;
	color: #fff;
	font-weight: bold;
	margin: 0;
	background: url(../img/tmpl_2010/btn_search.jpg) no-repeat left top;
}
#btn_search:hover {
	background: url(../img/tmpl_2010/btn_search.jpg) no-repeat left -18px;
}
dl#category, dl#resort_search {
	clear: both;
	width: 200px;
	margin: 10px 0 10px 100px;
	padding: 0 5px 10px 5px;
	/*text-indent: -9999px;*/
	background: url(../img/tmpl_2010/subcol_border.gif) no-repeat center bottom;
}
dl#category #dt_category {
	text-indent: 22px;
	margin-bottom: 4px;
	background: url(../img/tmpl_2010/dt_category.gif) no-repeat 2px top;
	background-image:url(../img/icon_2010/sitemap_color.png);
	line-height:16px;
}
dl#category dd {
	padding: 8px;
	border: #000 1px solid;
	background: #222;
	overflow:auto;
}
  dl#category dd a {  text-decoration:none !important;}
  
dl#resort_search dt {
	text-indent: 22px;
	margin-bottom: 4px;
	background: url(../img/icon_2010/map_go.png) no-repeat 2px top;
	line-height:16px;
}
  
#links {
	width: 200px;
	margin: 5px 5px 20px 105px;
	background: #525252;
	padding:10px 0;
}
#links p {
	padding: 10px 0 0 20px;
}
#links a img {
	padding: 10px 20px;
}

/* メインカラム */

  /* ヘッダ */
		#header {
			height: 46px;
		}
		#header a, #header form {
			font-size: 0.9em;
			float: right;
			padding-top: 20px;
			margin-left: 8px;
		}

		/* マイアカウント */
		#my_account {
			clear: both;
			height: 150px;
			padding-left: 15px;
			border-left: #b1990c 8px solid;
			background: url(../img/tmpl_2010/my_account_bg.png) repeat-x;
		}
		#my_account dt, #my_account dd {
			float: left;
			margin: 4px;
		}
		#my_account .box {
			/*float: left;*/
			/*width: 300px;*/
			height: 116px;
			/*margin-right: 14px;*/
			border: #ccc 1px solid;
			background: #f3f3f3;
		}
		#my_account .box dl {
			line-height: 1.2em;
		}
			#my_account .box dl { _line-height:20px; } /* IE6で文字の上下が切れる問題に対処 */
			
		#my_account dt, #my_account dd {
			float: left;
			margin-left: 10px;
		}
		.mypage {
			padding-left: 22px;
			min-height: 18px;
			background: url(../img/tmpl_2010/mypage.gif) no-repeat left center;
		}
		.logout {
			padding-left: 22px;
			background: url(../img/tmpl_2010/login.gif) no-repeat left center;
		}
		#my_account .box_img {
			float: left;
			padding: 2px;
			margin-right: 4px;
			text-align: center;
			vertical-align: middle;
			width: 50px;
			height: 50px;
			background: #fff;
		}
		#my_account dt { font-weight:bold;} /* お気に入り、ダウンロードリストなどのタイトル */
		#my_account .table_img {   /* お気に入り・ダウンロード画像リスト */
			border-collapse:separate; 
			border-spacing:6px;
			margin:0 5px;}
		#my_account .table_img td {
			padding: 1px;
			text-align: center;
			vertical-align: middle;
			width: 56px;
			height: 56px;
			background: #fff;
			border:1px solid #DDD;
		}
		/* ログインボックス */
		#my_account #login_box {
			width:350px;
			clear:both;
		}
		
		#login_box table { margin-left:10px;}
		#login_box td { padding:3px;}
		
		#my_account_child { position:relative;}
		#my_account_download, #my_account_member { position:absolute;}
		#my_account_download {  }
		#my_account_member { left:295px;}
		
		.mgl7 {
			margin-left: 7px;
		}
		.link_favourite {
			clear: both;
		}
		.link_favourite span, .link_favourite input {
			font-size: 0.9em;
			margin: 0 0 0 10px;
		}
		
		/* フッタ */
		.gotop {
			clear: both;
			margin: 20px 0 0 20px;
			height: 16px;
			border-bottom: #900 5px solid;
		}
		.gotop a {
			float: right;
		}
		#footer {
			clear: both;
			font-size: 0.9em;
			margin: 10px 0 0 20px;
			height: 50px;
		}
		#footer a {
			margin-right: 10px;
			color: #333;
		}
		#footer p{
			margin-top: 5px;
			color: #900;
		}
		/* パンくず */
		#topicpath,#topicpath a { color:#999; }

/* 共通クラス */
table.pdg3 td, table.pdg3 th { padding:3px;}
table.pdg2 td, table.pdg2 th { padding:2px;}

/* 拍手ボタン */
.clap_button, .clap_done {
	display:inline-block;
	width:102px;
	height:27px;
	line-height:34px;
	text-align:right;
	cursor:pointer;
	background:url(../img/tmpl_2010/detail/webclap.png) no-repeat;
}
/* 拍手済みボタン */
.clap_done {
	cursor:default;
	background: url(../img/tmpl_2010/detail/webclap_off.png) no-repeat;
}
.clap_button span, .clap_done span { margin-right:8px; font-weight:bold;}


/* フォーム */
.formBox {
	/*clear: both;*/
	padding: 15px;
	/*margin-bottom: 30px;*/
	color: #666600;
	background: #f3f7d8;
	border: #cdcd88 1px solid;
}
.formBox h2 { margin-top:0 !important; margin-bottom:10px;}
.formBox h2 img { vertical-align:baseline; margin-right:5px;}
.formBox .box {
	/*background: #fff;*/
	text-align: center;
	margin-top: 15px;
	padding: 5px;
}
/* フォーム用テーブル */
.formTable1 { margin:0 auto;}
.formTable1 td, .formTable1 th { padding:4px; }
.text_err_msg { color:red; }

/* ページ送り */
.pagination {
	float: right;
	text-align: center;
}
.pagination li {
	display: inline;
	margin: 0;
	padding: 0;
}
.pagination b {
	display: -moz-inline-box; /* firefox2 */
	display: inline-block;
	padding: 0.25em 0.5em;
	color: #fff;
	background-color: #666600;
}
.pagination a {
	display: -moz-inline-box; /* firefox2 */
	display: inline-block;
	padding: 0.25em 0.5em;
	background-color: #f3f7d8;
	margin-left:3px;
}
.pagination a:link,
.pagination a:visited {
	background-color: #f3f7d8;
}
.pagination a:hover,
.pagination a:active {
	background-color: #cdcd88;
	color: #fff;
}

/**********************/
/*お知らせ一覧*/
/**********************/
dd#info_box{
	background			: url(../img/line_w.gif) bottom repeat-x;
}
dd#info_box table{
	background			: url(../img/bg_info.gif) repeat-y;
}
dd#info_box dl{
	padding				: 0px 0 16px 0;
}
dd#info_box th{
	font-size			: 18px;
	line-height			: 22px;
	color				: #9a0000;
	width				: 118px;
	text-align			: right;
	vertical-align		: top;
	padding				: 8px 16px 0px 0;
}
dd#info_box span{
	font-size			: 14px;
	color				: #9a0000;
}
dd#info_box td{
	text-align			: left;
	vertical-align		: top;
	padding-left		: 8px;
	padding				: 8px 0 0px 10px;
}
dd#info_box dt{
	font-weight			: bold;
	line-height			: 20px;
	font-size			: 14px;
}
dd#info_box dd a:link,
dd#info_box dd a:visited,
dd#info_box dd a:hover,
dd#info_box dd a:active{
	text-decoration		: underline;
}

#tab_title { 
	padding:0.5em 1em; }

#index_main_image {
	position:relative;
	display:block;
}
#index_main_image cite{
	font-style:normal;/* citeはitaric表示になるため */
	font-size:1em;
	background:#000;
	-moz-opacity:.65;/* もう少ないだろうけどNN用 */
	filter:alpha(opacity=65);/* IE用 */
	opacity:.65;/* Firefox,Safari,Opera用 */
	color:#fff;
	position:absolute;
	bottom:0px;
	left:0px;
	padding:6px;
	width:628px;
}
#index_main_image a { color:#CFF}
#index_main_image #btnClose, #index_main_image #btnOpen{
	position:absolute; 
	bottom: 0px;
	right:10px;
	z-index:5;
	color:white;
	cursor:pointer;
	text-decoration:underline;
	-moz-opacity:.50;/* もう少ないだろうけどNN用 */
	filter:alpha(opacity=50);/* IE用 */
	opacity:.50;/* Firefox,Safari,Opera用 */
	z-index:5;
}
	#btnClose img, #btnOpen img {
		vertical-align:middle;}
		
/* TOPページの新着サムネイル画像 */
p.thumb{ 
    float:left; 
    margin:3px;  
    border:#f3f7d8 4px solid;; 
    padding:2px; 
} 
p.thumb a{ 
    display:block; 
    float:left; 
    width:88px; 
    height:88px; 
    line-height:88px; 
    overflow:hidden; 
    position:relative; 
    z-index:1; 
} 
p.thumb a img{ 
    float:left; 
    position:absolute; 
    /*top:-25%;*/ 
    /*left:-25%;*/
} 

/* mouse over */ 

p.thumb a:hover{ 
    overflow:visible; 
    z-index:1000; 
    border:none; 
} 
p.thumb a:hover img{ 
    /*border:1px solid #999; */
    background:#fff; 
    padding:1px; 
} 

/* // mouse over */

#divMap { z-index:1001;} /* 左メニューの画像が下に回り込む問題解決 */

/* jQueryタブ用のスタイル指定 */
a[href='#tabs-1'], a[href='#tabs-2'],a[href='#tabs-3'],a[href='#tabs-4'],a[href='#tabs-5'],a[href='#tabs-6'] {font-size:12px !important;}