@charset "Shift_JIS";

/* ◆共通 */
body {
	width: 100%;
	margin: 0;
	padding: 0;
	background-color: #f0f0f0;
/*	background-size: 100% auto;*/
	background-size: cover;
	background-image: url("../img/pc_umiten_bg_03.jpg");
	font-family:'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #FFFFFF;
	-webkit-text-size-adjust: 100%;
}

a:link,
a:visited {
	color: #FFFFFF; 		/* リンクの色を変えない */
}

img {
	border-style:none;		/* 画像の枠線を消す */
	-ms-interpolation-mode: bicubic;	/* 拡大、縮小してもキレイに表示する */

/*	max-width: 100%;
	height: auto !important;*/
	max-width: 400px;
	/* 画像の下の隙間を消す*/
/*	vertical-align:bottom;	*/
}

/* ◆共通フォントサイズ設定 */
html { font-size: 62.5%; }
body { font-size: 14px; font-size: 1.4rem; }
h1	 { font-size: 17px; font-size: 1.7rem; margin: 0;}
h2	 { font-size: 16px; font-size: 1.4rem; margin: 0;}

h1.site_title{
    font-size: 11px;
    margin: 0;
    padding-bottom:5px;
    background: #b1c4e8;
    text-align: center;
}



/* ◆TOPタイトル*/
.top_title {
	width: 100%;
	height: 44px;
	text-align: center;
	padding-top: 5px; 		/* 上の余白 */
/*	background: #1F4CA1; */
	background: #b1c4e8;
	color: black;
	/* タイトル画像 */
/*
	background-image: url("../img/main_logo.png");
	background-repeat: no-repeat;
	background-position: 50% center;
	background-size:214px 46px;
*/
}


/* ◆TOPタイトル PC用*/

.top_title_pc {
	width: 100%;
	height: 44px;
	text-align: center;
	padding-top: 5px; 		/* 上の余白 */
/*	background: #1F4CA1; */
	background: #b1c4e8;
	color: black;
	/* タイトル画像 */
/*
	background-image: url("../img/main_logo_pc.png");
	background-repeat: no-repeat;
	background-position: 50% center;
*/
}

.top_title_pc img, .top_title img{
	width:170px;
}

/* ◆TOPタイトル スマホ 会員用*/
.top_title_member {
	width: 100%;
	height: 62px;
	text-align: center;
	background: #B1C5E8;
	/* タイトル画像 */
	background-image: url("../img/main_logo.png");
	background-repeat: no-repeat;
	background-position: 50% center;
	background-size:214px 46px;
}

.top_title_member a{
	display:block;
	height: 72px;
}

.top_title_member span {
	visibility: hidden;
}

/* ◆TOPタイトル PC 会員用*/
.top_title_pc_member {
	width: 100%;
	height: 72px;
	text-align: center;
	background: #B1C5E8;
	/* タイトル画像 */
	background-image: url("../img/main_logo_pc.png");
	background-repeat: no-repeat;
	background-position: 50% center;
}

.top_title_pc_member a{
	display:block;
	height: 72px;
}

.top_title_pc_member span {
	visibility: hidden;
}

/* ◆TOPタイトル ガラケー会員用*/
.top_title_keitai_member {
	width: 100%;
	height: 60px;
	text-align: center;
	padding-top: 10px; 		/* 上の余白 */
	background: #094300;
}

.top_title_keitai_member a{
	position: absolute;
	display:block;

	width: 40px;
	height: 30px;
	top: 20px;
	right: 30px;

	text-decoration: none;	/* 下線を消す */
}

.top_title_keitai_member span {
	visibility: hidden;
}


/* 背景画像をリンク可能とする */
.top_title_nologin a {
	position: absolute;
	display:block;

	width: 48px;
	height: 38px;
	top: 12px;
	right: 20px;

	background-image: url("../img/nologin.png");
	background-repeat: no-repeat;
	background-size: 48px 38px;
	text-decoration: none;	/* 下線を消す */
}

/* 背景画像をリンク可能とする */
.top_title_verified a {
	position: absolute;
	display:block;

	width: 48px;
	height: 38px;
	top: 12px;
	right: 20px;

	background-image: url("../img/login.png");
	background-repeat: no-repeat;
	background-size: 48px 38px;
	text-decoration: none;	/* 下線を消す */
}

.top_title span {
	visibility: hidden;	/* 仮の文字を表示しないようにする */
}

/* TOP画面PR用帯 */
.top_pr_title {
	font-size:14px;
	font-weight: bold;

	color: #000000;
	/* background: #64A0DF; オリジナルの青*/
	background: #FCE444;

	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 10px 10px 10px;
	text-align: center;
	vertical-align: middle;
}

.top_more_pr_title {
	font-size:14px;
	font-weight: bold;

	color: #000000;
	/* background: #64A0DF; オリジナルの青*/
	background: #FF6377;

	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 10px 10px 10px;
	text-align: center;
	vertical-align: middle;
}

/* TOP画面PR用テーブル */
.top_pr_table {
	width: 100%;
	table-layout:fixed; /* 中身の幅を均一で */
	margin: 0;
	padding: 0px;		/* 上下の余白 */

	/* background: #E5EDF9; オリジナルの薄い青 */
	background: #FEF7C4;
	border-collapse: collapse;	/* 境界線を重ねて表示 */
}

.top_pr_table td{
	border: 1px #BCCCDB solid; /* セルの枠線 */
}

.top_pr_table .cell {
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;
}

.top_pr_table a:link,
.top_pr_table a:visited {
	color: #000000; 		/* リンクの色を変えない */
}

.top_pr_table .pr_image {
	float: left;
	width: 70px;
	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 5px 10px 10px 10px;
}

.top_pr_table h3 {

	font-size:14px;
	font-weight: bold;

	color: #000000;
	text-decoration: underline;	/* 下線を引く */

	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 5px 0px 5px;
}

.top_pr_table p {
	font-size:10px;
	color: #000000;

	/* 背景の余白（top, right, bottom, left） */
	padding:0px 10px 5px 10px;
}

.top_more_pr_table {
	width: 100%;
	table-layout:fixed; /* 中身の幅を均一で */
	margin: 0;
	padding: 0px;		/* 上下の余白 */

	/* background: #E5EDF9; オリジナルの薄い青 */
	background: #FFC0CB;
	border-collapse: collapse;	/* 境界線を重ねて表示 */
}

.top_more_pr_table td{
	border: 1px #BCCCDB solid; /* セルの枠線 */
}

.top_more_pr_table .cell {
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;
}

.top_more_pr_table a:link,
.top_more_pr_table a:visited {
	color: #000000; 		/* リンクの色を変えない */
}

.top_more_pr_table .pr_image {
	float: left;
	width: 70px;
	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 5px 10px 10px 10px;
}

.top_more_pr_table h3 {

	font-size:14px;
	font-weight: bold;

	color: #000000;
	text-decoration: underline;	/* 下線を引く */

	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 5px 0px 5px;
}

.top_more_pr_table p {
	font-size:10px;
	color: #000000;

	/* 背景の余白（top, right, bottom, left） */
	padding:0px 10px 5px 10px;
}



ul.top_list_name{
	list-style: none;
	margin: 0 auto;
	padding: 0 12px 0 0;
}

ul.top_list_name.area_child{
	max-width:160px;
	line-height:100%;
	margin-bottom:3px;
}

ul.top_list_name.area_chugoku{
	width:130px;
}

ul.top_list_name.genre_child{
	width:225px;
	line-height:100%;
	margin-bottom:0;
}


ul.top_list_name.genre_child.pc_genre_child{
	width:100%;
}

ul.top_list_name li {
    display: inline-block;
    font-size: 10px;
    font-weight:nomal;
    color: #888;
    margin: 0;
    padding: 0;
}

ul.top_list_name li a:link,
ul.top_list_name li a:visited {
    font-size: 10px;
    color: #888;
    font-weight:nomal;
    margin: 0;
    padding: 0;
}


div.top_list_name{
	list-style: none;
	margin: 0 auto;
	padding: 0 0 0 0;
}

div.top_list_name.area_child{
	max-width:160px;
	line-height:100%;
	margin-bottom:3px;
}


div.top_list_name.area_child.pc_area_child{
	max-width:none;
}


div.top_list_name.area_chugoku{
	width:130px;
}

div.top_list_name.genre_child{
	width:225px;
}


div.top_list_name span {
    display: inline-block;
    font-size: 10px;
    font-weight:nomal;
    color: #888;
    margin: 0;
    padding: 0;
}

div.top_list_name span a:link,
div.top_list_name span a:visited {
    font-size: 10px;
    color: #888;
    font-weight:nomal;
    margin: 0;
    padding: 0;
}



/* ◆共通タイトル*/
.common_title {
	text-align: center;
	font-weight: bold;
	padding: 7px;	/* 上下の余白 */

	/* 背景グラデーション表示 */
	background: #b1c4e8;
	color: black;
}

.common_title a {
	position: absolute;
	display:block;

	width: 44px;
	height: 26px;
	left: 10px;
	top: 12px;

	background-image: url("../img/back2.png");
	background-repeat: no-repeat;
	text-decoration: none;	/* 下線を消す */
	background-size: 44px 26px;
}

.common_title span {
	visibility: hidden;	/* 仮の文字を表示しないようにする */
}

.common_title_pc {
	text-align: center;
	font-weight: bold;
	padding: 7px;	/* 上下の余白 */

	/* 背景グラデーション表示 */
	background: #b1c4e8;
	color: black;
}

/* 長いタイトルは左ボタン分を開ける */
#common_title_long {
	/* 背景の余白（top, right, bottom, left） */
	padding: 7px;
}

.common_title_pc a {
	position: absolute;
	display:block;

	width: 50px;
	height: 30px;
	left: 10px;
	top: 16px;

	background-image: url("../img/back2.png");
	background-repeat: no-repeat;
	text-decoration: none;	/* 下線を消す */
	background-size: 50px 30px;
}

.common_title_pc span {
	visibility: hidden;	/* 仮の文字を表示しないようにする */
}


.landing_title {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding: 10px;	/* 上下の余白 */

	/* 背景グラデーション表示 */
	background: #b1c4e8;
	color: black;
}

/* ヘッダ ◆コース情報*/
.course_address {
	text-align: left;
	vertical-align: middle;
	font-size: 13px;
	width: 100%;
	margin: 0;
	padding: 4px;		/* 上下の余白 */
	background: #1766DD;
}
.course_address .icon {
	width: 16px;
	height: 16px;
}

.course_address div {
	text-align: right;	/* 右寄せ */
}

.course_address_pc {
	text-align: left;
	vertical-align: middle;
	font-size: 15px;
	width: 100%;
	margin: 0;
	padding: 4px;		/* 上下の余白 */
	background: #1766DD;
}
.course_address_pc .icon {
	width: 20px;
	height: 20px;
}

.course_address_pc div {
	text-align: right;	/* 右寄せ */
}

/* ヘッダ◆トピックス */
.topics_link_waku {
	padding-top: 2px;
	padding-bottom: 2px;
}

.topics_link {
	width: 100%;
	margin: 0;
	color: #000000;
	text-align: center;	/* 中央寄せ */

	font-weight: bold;
	font-size: 14px;

	overflow : hidden;			 /* 表示できない部分は表示しない */
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 5px 5px 5px;

	/* 背景の透過 */
	/*background-color: rgba(255,255,255,0.4);*/
	background-color: #FFFFFF;
	/* IEだけ個別にfilterで背景を透過させる */
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);

/*
	filter:alpha(opacity=50);
	-moz-opacity:0.50;
	-khtml-opacity: 0.50;
	opacity:0.50;
*/
}

.topics_link .title{
	font-size: 16px;
	text-decoration: underline;
	vertical-align: middle;

/*	text-shadow:1px 1px 1px black;*/	/* Android対応 強調表示*/
/*
	background-image: url("../img/golfball.png");
	background-repeat: no-repeat;
	background-position: 2% center;
*/
}

.topics_link .arrow {
	width: 10px;
}


/* ◆画像AD */
.image_ad_link .iframe {
	height: 40px;
}

/* ◆画像AD */
.top_ad_link {
    width: 100%;
    /*background: #E3F2DA;   */
    color: #5C5C5C;
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 0px 0px 0px;
}

/* ◆テキストAD */
.text_ad_link {
	width: 100%;
	margin: 0;
	color: #EC7343;
	text-align: center; /* 中央 */
	vertical-align: middle;
	font-size: 14px;
	font-weight: bold;
	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 0px 0px 0px 0px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 5px 5px 5px;
	background-color:#FFFFFF;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity:0.95;
}

/* フッタ ◆リンク*/
#footer
{
	text-align: center;
	/* 背景の余白（top, right, bottom, left） */
/*	padding: 15px 0px 5px 0px;*/
}

a.footer_link			/* 通常リンク */
{
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;	/* 下線を消す */
}

a.footer_link:link,
a.footer_link:visited {
	color: #FFFFFF; 		/* リンクの色を変えない */
}

a.footer_link:hover 	/* カーソルが上にある時のリンク */
{
	color: #FFFF00;
}

.footer_separator		/* セパレータ文字 */
{
	font-size: 12px;
	color: #FFFFFF;
}

.foot_tag_link{
    font-size: 14px;
	color: #FFFFFF;
}

.foot_tag_link h2{
    font-size: 14px;
    margin:0px;
    padding:0px;
}

.foot_tag_link ul{
    padding:0px;
    margin:0px;
}

.foot_tag_link ul li{
    display:inline-block;
    padding:0px 10px;
    margin:0;
}

.site_discription{
    font-size: 14px;
	color: #FFFFFF;
    margin:15px 10px;
}

.footer
{
	background-color: #b1c4e8;
	/* http://hac-design.com/css/margin.html */
	/* 背景の余白（top, right, bottom, left） */
	padding: 15px 0px 5px 0px;
	color: black;
}


.footer_up_btn {

	width: 100px;
	/* ボタンサイズはpaddingで指定 */
	font-size:14px;
	line-height:30px;
	text-align: center;
	font-weight: bold;

	border:solid 0px ;	/* ボタンの境界線 */
	border-radius:4px;

	text-decoration: none;	/* 下線を消す */

	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 0px 10px 0px 10px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 30px 5px 30px;

	color: #000000;
	background: #107BFF;
}

.footer_top_btn {

	width: 100px;
	/* ボタンサイズはpaddingで指定 */
	font-size:14px;
	line-height:30px;
	text-align: center;
	font-weight: bold;

	border:solid 0px ;	/* ボタンの境界線 */
	border-radius:4px;

	text-decoration: none;	/* 下線を消す */

	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 0px 10px 0px 10px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 6px 20px 6px 20px;

	color: #000000;
	background: #107BFF;
}

p.copyright
{
	font-size: 12px;
	color: #FFFFFF;
}

/* ◆このエリアの広域天気予報を見る */

/* ◆ゴルフ気象情報　タブ */
.course_weather_tab_wrap{
	background:#fff;
	padding: 3px 2px;
}
.course_weather_table {
	width: 100%;
	border-collapse: collapse;
	border:none;
	background:#fff;
	box-sizing: border-box;
	/* height: 63px; 画像の高さは62pxだが、63pxにしておかないと下にはみ出る */
}
.course_weather_table tr{
	margin:0px;
}
.course_weather_table td{
	text-align:center;
	margin:0px;
	padding:2px 0;
}
.course_weather_table td a{
	display:block;
	line-height:0px;
}
.course_weather_table img{
	width: 95%;
	height: auto;
	max-width:140px;
}

.course_weather_table_pc {
	width: 100%;
	margin: 0;
	padding:6px;
	background:#fff;
/*
	display: box;	/* IEが非対応の為、以下div内でfloat:leftする。 */
}

.course_weather_table_pc td{
	text-align:center;

}

.course_weather_table_pc td a{
	display:block;
	line-height:0px;
}

.course_weather_table_pc img{
	width: 100%;
	height: auto;
	max-width:95px;
}

/* ◆このエリアの広域天気予報を見る */
a.widelink {
	display: block;
	width: 100%;			/* 全体をリンクにする */
	height: 100%;			/* 全体をリンクにする */
	text-decoration: none;	/* 下線を消す */
	font-size: 14px;
}

a.width_widelink {
	display: block;
	width: 100%;			/* 全体をリンクにする */
	text-decoration: none;	/* 下線を消す */
	font-size: 14px;
}

.course_weather_link{
	background:#DBEDFF;
}


.spot_address_wrapper{
	background:#FFF;
}

.course_weather_link_header,.spot_address_header{
	text-align:center;
	font-size: 14px;
	font-weight: bold;
	margin-top:10px;
	padding: 5px 5px 5px 5px;
	background: #ABdDFF;
 	color: #000;
}

.neighbor_weather_link_list{
	background:#fff;
	padding:5px 0px;
}

.course_weather_link .neighbor_city_name{
	color:#666;
	text-decoration: underline;
	display:inline-block;
	margin:0px 5px 5px 5px;
}


.course_weather_link table {
	width: 100%;
	margin: 0;
	color: #FFFFFF;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 5px 5px 0 5px;		/* 上下の余白 */

	/* 背景グラデーション表示 */
	background: #DBEDFF;		/* グラデーション表示不可の場合の初期値 */
	color: #000;
	
	/**
	filter:progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1',GradientType='0',StartColorStr='#33CC99',EndColorStr='#00CC33');
	background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#00CC33));
	background: -moz-linear-gradient(top, #33CC99, #00CC33);

	border-top:solid 1px #51636F;

	-pie-background: linear-gradient(top, #33CC99, #00CC33);
	background: linear-gradient(to bottom, #33CC99, #00CC33);
	behavior:url("../PIE.htc");
	*/
}

.course_weather_link table .left{
	width: 35px;
	text-align: left;
}

.course_weather_link table .left img.cityicon{
	width: 28px;
}

.course_weather_link table .text{
	text-align: left;
}

.course_weather_link table .text img{
	vertical-align: bottom;
	margin: 0 0 0 5px;
}

.course_weather_link table .right{
	width: 20px;
	text-align: right;
}

.spot_address_wrapper .spot_address_box{
	text-align:center;
	color:#000;
}

.spot_address_wrapper .spot_address_box a,.map_address a{
	padding:5px 15px 5px 45px;
	background:#4285f4 url("../img/icon/google-maps.png") no-repeat;
	background-size: 31px 31px;
	background-position: 8px;
	border-radius:8px;
	text-align:center;
	display:inline-block;
	margin-top:10px;
	margin-bottom:10px;
}

.map_address{
	width:300px;
	background:#fff;
	color:#000;
	margin:0 auto;
}
.map_address h2{
	padding-top:5px;
	font-size:16px;
}


/* ◆マイホームコース */
.my_home_course_btn {
	background-color: transparent;
	text-align: center;
	/* 背景の余白（top, right, bottom, left） */
	padding: 15px 0px 10px 0px;
}

.my_home_text {
	font-style: normal;
	font-weight: bold;
	color: #222222;
}

.my_home_course_btn img {
	vertical-align: middle;
}

/* マイホームコースへ追加ボタン */
.my_home_course_btn .add_btn,
.my_home_course_btn .del_btn {

	width: 100px;
	/* ボタンサイズはpaddingで指定 */
	font-size:14px;
	line-height:30px;
	text-align: center;
	font-weight: bold;

	color: #000000;
	border:solid 0px ;	/* ボタンの境界線 */

	text-decoration: none;	/* 下線を消す */

	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 10px 10px 10px 10px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 7px 52px 7px 78px;

	/* 背景に矢印アイコンを置きつつ、グラデーション表示 */
	background: #C5C5C5;	/* IEはグラデーションなし */
	background-image: url("../img/myhomecourseicon.png"); /* IE */
	background: url("../img/myhomecourseicon.png"), -webkit-gradient(linear, left top, left bottom, from(#ECEDF0), to(#C5C5C5)); /* Chrome,Safari */
	background-repeat: no-repeat;
	background-position: 18% center;
	/* 影（横方向のずれ、下方向のずれ、ぼかし具合、影の色） */
	-webkit-box-shadow:1px 2px 1px #3C5822;

	border-radius:4px;

	/* ieハック */
	behavior:url("http://www.umitenki.jp/PIE.htc");
}

/* 一部カスタマイズ*/
.my_home_course_btn .del_btn {
	/* 背景の余白（top, right, bottom, left） */
	padding: 7px 45px 7px 72px;
	background-position: 16% center;
}


.my_home_course_btn a:link,
.my_home_course_btn a:visited {
	color: #000000; 		/* リンクの色を変えない */
}

/* ◆マイホームコース｜Q&A良くあるご質問 */
/* トップ画面用 */
.my_home_qa_btn_top {
	background : #9BC7E2;
	text-align: center;
	/* 背景の余白（top, right, bottom, left） */
	padding: 2px 0px 5px 0px;
}

/* それ以外用 */
.my_home_qa_btn {
	background-color: transparent;
	text-align: center;
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 6px 0px;
}

.my_home_btn, .qa_btn, .cities_search_link_btn  {
	text-align: center;
	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 0px 0px 0px 0px;
}

/* ◆週間天気予報 */
.week_yohou_title {
	margin: 0;
	color: #000000;
	background: #FFFFFF;

	font-weight: bold;
	font-style: normal;

	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;	/* 境界線を重ねて表示 */

	font-size: 16px;
	padding: 10px;
	color: #ffffff;

	/* 背景グラデーション表示 */
	background: #336EAF;		/* グラデーション表示不可の場合の初期値 */

	filter:progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1',GradientType='0',StartColorStr='#3F81CB',EndColorStr='#295D96');
	background: -webkit-gradient(linear, left top, left bottom, from(#3F81CB), to(#295D96)); /* Chrome,Safari */
	background: -moz-linear-gradient(top, #3F81CB, #295D96);

	-pie-background: linear-gradient(top, #3F81CB, #295D96);
	/* IE10 */
	background: linear-gradient(to bottom, #3F81CB, #295D96);

	/* ieハック */
	behavior:url("http://www.umitenki.jp/PIE.htc");
}


.week_yohou {
	width: 100%;
	table-layout:fixed; /* 中身の幅を均一で */
	margin: 0;
	color: #000000;
	background: #FFFFFF;

	font-weight: bold;
	font-style: normal;

	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;	/* 境界線を重ねて表示 */
}

.week_yohou caption {
	width: 100%;
	margin: 0;
	color: #000000;
	background: #FFFFFF;

	font-size: 14px;
	font-weight: bold;
	font-style: normal;

	text-align: center;
	vertical-align: middle;

	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 0px 5px 0px;
	color: #ffffff;
	background: #1766DD;

}

.week_yohou td {
	font-size: 10px;
	border-right: 1px #FFFFFF solid;/* セルの右の境界線 */
}

.week_yohou .tenki_img img {
	width: 30px;
}

.week_yohou .tenki {
	height: 40px;		/* 天気アイコンの表示高さ */
}

/* 平日 */
.week_yohou .date_title {
	color: #ffffff;
	background: #15232C;
}

.week_yohou .tenki_title {
	color: #ffffff;
	background: #51636F;
}

.week_yohou .kion_title {
	color: #000000;
	background: #90B6CD;
}

.week_yohou .kousui_title {
	font-size: 10px;		/* これだけ小さい字にしておく */
	color: #000000;
	background: #BFD0DA;
}

.date_normal, .date_sat, .date_sun, .kion_data, .kousui_data {
	background: #ffffff;	/* セルの背景色 */
}

.saitei {
	color: #096EFE
}

.saikou {
	color: #FF3639;
}

/* 土曜 */
.week_yohou .Sat{
	color: #096EFE
}

/* 日曜 */
.week_yohou .Sun {
	color: #FF3639;
}

/* 祝日 */
.week_yohou .holiday {
	color: #FF3639;
}

/* ◆1時間、3時間毎の天気予報 */
.hour_yohou_tab {
	width: 100%;
	table-layout: fixed; 	/* 中身の幅を均一で */
	height: 10px;		/* この２つの値を揃えないと、 */
	line-height: 10px;	/* テキストが中央に表示されない */

	color: #000000;
	text-align: center;
	font-size: 12px;
	font-weight: bold;

	border-collapse: collapse;	/* 境界線を重ねて表示 */
	background: #104281;
}

.hour_yohou_tab .tab_header {
	/* 背景グラデーション表示 */
	background: #7C94B2;	/* IEはグラデーションなし */
	filter: progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1', GradientType='0', StartColorStr='#819CBC', EndColorStr='#758AA4'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#819CBC), to(#758AA4)); /* Chrome,Safari */
}

.hour_yohou_tab td {
	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 5px 5px 0px 5px;

	vertical-align: middle;
	border-top:solid 6px #104281;		/* セルの枠線 */
	border-left:solid 8px #104281;		/* セルの枠線 */
	border-right:solid 8px #104281;		/* セルの枠線 */
	border-radius: 16px 16px 0px 0px;	/* 角丸 */
}

.hour_yohou_tab .cell {
	padding: 7px;		/* 上下の余白 */
}

.hour_yohou_tab a,
.hour_yohou_tab a:visited {
	color: #FFFFFF; 			/* 文字の色を変えない */
}

/* アクティブなタブだけ色が異なる */
.hour_yohou_tab .active {
	background: #FF8906;
}

.hour_yohou_tab .active .cell {
	color: #FFFFFF; 			/* 文字の色 */
}

.hour_yohou_tab_contents {
	padding: 0px;
	margin:  0px;
	text-align: center;
	background:#FFFFFF;
}

.hour_yohou_tab_contents .oneHour, .hour_yohou_tab_contents .threeHours {
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;
}

.hour_yohou_element {
	background: #EEEEEE;
}

.hour_yohou {
	clear:both;
	width: 100%;
	table-layout:fixed; /* 中身の幅を均一で */
	margin: 0;
	padding: 0;
	color: #000000;

	font-size: 10px;
	font-weight: bold;
	font-style: normal;

	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;	/* 境界線を重ねて表示 */

/*	border: 1px #c7c7c7 solid;*/
}

/* タイトル行 */
.hour_yohou th {
	background: #48D1CC;
	height: 18px;
	font-size: 10px;
}

.hour_yohou td {
	height: 24px;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	border: 1px #c7c7c7 solid;	/* セルの下の境界線 */
	/*border-left: 1px #c7c7c7 solid;*/
}

.hour_yohou td div.surise_sunset_wrapper{
	/*margin:20px 0 0 0;*/
}

.hour_yohou td div.surise_sunset_wrapper div{
	/*color: #626262;*/
}

.hour_yohou td div.surise_sunset_wrapper div.small_font{
/*	font-size: 0.8em;*/
	display: inline;
}

.hour_yohou em {
	font-size: 0.5em;
	line-height: 0.5em;
	font-style: normal;
	font-weight: normal;
}

/* 風向きアイコンの表示幅、高さ */
.wind_img {
	width: 20px;
	height: 20px;
}

/* 平日：日付のカラム */
.hour_yohou .date {
	color: #ffffff;
	background: #A0A0A0;
	border-color: #A0A0A0;
	/*border:none;*/
	/*border-bottom: 1px #c7c7c7 solid;	*//* セルの下の境界線 */
}

/* 平日：日付以外のカラム */
.hour_yohou .etc {
	color: #000000;
	background: #EEEEEE;
	line-height:110%;
}

/* 土曜 */
.hour_yohou .Sat .date{
	background: #4790FF;
}

.hour_yohou .Sat .etc{
	background: #EAF4FE;
}

/* 日曜 */
.hour_yohou .Sun .date {
	background: #FD514F;
}

.hour_yohou .Sun .etc{
	background: #FFEAE9;
}

/* 祝日 */
.hour_yohou .holiday .date{
	background: #FD5151;
}

.hour_yohou .holiday .etc{
	background: #FFEAE9;
}

/* 画像を真ん中に */
.hour_yohou img{
	vertical-align: middle;
}

/* スプライト画像を真ん中に */
.hour_yohou span{
	vertical-align: middle;
}

/* ◆有料会員への勧誘 */
.invite_member {
	text-align: center;
	vertical-align: middle;
	font-size: 12px;
	margin: 0;
	padding: 3px;		/* 上下の余白 */
	color: #686868;
	background: #E7E7E7;
}

.invite_member a:link,
.invite_member a:visited {
	color: #686868; 		/* リンクの色を変えない */
}

.invite_member_arrow {
	text-align: center;
	color: #000000;
	background: #C7C7C7;
}

.invite_member_arrow a:link,
.invite_member_arrow a:visited {
	color: #000000; 		/* リンクの色を変えない */
}

.invite_member_support {
	text-align: center;
	font-size: 12px;
	color: #686868;
	background: #E7E7E7;
}

.invite_member_support a:link,
.invite_member_support a:visited {
	color: #000000;
}


.about_kousuiryo {
	text-align: center;
	font-size: 12px;
	color: #666;
	background: #C7C7C7;
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 0px 5px 0px;
}

.about_kousuiryo a:link,
.about_kousuiryo a:visited {
	color: #666; 		/* リンクの色を変えない */
}

.about_myhomecourse {
	text-align: center;
	font-size: 12px;
	color: #000000;
	background: #C7C7C7;
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 0px 5px 0px;
}

.about_myhomecourse a:link,
.about_myhomecourse a:visited {
	color: #000000; 		/* リンクの色を変えない */
}

/* ◆追尾型バナー */
.homing_banner {
	position: fixed;
	bottom: 0px;
	left: 0px;
	right: 0px;
	width:100%;
}

.dummybox {
	height: 50px;
}

/* ◆TOPページ */
/* ◆ゴルファーの為のゴルフ場気象検索 */
.search_title, .common_sub_title {
	width: 100%;
	margin: 0;
	color: #000000;
	background: #FFFFFF;

	font-size: 14px;
	font-weight: bold;
	font-style: normal;

	text-align: center;
	vertical-align: middle;

	/* 背景の余白（top, right, bottom, left） */
	padding: 0px;
	color: #ffffff;

	/* 背景グラデーション表示 */
	background: #3E76AC;		/* グラデーション表示不可の場合の初期値 */

	filter:progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1',GradientType='0',StartColorStr='#4C85BB',EndColorStr='#2F669C');
	background: -webkit-gradient(linear, left top, left bottom, from(#4C85BB), to(#2F669C)); /* Chrome,Safari */
	background: -moz-linear-gradient(top, #4C85BB, #2F669C);

	-pie-background: linear-gradient(top, #4C85BB, #2F669C);
	/* IE10 */
	background: linear-gradient(to bottom, #4C85BB, #2F669C);

	/* ieハック */
	behavior:url("http://www.umitenki.jp/PIE.htc");
}

.search_title h2 {
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 0px 3px 0px;
	font-size: 1.5rem
}

.search_title h2 span.normal_small_text{
	font-size:12px;
	font-weight:normal;
	margin:0 0 0 5px;
}

.golten_link_title{
	width: 100%;
	margin: 0;
	color: #000000;
	background: #FFFFFF;

	font-size: 14px;
/*	font-family: 'ＭＳ Ｐゴシック',sans-serif;*/
	font-weight: bold;*/
	font-style: normal;

	text-align: center;
	vertical-align: middle;
	padding: 5px 0px 5px 0px;
	color: #ffffff;

	/* 背景の余白（top, right, bottom, left） */
	background: #3A6C54;		/* グラデーション表示不可の場合の初期値 */

	filter:progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1',GradientType='0',StartColorStr='#588B7D',EndColorStr='#1C4D2D');
	background: -webkit-gradient(linear, left top, left bottom, from(#588B7D), to(#1C4D2D)); /* Chrome,Safari */
	background: -moz-linear-gradient(top, #588B7D, #1C4D2D);

	-pie-background: linear-gradient(top, #588B7D, #1C4D2D);
	/* IE10 */
	background: linear-gradient(to bottom, #588B7D, #1C4D2D);

	/* ieハック */
	behavior:url("http://www.umitenki.jp/PIE.htc");
}

.common_sub_title_left {
	width: 100%;
	box-sizing: border-box;		/* paddingがはみ出る対策 */
	-webkit-box-sizing: border-box;	/* Android 用*/
	margin: 0;
	color: #000000;
	background: #FFFFFF;

	font-size: 14px;
	font-weight: bold;
	font-style: normal;

	text-align: left;
	vertical-align: middle;

	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 5px 5px 5px;
	color: #ffffff;
	background: #1766de;
}

.search_result {
	width: 100%;
	box-sizing: border-box;		/* paddingがはみ出る対策 */
	-webkit-box-sizing: border-box;	/* Android 用*/
	margin: 0;
	color: #000000;
	background: #FFFFFF;

	font-size: 14px;
	font-weight: bold;
	font-style: normal;

	text-align: left;
	vertical-align: middle;

	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 10px 10px 20px;
	color: #000000;
	background: #E5EDF9;
}

.search_no_result{
	text-align: center;
	font-size: 1.2em;
	font-weight:bold;
	color: #FFFF00;
	margin: 30px 0;
}

.search_input {
	width: 100%;
	color: #000000;
	/*background: #64A2DF;*/
	background : #E5EDF9;

	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 0px 0px 0px 0px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 3px 0px 3px 0px;

}

div.form_wrapper{
  width:70%;
  margin:0 auto;
}

dl.search_form{
	position:relative;
	text-align:left;
	margin:8px 0;
}

dl.search_form dt{
	padding:0 10px;
	width:100%;
	margin:0;
	padding:0;
}

dl.search_form dt .search_word {
	height: 34px;
	width: 88%;
	/*border:1px solid;*/
	border-right:0;
	border-radius: 5px 0px 0px 5px;
	margin:0;
	padding:0;
	/* コンテンツ間の余白（top, right, bottom, left） */
}

dl.search_form dd{
	position:absolute;
	top:0px;
	right:0px;
	width:12%;
	margin:0;
	padding:0;
}

.search_input .search_btn {
	width: 48px;
	height:36px;
	border-radius: 0;
	margin:0;
	padding:0;
}
/* ◆TOP 台風トピック */
div.typhoon_alert{
  width:100%;
  background-color: #FFFFFF;
  margin: 7px 0;
  padding: 5px 0;
  border-top:1.5px solid #61A4A8;
  border-bottom:1.5px solid #61A4A8;
}

div.typhoon_alert{
  position:relative;
}

div.typhoon_alert a{
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  text-decoration:none;
}

table.typhoon_info{
  width:100%;
  text-align:left;
}

span.typhoon_img img{
	vertical-align: bottom;
}

span.typhoon_text{
  color: #000000;
  font-size:1.1em;
  position:relative;
}

span.typhoon_text_arrow{
  color: #000000;
  font-size:1.1em;
  font-weight:bold;
}



/* ◆TOP エリアテーブル */
.top_area {
	width: 100%;
	table-layout:fixed; /* 中身の幅を均一で */
	color: #000000;
	font-weight: bold;
	margin: 0;
	padding: 0px;		/* 上下の余白 */
	border-collapse: collapse;	/* 境界線を重ねて表示 */
	background: #E5EDF9;
}
.top_area tr{
	vertical-align: top;
}

.top_area .top_area_td.area_hokkaido{
	vertical-align: middle;
}

.top_area td{
	height: 30px;
	border: 1px #BCCCDB solid; /* セルの枠線 */
}

.top_area .top_area_td{
	text-align:center;
}

.top_area .cell {
	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 0px 10px 8px;
	font-size: 16px;
}
.top_area h3.cell {
	/* 背景の余白（top, right, bottom, left） */
	margin:0px;
	padding: 10px 0px 10px 8px;
	font-size: 16px;
}

.top_area .top_area_td h3.cell{
	text-align:center;
	padding: 0;
}



.top_area a:link,
.top_area a:visited {
	color: #000000; 		/* リンクの色を変えない */
}



/* ◆TOP マップリンク */

.map_link {
	width: 100%;
	table-layout:fixed; /* 中身の幅を均一で */
	color: #000000;
	font-weight: bold;
	margin: 0;
	padding: 0px;		/* 上下の余白 */
	border-collapse: collapse;	/* 境界線を重ねて表示 */
	background: #FFFFFF;
}
.map_link tr{
	vertical-align: middle;
}

.map_link td{
	height: 30px;
	/*border: 1px #BCCCDB solid;*/ /* セルの枠線 */
}

.map_link .cell {
	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 0px 10px 8px;
	font-size: 16px;
}

.map_link a:link,
.map_link a:visited {
	color: #000000; 		/* リンクの色を変えない */
}

.map_link_button {
	position:relative;
	border:1px solid #C0C0C0;
	border-radius:10px;
	margin:5px auto;
	padding:2px;
	/*max-width:280px;*/
	width:92%;
	color:#000;
	font-weight:bold;
	text-align:center;
	line-height:100%;
}

.map_link_button table{
	margin:0 auto;
}

.map_link_button table tr td img{
	margin:0 10px;
	vertical-align:top;
}

.map_link_button table tr td{
	font-size:12px;
	vertical-align:middle;
}

.map_link_button table tr td span{
	font-size:20px;
}

.map_link_button a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/*Top市町村天気予報へ*/
.cities_search_link_btn_top {
	background : #E5EDF9;
	text-align: center;
	/* 背景の余白（top, right, bottom, left） */
	padding: 2px 0px 5px 0px;
}

.cities_search_link_btn_top p {
	background : #E5EDF9;
	text-align: center;
	color:#000000;
	margin:0;
	padding: 0;
}

.cities_search_link_button {
	position:relative;
	border:1px solid #C0C0C0;
	border-radius:18px;
	background-color:#FFF;
	margin:10px auto;
	padding:4px;
	max-width:280px;
	color:#000;
	font-weight:bold;
	font-size:20px;
}

.cities_search_link_button a{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.cities_search_link_button img{
	margin:0 10px;
	vertical-align:middle;
}

/*海天気予報から市区町村天気予報へ*/
/*釣り地点の市区町村へのリンクデザイン*/
div.city_row_link {
	width: 100%;

	overflow : hidden;		 /* 表示できない部分は表示しない */
	vertical-align: middle;
	height:40px;				/* この２つの値を揃えないと */
	line-height:40px;			/* 縦位置中央に表示されない */
	background:#E5EDF9;

	/* 背景に矢印アイコンを置く */
	background-image: url("../img/arrow_bl.png");
	background-repeat: no-repeat;
	background-position: 96% center;

	border-bottom: 1px #BCCCDB solid; /* セルの枠線 */
}

div.city_row_link .text{
	width: 85%;					/* 右の矢印部分を考慮 */
	color: #000000;
	font-weight: bold;
	text-align: left;
	vertical-align: middle; 	/* これで縦位置中央 */
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 20px;
	font-size: 14px;
}

div.city_neibor_links_bg{
	background:#E5EDF9;
	color: #000000;
	padding:20px 0px 20px 20px;
}

div.city_neibor_links_bg a{
	color: #000000;
}

/* ◆TOP その他の気象情報 */
.other_info {
	width: 100%;
	table-layout:fixed; /* 中身の幅を均一で */
	margin: 0;
	padding: 0;		/* 上下の余白 */
	border-collapse: separate;
	background: #E5EDF9;
	border-spacing: 0 15px;
}

.other_info tr td{
	vertical-align: top;
	text-align: center;
}

.other_info tr td a{
	text-decoration: none;
}
.other_info tr td img{
	width:80%;
	max-width:200px;
}

.other_info tr td h3{
	font-size:1.4rem;
	margin:0px;
	padding:0px;
	color:#000;
}

.other_info tr td figcaption{
	color: #000000;
	font-weight: bold;
}

.other_info_desc{
	font-size:11px;
	color:#666;
	width: 80%;
    max-width: 200px;
    margin:0 auto;
}


/* ◆普段も使える気象情報 */
.public_weather_title {
	width: 100%;
	margin: 0;
	color: #000000;
	background: #FFFFFF;

	font-size: 14px;
/*	font-family: 'ＭＳ Ｐゴシック',sans-serif;*/
	font-weight: bold;*/
	font-style: normal;

	text-align: center;
	vertical-align: middle;
	padding: 5px 0px 5px 0px;
	color: #ffffff;

	/* 背景の余白（top, right, bottom, left） */
	background: #3A6C54;		/* グラデーション表示不可の場合の初期値 */

	filter:progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1',GradientType='0',StartColorStr='#588B7D',EndColorStr='#1C4D2D');
	background: -webkit-gradient(linear, left top, left bottom, from(#588B7D), to(#1C4D2D)); /* Chrome,Safari */
	background: -moz-linear-gradient(top, #588B7D, #1C4D2D);

	-pie-background: linear-gradient(top, #588B7D, #1C4D2D);
	/* IE10 */
	background: linear-gradient(to bottom, #588B7D, #1C4D2D);

	/* ieハック */
	behavior:url("http://www.umitenki.jp/PIE.htc");
}

.public_weather {
	width: 100%;
	background: #51865C;
}

.tenkizu_btn {
	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 12px 4px 0px 0px;
}
.taifu_btn {
	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 12px 0px 0px 4px;
}
.pub_yohou_btn {
	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 4px 0px 10px 0px;
}

/*Top姉妹サイト*/
.golten_link_background {
	background : #E6FFE9;
	text-align: center;
	/* 背景の余白（top, right, bottom, left） */
	padding: 2px 0px 5px 0px;
}

/* ◆共通リスト */
.common_link {
	width: 100%;
	color: #000000;
	text-align: left;	/* 左寄せ */
	font-size: 15px;
	font-weight: bold;
	border: 1px #BCCCDB solid; /* セルの枠線 */
	border-collapse: collapse;	/* 境界線を重ねて表示 */
	background:#E5EDF9;
}

.common_link .text, .accordion_below .common_link .text{
	/* 背景の余白（top, right, bottom, left） */
	padding: 8px 0px 8px 20px;
}

.common_link .arrow_icon, .accordion_below .common_link .arrow_icon{
	text-align: right;	/* 右寄せ */
	/* 背景の余白（top, right, bottom, left） */
	padding: 4px 10px 0px 0px;
}

.common_link tr {
	border: 1px #BCCCDB solid; /* セルの枠線 */
}

.common_link td {
	cursor: pointer;	/* ポインターにする */
}

/* ◆共通アコーディオンリスト */
.accordion {
	padding: 4px 10px;		/* 上下の余白 */
	background: #1766de;
	font-weight: bold;
	font-size: 14px;
	background-image: url("../img/arrow_wh2.png");
	background-repeat: no-repeat;
	background-position: 96% center;

	border-bottom: 1px #FFFFFF solid; /* セルの枠線 */
	cursor: pointer;	/* ポインターにする */
}

.accordion.acc_citysearch{
/*	background-color:#aaddff;*/
	background-color:#dbedff;
	background-image: url("../img/arrow_bl3.png");
	background-repeat: no-repeat;
	background-position: 96% center;
	padding: 5px;
	color:#333;
	text-align:center;
}

.accordion_below {
	width: 100%;
	color: #000000;
	border-bottom: 1px #FFFFFF;
	background: rgba(255,255,255,1);
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.accordion a:link,
.accordion a:visited {
	color: #FFFFFF; 		/* リンクの色を変えない */
}

.course_list_wrap{
	background:#fff;padding:15px 10px 5px 20px; border-bottom:1px #ddd solid;
}

.course_div{
	width:100px; border-left:3px solid #00346f; padding:0px 7px; color:#00346f; font-weight:bold;
}

.course_list_box{
	margin:10px 0 0 0;
}

.course_link_block{
	display:inline-block; margin-right:10px;margin-bottom:10px;
}

.course_link_block a{
	color:#333;
}

/* ◆TOPジャンル検索アコーディオンリスト */
.genre_accordion {
	padding: 3px;		/* 上下の余白 */
	background: #E5EDF9;
	color: #000000;
	font-weight: bold;
	font-size: 14px;
	background-image: url("../img/plus_button.png");
	background-repeat: no-repeat;
	background-position: 96% center;
	text-align:center;

	border-bottom: 1px #FFFFFF solid; /* セルの枠線 */
	cursor: pointer;	/* ポインターにする */
}

.genre_accordion_below {
	width: 100%;
	color: #000000;
	border-bottom: 1px #FFFFFF;
}
.genre_accordion a:link,
.genre_accordion a:visited {
	color: #FFFFFF; 		/* リンクの色を変えない */
}

.genre_accordion h3{
	color: #000000;
	font-weight: bold;
	font-size: 16px;
	margin:0px;
	padding:0px;
}

/* ◆トピックス */
.topics_frame {
	margin: 3px;		/* 上下の余白 */
/*	height:100%; */
	border:solid 2px #91AC7C;
	border-radius: 1em;

	/* 背景の透過 */
	background-color: rgba(0,0,0,0.3);
	/* IEだけ個別にfilterで背景を透過させる */
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#44000000,EndColorStr=#44000000);
}

.topics_title {
	color: yellow;
	font-size: large;
	font-weight: bold;
	text-align: center;
}

.topics_contents {
	margin: 8px;		/* 上下の余白 */
	font-size: 1.4rem;
	-webkit-text-size-adjust: 100%;
}

/* ◆天気図 タブ*/
.weathermap_tab,
.pubweather_tab {
	width: 100%;
	table-layout:fixed; 	/* 中身の幅を均一で */
	height: 20px;		/* この２つの値を揃えないと、 */
	line-height: 20px;	/* テキストが中央に表示されない */

	color: #000000;
	text-align: center;
	font-size: 14px;
	font-weight: bold;

	margin: 0;
	/* 背景の余白（top, right, bottom, left） */
	padding: 8px 0px 8px 0px;

	border-collapse: collapse;	/* 境界線を重ねて表示 */

	/* 背景グラデーション表示 */
	background: #E1EDF8;		/* グラデーション表示不可の場合の初期値 */

	filter: progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1', GradientType='0', StartColorStr='#FEFEFE', EndColorStr='#BED8F1'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#FEFEFE), to(#BED8F1)); /* Chrome,Safari */
	background: -moz-linear-gradient(top, #FFFFFF, #BED8F1);

	-pie-background: linear-gradient(top, #FEFEFE, #BED8F1);
	/* IE10 */
	background: linear-gradient(to bottom, #FEFEFE, #BED8F1);

	/* ieハック */
	behavior:url("http://www.umitenki.jp/PIE.htc");
}

/* 一般天気だけカスタマイズ */
.pubweather_tab {
	font-size: 13px;
}

.weathermap_tab td,
.pubweather_tab td {
	vertical-align: middle;
	border: 1px #BCCCDB solid; /* セルの枠線 */
	height: 30px
}

.weathermap_tab .cell,
.pubweather_tab .cell {
	/* 背景の余白（top, right, bottom, left） */
	padding: 8px 0px 8px 0px;
}

.weathermap_tab a,
.weathermap_tab a:visited,
.pubweather_tab a,
.pubweather_tab a:visited {
	color: #000000; 			/* 文字の色を変えない */
}

/* アクティブなタブだけ色が異なる */
.weathermap_tab .active,
.pubweather_tab .active {
	/* 背景グラデーション表示 */
	background: #1660BF;		/* グラデーション表示不可の場合の初期値 */

	filter: progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1', GradientType='0', StartColorStr='#238BFF', EndColorStr='#0B3F8E'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#238BFF), to(#0B3F8E)); /* Chrome,Safari */
	background: -moz-linear-gradient(top, #238BFF, #0B3F8E);

	-pie-background: linear-gradient(top, #238BFF, #0B3F8E);
	/* IE10 */
	background: linear-gradient(to bottom, #238BFF, #0B3F8E);

	/* ieハック */
	behavior:url("http://www.umitenki.jp/PIE.htc");
}

.weathermap_tab .active .cell,
.pubweather_tab .active .cell {
	color: #FFFFFF; 			/* 文字の色 */
}

.tab_contents {
	padding: 20px;
	margin:  0px;
	text-align: center;
	background:#393939;
}

/* ◆週間天気図 */
.weathermap_contents {

	padding:0;
	margin:0;
	overflow: hidden;		/* floatによるレイアウト崩れを回避する */

	font-weight: bold;
	background:#393939;
}

.weathermap_list {
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 20px 0px 20px;
	width:100%;
}

.weathermap_list li{
	list-style-type: none;
	float:left; 			/* リストを横並びに */
	text-align: center;
	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 10px 10px 10px 10px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;
	color: #FFFFFF; 			/* 文字の色 */
	font-size: 14px;
}

/* ◆動画シミュレーション */
.simu_link {

	border:solid 2px ;		/* 境界線 */
	border-color : #424141;
	font-size:12px;
	font-weight: bold;
	text-align: center;
	/* 背景の余白（top, right, bottom, left） */
	padding: 20px 0px 0px 0px;

	background:#393939;
}

/* 動画シミュレーションボタン */
.simu_btn {

	/* ボタンサイズはpaddingで指定 */
	font-size:14px;
	color:white;
	line-height:30px;
	text-align: center;
	font-weight: bold;

	border:solid 0px ;	/* ボタンの境界線 */
	border-radius:4px;

	text-decoration: none;	/* 下線を消す */


	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 40px 5px 40px;

	/* 背景に矢印アイコンを置きつつ、グラデーション表示 */
	background: #379DCF;	/* IEはグラデーションなし */
	background: url("../img/arrow_right.png"), -webkit-gradient(linear, left top, left bottom, from(#45B9EE), to(#2478A7)); /* Chrome,Safari */
	background-repeat: no-repeat;
	background-position: 90% center;
}

.simu_btn:visited {
	color: #FFFFFF; 		/* リンクの色を変えない */
}

.simu_text {

	/* 背景の余白（top, right, bottom, left） */
	padding: 4px 0px 10px 0px;
}

.next_updatetime_title {

	border:solid 0px ;		/* 境界線 */
	border-color : #424141;

	background:#2D2727;

	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 0px 10px 0px;
}

.next_updatetime {
	font-size:16px;
	color: #EDCB04; 		/* リンクの色を変えない */
}

.about_updatetime {

	text-align: right;
	border:solid 0px ;		/* 境界線 */
	border-color : #424141;

	background:#393939;

	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 20px 10px 0px;
}

/* 更新予定時刻についてボタン */
.about_updatetime_button {

	/* ボタンサイズはpaddingで指定 */
	font-size:12px;
	color:white;
	line-height:30px;
	font-weight: bold;

	border:solid 0px ;	/* ボタンの境界線 */

	text-decoration: none;	/* 下線を消す */

	/* 背景グラデーション表示 */
	background: #707070;	/* IEはグラデーションなし */
	filter: progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1', GradientType='0', StartColorStr='#7D7D7D', EndColorStr='#636363'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#7D7D7D), to(#636363)); /* Chrome,Safari */

	/* 背景の余白（top, right, bottom, left） */
	padding: 3px 10px 3px 10px;

	right; 0;
}

.about_updatetime_button:visited {
	color: #FFFFFF; 		/* リンクの色を変えない */
}

/* ◆天気図　動画シミュレーション */
.simulation {
	width: 100%;
	text-align: center;
	/* 背景の余白（top, right, bottom, left） */
	padding: 20px 0px 20px 0px;
	background:#393939;
}

.clear		   { clear: both; }
.hide		   { display: none; }

/* ◆天気図　週間予想天気図 */
.week_tenkizu {
	padding:0;
	margin:0;
	vertical-align: middle;

	background:#393939;
	/* 背景の余白（top, right, bottom, left） */
	padding: 20px 0px 20px 0px;
}

.week_tenkizu table {
	width: 100%;
	height: 280px;
}

.week_tenkizu table .cell {
	width: 10%;

	height:280px;				/* この２つの値を揃えないと */
	line-height:280px;			/* 縦位置中央に表示されない */
	vertical-align: middle; 	/* これで縦位置中央 */

	display: inline;			/* 横位置中央はこの指定 */
	text-align: center;			/* これで横位置中央 */
}

.week_tenkizu .left_arrow {
	width: 30px;
	text-align: center;
	background: #555555;
}

.week_tenkizu .left_arrow_hide {
	width: 30px;
	text-align: center;
	background: #393939;
}

.week_tenkizu .tenkizu {
}

.week_tenkizu .right_arrow {
	width: 30px;
	text-align: center;
	background: #555555;
}


/* ◆天気図　週間予想天気図　フリッカブル */
.tenkizu .viewport {
	width: 280px;		/* １つの画像を表示する幅。画像と同じ幅を指定 */
	overflow: hidden;
	margin: 0 auto;
}

.tenkizu .flipsnap {
	width: 1800px; /* 280px(item width) + 20px (right margin) * 6(item count) */
}

.tenkizu .item {
	float: left;
	height: 280px;		/* 日付も含めた高さ */
	width: 280px;		/* １つの画像の幅 */
	font-size: 14px;
	font-weight: bold;
	text-align: right;

	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 0px 20px 0px 0px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;

	background: #393939;
	border: 0px solid #999;
	color: #FFFF00;
}

/* ◆天気図の更新予定時間 */
.update_time {
	color: #FFFFFF;
	background: #393939;
}

.update_time .title {
	color: #FFFF00;
}

.update_time .index {
	color: #FFA500;
}

/* 天気図画像 */
.week_tenkizu .item img, .tab_contents .tenkizu img {
	height: 256px;
	width: 280px;
}

.tab_contents img {
	height: 280px;
	width: 280px;
}

.common_row_link {
	width: 100%;

	overflow : hidden;			 /* 表示できない部分は表示しない */
	vertical-align: middle;
	height:40px;				/* この２つの値を揃えないと */
	line-height:40px;			/* 縦位置中央に表示されない */
	background:#393939;

	/* 背景に矢印アイコンを置く */
	background-image: url("../img/arrow_wh.png");
	background-repeat: no-repeat;
	background-position: 98% center;

	border-bottom: 1px #FFFFFF solid; /* セルの枠線 */
}

.common_row_link .text{
	width: 85%;					/* 右の矢印部分を考慮 */
	color: #FFFFFF;
	font-weight: bold;
	text-align: left;
	vertical-align: middle; 	/* これで縦位置中央 */
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 20px;
	font-size: 14px;
}

/* ゴルフ場一覧用カスタマイズ */
.accordion_below .common_row_link {
	width: 33%;
	color: #000000;
	background: #edf6ff;
	border: 1px #BCCCDB solid;
	border-radius: 3px;
	margin: 1px 0;
	height:initial;
	line-height:normal;
	min-height:40px;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	box-sizing: border-box;
}

.accordion_below::after{
  content:"";
  display: block;
  width:33%;
}

.accordion_below .common_row_link .text{
	color: #444;
	width: auto;
	font-weight: normal;
	text-align: center;
	vertical-align: middle; 	/* これで縦位置中央 */
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 3px 0px 3px;
	font-size: 12px;
}

.accordion_below .common_row_link a.widelink{
	height:auto;
}

/* TOP ジャンル一覧用カスタマイズ */
.accordion_below .common_row_link a:link,
.accordion_below .common_row_link a:visited {
	color: #000000; 		/* リンクの色を変えない */
}

.genre_accordion_below .common_row_link {

	color: #000000;
	background: #E5EDF9;
	/* 背景に矢印アイコンを置く */
	background-image: url("../img/arrow_bl.png");
	background-repeat: no-repeat;
	background-position: 96% center;
	border-bottom: 1px #BCCCDB solid; /* セルの枠線 */
}


.genre_accordion_below .common_row_link .text{
	color: #000000;
}

.genre_accordion_below .common_row_link h4.text{
	margin:0px;;
}

.genre_accordion_below .common_row_link a:link,
.genre_accordion_below .common_row_link a:visited {
	color: #000000; 		/* リンクの色を変えない */
}

/* 一般天気用カスタマイズ */
.accordion_zone .common_row_link {

	box-sizing: border-box;			/* はみ出る対策 */
	-webkit-box-sizing: border-box;	/* Android 用*/

	color: #000000;
	background: #E5EDF9;

	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 10px;

	/* 背景に矢印アイコンを置く */
	background-image: url("../img/arrow_bl.png");
	background-repeat: no-repeat;
	background-position: 96% center;
	border-bottom: 1px #BCCCDB solid; /* セルの枠線 */
}

.accordion_zone .common_row_link .text{
	color: #000000;
}

.accordion_zone .common_row_link a:link,
.accordion_zone .common_row_link a:visited {
	color: #000000; 		/* リンクの色を変えない */
}


/* ◆台風情報 */
.typhoon_date {
	text-align: left;
	color: #FFFF00;

	/* 背景の余白（top, right, bottom, left） */
	padding: 20px 0px 0px 20px;
	background: #393939;
}

.typhoon_map {
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 20px 0px;
	background: #393939;
	text-align: center;
}

.typhoon_map img {
	height: 300px;
	width: 300px;
}

.typhoon_map span {
	text-align: left;
}

.typhoon_live {
	text-align: left;
	color: #FFFFFF;
	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 10px 5px 20px;
	background: #393939;
}

.typhoon_yohou_date {
	text-align: left;
	color: #FFFF00;
	/* 背景の余白（top, right, bottom, left） */
	padding: 2px 10px 0px 20px;
	background: #393939;
}

.typhoon_yohou {
	text-align: left;
	color: #FFFFFF;
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 10px 8px 20px;
	background: #393939;
}

.about_typhoon {

	text-align: right;
	border:solid 0px ;		/* 境界線 */
	border-color : #424141;

	background:#393939;

	/* 背景の余白（top, right, bottom, left） */
	padding: 2px 20px 10px 0px;
}

/* 台風概況ボタン */
.about_typhoon_button {

	/* ボタンサイズはpaddingで指定 */
	font-size:12px;
	color: #FFFFFF;
	line-height:30px;
	font-weight: bold;

	border:solid 0px ;	/* ボタンの境界線 */

	text-decoration: none;	/* 下線を消す */

	/* 背景グラデーション表示 */
	filter: progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1', GradientType='0', StartColorStr='#7D7D7D', EndColorStr='#636363'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#7D7D7D), to(#636363)); /* Chrome,Safari */

	/* 背景の余白（top, right, bottom, left） */
	padding: 3px 30px 3px 30px;

	right; 0;
}

.about_typhoon_button:visited {
	color: #FFFFFF; 		/* リンクの色を変えない */
}

/* ◆台風概況 */
.typhoon_kisyocho {
	color: #FFFF00;
	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 10px 0px 0px;
	background: #393939;
	text-align: right;
}

.typhoon_headline {
	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 10px 0px 10px;
	background: #393939;
	text-align: left;
}

.typhoon_summary {
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 10px 10px 10px;
	background: #393939;
	text-align: left;
}

.typhoon_noexist {
	/* 背景の余白（top, right, bottom, left） */
	padding: 20px 10px 20px 10px;
	background: #393939;
	text-align: left;
}

/* ◆エリア実況 タブ*/
.amedas_tab {
	width: 100%;
	table-layout: fixed; 	/* 中身の幅を均一で */
	height: 10px;		/* この２つの値を揃えないと、 */
	line-height: 10px;	/* テキストが中央に表示されない */

	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	font-weight: bold;

	border-collapse: collapse;	/* 境界線を重ねて表示 */
	background: #393939;
}

.amedas_tab .tab_header {
	/* 背景グラデーション表示 */
	background: #7C94B2;	/* IEはグラデーションなし */
	filter: progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1', GradientType='0', StartColorStr='#819CBC', EndColorStr='#758AA4'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#819CBC), to(#758AA4)); /* Chrome,Safari */
}

.amedas_tab td {
	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 5px 5px 0px 5px;

	vertical-align: middle;
	border-top:solid 6px #393939;		/* セルの枠線 */
	border-left:solid 8px #393939;		/* セルの枠線 */
	border-right:solid 8px #393939;		/* セルの枠線 */
	border-radius: 16px 16px 0px 0px;	/* 角丸 */
}

.amedas_tab .cell {
	padding: 7px;		/* 上下の余白 */
}

.amedas_tab a,
.amedas_tab a:visited {
	color: #FFFFFF; 			/* 文字の色を変えない */
}

/* アクティブなタブだけ色が異なる */
.amedas_tab .active {
	background: #ffffff;
}

.amedas_tab .active .cell {
	color: #000000; 			/* 文字の色 */
}

.amedas_tab_contents {
	padding: 0px;
	margin:  0px;
	text-align: center;
	background:#393939;
}

/* 広域エリア、周辺エリア*/
.amedas_tab_contents .area,
.amedas_tab_contents .pref {
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;
}


/* ◆エリア実況　ピンポイント */
.hour_amedas {
	width: 100%;
	table-layout:fixed; /* 中身の幅を均一で */
	margin: 0;
	padding: 0;
	color: #000000;

	font-size: 12px;
/*	font-family: 'ＭＳ Ｐゴシック',sans-serif;*/
	font-weight: bold;
	font-style: normal;

	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;	/* 境界線を重ねて表示 */
}

/* アメダスポイント名 */
.hour_amedas .title {
	text-align: left;
	padding-left: 10px;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	border-bottom: 1px #393939 solid;	/* セルの下の境界線 */
	background: #c7c7c7;
}

/* タイトル行 */
.hour_amedas th {
	background: #c7c7c7;
	font-size: 10px;
	height: 18px;
}

.hour_amedas td {
	width: 100%;
	height: 24px;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	border-bottom: 1px #c7c7c7 solid;	/* セルの下の境界線 */
}

.hour_amedas em {
	font-size: 0.5em;
	line-height: 0.5em;
	font-style: normal;
	font-weight: normal;
}

/* 風向きアイコンの表示幅、高さ */
.hour_amedas .wind_img {
	width: 20px;
	height: 20px;
}

/* 平日 */
.hour_amedas .date {
	color: #ffffff;
	background: #A0A0A0;
	border-color: #A0A0A0;
	border-bottom: 1px #c7c7c7 solid;	/* セルの下の境界線 */
}

/* 平日 */
.hour_amedas .etc {
	color: #000000;
	background: #EEEEEE;
}

/* 土曜 */
.hour_amedas .Sat .date{
	background: #4790FF;
}

.hour_amedas .Sat .etc{
	background: #EAF4FE;
}

/* 日曜 */
.hour_amedas .Sun .date {
	background: #FD514F;
	color: #ffffff;
}

.hour_amedas .Sun .etc{
	background: #FFEAE9;
}

/* 祝日 */
.hour_amedas .holiday .date{
	background: #FD5151;
	color: #ffffff;
}

.hour_amedas .holiday .etc{
	background: #FFEAE9;
}

/* 画像を真ん中に */
.hour_amedas img{
	vertical-align: middle;
}

/* 風、気温、降水、日照ボタン */
.amedas_map_tab {

	width: 100%;
	table-layout:fixed; 	/* 中身の幅を均一で */
}

.amedas_map_tab_button {

	display: block;			/* ブロック要素にする */

	font-size: 12px;
	line-height: 24px;
	font-weight: bold;

	border:solid 0px ;		/* ボタンの境界線 */
	border-radius:4px;		/* 角丸 */

	color: #FFFFFF;
	text-decoration: none;	/* 下線を消す */

	/* 背景グラデーション表示 */
	filter: progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1', GradientType='0', StartColorStr='#42B7E8', EndColorStr='#3C6C90'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#42B7E8), to(#3C6C90)); /* Chrome,Safari */

	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;

	right; 0;
}

.amedas_map_tab_button:visited {
	color: #FFFFFF; 		/* リンクの色を変えない */
}

.amedas_kazamuki_hanrei,
.amedas_kion_hanrei,
.amedas_kousui_hanrei,
.amedas_nisshou_hanrei {

	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 5px 15px 10px;
}

/* ◆アメダスアコーディオン */
.amedas_accordion table {
	width: 100%;
	margin: 0;
	color: #ffffff;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 5px;		/* 上下の余白 */
	/* 背景グラデーション表示 */
	filter:progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1', GradientType='0', StartColorStr='#5C5C5C', EndColorStr='#2C2C2C'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#5C5C5C), to(#2C2C2C)); /* Chrome,Safari */
	cursor: pointer;	/* ポインターにする */
}

.amedas_accordion table .left{
	width: 50px;
}

.amedas_accordion table .text{
	text-align: left;
}

.amedas_accordion table .right{
	width: 50px;
	text-align: right;
}

.amedas_accordion_below .common_link .text{
	/* 背景の余白（top, right, bottom, left） */
	padding: 6px 0px 6px 20px;
}

.amedas_accordion_below .common_link .arrow_icon{
	text-align: right;	/* 右寄せ */
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 10px 0px 0px;
}

.amedas_accordion_below .common_link tr {
	border: 1px #BCCCDB solid; /* セルの枠線 */
}

.amedas_accordion_below .common_link td {
	cursor: pointer;	/* ポインターにする */
}

/* ◆アメダスアコーディオンリスト */
.amedas_accordion_below {
	width: 100%;
	color: #000000;
	border-bottom: 1px #FFFFFF;
}
.amedas_accordion a:link,
.amedas_accordion a:visited {
	color: #FFFFFF; 		/* リンクの色を変えない */
}

/* タイドグラフ */
.tide_graph {
	background:#393939;

	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 0px 0px 0px 0px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 15px 0px 0px 0px;
}

/* ◆ウィンドマップ */
.wind_map {
	background:#393939;

	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 0px 0px 0px 0px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 15px 0px 0px 0px;
}

.wind_map .map_canvas {
	text-align: center;
	width: 300px;
	height: 300px;
}

// Google Map表示くずれ対応 2014/9/10
// コース詳細と、ウィンドマップが該当IDのmap_canvas
#map_canvas {
  bottom:0;
  left:0;
  right:0;
  top:0;
}

#map_canvas img {
  max-width: none !important;		/* IE向け */
  max-width: initial !important;
  max-width: unset !important;		/* unset 値に対応しているブラウザ向け */
}

#map_canvas label {
	width : auto;
	display : inline;
}

/*
.gm-style img{
  max-width: initial;
  max-width: unset;
}

.gm-style label{
	width : auto;
	display : inline;
}
*/

.wind_map_simu {

	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 0px 5px 0px;
}

.wind_map_hanrei {

	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 0px 10px 0px;
}

.amagumo_map_hanrei {

	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 0px 5px 0px;
}

/* ◆戻るボタン、進むボタン */
.prev_btn, .next_btn {
	color: #FFFFFF;

	font-weight: bold;
	text-align: center;
	text-decoration: none;	/* 下線を消す */

	width: 50px;

	background: #335480;	/* IEはグラデーションなし */
	filter:progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1',GradientType='0',StartColorStr='#7798C5',EndColorStr='#1C4072');
	background: -webkit-gradient(linear, left top, left bottom,
		from(#7798C5),color-stop(0.5, #092A55),to(#1C4072));

	border:0px solid #7d99ca;
	border-radius: 5px;

	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 0px 4px 0px 4px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 15px 5px 15px;
}

.prev_btn a:link,
.prev_btn a:visited ,
.next_btn a:link,
.next_btn a:visited {
	color: #FFFFFF; 		/* リンクの色を変えない */
}

/* ちょっとしたタイトル */
.common_mini_title {
	width: 100%;
	margin: 0;
	color: #000000;
	background: #FFFFFF;

	font-size: 12px;
	font-weight: bold;
	font-style: normal;

	text-align: center;
	vertical-align: middle;

	/* 背景の余白（top, right, bottom, left） */
	padding: 4px 0px 4px 0px;
	background: #C7C7C7;
}

.update_spot_name{
	float:left;
	font-size:11px;
	color: #888888;
	padding: 4px 0px 4px 4px;
}


.yohou_update_time {
	float:right;
	margin: 0;
	color: #888888;
	background: #EEEEEE;

	font-size: 11px;
	font-weight: bold;
	font-style: normal;

	text-align: right;
	vertical-align: middle;

	/* 背景の余白（top, right, bottom, left） */
	padding: 4px 0px 4px 0px;
}


.yohou_update_time a {
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 10px 0px 0px;
}

.yohou_update_time a:link,
.yohou_update_time a:visited {
	color: #888888; 		/* リンクの色を変えない */
}


/* ■アメダス 広域・周辺エリア */
.amedas_map table {
	width: 100%;
	height: 280px;
}

.amedas_map table .cell {
	width: 10%;

	height:280px;				/* この２つの値を揃えないと */
	line-height:280px;			/* 縦位置中央に表示されない */
	vertical-align: middle; 	/* これで縦位置中央 */

	display: inline;			/* 横位置中央はこの指定 */
	text-align: center;			/* これで横位置中央 */
}

.amedas_map .left_arrow {
	width: 30px;
	text-align: center;
	background: #555555;
}

.amedas_map .left_arrow_hide {
	width: 30px;
	text-align: center;
	background: #393939;
}

.amedas_map .tenkizu {
}

.amedas_map .right_arrow {
	width: 30px;
	text-align: center;
	background: #555555;
}

/* ■雨雲の動き */
/* 動画シミュレーションボタン */
/*
.pref .amagumo_map_simu .amagumo_map .amagumo_simu_btn,
.area .amagumo_map_simu .amagumo_map .amagumo_simu_btn {
*/
.amagumo_simu_btn {
	/* ボタンサイズはpaddingで指定 */
	font-size:14px;
	color:white;
	line-height:30px;
	text-align: center;
	font-weight: bold;

	border:solid 0px ;	/* ボタンの境界線 */
	border-radius:4px;

	text-decoration: none;	/* 下線を消す */

	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 20px 5px 15px;

	/* 背景に矢印アイコンを置きつつ、グラデーション表示 */
	background: #379DCF;	/* IEはグラデーションなし */
	background: url("../img/arrow_right.png"), -webkit-gradient(linear, left top, left bottom, from(#45B9EE), to(#2478A7)); /* Chrome,Safari */
	background-repeat: no-repeat;
	background-position: 90% center;
}

.amagumo_past_btn {
	/* ボタンサイズはpaddingで指定 */
	font-size:14px;
	color:white;
	line-height:30px;
	text-align: center;
	font-weight: bold;

	border:solid 0px ;	/* ボタンの境界線 */
	border-radius:4px;

	text-decoration: none;	/* 下線を消す */

	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 20px 5px 15px;

	/* 背景に矢印アイコンを置きつつ、グラデーション表示 */
	background: #EE7D59;	/* IEはグラデーションなし */
	background: url("../img/arrow_right.png"), -webkit-gradient(linear, left top, left bottom, from(#F39071), to(#E65D2F)); /* Chrome,Safari */
	background-repeat: no-repeat;
	background-position: 90% center;
}


.amagumo_simu_btn:visited {
	color: #FFFFFF; 		/* リンクの色を変えない */
}

.amagumo_past_btn:visited {
	color: #FFFFFF; 		/* リンクの色を変えない */
}

/* ◆戻るボタン、進むボタン */
.amagumo_prev_btn,
.amagumo_next_btn {
	color: #FFFFFF;

	font-weight: bold;
	text-align: center;
	text-decoration: none;	/* 下線を消す */

	width: 50px;

	background: #335480;	/* IEはグラデーションなし */
	filter:progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1',GradientType='0',StartColorStr='#7798C5',EndColorStr='#1C4072');
	background: -webkit-gradient(linear, left top, left bottom,
		from(#7798C5),color-stop(0.5, #092A55),to(#1C4072));

	border:0px solid #7d99ca;
	border-radius: 5px;

	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 0px 0px 0px 0px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 10px 5px 10px;
}

.amagumo_prev_btn a:link,
.amagumo_prev_btn a:visited ,
.amagumo_next_btn a:link,
.amagumo_next_btn a:visited {
	color: #FFFFFF; 		/* リンクの色を変えない */
}


/*◆ 雨雲タブ*/
.warning_area{
	width:100%;
	background-color:#002455;
	margin:0;
	font-size:12px;
}

.warning_area table {
	border-spacing: 3px;
}

.warning_area table tr td div.special_alert_title{
	text-align:left;
	color: #FF0012;
	font-weight: bold;
}

.warning_area table tr td div.special_alert_info{
	color:#000000;
	background-color:#FF0012;
	padding:0 10px;
	font-weight: bold;
	text-align:center;
}

.warning_area table tr td div.alert_title{
	text-align:left;
	color: #DD0E1A;
	font-weight: bold;
}

.warning_area table tr td div.alert_info{
	color:#000000;
	background-color: #DD0E1A;
	padding:0 10px;
	font-weight: bold;
	text-align:center;
}

.warning_area table tr td div.warning_title{
	text-align:left;
	color: #FF8A00;
	font-weight: bold;
}

.warning_area table tr td div.warning_info{
	color:#000000;
	background-color: #FF8A00;
	padding:0 10px;
	font-weight: bold;
	text-align:center;
}

.amagumo_tab {
	width: 100%;
	table-layout: fixed; 	/* 中身の幅を均一で */
	height: 10px;		/* この２つの値を揃えないと、 */
	line-height: 10px;	/* テキストが中央に表示されない */

	color: #000000;
	text-align: center;
	font-size: 12px;
	font-weight: bold;

	border-collapse: collapse;	/* 境界線を重ねて表示 */
	background: #393939;
}

.amagumo_tab .tab_header {
	/* 背景グラデーション表示 */
	background: #7C94B2;	/* IEはグラデーションなし */
	filter: progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1', GradientType='0', StartColorStr='#819CBC', EndColorStr='#758AA4'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#819CBC), to(#758AA4)); /* Chrome,Safari */
}

.amagumo_tab td {
	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 5px 5px 0px 5px;

	vertical-align: middle;
	border-top:solid 6px #393939;		/* セルの枠線 */
	border-left:solid 8px #393939;		/* セルの枠線 */
	border-right:solid 8px #393939;		/* セルの枠線 */
	border-radius: 16px 16px 0px 0px;	/* 角丸 */
}

.amagumo_tab .cell {
	padding: 7px;		/* 上下の余白 */
}

.amagumo_tab a,
.amagumo_tab a:visited {
	color: #FFFFFF; 			/* 文字の色を変えない */
}

/* アクティブなタブだけ色が異なる */
.amagumo_tab .active {
	background: #ffffff;
}

.amagumo_tab .active .cell {
	color: #000000; 			/* 文字の色 */
}

.amagumo_tab_contents {
	padding: 0px;
	margin:  0px;
	text-align: center;
	background:#393939;
}

/* 広域エリア、周辺エリア*/
.amagumo_tab_contents .area, .amagumo_tab_contents .pref {
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;
}

.amagumo_map {
	margin-top: 10px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;
	background:#393939;
}
.amagumo_map_simu {
	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 0px 10px 0px;
}

/* ◆コース基本情報 コースマップ */
.course_map {
	background:#393939;

	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 0px 0px 0px 0px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 15px 0px 5px 0px;
}

.course_map h4 {
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 10px 0px 20px;
}

.course_map_d {
	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 0px 0px 0px 0px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;
}

.course_map_d .title {
	background:#393939;

	font-size: 16px;

	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 0px 10px 0px;
}

/* コース基本情報 タイトル部品 */
.course_title_header {
	position: relative;
}

.course_title_image {
	width: 100%;
	box-sizing: border-box;		/* paddingがはみ出る対策 */
	-webkit-box-sizing: border-box;	/* Android 用*/
	border-style: solid;
	border-width: 27px 0px 0px 136px;

	/* border-image-sliceの値 / border-image-widthの値 / border-image-outsetの値*/
	/* 外側に広げる距離を上・右・下・左 */
	-webkit-border-image: url("../img/title_header.png") 27 0 0 136;
	-ms-border-image: url("../img/title_header.png") 0 0 105 215 / 0px 0px 27px 200px repeat;
	-moz-border-image: url("../img/title_header.png") 0 0 105 215 / 0px 0px 27px 200px repeat;
	-o-border-image: url("../img/title_header.png") 0 0 105 215 / 0px 0px 27px 200px repeat;
}

.course_title_text {
	position: absolute; top: 6px; left: 8px;
	width: 100px;		/* テキスト表示幅 */
	font-size: 12px;
	font-weight: bold;
}

/* コース基本情報 タイトル部品 IE用 */
.course_title_header_ie {
	/* IEだけはただの背景色にするために別にしている */
	background: #1766DE;	/* IEはただの背景にする */
	width: 100%;		/* テキスト表示幅 */
	font-size: 12px;
	font-weight: bold;
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 5px 0px 5px;
}

/* コース基本情報 */
.course_detail {

	width: 100%;
	box-sizing: border-box;			/* はみ出る対策 */

	font-size: 14px;
	font-weight: bold;

	color: #000000;
	background: #FFFFFF;

	margin: 0;
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;
	border-collapse: collapse;	/* 境界線を重ねて表示 */
}

.course_detail table {

	margin: 0;
	padding: 0px;		/* 上下の余白 */
}

.course_detail td {

	word-break: break-all;			/* 長いurlを折り返す */

	border-bottom: 2px #E9E9E9 solid; /* セルの枠線 */
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 5px 5px 5px;
}

.course_detail td a:link,
.course_detail td a:visited {
	color: #000000; 		/* リンクの色を変えない */
}

.course_detail .header {

	box-sizing: border-box;			/* はみ出る対策 */

	white-space: nowrap;
	text-align: center;
	background: #BADCFF;
	padding: 5px;		/* 上下左右の余白 */

	table-layout: fixed;
	width: 60px;
}

/* コース概要 */
.course_summary {

	width: 100%;
	background: #FFFFFF;

	margin: 0;
	/* 背景の余白（top, right, bottom, left） */
	padding: 15px 0px 15px 0px;
}

.course_summary table {

	width: 90%;
	table-layout:fixed; 	/* 中身の幅を均一で */
	color: #000000;
	text-align: center;
	font-size: 16px;

	/*font-weight: bold;*/
	/* テーブル間の余白（左右、上下） */
	border-spacing: 6px 0px;

	margin: 0;
	padding: 0px;		/* 上下の余白 */
}
.course_summary .header {
	color: #ffffff;
	padding: 0px;		/* 上下の余白 */
	width: 20px;
}

.course_summary .header td {

	font-size: 16px;
	background: #376733;
	color: #ffffff;
	border: 0px #000000 solid; /* セルの枠線 */

	/* 背景グラデーション表示 */
	filter: progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1', GradientType='0', StartColorStr='#2E702C', EndColorStr='#07382D'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#2E702C), to(#07382D)); /* Chrome,Safari */

}

.course_summary .data td {

	background: #FFFFFF;
	color: #000000;
	font-size: 24px;
	font-weight: bold;
	border-bottom: 3px #11462D solid; /* セルの枠線 */
	border-left: 3px #11462D solid; /* セルの枠線 */
	border-right: 3px #11462D solid; /* セルの枠線 */
}

/* ◆アメダス　エリアウェザー　フリッカブル */
.amedas_map .viewport {
	width: 280px;		/* １つの画像を表示する幅。画像と同じ幅を指定 */
	overflow: hidden;
	margin: 0 auto;
}

.amedas_map .flipsnap {
	width: 1800px; /* 300px(item width) + 20px (right margin) * 6(item count) */
}

.amedas_map .item {
	float: left;
	height: 280px;
	width: 280px;		/* １つの画像の幅 */
	font-size: 14px;
	font-weight: bold;
	text-align: right;

	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 0px 20px 0px 0px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;

	background: #393939;
	border: 0px solid #999;
	color: #FFFF00;
}

.amedas_map {
	/* 背景の余白（top, right, bottom, left） */
	padding: 15px 0px 0px 0px;
	width: 100%;
	max-width: 500px;
}

.amedas_map .amedas_kazamuki_btn,
.amedas_map .amedas_kion_btn,
.amedas_map .amedas_kousui_btn,
.amedas_map .amedas_nisshou_btn {
	/* 背景の余白（top, right, bottom, left） */
	padding: 20px 0px 10px 0px;
}

/* ◆一般天気用アコーディオンリスト */
.accordion_area {
	padding: 10px;		/* 上下の余白 */
	background: #1766de;
	font-weight: bold;
	font-size: 14px;
	background-image: url("../img/arrow_wh2.png");
	background-repeat: no-repeat;
	background-position: 96% center;

	border-bottom: 1px #FFFFFF solid; /* セルの枠線 */
	cursor: pointer;	/* ポインターにする */
}

.accordion_pref {
	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 0px 10px 20px;
	background: #5595ED;
	font-weight: bold;
	font-size: 14px;
	background-image: url("../img/arrow_wh2.png");
	background-repeat: no-repeat;
	background-position: 96% center;

	border-bottom: 1px #FFFFFF solid; /* セルの枠線 */
	cursor: pointer;	/* ポインターにする */
}

/* ◆一般天気 */
.pubweather_sub_title {
	width: 100%;
	margin: 0;
	color: #000000;
	background: #FFFFFF;

	font-size: 14px;
	font-weight: bold;
	font-style: normal;

	text-align: center;
	vertical-align: middle;

	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 0px 10px 0px;
	color: #ffffff;
	background: #1766DD;
}
.pubweather_tab_contents {
	color: #000000;
	font-weight: bold;
	padding: 10px;
	margin:  0px;
	background: #EEEEEE;
}


.pubweather_tab_contents .tenki{
	width: 100%;
	box-sizing: border-box;			/* はみ出る対策 */
	-webkit-box-sizing: border-box;	/* Android 用*/
	border: 2px #D5D5D5 solid; /* セルの枠線 */
	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 0px 0px 0px 0px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;
}

.pubweather_tab_contents .tenki img {
	vertical-align: middle;		/* 画像とテキストを中央揃え */
}

.pubweather_tab_contents .kion {
	width: 100%;
	box-sizing: border-box;			/* はみ出る対策 */
	-webkit-box-sizing: border-box;	/* Android 用*/
	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 10px 0px 0px 0px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;
}

.pubweather_tab_contents .kion table {
	width: 100%;
	border-collapse: collapse;	/* 境界線を重ねて表示 */
	border: 2px #D5D5D5 solid; 		/* 枠線 */
}

.pubweather_tab_contents .kion .place{
	width: 20%;
	color: #000000;
	background: #DED6C2;
	font-weight: bold;
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 10px 5px 10px;
}

.pubweather_tab_contents .kion .max_text{
	width: 10%;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background: #FF1412;
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 5px 5px 5px;
}
.pubweather_tab_contents .kion .max_value{
	width: 20%;
	color: #FF1412;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	background: #FFDEDE;
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 10px 5px 10px;
}

.pubweather_tab_contents .kion .min_text{
	width: 10%;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	background: #1371FF;
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 5px 5px 5px;
}
.pubweather_tab_contents .kion .min_value{
	width: 20%;
	color: #1371FF;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	background: #C4DBFD;
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 10px 5px 10px;
}

.pubweather_tab_contents .kazenami {
	width: 100%;
	box-sizing: border-box;			/* はみ出る対策 */
	-webkit-box-sizing: border-box;	/* Android 用*/
	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 10px 0px 0px 0px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;
}

.pubweather_tab_contents .kazenami table{
	width: 100%;
	border-collapse: collapse;	/* 境界線を重ねて表示 */
	border: 2px #D5D5D5 solid; /* セルの枠線 */
}

.pubweather_tab_contents .kazenami tr {
	width: 100%;
	font-weight: bold;
	color: #000000;

	border: 2px #D5D5D5 solid; /* セルの枠線 */
}

.pubweather_tab_contents .kazenami .kaze_text{
	text-align: center;
	font-size: 14px;
	width: 30px;
	color: #000000;
	background: #BBD7FF;
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 5px 5px 5px;
}
.pubweather_tab_contents .kazenami .kaze_value{
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 10px 5px 10px;
}

.pubweather_tab_contents .kazenami .nami_text{
	text-align: center;
	font-size: 14px;
	width: 30px;
	background: #83B0F5;
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 5px 5px 5px;
}
.pubweather_tab_contents .kazenami .nami_value{
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 10px 5px 10px;
}

.pubweather_tab_contents .kousui table {
	width: 100%;
	table-layout:fixed; /* 中身の幅を均一で */
	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 10px 0px 0px 0px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;

	border-collapse: collapse;	/* 境界線を重ねて表示 */
	border: 2px #D5D5D5 solid; /* セルの枠線 */
}

.pubweather_tab_contents .kousui td {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	border: 2px #EEEEEE solid;	/* セルの境界線 */
}

.pubweather_tab_contents .kousui .time_title {
	color: #FFFFFF;
	background: #869DBF;
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 5px 5px 5px;
}

.pubweather_tab_contents .kousui .time_h {
	font-size: 11px;
	color: #000000;
	background: #B1C5E0;
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 5px 5px 5px;
}

.pubweather_tab_contents .kousui .kousui_title {
	font-size: 11px;
	color: #FFFFFF;
	background: #929AA5;
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 5px 5px 5px;
}
.pubweather_tab_contents .kousui .kousui_value {
	color: #000000;
	font-size: 16px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 10px 5px 10px;
	background: #D7D7D7;
}



.wind_map_zoom {
	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 0px 0px 10px 0px;
}

.zoomin_btn {
	/* ボタンサイズはpaddingで指定 */
	font-size:14px;
	color:white;
	line-height:30px;
	text-align: center;
	font-weight: bold;

	border:solid 0px ;	/* ボタンの境界線 */
	border-radius:4px;

	text-decoration: none;	/* 下線を消す */

	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 20px 5px 15px;

	/* 背景に矢印アイコンを置きつつ、グラデーション表示 */
	background: -webkit-gradient(linear, left top, left bottom, from(#45B9EE), to(#2478A7)); /* Chrome,Safari */
	background-repeat: no-repeat;
	background-position: 90% center;
}

.zoomout_btn {
	/* ボタンサイズはpaddingで指定 */
	font-size:14px;
	color:white;
	line-height:30px;
	text-align: center;
	font-weight: bold;

	border:solid 0px ;	/* ボタンの境界線 */
	border-radius:4px;

	text-decoration: none;	/* 下線を消す */

	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 20px 5px 15px;

	/* 背景に矢印アイコンを置きつつ、グラデーション表示 */
	background: -webkit-gradient(linear, left top, left bottom, from(#F39071), to(#E65D2F)); /* Chrome,Safari */
	background-repeat: no-repeat;
	background-position: 90% center;
}

.zoomin_btn a:link,
.zoomin_btn a:visited ,
.zoomout_btn a:link,
.zoomout_btn a:visited {
	color: #FFFFFF; 		/* リンクの色を変えない */
}

/* ◆マイホームコースリスト */
.my_home_course {
	width: 100%;
	padding: 3px;		/* 上下の余白 */
	background: #1766de;
	font-weight: bold;
	font-size: 14px;

	border-bottom: 1px #FFFFFF solid; /* セルの枠線 */

	text-decoration: none;	/* 下線を消す */
	text-align: left;
}

.my_home_course .btn{
	width: 25px;
	height: 25px;
}

.my_home_course .course{
	display: block;
	text-decoration: none;	/* 下線を消す */
}
/* 子要素全てに同じスタイル */
.my_home_course * {
	vertical-align:middle;
}

.my_home_course a{
	text-decoration: none;	/* 下線を消す */
}

.my_home_course_parent table:first-child .up{
	visibility: hidden;
}

.my_home_course_parent table:last-child .down{
	visibility: hidden;
}

/* ieではlast-childが効かないので、別の方法で実現 */
.my_home_course_parent #last_btn{
	visibility: hidden;
}

.my_home_course_text
{
	background: #393939;

	/*border-bottom: 1px #FFFFFF solid;*/ /* セルの枠線 */
	/* 背景の余白（top, right, bottom, left） */
	padding: 8px 10px 7px 10px;
	font-size: 12px;
	text-align: left;
}

/*コースのリスト*/
.my_home_course_list
{
	background: #48D1CC;

	border-bottom: 1px #FFFFFF solid; /* セルの枠線 */
	border-top:1px #FFFFFF solid;
	/* 背景の余白（top, right, bottom, left） */
	padding: 4px 10px 4px 10px;
	font-size: 14px;
	text-align: left;
	font-weight: bolder;
}

.my_home_course_update
{
	text-align: center;
	background: #393939;

	/* 背景の余白（top, right, bottom, left） */
	padding: 15px 40px 15px 40px;
}

.my_home_course_update_btn {
	/* ボタンサイズはpaddingで指定 */
	font-size:14px;
	color:white;
	line-height:30px;
	text-align: center;
	font-weight: bold;

	border:solid 0px ;	/* ボタンの境界線 */
	border-radius:4px;

	text-decoration: none;	/* 下線を消す */

	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 40px 5px 40px;

	/* 背景に矢印アイコンを置きつつ、グラデーション表示 */
	background: -webkit-gradient(linear, left top, left bottom, from(#F39071), to(#E65D2F)); /* Chrome,Safari */
	background-repeat: no-repeat;
	background-position: 90% center;
}

.my_home_course .course{

	text-decoration: none;	/* 下線を消す */
}


.my_home_course_message {

	border-top: 1px #FF0000 solid; /* セルの枠線 */
	border-bottom: 1px #FF0000 solid; /* セルの枠線 */
	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 20px 10px 20px;

	color:#FF0000;
	background:#FFEEEE;
	text-align: left;
}

/* フッタ */
.footer_text {
	font-size:14px;

	color: #FFFFFF;
	background: #0684c3;

	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 10px 10px 10px;
}

.footer_text_sample1 {
	font-size:14px;

	color: #FFFFFF;
	background: #0684c3;

	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 10px 10px 10px;
}

.footer_text_sample2 {
	font-size:14px;

	color: black;
	background: #d3ecf8;

	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 10px 10px 10px;
}

.footer_text_sample3 {
	font-size:14px;

	color: black;
	background: #fafee2;

	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 10px 10px 10px;
}

.footer_caution {
	font-size:14px;
	font-weight: bold;

	color: black;
	background: #51865C;

	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 10px 10px 10px;
}

.footer_sub_title {
	font-size:14px;
	font-weight: bold;

	color: #FFFFFF;
	background: #284964;

	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 10px 10px 10px;
}

.otoiawase_mail_btn {
	/* ボタンサイズはpaddingで指定 */
	font-size:14px;
	color: #000000;
	line-height:30px;
	text-align: center;
	font-weight: bold;

	border:solid 0px ;	/* ボタンの境界線 */
	border-radius:4px;

	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 20px 5px 20px;

	/* 背景に矢印アイコンを置きつつ、グラデーション表示 */
	background: #E5EDF9;
}

.otoiawase_mail a:link,
.otoiawase_mail a:visited {
	color: #000000; 		/* リンクの色を変えない */
}

/* facebool, twitterのいいねボタン */
.fb_tw_btn {
	text-align: center;

	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 0px 5px 0px;
}

.fb_tw_btn div {
	float:left;
	box-sizing: border-box;			/* はみ出る対策 */
	-webkit-box-sizing: border-box;	/* Android 用*/

	width: 50%;
}

.fb_tw_btn .fb-like {
	text-align: right;
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 5px 0px 0px;
}
.fb_tw_btn .twitter {
	text-align: left;
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 5px;
}

/* twitterのボタンの幅調整 */
iframe.twitter-share-button {
	width: 90px!important;
}

.fb-share-button {
	height: 30px;
}

.sns_list {
/*    border: 1px solid #CCC;*/
    margin-top: 7px;
    padding: 0px;
    overflow: hidden;
    position: relative;
}
.sns_list ul {
    position: relative;
    left: 50%;
    list-style: none outside none;
    float: left;
    margin: 0 0 0 0;
    padding: 0;
}
.sns_list ul li {
    float: left;
	height: 25px;
    margin-right: 2px;
    padding: 2px;
/*    border: 1px solid #999;*/
    position: relative;
    left: -50%;
}

/* fbのシェアボタンだけがbottom設定になっており、下にズレるので、調整 */
.sns_list ul li div span {
	vertical-align :top !important;
}

/* fbリンク */
.pre_footer table {
	width: 100%;
	margin: 0;
	padding: 0px;		/* 上下の余白 */

	border-collapse: collapse;	/* 境界線を重ねて表示 */
/*	border: 1px white solid; */
	font-size: 10px;
}

.about_link
{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	background-color: #b1c4e8;
	color: black;
	/* 背景の余白（top, right, bottom, left） */
	padding: 15px 0px 15px 0px;
}

/* ◆PR用ページ*/
.pr_sub_title {
	font-size:14px;
	font-weight: bold;

	color: #FFFFFF;
	background: #FF6400;

	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 10px 10px 10px;
}

.pr_text {
	font-size:14px;

	color: #FFFFFF;
	background: #51865C;

	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 10px 10px 10px;
}

.pr_contents {
	margin: 8px;		/* 上下の余白 */
	font-size: 14px;
	-webkit-text-size-adjust: 100%;
}

.pr_contents_title {
	color: yellow;
	font-weight: bold;
	font-size:large;
}



/* ◆トピックス */
.pr_frame {
	margin: 5px;		/* 上下の余白 */
	height:100%;
	border:solid 2px #91AC7C;
	border-radius: 1em;

	/* 背景の透過 */
	background-color: rgba(0,0,0,0.3);
	/* IEだけ個別にfilterで背景を透過させる */
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#44000000,EndColorStr=#44000000);
}

.pr_frame img {
	vertical-align: middle;		/* 画像とテキストを中央揃え */
}

/* ◆エリア実況、風、気温、降水、日照ボタン */
.amedas_map_simu {
	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 10px 10px 10px;
}

.kazamuki_btn_off, .kion_btn_off, .kousui_btn_off, .nisshou_btn_off {
	color: #FFFFFF;

	font-weight: bold;
	text-align: center;
	text-decoration: none;	/* 下線を消す */

	width: 50px;

	background: #359CCC;	/* IEはグラデーションなし */
	filter:progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1',GradientType='0',StartColorStr='#42B6E7',EndColorStr='#2478A7');
	background: -webkit-gradient(linear, left top, left bottom,
		from(#42B6E7),to(#2478A7));

	border:0px solid #7d99ca;
	border-radius: 5px;

	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 0px 2px 0px 2px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 2px 20px 2px 20px;
}

.kazamuki_btn_on, .kion_btn_on, .kousui_btn_on, .nisshou_btn_on {
	color: #FFFFFF;

	font-weight: bold;
	text-align: center;
	text-decoration: none;	/* 下線を消す */

	width: 50px;

	background: #FF8906;	/* IEはグラデーションなし */
	filter:progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1',GradientType='0',StartColorStr='#FF8906',EndColorStr='#FF8906');
	background: -webkit-gradient(linear, left top, left bottom,
		from(#FF8906),to(#FF8906));

	border:0px solid #7d99ca;
	border-radius: 5px;

	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 0px 2px 0px 2px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 2px 20px 2px 20px;
}

.kazamuki_btn a:link,
.kazamuki_btn a:visited ,
.kion_btn a:link,
.kion_btn a:visited ,
.kousui_btn a:link,
.kousui_btn a:visited ,
.nisshou_btn a:link,
.nisshou_btn a:visited {
	color: #FFFFFF; 		/* リンクの色を変えない */
}

/* PR/tutorial用 */
#tutorial_menu {
    font-size: 14px;
    color: #FFFFFF;
    background: #0684c3;
    padding-bottom:10px;
    margin-top:10px;
}
#tutorial_menu h2{
    font-size: 18px;
    font-weight: bold;
    color: #FFFFFF;
    background: #284964;
    padding: 10px 10px 10px 10px;
}
#tutorial_menu h3{
    font-size: 14px;
    font-weight: bold;
    color: #FFFFFF;
    padding-left:20px;
}

#tutorial{
	margin-top:50px;
    padding: 10px 10px 10px 10px;
}
#tutorial h2{
	font-size:18px;
	margin-bottom:10px;
	border-bottom:1px #fff solid;
}
#tutorial .tutorial_content{
	margin-bottom:30px;
}


#tutorial .tutorial_img{
	margin:10px;
	text-align:center;
}
#tutorial .tutorial_img img{
	width:100%;
	max-width:400px;
}

#tutorial .to_tutorial_m{
	margin-top:10px;
	text-align:right;
}




.md_frame {
	width: 100%;

/*	margin :10px;*/

	/* 背景の透過 */
	/* IEだけ個別にfilterで背景を透過させる */
	filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff);
	background-color: rgba(255,255,255,0.4);
}

.md_contents_title {
	color: red;
	font-weight: bold;
}

.md_contents {
	color: #000000;
	text-align: left;	/* 左寄せ */

	font-weight: bold;
	font-size: 14px;

	/*margin :10px;*/
	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 10px 10px 10px;

}

.md_footer
{
	background-color: #b1c4e8;

	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 0px 10px 0px;
	color: black;
}

.md_top_link
{
	color: red;
	text-align: center;

	font-weight: bold;
	text-decoration: underline;	/* 下線を消す */

	/* 背景の余白（top, right, bottom, left） */
	padding: 10px 0px 10px 0px;
}

md_top_link a:link,
md_top_link a:visited {
	color: red; 		/* リンクの色を変えない */
}

/* ◆ウィンドマップ リセットボタン */
.reset_btn {
	color: #000000;

	font-weight: bold;
	text-align: center;
	text-decoration: none;	/* 下線を消す */

	width: 80px;

	background: #335480;	/* IEはグラデーションなし */
	filter:progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1',GradientType='0',StartColorStr='#ECEDF0',EndColorStr='#C5C5C5');
	background: -webkit-gradient(linear, left top, left bottom,
		from(#909090),color-stop(0.5, #909090),to(#808080));

	border:0px solid #7d99ca;
	border-radius: 5px;

	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 0px 4px 0px 4px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 15px 5px 15px;
}

.wind_map_link {
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 15px 15px 15px;
}

.wind_map_link a:link,
.wind_map_link a:visited {
	color: #FFFFFF; 		/* リンクの色を変えない */
}

/* ◆ブログパーツ用タイトル*/
.blogparts_title {
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	padding: 8px;	/* 上下の余白 */

	/* 背景グラデーション表示 */
	filter:progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1',GradientType='0',StartColorStr='#013C88',EndColorStr='#0E2F5C');
	background: -webkit-gradient(linear, left top, left bottom, from(#013C88), to(#0E2F5C)); /* Chrome,Safari */
	background: -moz-linear-gradient(top, #3F81CB, #0E2F5C);
}

/* ◆ブログパーツ 1時間、3時間毎の天気予報 */
.hour_yohou_blogparts {
	width: 100%;
	table-layout:fixed; /* 中身の幅を均一で */
	margin: 0;
	padding: 0;
	color: #000000;

	font-size: 10px;
/*	font-family: 'ＭＳ Ｐゴシック',sans-serif;*/
	font-weight: bold;
	font-style: normal;

	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;	/* 境界線を重ねて表示 */
}

/* タイトル行 */
.hour_yohou_blogparts th {
	background: #c7c7c7;
	height: 18px;
	font-size: 10px;
}

.hour_yohou_blogparts tr {
	width: 100%;
}

.hour_yohou_blogparts td {
	height: 24px;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	border-bottom: 1px #c7c7c7 solid;	/* セルの下の境界線 */
}

.hour_yohou_blogparts em {
	font-size: 0.5em;
	line-height: 0.5em;
	font-style: normal;
	font-weight: normal;
}

/* 平日 */
.hour_yohou_blogparts .date {
	color: #ffffff;
	background: #A0A0A0;
	border-color: #A0A0A0;
	border-bottom: 1px #c7c7c7 solid;	/* セルの下の境界線 */
}

/* 平日 */
.hour_yohou_blogparts .etc {
	color: #000000;
	background: #EEEEEE;
}

/* 土曜 */
.hour_yohou_blogparts .Sat .date{
	background: #4790FF;
}

.hour_yohou_blogparts .Sat .etc{
	background: #EAF4FE;
}

/* 日曜 */
.hour_yohou_blogparts .Sun .date {
	background: #FD514F;
	color: #ffffff;
}

.hour_yohou_blogparts .Sun .etc{
	background: #FFEAE9;
}

/* 祝日 */
.hour_yohou_blogparts .holiday .date{
	background: #FD5151;
	color: #ffffff;
}

.hour_yohou_blogparts .holiday .etc{
	background: #FFEAE9;
}

/* 画像を真ん中に */
.hour_yohou_blogparts img{
	vertical-align: middle;
}

/* 風向きアイコンの表示幅、高さ */
.hour_yohou_blogparts .wind_img {
	width: 16px;
	height: 16px;
}

/* ◆週間天気予報 */
.week_yohou_title_blogparts {
	margin: 0;
	color: #000000;

	font-weight: bold;
	font-style: normal;

	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;	/* 境界線を重ねて表示 */

	font-size: 13px;
	padding: 3px;
	color: #ffffff;
	filter:progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1',GradientType='0',StartColorStr='#68748E',EndColorStr='#515F7A');
	background: -webkit-gradient(linear, left top, left bottom, from(#68748E), to(#515F7A)); /* Chrome,Safari */
	background: -moz-linear-gradient(top, #68748E, #515F7A);
}

.week_yohou_blogparts {
	width: 100%;
	table-layout:fixed; /* 中身の幅を均一で */
	margin: 0;
	color: #000000;
	background: #EAECE9;	/* セルの背景色 */

	font-weight: bold;
	font-style: normal;

	text-align: center;
	vertical-align: middle;
	border-collapse: collapse;	/* 境界線を重ねて表示 */
}

.week_yohou_blogparts caption {
	width: 100%;
	margin: 0;
	color: #000000;

	font-size: 10px;
	font-weight: bold;
	font-style: normal;

	text-align: center;
	vertical-align: middle;

	/* 背景の余白（top, right, bottom, left） */
	padding: 3px 0px 3px 0px;
	color: #000000 ;
	background: #ADBDCD;
}

.week_yohou_blogparts td {
	font-size: 11px;
	background: #EAECE9;	/* セルの背景色 */
	border-right: 1px #EAECE9 solid;/* セルの右の境界線 */
}

.week_yohou_blogparts .tenki {
	height: 34px;		/* 天気アイコンの表示高さ */
}

/* 平日 */
.week_yohou_blogparts .date_title {
	color: #ffffff;
	background: #15232C;
}

.week_yohou_blogparts .tenki_title {
	color: #ffffff;
	background: #51636F;
}

.week_yohou_blogparts .kion_title {
	color: #000000;
	background: #90B6CD;
}

.week_yohou_blogparts .kousui_title {
	font-size: 10px;		/* これだけ小さい字にしておく */
	color: #000000;
	background: #BFD0DA;
}

/* 土曜 */
.week_yohou_blogparts .Sat{
	color: #096EFE
}

/* 日曜 */
.week_yohou_blogparts .Sun {
	color: #FF3639;
}

/* 祝日 */
.week_yohou_blogparts .holiday {
	color: #FF3639;
}

.week_yohou_blogparts .tenki_img {
	width: 36px;
	height: 36px;
}

/* マイホームコース確認画面 */
.content_entry{
	text-align: left;
	font-size: 14px;
	color:#333333;
	background-color:#EEEEEE;
	padding: 5px 15px 5px 15px;
}
.content_entry a{
	color:#333333;
	text-decoration: none;	/* 下線を消す */
}

.button_yes,
.button_no{
background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	border: 2px solid #DDD;
	color: #333;
	font-size:14px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	padding: 5px 20px 5px 20px;
}

/* 共通　ログイン状態表示用部品 */
.login_status{
	text-align:left;
	font-size: 12px;
	color:#333333;
	background-color:#FFFFFF;
	padding: 4px 5px 2px;
	/*padding: 2px 15px 2px 15px;*/
	/* 余白（top, right, bottom, left） */
	margin: 0px 0px 0px 0px;
	display: flex;
  justify-content: space-between;
}

.login_status_sp{
	text-align: right;
	font-size: 12px;
/*	color: #333 !important;*/
	background-color:#fff;
	padding: 4px 5px 2px;
	/*padding: 2px 15px 2px 15px;*/
	/* 余白（top, right, bottom, left） */
	margin: 0px 0px 0px 0px;
	/*display: flex;*/
  justify-content: space-between;
}

.bread_crumbs_band{
	text-align: left;
	font-size: 12px;
	color:#333333;
	background-color:#FFFFFF;
	padding: 4px 5px 2px;
	/*padding: 2px 15px 2px 15px;*/
	/* 余白（top, right, bottom, left） */
	margin: 0px 0px 0px 0px;
	/*display: flex;*/
  justify-content: space-between;
}

.login_status a{
	color:#333333;
	text-decoration: underline;
/*	text-decoration:none; 下線に変更（2016/11/30） */
	border-style:normal;
	color:#2E57A4;
}

.login_status a:visited {
	color:#2E57A4;
}

.login_status_pc{
	text-align: left;
	font-size: 12px;
	color:#333333;
	background-color:#FFFFFF;
	padding: 4px 15px 4px 15px;
	/* 余白（top, right, bottom, left） */
	margin: 0px 0px 0px 0px;
	display: flex;
  justify-content: space-between;
}
.login_status_pc a{
	color:#333333;
	text-decoration: underline;
/*	text-decoration:none; 下線に変更（2016/11/30） */
	border-style:normal;
	color:#2E57A4;
}

.login_status_pc a:visited {
	color:#2E57A4;
}


/* ◆マイホームコース用タイトル */
.mhc_title {
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	padding: 14px;	/* 上下の余白 */

	/* 背景グラデーション表示 */
	background: #4994CE;
}

/* ◆マイホームコース用本文 */
.mhc_detail {
	text-align: left;
	font-size: 14px;
	color:#333333;
	background-color:aliceblue;
	padding: 5px 15px 5px 15px;
}

.mhc_detail a:link,
.mhc_detail a:visited {
	color: #333333; 		/* リンクの色を変えない */
}

.mhc_detail_big {
	text-align: left;
	font-size: 16px;
	color:#333333;
	background-color:aliceblue;
	padding: 5px 15px 5px 15px;
}

.mhc_detail_big a:link,
.mhc_detail_big a:visited {
	color: #333333; 		/* リンクの色を変えない */
}

.mhc_obi{
	background:#a8f386;
	padding:10px;
	border:1px solid #B0AFA6;
	text-align: center;
	font-weight: bold;
	color:green;
}
.mhc_obi_red{
	background:#a8f386;
	padding:10px;
	border:1px solid #B0AFA6;
	text-align: center;
	font-weight: bold;
	color:red;
}
.mhc_list{
	background:white;
	padding:10px;
	border:1px solid #B0AFA6;
	text-align: center;
	font-weight: bold;
	color:blue;
}

.button{
background: -moz-linear-gradient(top,#FFF 0%,#E6E6E6);
	background: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ccc));
	border: 2px solid #DDD;
	color: #333;
	font-size:14px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3);
	padding: 5px 20px 5px 20px;
}

/* iframe {     vertical-align: bottom; } */	/* 下の隙間を埋める */

.new_ad_link_waku {
}

.new_ad_link {
	max-height: auto;	/* 最大値をここで設定 */
	vertical-align: bottom;
}

/* 天気予報内の広告枠 */
.new_ad_link_yohou {
	padding-top: 2px;
	padding-bottom: 2px;
/*	background: #EEEEEE; */
}

.ad_link_waku {
	margin-top: 0px;
	margin-bottom: 0px;
}

.new_ad_link img {
	/* PCの場合320になってしまうのを解放する*/
	max-width: 100%;
	height: auto !important;
	/* 画像の下の隙間を消す*/
	vertical-align: bottom;
}

.new_ad_link .new_topics_link_waku img {

	vertical-align: baseline;
}

.tenki_tbl td {
	text-align: center;		/* 画像とテキストを中央揃え */
}	vertical-align: middle;		/* 画像とテキストを中央揃え */
}

.tenki_tbl img {
	/* 画像の下の隙間を消す*/
	vertical-align: bottom;
}

/* ◆戻るボタン、進むボタン */
.amagumo_back_btn,
.amagumo_next_btn,
.amagumo_now_btn {
	color: #FFFFFF;

	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;	/* 下線を消す */

	/* 背景グラデーション表示 */
	background: #7C94B2;	/* IEはグラデーションなし */
	filter: progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1', GradientType='0', StartColorStr='#819CBC', EndColorStr='#758AA4'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#819CBC), to(#758AA4)); /* Chrome,Safari */

	border:0px solid #7d99ca;
	border-radius: 5px;

	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 0px 0px 0px 0px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 35px 5px 35px;
}


.amagumo_back_btn {
	padding: 5px 20px 5px 20px;
}

.amagumo_area_btn {
	/* ボタンサイズはpaddingで指定 */
	font-size:12px;
	color:black;
	line-height:30px;
	text-align: center;
	font-weight: bold;

	border:solid 0px ;	/* ボタンの境界線 */

	text-decoration: none;	/* 下線を消す */

	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 20px 5px 15px;
}

.amagumo_tab_area td{
	width:148px;
	color: grey;
	background-color: #DADADB;
}

.amagumo_tab_area .active {
	color: grey;
	background-color: #FFFFFF;
}

.amagumo_tab_area .nonactive span {
	color: grey;
}

.amagumo_tab_area tr{
	align: center;
}
.amagumo_tab_area a:link,
.amagumo_tab_area a:visited {
	color: #000000;
}

.amagumo_header {
	width: 100%;
	margin: 0;
	color: #000000;
	background: #FFFFFF;

	font-size: 14px;
	font-weight: bold;
	font-style: normal;

	text-align: center;
	vertical-align: middle;

	/* 背景の余白（top, right, bottom, left） */
	padding: 2px 0px 2px 0px;
}

.amagumo_time {
	width: 100%;
	max-width: 500px;
	color: #000000;
	background: #FFFFFF;

	font-size: 14px;
	font-weight: bold;
	font-style: normal;

	text-align: center;
	vertical-align: middle;

	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 0px 5px 0px;
}

.amagumo_table {
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 2px;

//	border: 1px #BCCCDB solid; /* セルの枠線 */

}

.amagumo_table td {
	text-align: center;
	border-collapse: collapse;
}

.amagumo_table .active a{
	background: #FF8906;
}

/*
.amagumo_radio_back input,
.amagumo_radio_next input {
	display: none;
}
.amagumo_radio_back label,
.amagumo_radio_next label{
	width: 60px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0px 0px 0px 10px;
	border-radius: 2px;
	color: white;
	font-size: 15px;
	text-align: center;
	line-height: 1;
}
.amagumo_radio_back label:before,
.amagumo_radio_next label:before {
	position: absolute;
	content: "";
	top: 50%;
	left: -10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: #bdc3c7;
	border-radius: 50%;
}
.amagumo_radio_back input[type="radio"]:checked + label:after,
.amagumo_radio_next input[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: -4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-radius: 50%;
	background: white;
}

.amagumo_radio_back,
.amagumo_radio_next {
	margin-top: 10px;
}
*/


.amagumo_radio input {
	display: none;
}
.amagumo_radio label{
	width: 60px;
	display: inline-block;
	position: relative;
	cursor: pointer;
	margin-left: 5px;
	margin-right: 5px;
	padding: 0px 0px 0px 10px;
	border-radius: 2px;
	color: white;
	font-size: 15px;
	text-align: center;
	line-height: 1;
}
.amagumo_radio label:before {
	position: absolute;
	content: "";
	top: 50%;
	left: -10px;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	background: #bdc3c7;
	border-radius: 50%;
}
.amagumo_radio input[type="radio"]:checked + label:after {
	position: absolute;
	content: "";
	top: 50%;
	left: -4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	border-radius: 50%;
	background: white;
}

.amagumo_table {
	table-layout: fixed;
}

.amagumo_table .slider_control {
	text-align: center;
}

.amagumo_slider {
	height: 50px;
	width: 240px;
}

.amagumo_slider .layout {
	width: 235px;
	margin-top: -20px;
}

.amagumo_table .tr {
	width: 200px;
/*	margin-top: -20px;*/
}

.amagumo_table td,
.amagumo_table th {
	border-collapse: collapse;
}


.amagumo_play_btn {
	/* ボタンサイズはpaddingで指定 */
	font-size:14px;
	line-height:20px;
	text-align: center;
	font-weight: bold;

	border:solid 0px ;	/* ボタンの境界線 */
	border-radius:2px;

	text-decoration: none;	/* 下線を消す */

	height: 20px;
	margin-left: -6px;
	margin-right: 10px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 7px 20px 7px 20px;
	background: #3497C9;	/* IEはグラデーションなし */

	/* その他詳細はソース側で動的に実現 */
}

.amagumo_play_btn:visited {
	color: #FFFFFF; 		/* リンクの色を変えない */
}


/* 最初非表示にすると、時刻目盛り部分がズレるので、ここで指定 */
.jslider-scale ins {
	margin-left: -13px !important;
}

/* 雨雲ピン立て */
.amagumo_map .contents{
	width: 100%;
	max-width: 500px;
	position: relative;
}

.amagumo_map .contents img {
	width: 100%;
	max-width: 500px;
}

.amagumo_map .contents .blinking img {
	width: 15px;
	height: 15px;
}

.amagumo_map .contents img.point{
	position: absolute;
	top: 0px;
	left: 0px;
}

/* 雨雲ピン点滅アニメーション。Chrome, IE, Firefoxそれぞれ用意しないと動かない。
*/
@-webkit-keyframes pulse {
 from {
   opacity: 1.0;/*透明度100%*/
 }
 to {
   opacity: 0.1;/*透明度00%*/
 }
}

@-moz-keyframes pulse {
 from {
   -moz-opacity: 1.0;
   opacity: 1.0;/*透明度100%*/
 }
 to {
   -moz-opacity: 0.1;
   opacity: 0.1;/*透明度00%*/
 }
}


@-ms-keyframes pulse {
 from {
   filter:alpha(opacity=100);
   opacity: 1.0;
 }
 to {
   filter:alpha(opacity=10);
   opacity: 0.1;
 }
}

.blinking img {
	-webkit-animation-name: pulse;/* 実行する名前 */
	-webkit-animation-duration: 0.5s;/* 0.3秒かけて実行 */
	-webkit-animation-iteration-count:infinite;/* 何回実行するか。infiniteで無限 */
	-webkit-animation-timing-function:ease-in-out;/* イーズインアウト */
	-webkit-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
	-webkit-animation-delay: 0s; /* 実行までの待ち時間 */

	-ms-animation-name: pulse;/* 実行する名前 */
	-ms-animation-duration: 0.5s;/* 0.3秒かけて実行 */
	-ms-animation-iteration-count:infinite;/* 何回実行するか。infiniteで無限 */
	-ms-animation-timing-function:ease-in-out;/* イーズインアウト */
	-ms-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
	-ms-animation-delay: 0s; /* 実行までの待ち時間 */

	-moz-animation-name: pulse;/* 実行する名前 */
	-moz-animation-duration: 0.5s;/* 0.3秒かけて実行 */
	-moz-animation-iteration-count:infinite;/* 何回実行するか。infiniteで無限 */
	-moz-animation-timing-function:ease-in-out;/* イーズインアウト */
	-moz-animation-direction: alternate;/* alternateにするとアニメーションが反復 */
	-moz-animation-delay: 0s; /* 実行までの待ち時間 */
}


/*
	PC 広告表示用テーブル
	超きっちり隙間ない状態にする
*/
.pc_weather_detail .cm_pc {
	border-collapse: collapse;
	border-spacing: 0;
	border:0px;
	padding:0px;
	text-align: center;
	vertical-align: top;
}

/*
wavesimulatorタブ用
*/
.wavesimulator_tab {
	width: 100%;
	table-layout: fixed; 	/* 中身の幅を均一で */
	height: 10px;		/* この２つの値を揃えないと、 */
	line-height: 10px;	/* テキストが中央に表示されない */

	color: #000000;
	text-align: center;
	font-size: 12px;
	font-weight: bold;

	border-collapse: collapse;	/* 境界線を重ねて表示 */
	background: #393939;
}

.wavesimulator_tab .tab_header {
	/* 背景グラデーション表示 */
	background: #7C94B2;	/* IEはグラデーションなし */
	filter: progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1', GradientType='0', StartColorStr='#819CBC', EndColorStr='#758AA4'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#819CBC), to(#758AA4)); /* Chrome,Safari */
}

.wavesimulator_tab td {
	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 5px 5px 0px 5px;

	vertical-align: middle;
	border-top:solid 6px #393939;		/* セルの枠線 */
	border-left:solid 8px #393939;		/* セルの枠線 */
	border-right:solid 8px #393939;		/* セルの枠線 */
	border-radius: 16px 16px 0px 0px;	/* 角丸 */
}

.wavesimulator_tab .cell {
	padding: 7px;		/* 上下の余白 */
}

.wavesimulator_tab a,
.wavesimulator_tab a:visited {
	color: #FFFFFF; 			/* 文字の色を変えない */
}

/* アクティブなタブだけ色が異なる */
.wavesimulator_tab .active {
	background: #fff;
}

.wavesimulator_tab .active .cell {
	color: #000; 			/* 文字の色 */
}

.wavesimulator_tab_contents {
	padding: 0px;
	margin:  0px;
	text-align: center;
	background:#393939;
}

/* 広域エリア、周辺エリア*/
.wavesimulator_tab_contents .area, .wavesimulator_tab_contents .pref {
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;
}

.wavesimulator_header {
	width: 100%;
	margin: 0;
	color: #000000;
	background: #FFFFFF;

	font-size: 14px;
	font-weight: bold;
	font-style: normal;

	text-align: center;
	vertical-align: middle;

	/* 背景の余白（top, right, bottom, left） */
	padding: 2px 0px 2px 0px;
}

.wavesimulator_time {
	margin-top: 15px;
	width: 100%px;
	max-width: 500px;
	color: #000000;
	background: #FFFFFF;

	font-size: 14px;
	font-weight: bold;
	font-style: normal;

	text-align: center;
	vertical-align: middle;

	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 0px 5px 0px;
}

.wavesimulator_map {
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;
	background:#393939;
}

.wavesimulator_map .contents{
	width: 100%;
	max-width: 500px;
	position: relative;
}

.wavesimulator_map .contents img {
	width: 100%;
	max-width: 500px;
}

.wavesimulator_map_hanrei {
	width: 100%;
	max-width: 500px;
	position: relative;
	padding:0px 5px;
	box-sizing:border-box;
}

.wavesimulator_map_hanrei img{
	width: 100%;
	max-width: 500px;
}


.wavesimulator_slider_table{
	width: 100%;
	max-width: 500px;
}

.wavesimulator_play_btn_wrap{
	width: 50px;
	text-align:right;
}

.wavesimulator_slider {
	height: 50px;
	width: calc(100% - 50px);
}

.wavesimulator_slider .layout {
	width: 95%;
	margin-top: -20px;
}

.wavesimulator_play_btn {
	/* ボタンサイズはpaddingで指定 */
	font-size:14px;
	line-height:20px;
	text-align: center;
	font-weight: bold;

	border:solid 0px ;	/* ボタンの境界線 */
	border-radius:2px;

	text-decoration: none;	/* 下線を消す */

	height: 20px;
	margin-left: -6px;
	margin-right: 10px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 7px 20px 7px 20px;
	background: #3497C9;	/* IEはグラデーションなし */

	/* その他詳細はソース側で動的に実現 */
}

.wavesimulator_play_btn:visited {
	color: #FFFFFF; 		/* リンクの色を変えない */
}

/*雷の予測タブ用*/
.kaminari_tab {
	width: 100%;
	table-layout: fixed; 	/* 中身の幅を均一で */
	height: 10px;		/* この２つの値を揃えないと、 */
	line-height: 10px;	/* テキストが中央に表示されない */

	color: #000000;
	text-align: center;
	font-size: 12px;
	font-weight: bold;

	border-collapse: collapse;	/* 境界線を重ねて表示 */
	background: #393939;
}

.kaminari_tab .tab_header {
	/* 背景グラデーション表示 */
	background: #7C94B2;	/* IEはグラデーションなし */
	filter: progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1', GradientType='0', StartColorStr='#819CBC', EndColorStr='#758AA4'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#819CBC), to(#758AA4)); /* Chrome,Safari */
}

.kaminari_tab td {
	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 5px 5px 0px 5px;

	vertical-align: middle;
	border-top:solid 6px #393939;		/* セルの枠線 */
	border-left:solid 8px #393939;		/* セルの枠線 */
	border-right:solid 8px #393939;		/* セルの枠線 */
	border-radius: 16px 16px 0px 0px;	/* 角丸 */
}

.kaminari_tab .cell {
	padding: 7px;		/* 上下の余白 */
}

.kaminari_tab a,
.kaminari_tab a:visited {
	color: #FFFFFF; 			/* 文字の色を変えない */
}

/* アクティブなタブだけ色が異なる */
.kaminari_tab .active {
	background: #ffffff;
}

.kaminari_tab .active .cell {
	color: #000000; 			/* 文字の色 */
}

.kaminari_tab_contents {
	padding: 0px;
	margin:  0px;
	text-align: center;
	background:#393939;
}

/* 広域エリア、周辺エリア*/
.kaminari_tab_contents .area, .kaminari_tab_contents .pref {
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;
}

.kaminari_header {
	width: 100%;
	margin: 0;
	color: #000000;
	background: #FFFFFF;

	font-size: 14px;
	font-weight: bold;
	font-style: normal;

	text-align: center;
	vertical-align: middle;

	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 0px 5px 0px;
	background: #ffffff;
}

.kaminari_map {
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;
	background:#393939;
	margin-top: 15px;
}

/* ◆巻き戻しボタン、実況ボタン、予想ボタン */
.kaminari_table {
	text-align: center;
	border-collapse: collapse;
	border-spacing: 0;
	margin-top: 2px;
}

.kaminari_table td {
	text-align: center;
	border-collapse: collapse;
}

.kaminari_table .active a{
	background: #FF8906;
}

.kaminari_table {
	table-layout: fixed;
}

.kaminari_table .tr {
	width: 200px;
/*	margin-top: -20px;*/
}

.kaminari_table td,
.kaminari_table th {
	border-collapse: collapse;
}

.kaminari_btn_1,
.kaminari_btn_2,
.kaminari_btn_3 {
  cursor:pointer;
	color: #FFFFFF;

	font-size: 14px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;	/* 下線を消す */

	/* 背景グラデーション表示 */
	background: #7C94B2;	/* IEはグラデーションなし */
	filter: progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1', GradientType='0', StartColorStr='#819CBC', EndColorStr='#758AA4'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#819CBC), to(#758AA4)); /* Chrome,Safari */

	border:0px solid #7d99ca;
	border-radius: 5px;

	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 0px 0px 0px 0px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 35px 5px 35px;
}

.kaminari_btn_1 {
	padding: 5px 20px 5px 20px;
}

.kaminari_slider {
	height: 50px;
	width: 240px;
}

.kaminari_slider .layout {
	width: 235px;
	margin-top: -20px;
}

.kaminari_play_btn {
	/* ボタンサイズはpaddingで指定 */
	font-size:14px;
	line-height:20px;
	text-align: center;
	font-weight: bold;

	border:solid 0px ;	/* ボタンの境界線 */
	border-radius:2px;

	text-decoration: none;	/* 下線を消す */

	height: 20px;
	margin-left: -6px;
	margin-right: 10px;
	/* 背景の余白（top, right, bottom, left） */
	padding: 7px 20px 7px 20px;
	background: #3497C9;	/* IEはグラデーションなし */

	/* その他詳細はソース側で動的に実現 */
}

.kaminari_play_btn:visited {
	color: #FFFFFF; 		/* リンクの色を変えない */
}

/*海面水温タブ用*/
.seatemperature_tab {
	width: 100%;
	table-layout: fixed; 	/* 中身の幅を均一で */
	height: 10px;		/* この２つの値を揃えないと、 */
	line-height: 10px;	/* テキストが中央に表示されない */

	color: #000000;
	text-align: center;
	font-size: 12px;
	font-weight: bold;

	border-collapse: collapse;	/* 境界線を重ねて表示 */
	background: #393939;
}

.seatemperature_tab .tab_header {
	/* 背景グラデーション表示 */
	background: #7C94B2;	/* IEはグラデーションなし */
	filter: progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1', GradientType='0', StartColorStr='#819CBC', EndColorStr='#758AA4'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#819CBC), to(#758AA4)); /* Chrome,Safari */
}

.seatemperature_tab td {
	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 5px 5px 0px 5px;

	vertical-align: middle;
	border-top:solid 6px #393939;		/* セルの枠線 */
	border-left:solid 8px #393939;		/* セルの枠線 */
	border-right:solid 8px #393939;		/* セルの枠線 */
	border-radius: 16px 16px 0px 0px;	/* 角丸 */
}

.seatemperature_tab .cell {
	padding: 7px;		/* 上下の余白 */
}

.seatemperature_tab a,
.seatemperature_tab a:visited {
	color: #FFFFFF; 			/* 文字の色を変えない */
}

/* アクティブなタブだけ色が異なる */
.seatemperature_tab .active {
	background: #FF8906;
}

.seatemperature_tab .active .cell {
	color: #FFFFFF; 			/* 文字の色 */
}

.seatemperature_tab_contents {
	padding: 0px;
	margin:  0px;
	text-align: center;
	background:#393939;
}

/* 広域エリア、周辺エリア*/
.seatemperature_tab_contents .area, .seatemperature_tab_contents .pref {
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;
}

.seatemperature_header {
	width: 100%;
	margin: 0;
	color: #000000;
	background: #FFFFFF;

	font-size: 14px;
	font-weight: bold;
	font-style: normal;

	text-align: center;
	vertical-align: middle;

	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 0px 5px 0px;
	background: #FF8906;
}

.seatemperature_map {
	/* 背景の余白（top, right, bottom, left） */
	padding: 15px 0px 0px 0px;
	background:#393939;
}

/*潮流タブ用*/
.seacurrent_tab {
	width: 100%;
	table-layout: fixed; 	/* 中身の幅を均一で */
	height: 10px;		/* この２つの値を揃えないと、 */
	line-height: 10px;	/* テキストが中央に表示されない */

	color: #000000;
	text-align: center;
	font-size: 12px;
	font-weight: bold;

	border-collapse: collapse;	/* 境界線を重ねて表示 */
	background: #393939;
}

.seacurrent_tab .tab_header {
	/* 背景グラデーション表示 */
	background: #7C94B2;	/* IEはグラデーションなし */
	filter: progid:DXImageTransform.Microsoft.Gradient
		(Enabled='1', GradientType='0', StartColorStr='#819CBC', EndColorStr='#758AA4'); /* IE */
	background: -webkit-gradient(linear, left top, left bottom, from(#819CBC), to(#758AA4)); /* Chrome,Safari */
}

.seacurrent_tab td {
	/* コンテンツ間の余白（top, right, bottom, left） */
	margin: 5px 5px 0px 5px;

	vertical-align: middle;
	border-top:solid 6px #393939;		/* セルの枠線 */
	border-left:solid 8px #393939;		/* セルの枠線 */
	border-right:solid 8px #393939;		/* セルの枠線 */
	border-radius: 16px 16px 0px 0px;	/* 角丸 */
}

.seacurrent_tab .cell {
	padding: 7px;		/* 上下の余白 */
}

.seacurrent_tab a,
.seacurrent_tab a:visited {
	color: #FFFFFF; 			/* 文字の色を変えない */
}

/* アクティブなタブだけ色が異なる */
.seacurrent_tab .active {
	background: #FF8906;
}

.seacurrent_tab .active .cell {
	color: #FFFFFF; 			/* 文字の色 */
}

.seacurrent_tab_contents {
	padding: 0px;
	margin:  0px;
	text-align: center;
	background:#393939;
}

/* 広域エリア、周辺エリア*/
.seacurrent_tab_contents .area, .seacurrent_tab_contents .pref {
	/* 背景の余白（top, right, bottom, left） */
	padding: 0px 0px 0px 0px;
}

.seacurrent_header {
	width: 100%;
	margin: 0;
	color: #000000;
	background: #FFFFFF;

	font-size: 14px;
	font-weight: bold;
	font-style: normal;

	text-align: center;
	vertical-align: middle;

	/* 背景の余白（top, right, bottom, left） */
	padding: 5px 0px 5px 0px;
	background: #FF8906;
}

.seacurrent_map {
	/* 背景の余白（top, right, bottom, left） */
	padding: 15px 0px 0px 0px;
	background:#393939;
}

table.tide_bar {
  display:inline-block;
  vertical-align:top;
  background-color: #696969;
  border-spacing: 5px;
}

.tide_info_bar{
	font-size: 0.8em;
	text-align:left;
}

.tide_info_bar_small{
	text-align:left;
}

.scroll_sticky{
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}

.bread_login{
	color:#333;
}
.bread_login a{
	color:#333;
}

.scroll-prevent {
  position: fixed;
  z-index: -1;
  width: 100%;
  height: 100%;
  top: 0; /*追記*/
  right: 0; /*追記*/
}

@media screen and (min-width:481px) { 
	/*　画面サイズが481pxからはここを読み込む　*/
	.accordion_below{
		padding:0px 5px;
		box-sizing: border-box;
	}
	.accordion_below .common_row_link {
		width: 24.6%;
	}
	.accordion_below::after{
		content:"";
		display: block;
		width:24.6%;
	}
	.accordion_below::before{
		content:"";
		display: block;
		width:24.6%;
		order:1;
	}
}