@charset "utf-8";
/*
 * Style Name   : style-saigai CSS
 * Description  : 共通スタイルシート（防災モード）
 */

/* ===================================================================

 * 共通のスタイル指定（全ページ共通モジュール設定）
 
=================================================================== */

/* INDEX ---------------------
 *  0. トップページ用 スタイル
 *  1. デフォルト スタイル
 *  2. ヘッダー スタイル
 *  3. フッター スタイル
 *  4. サブページデフォルト スタイル
 *  5. リンク スタイル
 *  6. 見出し スタイル
 *  7. リスト スタイル
 *  8. テーブル スタイル
 *  9. コンテンツ スタイル
 * 10. その他 スタイル
 */

/*================================================
 *  0.トップページ用 スタイル
 ================================================*/

dt dd dl {
	margin: 0;
	padding: 0;
}

#top_important {
	text-align:left;
	width:921;
	border: 6px outset red;
}

#ti_midasi {
	font-style: bold;
	font-size: large;
	background-color: red;
	color: white;
	float: left;
	padding: 5px 7px;
}

#ti_naiyou {
	font-style: bold;
	font-size: large;
	color: red;
	float: left;
	padding: 5px 7px;
}

#float_start {
	width:932px;
	margin: 0 auto;
}

#top_main {
	float:left;
	width:617px;
	text-align:left;
	margin: 8px 0 20px 0;
}

#top_sub {
	float:left;
	width:305px;
	margin-top:8px;
	margin-left:10px;
	text-align:left;
}

#top_banner {
	clear: both;
	text-align:left;
	width:932px;
}

.banner_area {
	float: left;
	padding: 20px;
}

.banner_area p {
	float: left;
	margin: 7px 7px 7px 7px;
}

/* ▼トピックス */
/* 以下style.phpから削除→差替え追加
#topics
#topics dl
#topics dt
#topics dd
*/
#topics {
	margin: 5px 2px 5px 2px;
	padding: 8px 8px 2px 8px;
	list-style: none;
	font-size: 92%;
	height: 320px;
	width: 596px;
	overflow-y: auto;
	overflow-x: auto;
}
dl.list309 dt {
	clear: left;
	float: left;
	margin: 0 0 0.4em;
	/*width: 100px;*/
	color: #000;
	/* font-family: Courier, Courier New, monospace; */
}

dl.list309 dd {
	width: 470px;
	margin-bottom: 0.4em;
	margin-left: 7em;
	border-bottom: 1px dashed #CCCCCC;
}

#topics li p {
	padding: 0 0 0 13em;
}

#topics a {
	display: block;
	padding: 0 0 2px 1px;
	margin: 0 0 2px 0;
}

#topics dd img {
	margin: 0 0 0 4px;
}

#topics .date {
	text-decoration: none;
	/*padding-top: 5px*/
	height: 18px;
	font-size: 92%;
}

#topics_kako {
	margin: 15px 0 0 430px;
}

#topics_kako a {
	display: block;
	/* width:158;height:14px;background-image:url(../../img/topics_kako.gif);background-repeat:no-repeat;text-indent:-10000px; */
	list-style: none;
}

#topics_kako a:hover{
	display: block;
	/* width:158px;height:14px;background-image:url(../../img/topics_kako-on.gif);text-indent:-10000px; */
	list-style: none;
}

/* ▼ライブカメラ */

#top_camera {
	margin-top: 30px;
}

#camera_gazou {
	margin-top: 15px;
	margin-bottom: 8px;
	margin-left: 1px;
	margin-right: 1px;
	padding: 5px 0 5px 4px;
	background-color: #999999;
}

.camplace {
	width: 148px;
	float: left;
	text-align: center;
	font-size: large;
	border: 2px solid gray;
	padding: 5px 0;
	background: linear-gradient(#fffff0, #dcdcdc);
}

.camplaceRV  a {
	width: 118px; /* 東播海岸：あり（5画像）＝118,なし（4画像）＝148 */
	float: left;
	text-align: center;
	font-size: large;
	border: 2px solid powderblue;
	padding: 5px 0;
	background: white;
	text-decoration: none;
}

.camplaceRV a:hover {
	width: 118px; /* 東播海岸：あり（5画像）＝118,なし（4画像）＝148 */
	float: left;
	text-align: center;
	font-size: large;
	border: 2px solid gray;
	padding: 5px 0;
	/* background: linear-gradient(#BFEFCD, #CEE7ED);color: #51150D; */
	background: #f0ffff;
	text-decoration: none;
	text-shadow: black 1px 1px 2px, lime 0 0 10px; 
}

.camplaceRT a {
	width: 118px; /* 東播海岸：あり（5画像）＝118,なし（4画像）＝148 */
	float: left;
	text-align: center;
	font-size: large;
	border: 2px solid peachpuff;
	padding: 5px 0;
	/*background: linear-gradient(#D3F1FF, #dcdcdc);*/
	background: white;
	text-decoration: none;
}

.camplaceRT a:hover {
	width: 118px; /* 東播海岸：あり（5画像）＝118,なし（4画像）＝148 */
	float: left;
	text-align: center;
	font-size: large;
	border: 2px solid gray;
	/*padding: 5px 0;background: linear-gradient(#BFEFCD, #CEE7ED);color: #51150D;*/
	background: #fffaf0;
	text-decoration: none;
	text-shadow: black 1px 1px 2px, aqua 0 0 10px; 
}

#camera_gazou a {
	/*text-decoration: none;*/
	color: #51150D;
}

#camera_gazou a:hover {
	/*text-decoration: none;*/
	font-style: bold;
	color: #ffffff;
}

/* ▼事務所の取り組み */

#top_torikumi {
	margin-top: 30px;
}

#torikumi_gazou {
	margin-top: 10px;
	margin-bottom: 8px;
	margin-left: 1px;
	margin-right: 1px;
	padding: 5px 0 0 0;
}

/* ▼防災・気象情報 */

#bousai_kisyou {
	margin-bottom: 5px;
}

/*防災・気象情報のボディ部分（余白調整・背景画像・背景色）*/
ul#bousai_list {
	margin: 10px 0 0 0;
	padding-bottom: 4px;
	padding-left: 0px;
	padding-right: 0px;
	font-size: 100%;
	/* font-weight: bold; */
}

ul#bousai_list li {
	list-style-type: none;		/*リストマーカー無しにする*/
	margin: 0px 4px 0px 4px;		/*サブメニュー項目のマージン*/
	background-color: #ffffff;	/*サブメニュー項目の背景色*/
	border-bottom: solid 1px #CCCCCC;
}

ul#bousai_list li a {
	display: block;			/*リンクをブロック表示にする*/
	padding: 9px 0px 5px 10px;	/* サブメニュー項目のパディング*/
	/*　background: url(../../img/icon_triangle2.gif) no-repeat 6px 7px;		三角画像を設定*/
	text-decoration: none;		/*リンクテキストの下線を消す*/
}

ul#bousai_list li a:link {
	color: #000000; /*#555555;*/
}

ul#bousai_list li a:visited {
	color: #000000; /*#555555;*/
}

ul#bousai_list li a:hover { 
	color: #FF6600;		/* ポイント時のリンク */
}

ul#bousai_list li a:active {
	color: #FF6600;		/* 選択中のリンク */
}


/* ▼事務所からのお知らせ */

#top_osirase {
	margin-top: 30px;
	margin-bottom: 5px;
}

/*事務所からのお知らせのボディ部分（余白調整・背景画像・背景色）*/
ul#osirase_list {
	margin: 10px 0 0 0;
	padding-bottom: 4px;
	padding-left: 0px;
	padding-right: 0px;
}

ul#osirase_list li {
	list-style-type: none;		/*リストマーカー無しにする*/
	margin: 5px 3px 5px 3px;		/*サブメニュー項目のマージン*/
	padding: 2px 2px 2px 10px;	/*サブメニュー項目のパディング*/
	background-color: #F0F0F0;	/*サブメニュー項目の背景色*/
	border: solid 1px #CCCCCC;
	/* min-height: 50px; */
	clear: both;
}

ul#osirase_list li img {
	margin-right: 8px;			/*画像右側のマージン*/
}

ul#osirase_list li p {
	overflow: hidden;			/*文字の回り込みなし*/
	padding-top: 5px;
}

ul#osirase_list li a {
	display: block;			/*リストをブロック表示にする*/
}

ul#osirase_list li a:link {
	color: #000000; /*#333333;*/
}

ul#osirase_list li a:visited {
	color: #000000; /*#333333;*/
}

ul#osirase_list li a:hover { 
	color: #FF6600;		/* ポイント時のリンク */
}

ul#osirase_list li a:active {
	color: #FF6600;		/* 選択中のリンク */
}

ul#osirase_list li.twlink {
	background-color: #1BA1F2;
}

ul#osirase_list li.twlink a:link {
	color: #FFFFFF;
}

ul#osirase_list li.twlink a:visited {
	color: #FFFFFF;
}

ul#osirase_list li.twlink a:hover {
	color: #FFFFFF;
	text-shadow: #708090 1px 1px;  
	background-color: #53ACEE;	
}


/*================================================
 * 1. デフォルト スタイル
 ================================================*/

#contents {
	width: 932px;
}

#container {
	width: 932px;
	margin: 0 auto;
	padding: 0 20px;
}

@font-face {
	font-family: YuGothicM;
	src: local("Yu Gothic Medium"),
	local("Yu Gothic");
	font-weight: 500;
}

body {
	color: #333;
	font-size: 15px;
	line-height: 1.4;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "游ゴシック Medium", YuGothic, YuGothicM, "Hiragino Kaku Gothic ProN", Meiryo, "メイリオ", sans-serif;
	background-color: #FFFFFF;
	margin: 0px;          /* ページ全体のmargin */
	padding: 0px;         /* ページ全体のpadding */
	text-align: center;   /* 下記のautoに未対応用のセンタリング */
}

hr {
	border-width: 1px 0px 0px 0px; /* 太さ */
	border-style: solid; /* 線種 */
	border-color: #CCCCCC; /* 線色 */
	height: 1px; /* 高さ */
}

a:link {
	color: #0033cc;	/* 未訪問のリンク */
}

a:visited { 
	color: #609;		/* 訪問済みのリンク */
}

a:hover { 
	color: #FF6600;		/* ポイント時のリンク */
}

a:active {
	color: #FF6600;		/* 選択中のリンク */
}

a img {
	border-style: none;
}

p {
	margin: 0 0 2px 0;
}

/* ▼桁下げ・文字揃え */

.indent08 {
	text-indent: 0.8em;
}

.indent10 {
	text-indent: 1em;
}

.indent15 {
	text-indent: 1.5em;
}

.left {
	text-align: left;
}

.center {
	text-align: center;
}

.right {
	text-align: right;
}

/* ▼リセット */

.clear {
	clear: both;
}

/* ▼カラー */

.red {
	color: #FF0033;
}

.grey {
	color: #808080;
}


/* ▼フォントサイズ */
.font80 {
	font-size: 80%;
}

.font90 {
	font-size: 90%;
	line-height: 1.2;
}
.font90150 {
	font-size: 90%;
	line-height: 1.5;
}

.font92 {
	font-size: 92%;
	line-height: 1.3;
}

.font96 {
	font-size: 96%;
	line-height: 1.4;
}

.font115 {
	font-size: 115%;
	line-height: 1.3;
}

.font130 {
	font-size: 130%;
	line-height: 1.4;
}

/* ▼フォントウェイト */

.fw400 {
	font-weight: nomal;
}

.fw700 {
	font-weight: bold;
}

/* ▼リンクにアイコンの表示 */

.pdf1:after {
	content: url("../../img/icon_pdf-small.png");
	margin-left: 5px;
	margin-right: 12px;
	position: relative;
	top: 3px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.pdf:after {
	content: url("../../img/icon_pdf-small.png");
	margin-left: 4px;
	margin-right: 4px;
	position: relative;
	top: 3x;
	/*-webkit-transform: translateY(8%);-moz-transform: translateY(8%);-ms-transform: translateY(8%);transform: translateY(8%);*/
}

.pdfss:after {
	content: url("../../img/icon_pdf-small14.png");
	margin-left: 4px;
	margin-right: 4px;
	position: relative;
	/*top: 3x;*/
}

.gaibu1:after {
	content: url("../../img/icon_gaibu.png");
	margin-left: 6px;
	margin-right: 12px;
	position: relative;
	top: 2px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.gaibu:after {
	content: url("../../img/icon_gaibu.png");
	margin-left: 4px;
	margin-right: 4px;
	position: relative;
	top: 2px;
}

.new1:after {
	content: url("../../img/icon_new.gif");
	margin-left: 6px;
	margin-right: 12px;
	position: relative;
	top: 2px;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.new:after {
	content: url("../../img/icon_new.gif");
	margin-left: 6px;
	margin-right: 12px;
	position: relative;
	top: 2px;
}

.pdf1 {
	margin: 0 10px 0 6px;
}

.pdf {
	margin: 0 3px 0 1px;
}

.pdfss {
	margin: 0 3px 0 1px;
}

.gaibu1 {
	margin: 0 10px 0 6px;
}

.gaibu {
	margin: 0 3px 0 1px;
}

.new1 {
	margin: 0 10px 0 6px;
}

.new {
	margin: 0 3px 0 1px;
}


/* ▼マウスオーバー時の画像半透明 */

#main a:hover img {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}

#mainfull a:hover img {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}

#top_main a:hover img {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}

#top_banner a:hover img {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}

#page_top a:hover img {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}

#top_camera a:hover img {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}

#top_osirase a:hover img {
	opacity: 0.75;
	filter: alpha(opacity=75);
	-ms-filter: "alpha(opacity=75)";
}

/* ▼ページの先頭に戻る */

.page_top2 {
	text-align: right;
	margin: 20px 10px 20px 0;
}

.page_top2 a: link {
	color: #333333;	/* 未訪問のリンク */
}

.page_top2 a: visited { 
	color: #333333;		/* 訪問済みのリンク */
}

.page_top2 a:hover { 
	color: #FF6600;		/* ポイント時のリンク */
}

/* ▼大き目の見出し文 */

.midasi_bun { 
	font-size: 115%;
	font-weight: bold;
	line-height: 1.5;	/* 行の高さの指定 */
}


/*================================================
 * 2. ヘッダー スタイル
 ================================================*/
 
#header {
	width: 932px;
	margin-top: 20px;
	text-align: left;
}

#headerleft {
	width: 45%;
	height: 80px;
	float: left;
	line-height: 1.5;
	font-size: 12px;
	margin-left: 4px;
}

#headerleft a {
	text-decoration: none;
}

#hdleft01 {
	width: 45%;
	font-size: 13.5px;
	font-weight: bold;
	text-align: justify;
	margin-bottom: 10px;
}

#hdleft02 {
	width: 45%;
	font-size: 20px;
	font-weight: bold;
	text-align: justify;
}
#headerright {
	width: 50%;
	height: 80px;
	margin-top: 10px;
	float: right;
	line-height: 1.5;
	text-align: right;
	font-size: 12px;
	margin-right: 15px;
}

#menu_btn img {
	margin: 0px 0px 0px 5px;
}

.search_box {
	width: 100%;
	margin: 0;
}

/*-------------------------------------------------*/

#global-nav{
	height: 58px;
}

#global-nav ul{
	list-style: none; /* リスト形式を削除 */
	margin: 0;
	padding: 0;
}

 /* リストを横並びに */
 
#global-nav ul li{
	float: left;
}
#global-nav ul li a{
	/* text-indent: -9999px; */ /* テキストをとばす */  
	text-decoration: none;
	display: block;
	color: black;
	font-weight: bolder;
	
}

#glnav_txt {
	vertical-align: middle;
	text-align: center;
}

#global-nav #menu1 a{
	display: block;
	width: 96px;
	height: 35px;
	padding-top: 12px;
	background: linear-gradient(#F6F6F6 ,#ECECEC);
	border: 1px solid #CCCCCC;
	/* background-image: url(../../img/menu_home.jpg);text-indent: -10000px; */
	list-style: none;
}

#global-nav #menu1 a:hover{
	display: block;
	width: 96px;
	height: 35px;
	padding-top: 12px;
	background: linear-gradient(#E41E51, #E8537D);
	border: 1px solid #CCCCCC;
	color: white;
	/* background-image: url(../../img/menu_home-on.jpg);text-indent: -10000px; */
	list-style: none;
} 

#global-nav #menu1_on a{
	/* display: block; */
	width: 96px;
	height: 35px;
	padding-top: 12px;
	background: linear-gradient(#E41E51, #E8537D);
	border: 1px solid #CCCCCC;
	color: white;
	/* background-image: url(../../img/menu_home-on.jpg);text-indent: -10000px; */
	list-style: none;
}

#global-nav #menu2 a{
	display: block;
	width: 130px;
	height: 35px;
	padding-top: 12px;
	background: linear-gradient(#F6F6F6 ,#ECECEC);
	border: 1px solid #CCCCCC;
	/* background-image: url(../../img/menu_gaiyou.jpg);text-indent: -10000px; */
	list-style: none;
}

#global-nav #menu2 a:hover{
	display: block;
	width: 130px;
	height: 35px;
	padding-top: 12px;
	background: linear-gradient(#E41E51, #E8537D);
	border: 1px solid #CCCCCC;
	color: white;
	/* background-image: url(../../img/menu_gaiyou-on.jpg);text-indent: -10000px; */
	list-style: none;
}

#global-nav #menu2_on a{
	display: block;
	width: 130px;
	height: 35px;
	padding-top: 12px;
	background: linear-gradient(#E41E51, #E8537D);
	border: 1px solid #CCCCCC;
	color: white;
	/* background-image: url(../../img/menu_gaiyou-on.jpg);text-indent: -10000px; */
	list-style: none;
}

#global-nav #menu3 a{
	display: block;
	width: 167px;
	height: 35px;
	padding-top: 12px;
	background: linear-gradient(#F6F6F6 ,#ECECEC);
	border: 1px solid #CCCCCC;
	/* background-image: url(../../img/menu_outline.jpg);text-indent: -10000px; */
	list-style: none;
}

#global-nav #menu3 a:hover{
	display: block;
	width: 167px;
	height: 35px;
	padding-top: 12px;
	background: linear-gradient(#E41E51, #E8537D);
	border: 1px solid #CCCCCC;
	color: white;
	/* background-image: url(../../img/menu_outline-on.jpg);text-indent: -10000px; */
	list-style: none;
} 

#global-nav #menu3_on a{
	display: block;
	width: 167px;
	height: 35px;
	padding-top: 12px;
	background: linear-gradient(#E41E51, #E8537D);
	border: 1px solid #CCCCCC;
	color: white;
	/* background-image: url(../../img/menu_outline-on.jpg);text-indent: -10000px; */
	list-style: none;
}

#global-nav #menu4 a{
	display: block;
	width: 114px;
	height: 35px;
	padding-top: 12px;
	background: linear-gradient(#F6F6F6 ,#ECECEC);
	border: 1px solid #CCCCCC;
	/* background-image: url(../../img/menu_kisha.jpg);text-indent: -10000px; */
	list-style: none;
}

#global-nav #menu4 a:hover{
	display: block;
	width: 114px;
	height: 35px;
	padding-top: 12px;
	background: linear-gradient(#E41E51, #E8537D);
	border: 1px solid #CCCCCC;
	color: white;
	/* background-image: url(../../img/menu_kisha-on.jpg);text-indent: -10000px; */
	list-style: none;
} 

#global-nav #menu4_on a{
	display: block;
	width: 114px;
	height: 35px;
	padding-top: 12px;
	background: linear-gradient(#E41E51, #E8537D);
	border: 1px solid #CCCCCC;
	color: white;
	/* background-image: url(../../img/menu_kisha-on.jpg);text-indent: -10000px; */
	list-style: none;
}

#global-nav #menu5 a{
	display: block;
	width: 146px;
	height: 35px;
	padding-top: 12px;
	background: linear-gradient(#F6F6F6 ,#ECECEC);
	border: 1px solid #CCCCCC;
	/* background-image: url(../../img/menu_iinkai.jpg);text-indent: -10000px; */
	list-style: none;
}

#global-nav #menu5 a:hover{
	display: block;
	width: 146px;
	height: 35px;
	padding-top: 12px;
	background: linear-gradient(#E41E51, #E8537D);
	border: 1px solid #CCCCCC;
	color: white;
	/* background-image: url(../../img/menu_iinkai-on.jpg);text-indent: -10000px; */
	list-style: none;
} 

#global-nav #menu5_on a{
	display: block;
	width: 146px;
	height: 35px;
	padding-top: 12px;
	background: linear-gradient(#E41E51, #E8537D);
	border: 1px solid #CCCCCC;
	color: white;
	/* background-image: url(../../img/menu_iinkai-on.jpg);text-indent: -10000px; */
	list-style: none;
}

#global-nav #menu6 a{
	display: block;
	width: 115px;
	height: 35px;
	padding-top: 12px;
	background: linear-gradient(#F6F6F6 ,#ECECEC);
	border: 1px solid #CCCCCC;
	/* background-image: url(../../img/menu_about.jpg);text-indent: -10000px; */
	list-style: none;
}

#global-nav #menu6 a:hover{
	display: block;
	width: 115px;
	height: 35px;
	padding-top: 12px;
	background: linear-gradient(#E41E51, #E8537D);
	border: 1px solid #CCCCCC;
	color: white;
	/* background-image: url(../../img/menu_about-on.jpg);text-indent: -10000px; */
	list-style: none;
}

#global-nav #menu6_on a{
	display: block;
	width: 117px;
	height: 35px;
	padding-top: 12px;
	background: linear-gradient(#E41E51, #E8537D);
	border: 1px solid #CCCCCC;
	color: white;
	/* background-image: url(../../img/menu_about-on.jpg);text-indent: -10000px; */
	list-style: none;
}

#global-nav #menu7 a{
	display: block;
	width: 150px;
	height: 35px;
	padding-top: 12px;
	background: linear-gradient(#F6F6F6 ,#ECECEC);
	border: 1px solid #CCCCCC;
	/* background-image: url(../../img/menu_nyusatsu.jpg);text-indent: -10000px; */
	list-style: none;
}

#global-nav #menu7 a:hover{
	display: block;
	width: 150px;
	height: 35px;
	padding-top: 12px;
	background: linear-gradient(#E41E51, #E8537D);
	border: 1px solid #CCCCCC;
	color: white;
	/* background-image: url(../../img/menu_nyusatsu-on.jpg);text-indent: -10000px; */
	list-style: none;
} 

#global-nav #menu7_on a{
	display: block;
	width: 150px;
	height: 35px;
	padding-top: 12px;
	background: linear-gradient(#E41E51, #E8537D);
	border: 1px solid #CCCCCC;
	color: white;
	/* background-image: url(../../img/menu_nyusatsu-on.jpg);text-indent: -10000px; */
	list-style: none;
}

 /*================================================
 * 3. フッター スタイル
 ================================================*/

#footer {
	clear: both;
	width: 932px;
	padding-bottom: 20px;
	text-align: left;
	border-top: #F94F53 4px solid
	/*background-image: url(../../img/foot_line.gif);background-repeat: repeat-x;background-position: top;*/
}

#footleft {
	width: 480px;
	height: 90px;
	margin-top: 30px;
	float: left;
	line-height: 1.5;
	font-size: 12px;
	padding-left: 4px;
}

#footleft img {
	float: left;
	margin-right: 5px;
}

#footright {
	width: 430px;
	height: 90px;
	margin-top: 30px;
	float: right;
	line-height: 1.5;
	text-align: right;
	font-size: 12px;
	padding-right: 4px;
}

#fotterline {
	width: 100%;
	height: 2px;
	background-color: #F94F53;
}

/*================================================
 * 4. サブページデフォルトスタイル
 ================================================*/

 #pankuzu {
	text-align: left;
	margin: 0 10px 10px 10px;
}

#pankuzu1 {
	font-size: 88%;
	list-style: none;
	margin: 0px 10px 10px 10px;
	padding: 0 0 5px;
}

#pankuzu1 li {
	float: left;
	list-style: none;
	margin-right: 8px;
}

#pankuzu1 li a {
	color: #0d88a9;
	padding-right: 8px;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inli-block;
	min-height: 1%;  /* for IE 7 */
}

#main {
	float: left;
	width: 700px;
	min-height: 400px;
	text-align: left;
}

#right_menu {
	float: right;
	width: 220px;
	margin-left: 12px;
	text-align: left;
}

#mainfull {
	float: left;
	width: 932px;
	min-height: 400px;
	/*text-align: left;*/
}

#page_top {
	clear: both;
	width: 932px;
	padding: 80px 42px 0px 0px;
	padding-bottom: 0px;
	align: right;
	text-align: right;
}

#page_top img {
	vertical-align: bottom;			/*IE用 画像下の余白を消す*/
}

/*-------------------------------------------------*/

div#submenu {
	width: 217px;			/*幅の指定*/
	margin: 10px 0 10px 0;	/*位置調整（IE6のバグに注意）*/
	display: inline;			/*IE6のマージン算出のバグ対策*/
	float: left;			/*サブメニューのカラムを左寄せにする*/
}

/*サブメニューのヘッダ部分（余白調整・背景画像・背景色・文字サイズなど）*/
div#submenu_header {
	min-height: 32px; padding: 11px 2px 2px 20px;
	background-image: url("../../img/bg_submenu_header.gif");
	background-repeat: no-repeat; background-position: top;
	background-color: #2B70B1;
	font-size: 18px; font-weight: bold;
	color: #FFFFFF;
}

#submenu ul {
	margin: 0px 0px 0px 0px;		/*サブメニュー全体のマージン*/
}

/*サブメニューのボディ部分（余白調整・背景画像・背景色）*/
ul#submenu_body {
	padding-bottom: 4px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #2B70B1;
	font-size: 95%;
}

ul#submenu_body li {
	list-style-type: none;		/*リストマーカー無しにする*/
	margin: 0px 4px 0px 4px;		/*サブメニュー項目のマージン*/
	background-color: #ffffff;	/*サブメニュー項目の背景色*/
	border-bottom: solid 1px #CCCCCC;
}

ul#submenu_body li a {
	display: block;			/*リンクをブロック表示にする*/
	padding: 8px 0px 8px 24px;	/*サブメニュー項目のパディング*/
	background: url(../../img/icon_triangle1.gif) no-repeat 8px 14px;		/*三角画像を設定*/
}

ul#submenu_body li.sub a {
	display: block;			/*リンクをブロック表示にする*/
	padding: 6px 0px 6px 40px;	/*サブメニュー項目のパディング*/
	background: url(../../img/icon_maru1.gif) no-repeat 24px 12px;		/*丸画像を設定*/
}

ul#submenu_body li a:hover {
	background-color: #F3F3F3;	/*リンクにマウスが乗ったら色を変える*/
}

ul#submenu_body li a: link {
	color: #333333;
}

ul#submenu_body li a: visited {
	color: #333333;
}

ul#submenu_body li a:hover { 
	color: #FF6600;		/* ポイント時のリンク */
}

ul#submenu_body li a: active {
	color: #FF6600;		/* 選択中のリンク */
}

/*================================================
 * 5. リンク スタイル
 ================================================*/


/*================================================
 * 6. 見出し スタイル
 ================================================*/

h1 {
	/*width: 700px;
	height: 44px;*/
	/*min-height: 44px;*/
	margin: 10px 0 16px 0;
	padding: 13px 0 0 20px;
	/*background-image: url(../../img/midashi_h1.gif);
	background-repeat: no-repeat;*/
	background-color: #E0F0F5;
	border-bottom: 3px solid #4BA6CD;
	border-radius: 0 10px;
	font-size: 22px;
	color: #333333;
}

h2 {
	position: relative;
	/*width: 700px;
	height: 34px;*/
	margin: 11px 0 16px 0;
	/*padding: 8px 0 0 20px;*/
	padding: .75em 1em .75em 1.5em;
	/*background-image: url(../../img/midashi_h2.gif);
	background-repeat: no-repeat;*/
	border: 1px solid #CCCCCC;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
	font-size: 18px;
	color: #333333;
}

h2::after {
	position: absolute;
	top: .5em;
	left: .5em;
	content: '';
	width: 6px;
	height: -webkit-calc(100% - 1em);
	height: calc(100% - 1em);
	background-color: #4BA6CD;
	border-radius: 4px;
}

h3 {
	position: relative;
	/*width: 700px;
	height: 34px;*/
	margin: 10px 0 16px 10px;
	/*padding: 8px 0 0 20px;*/
	padding: .25em 0 .25em .75em;
	/*background-image: url(../../img/midashi_h3.gif);
	background-repeat: no-repeat;*/
	border-left: 6px solid #E0F0F5;
	font-size: 18px;
	color: #333333;
}

h3::before {
	position: absolute;
	left: -6px;
	bottom: 0;
	content: '';
	width: 6px;
	height: 50%;
	background-color: #4BA6CD;
}

h3::after {
	position: absolute;
	left: 0;
	bottom: 0;
	content: '';
	width: 100%;
	height: 0;
	border-bottom: 1px solid #CCCCCC;
}

h4 {
	position: relative;
	margin: 10px 0 16px 12px;
	padding: .75em 0 .25em 1em;
	border-bottom: 3px solid #CCCCCC;
	font-size: 16px;
	color: #333333;
}

h4::after {
	position: absolute;
	bottom: -3px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 3px;
	background-color: #4BA6CD;
}

h5 {
	position: relative;
	margin: 10px 0 16px 8px;
	padding: .5em 1em .5em 2.25em;
	border: 1px solid #CCCCCC;
	border-top: 3px solid #E0F0F5;
	background: -webkit-linear-gradient(top, #FFFFFF 0%, #F0F0F0 100%);
	background: linear-gradient(to bottom, #FFFFFF 0%, #F0F0F0 100%);
	box-shadow: 0 -1px 0 rgba(255, 255, 255, 1) inset;
	font-size: 16px;
	color: #333333;
}

h5::after {
	position: absolute;
	top: .75em;
	left: .6em;
	z-index: 2;
	content: '';
	width: 10px;
	height: 10px;
	border: 3px solid #4BA6CD;
	border-radius: 100%;
}

/* h4未満、h4ライクな表示 */
.t4 {
	background-color: #E6E6E6;
	padding: 5px 15px;
	border-left: 5px solid #666666;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.5;	/* 行の高さの指定 */
}


/*================================================
 * 7. リスト スタイル
 ================================================*/

ol{
	margin-top: 0;
}

ol .suuzi{
	list-style-type: decimal;　 /* リストの初めを数字にする */
}

.suuzi li{
	padding: 0 15px 10px 0;
}

ul{
	margin-top: 0;
} 

.triangle1{
	list-style-image: url(../../img/icon_triangle1.gif);
}

.triangle1 li{
	padding: 0 15px 10px 0;
}

.maru1{
	list-style-image: url(../../img/icon_maru1.gif);
}

.maru1 li{
	padding: 0 15px 10px 0;
}

.info1 {
	list-style-image: url(../../img/icon_info1.png);
}

.info1 li {
	padding: 0 15px 10px 0;
}


/*================================================
 * 8. テーブル スタイル
 ================================================*/

table.hyou1 {
	width: 690px;
	border: 1px #999999 solid;
	border-collapse: collapse;
	border-spacing: 0;
	margin: 5px;
}

table.hyou1 th {
	padding: 10px 5px;
	border: #999999 solid;
	border-width: 0 0 1px 1px;
	background: #EEEEEE;
	font-weight: bold;
	line-height: 1.2;
	text-align: center;
	font-size: 95%;
	color: #333333;
}
table.hyou1 td {
	padding: 5px;
	border: 1px #999999 solid;
	border-width: 0 0 1px 1px;
	text-align: reft;
	font-size: 90%;
}


/*================================================
 * 9. コンテンツ スタイル
 ================================================*/
 
 
/*================================================
 * 10. その他 スタイル
 ================================================*/
#topixback01 {
	width: 7px;
	height: 33px;
	background-color: #ED8028;
	float: left;
}

#topixback02 {
	width: 603px;
	padding: 4px 0 3px 7px;
	height: 26px;
	background-color: #F3F3F3;
	float: left;
	font-weight: bold;
	font-size: large;
}

#livecamback01 {
	width: 25px;
	padding: 4px 0 3px 7px;
	height: 26px;
	background-color: #ED8028;
	float: left;
	font-weight: bold;
	font-size: large;
	color: white;
	text-align: center;
}

#livecamback02 {
	width: 577px;
	padding: 4px 0 3px 7px;
	height: 26px;
	background-color: #ED8028;
	float: left;
	font-weight: bold;
	font-size: large;
	color: white;
}

#bousaiback01 {
	width: 25px;
	padding: 4px 0 3px 7px;
	height: 26px;
	background-color: #5566BC;
	float: left;
	font-weight: bold;
	font-size: large;
	color: white;
	text-align: center;
}

#bousaiback02 {
	width: 266px;
	padding: 4px 0 3px 7px;
	height: 26px;
	background-color: #5566BC;
	float: left;
	font-weight: bold;
	font-size: large;
	color: white;
}

#osiraseback01 {
	width: 25px;
	padding: 4px 0 3px 7px;
	height: 26px;
	background-color: #5566BC;
	float: left;
	font-weight: bold;
	font-size: large;
	color: white;
	text-align: center;
}

#osiraseback02 {
	width: 266px;
	padding: 4px 0 3px 7px;
	height: 26px;
	background-color: #5566BC;
	float: left;
	font-weight: bold;
	font-size: large;
	color: white;
}