@charset "utf-8";
/*
 * Style Name	: style CSS
 * Description  : 共通スタイルシート
 */

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

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

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


#top_important {
	text-align: left;
}

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

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

#top_sub {
	float: left;
	width: 305px;
	margin-top: 17px;
	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;
}

/* ▼トピックス */

#topics {
	margin-top: 2px;
}

#topics ul {
	margin: 5px 2px 5px 2px;
	padding: 8px 8px 2px 8px;
	list-style: none;
	font-size: 95%;
	height: 180px;
	width: 590px;
	overflow-y: auto;
	overflow-x: hidden;
}

#topics li {
	padding: 0 4px;
	border-bottom: 1px dashed #cccccc;
	width: 100%;
}

#topics li a {
	display: block;
	position: relative;
	padding: 5px 0 5px 0;
	margin: 2px 0 2px 0;
}

#topics li img {
	margin: 4px 12px 0 12px;
	padding: 0;
}

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

#topics li span.date {
	display: block;
	position: absolute;
	top: 4px;
	left: 0;
	width: 13em;
	min-height: 15px;
	color: #000000;
	text-decoration: none;
	height: 18px;
}

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

#topics_kako a {
	display: block;
	width: 158px;
	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 0 4px;
	background-color: #999999;
}

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

#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 32px;	/*サブメニュー項目のパディング*/
	background: url(../../img/icon_triangle2.gif) no-repeat 6px 7px;		/*三角画像を設定*/
	text-decoration: none;		/*リンクテキストの下線を消す*/
}

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

ul#bousai_list li a:visited {
	color: #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 2px;	/*サブメニュー項目のパディング*/
	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: #333333;
}

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

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

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


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

#contents {
	width: 932px;
}

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

.serif {
	font-family: Georgia, 游明朝, "Yu Mincho", YuMincho, "Hiragino Mincho ProN", HGS明朝E, メイリオ, Meiryo, serif;
	color: #1d1d1d;
}

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

body {
	color: #333333;
	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に未対応用のセンタリング */
}

p {
	margin: 0 0 0.2em 0;
}

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

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

.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;
}

/* ▼等幅フォント */

.fmono {
	font-family: "Courier New", Courier, monospace; /*Euphemia, */
}

/* ▼カラー */

.red {
	color: #ff0033;
}

.orange {
	color: #ff4500;
}

.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;
}

.font108 {
	font-size: 107%; /* 16pt相当になるよう106から108で調整 */
}

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

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

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

.fw400 {
	font-weight: nomal;
}

.fw700 {
	font-weight: bold;
}

/* ▼マーカー強調 */

.mkrd, .mkpk, .mkpp, .mkbl, .mklb, .mkgr, .mkyw, .mkor {
	font-weight: bold;
	letter-spacing: .02;
}

.mkrd {
	background: linear-gradient(transparent 40%, #ffadad 40%, #ff9393 80%, #ffffff 90%);
}

.mkpk {
	background: linear-gradient(transparent 40%, #ffc1e0 40%, #ffc0cb 80%, #ffffff 90%);
}

.mkpp {
	background: linear-gradient(transparent 40%, #cab8d9 40%, #ce9eff 80%, #ffffff 90%);
}

.mkbl {
	background: linear-gradient(transparent 40%, #c1e0ff 40%, #9eceff 80%, #ffffff 90%);
}

.mklb {
	background: linear-gradient(transparent 40%, #c1ffff 40%, #afeeee 80%, #ffffff 90%);
}

.mkgr {
	background: linear-gradient(transparent 40%, #b2ffb2 40%, #7fff7f 80%, #ffffff 90%);
}

.mkyw {
	background: linear-gradient(transparent 40%, #fff799 40%, #edde7b 80%, #ffffff 90%);
}

.mkor {
	background: linear-gradient(transparent 40%, #ffe0c1 40%, #ffce9e 80%, #ffffff 90%);
}


/* ▼行間 */

.line16 {
	line-height: 1.6;
}

.line18 {
	line-height: 1.8;
}

.line20 {
	line-height: 2.0;
}

/* ▼段落間（上下マージン＋前後は上下の半分） */

.mgud08 {
	margin: 8px 4px;
}

.mgud12 {
	margin: 12px 6px;
}

.mgud12t4 {
	margin: 12px 6px 12px 20px;
}

.mgud16 {
	margin: 16px 8px;
}

.mgud20 {
	margin: 20px 10px;
}

/* ▼余白 */

.spacer {
	margin: 24px;
}

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

.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;
}

#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: 65px;
}

#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;
}
 
#global-nav #menu1 a {
	display: block;
	width: 98px;
	height: 52px;
	background-image: url(../../img/menu_home.jpg);
	text-indent: -10000px;
	list-style: none;
}

#global-nav #menu1 a:hover {
	display: block;
	width: 98px;
	height: 52px;
	background-image: url(../../img/menu_home-on.jpg);
	text-indent: -10000px;
	list-style: none;
} 

#global-nav #menu1_on a {
	display: block;
	width: 98px;
	height: 52px;
	background-image: url(../../img/menu_home-on.jpg);
	text-indent: -10000px;
	list-style: none;
}

#global-nav #menu2 a {
	display: block;
	width: 132px;
	height: 52px;
	background-image: url(../../img/menu_gaiyou.jpg);
	text-indent: -10000px;
	list-style: none;
}

#global-nav #menu2 a:hover {
	display: block;
	width: 132px;
	height: 52px;
	background-image: url(../../img/menu_gaiyou-on.jpg);
	text-indent: -10000px;
	list-style: none;
} 

#global-nav #menu2_on a {
	display: block;
	width: 132px;
	height: 52px;
	background-image: url(../../img/menu_gaiyou-on.jpg);
	text-indent: -10000px;
	list-style: none;
}

#global-nav #menu3 a {
	display: block;
	width: 169px;
	height: 52px;
	background-image: url(../../img/menu_outline.jpg);
	text-indent: -10000px;
	list-style: none;
}

#global-nav #menu3 a:hover {
	display: block;
	width: 169px;
	height: 52px;
	background-image: url(../../img/menu_outline-on.jpg);
	text-indent: -10000px;
	list-style: none;
} 

#global-nav #menu3_on a {
	display: block;
	width: 169px;
	height: 52px;
	background-image: url(../../img/menu_outline-on.jpg);
	text-indent: -10000px;
	list-style: none;
}

#global-nav #menu4 a {
	display: block;
	width: 116px;
	height: 52px;
	background-image: url(../../img/menu_kisha.jpg);
	text-indent: -10000px;
	list-style: none;
}

#global-nav #menu4 a:hover {
	display: block;
	width: 116px;
	height: 52px;
	background-image: url(../../img/menu_kisha-on.jpg);
	text-indent: -10000px;
	list-style: none;
} 

#global-nav #menu4_on a {
	display: block;
	width: 116px;
	height: 52px;
	background-image: url(../../img/menu_kisha-on.jpg);
	text-indent: -10000px;
	list-style: none;
}

#global-nav #menu5 a {
	display: block;
	width: 148px;
	height: 52px;
	background-image: url(../../img/menu_iinkai.jpg);
	text-indent: -10000px;
	list-style: none;
}

#global-nav #menu5 a:hover {
	display: block;
	width: 148px;
	height: 52px;
	background-image: url(../../img/menu_iinkai-on.jpg);
	text-indent: -10000px;
	list-style: none;
} 

#global-nav #menu5_on a {
	display: block;
	width: 148px;
	height: 52px;
	background-image: url(../../img/menu_iinkai-on.jpg);
	text-indent: -10000px;
	list-style: none;
}

#global-nav #menu6 a {
	display: block;
	width: 117px;
	height: 52px;
	background-image: url(../../img/menu_about.jpg);
	text-indent: -10000px;
	list-style: none;
}

#global-nav #menu6 a:hover {
	display: block;
	width: 117px;
	height: 52px;
	background-image: url(../../img/menu_about-on.jpg);
	text-indent: -10000px;
	list-style: none;
} 

#global-nav #menu6_on a {
	display: block;
	width: 117px;
	height: 52px;
	background-image: url(../../img/menu_about-on.jpg);
	text-indent: -10000px;
	list-style: none;
}

#global-nav #menu7 a {
	display: block;
	width: 152px;
	height: 52px;
	background-image: url(../../img/menu_nyusatsu.jpg);
	text-indent: -10000px;
	list-style: none;
}

#global-nav #menu7 a:hover {
	display: block;
	width: 152px;
	height: 52px;
	background-image: url(../../img/menu_nyusatsu-on.jpg);
	text-indent: -10000px;
	list-style: none;
} 

#global-nav #menu7_on a {
	display: block;
	width: 152px;
	height: 52px;
	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;
	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;
}


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

#pankuzu {
	text-align: left;
	margin: 0 10px 10px 10px;
}
 
#pankuzu1 {
	font-size: 88%;
	list-style: none;
	margin: 0px 4px 0px 10px;
	padding: 0 0 4px;
}
 
#pankuzu1 li {
	float: left;
	list-style: none;
	margin-right: 8px;
}
 
#pankuzu1 li a {
	color: #0d88a9;
	padding-right: 8px;
	/*text-decoration: none;*/
}

#pankuzu1 li a:hover {
	color: #ff6600;		/* ポイント時のリンク */
	/*text-decoration: underline;*/
}

.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;
}

#page_top {
	clear: both;
	width: 932px;
	padding: 80px 42px 0px 0px;
	padding-bottom: 0px;
	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-color: #2b70b0;
	border-bottom: 1px solid #2b70b0;
	border-radius: 5px 5px 0 0;
	font-size: 18px;
	font-weight: bold;
	color: #ffffff;
}

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

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

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. リンク スタイル
 ================================================*/
a:link {
	color: #0033cc;	/* 未訪問のリンク */
}

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

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

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

a img {
	border-style: none;
}

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

.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;
}

.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;
}

.mado:after {
	content: url("../../img/icon_newwindow.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 {
	width: 98%;
	text-align: right;
	margin: 20px 10px 20px auto;
	font-size: 90%;
	border-bottom: 2px solid #e6e5fa;
}

.page_top2 a:before {
	content: url("../../img/icon_top.gif");
	margin-left: 4px;
	margin-right: 4px;
	position: relative;
	top: 3x;
}

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

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

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

/* ページ内ジャンプ（「先頭へ」「メニューへ」など）ボタン用NEW　※フッターのボタンではい */
div.goup {
	width: 180px;
	margin: 16px 0 16px auto;
	border-bottom: 2px solid #e6e5fa;
	text-align: right;
	font-size: 80%;
	letter-spacing: .02em;
}

div.goup a {
	background-color: #e6e5fa;
	margin: 0 0 0 4px;
	padding: 2px 8px 0;
	text-decoration: none;
}

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

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

div.goup a:hover { 
	color: #ff6600;		/* ポイント時のリンク */
	text-decoration: underline;
}

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

h1 {
	margin: 10px 0 16px 0;
	padding: 13px 0 0 20px;
	/*background-color: #e0f0f5;*/
	background: linear-gradient(#d9eefb 70%, #afe0f0);
	border-bottom: 3px solid #01aad6;
	border-radius: 5px 5px 2px 2px;
	font-size: 22px;
	letter-spacing: .05em;
	color: #101046;
}

h2 {
	position: relative;
	margin: 28px 0 16px 0;
	padding: .6em 1em .6em 1.5em;
	border: 1px solid #cccccc;
	box-shadow: 0 2px 6px rgba(0, 0, 0, .15);
	font-size: 18px;
	color: #222222;
}

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

h3 {
	position: relative;
	margin: 32px 0 16px 8px;
	padding: .2em 0 .2em .75em;
	border-left: 6px solid #e0f0f5;
	font-size: 18px;
	color: #222222;
}

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: 24px 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: #222222;
}

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

h5 {
	position: relative;
	margin: 24px 0 16px 20px;
	padding: .75em 0 .25em .1em;
	border-bottom: 3px solid #cccccc;
	width: 96%;
	font-size: 16px;
	color: #222222;
}

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

h6 {
	margin: 20px 0 16px 22px;
	padding: 1px 15px;
	border-left: 8px solid #01aad6; /*#ed8028;*/
	font-size: 15px;
	font-weight: bold;
	color: #2f4f4f;
}

/* hx未満、hxライクな表示 */
.t4 {
	background-color: #e6e6e6;
	padding: 5px 15px;
	border-left: 5px solid #2b70b0;
	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: left;*/
	font-size: 90%;
}

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

table.hyouf 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.hyouf td {
	padding: 5px;
	border: 1px #999999 solid;
	border-width: 0 0 1px 1px;
	font-size: 90%;
}


/*================================================
 * 9. コンテンツ スタイル
 ================================================*/
/*ページ内FAQ*/
.qa1 dl {
	/*width: 670px;*/
	margin-left: 8px;
	overflow: hidden;
	_zoom: 1;
}

.qa1 dl dt, .qa1 dl dd {
	text-indent: -2.3em;
	padding: 0 8px 0px 2.6em;
}

.qa1 dl dt {
	font-weight: bold;
	margin: 4px 4px 0 0;
}

.qa1 dl dd {
	margin: 6px 0 -1px 0;
	padding-bottom: 4px;
	border-bottom: 1px #808080 dotted;
	/*font-size: 96%;*/
}

.qa1 dl dd:first-letter, .qa1 dl dt:first-letter {
	font-size: 1.4em;
	font-weight: bold;
	font-family: "Courier New"monospace;
	margin-right: 8px;
	padding: 4px;
}

.qa1 dl dt:first-letter {
	color: #ff6767;
}

.qa1 dl dd:first-letter {
	color: #0F78E1;
}

/*QA二行目以降に段落を設けたいときに使用　注：先頭行を含む段落はPタグ禁止*/
.qa1 dl p {
	text-indent: 0;
	margin: 8px 0 10px 0;
}



/*================================================
 * 10. その他 スタイル
 ================================================*/