@charset "shift_jis";

/* ##########################################

		共通基本スタイル .note削除用

########################################## */

/* content=====================================

1.初期化
2.テキスト強調
3.リンクカラー
4.リスト
5.フロート、フロートクリア
6.位置調整
7.インデント
8.ライン
9.段落タイトル
10.テーブル
11.表示、非表示
12.タイトル周り
13.共通レイアウト（構造）

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

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

	1.初期化

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

* {
	margin: 0;
	padding: 0;
}

body {
	position: relative;/* for page top */
	margin-top: 0;
	border: 0px;
	color: #000;
	background-color: #fff;
	text-align: center;
	font-weight: normal;
	text-decoration: none;
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo, tahoma, Verdana, arial,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	-webkit-text-size-adjust: 100% !important;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
	line-height: 130% !important;
}

h3 {
	clear: both;
	margin-top: 3em;
}

h4 {
	clear: both;
	margin-top: 2em;
}

img {
	border: none;
}

iframe {
	border: none;
	overflow: hidden;
}

li {
	list-style-type: none;
}

hr {
	clear: both;
	display: none;
}

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

	2.テキスト強調

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

strong {
	font-weight: bold;
}

em {
	font-style: normal;
	font-weight: bold;
	color: #cc0000;
}

.emstyle {
	color: #cc3333;
}

.bold {
	font-weight: bold;
}

.normal {
	font-weight: normal;
}

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

	3.リンクカラー

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

a:link {
	color: #1D3994;
	text-decoration: none;
}

a:visited {
	color: #630547;
	text-decoration: none;
}

a:hover {
	color: #FD002E;
	text-decoration: underline;
}

a:active {
	color: #FD002E;
	text-decoration: underline;
}


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

	4.リスト

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


/* dl dt ddタイプ、width個別指定 */
dl.list_dt dt {
	clear: left;
	float: left;
	width: 0;
}

dl.list_dt dd {
	margin-left: 0;
}

/* dl dt ddタイプ、左dtが4em */
dl.list_dt4em dt {
	clear: left;
	float: left;
	width: 4em;
	_width: 3.6em;
}

dl.list_dt4em dd {
	margin-left: 4em;
	_margin-left: 3.6em;
}
* html dl.list_dt4em dd {
	height: 1px;
}

/* dl dt ddタイプ、左dtが5em */
dl.list_dt5em dt {
	clear: left;
	float: left;
	width: 5em;
	_width: 4.8em;
}
dl.list_dt5em dd {
	margin-left: 5em;
	_margin-left: 4.8em;
}
* html dl.list_dt5em dd {
	height: 1px;
}

/* dl dt ddタイプ、左dtが6em */
dl.list_dt6em dt {
	clear: left;
	float: left;
	width: 6em;
	_width: 5.6em;
}

dl.list_dt6em dd {
	margin-left: 6em;
	_margin-left: 5.6em;
}
* html dl.list_dt6em dd {
	height: 1px;
}

/* dl dt ddタイプ、左dtが7em */
dl.list_dt7em dt {
	clear: left;
	float: left;
	width: 7em;
	_width: 6.8em;
}
dl.list_dt7em dd {
	margin-left: 7em;
	_margin-left: 6.8em;
}
* html dl.list_dt7em dd {
	height: 1px;
}

/* dl dt ddタイプ、左dtが8em */
dl.list_dt8em dt {
	clear: left;
	float: left;
	width: 8em;
	_width: 7.6em;
}
dl.list_dt8em dd {
	margin-left: 8em;
	_margin-left: 7.6em;
}
* html dl.list_dt8em dd {
	height: 1px;
}

/* dl dt ddタイプ、左dtが9em */
dl.list_dt9em dt {
	clear: left;
	float: left;
	width: 9em;
	_width: 8.6em;
}

dl.list_dt9em dd {
	margin-left: 9em;
	_margin-left: 8.6em;
}
* html dl.list_dt9em dd {
	height: 1px;
}

/* dl dt ddタイプ、左dtが10em */
dl.list_dt10em dt {
	clear: left;
	float: left;
	width: 10em;
	_width: 9.6em;
}

dl.list_dt10em dd {
	margin-left: 10em;
	_margin-left: 9.6em;
}
* html dl.list_dt10em dd {
	height: 1px;
}

/* dl dt ddタイプ、左dtが11em */
dl.list_dt11em dt {
	clear: left;
	float: left;
	width: 11em;
	_width: 10.6em;
}

dl.list_dt11em dd {
	margin-left: 11em;
	_margin-left: 10.6em;
}
* html dl.list_dt11em dd {
	height: 1px;
}

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

	5.フロート、フロートクリア

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

.floatL,
.ft_left {
	float: left;
}

.floatR,
.ft_right {
	float: right;
}

.clear {
	clear: both;
}

.clearfix:after,
#Contents dl:after {
	content: "";
	display: block;
	clear: both;
}

.clearfix {
	display: block;
}

#Contents dl {
	display: block;
}


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

	6.位置調整

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

/* --------- テキスト用 --------- */

.tx_center {
	text-align: center;
}

.tx_right {
	text-align: right;
}

.tx_left {
	text-align: left;
}

/* --------- パディング用 --------- */

.pd0 {
	padding : 0;
}

.pd_all10 {
	padding : 10px;
}

.pd_top5 {
	padding-top : 5px;
}

.pd_top10 {
	padding-top : 10px;
}

.pd_top15 {
	padding-top : 15px;
}

.pd_top20 {
	padding-top : 20px;
}

.pd_top1em {
	padding-top : 1em;
}

.pd_top2em {
	padding-top : 2em;
}


.pd_bottom5 {
	padding-bottom : 5px;
}

.pd_bottom10 {
	padding-bottom : 10px;
}

.pd_left5 {
	padding-left: 5px;
}

.pd_left1em {
	padding-left: 1em;
}

.pd_right5 {
	padding-right : 5px;
}

/* --------- マージン用 --------- */

.mg0 {
	margin : 0;
}

.mg_all10 {
	margin : 10px;
}

.mg_top0 {
	margin-top : 0;
}

.mg_top2 {
	margin-top : 2px;
}

.mg_top5 {
	margin-top : 5px;
}

.mg_top10 {
	margin-top : 10px;
}

.mg_top15 {
	margin-top : 15px;
}

.mg_top20 {
	margin-top : 20px;
}

.mg_top25 {
	margin-top : 25px;
}

.mg_top30 {
	margin-top : 30px;
}

.mg_top35 {
	margin-top : 35px;
}

.mg_top40 {
	margin-top : 40px;
}

.mg_top45 {
	margin-top : 45px;
}

.mg_top1em {
	margin-top : 1em;
}

.mg_top2em {
	margin-top : 2em;
}

.mg_top3em {
	margin-top : 3em;
}

.mg_bottom0 {
	margin-bottom : 0px;
}

.mg_bottom5 {
	margin-bottom : 5px;
}

.mg_bottom10 {
	margin-bottom : 10px;
}

.mg_bottom15 {
	margin-bottom : 15px;
}

.mg_bottom20 {
	margin-bottom : 20px;
}

.mg_bottom25 {
	margin-bottom : 25px;
}

.mg_bottom30 {
	margin-bottom : 30px;
}

.mg_bottom45 {
	margin-bottom : 45px;
}

.mg_bottom1em {
	margin-bottom : 1em;
}

.mg_left5 {
	margin-left : 5px;
}

.mg_left10 {
	margin-left : 10px;
}

.mg_left15 {
	margin-left : 15px;
}

.mg_left20 {
	margin-left : 20px;
}

.mg_left25 {
	margin-left : 25px;
}

.mg_left30 {
	margin-left : 30px;
}

.mg_left1em {
	margin-left : 1em;
}
.mg_left2em {
	margin-left : 2em;
}
.mg_left3em {
	margin-left : 3em;
}


.mg_right5 {
	margin-right : 5px;
}

.mg_right10 {
	margin-right : 10px;
}

.mg_side10 {
	margin-right: 10px;
	margin-left: 10px;
}

.mg_side15 {
	margin-right: 15px;
	margin-left: 15px;
}

.mg_side20 {
	margin-right: 20px;
	margin-left: 20px;
}

/* --------- sup,sub調整用 --------- */
sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}
sup {
	font-size: 90%;
	bottom: .8ex;
}
sub {
	font-size: 90%;
	top: .1ex;
}
 
/* -----------------------------------------------

	7.インデント

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

.ind_1em {
	text-indent: -1em;
	padding-left: 1em;
	margin: 0;
	display: block;
}

.ind_2em {
	text-indent: -2em;
	padding-left: 2em;
	margin: 0;
	display: block;
}

.spac_1em {
	letter-spacing: 1em;
	margin-right: -1em;
}

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

	8.ライン

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

/* --------- 境界線（ブロック切り） --------- */

.hr550 {
	background-image: url(/common/images/line_gdot550.gif);
	height: 1px;
	margin-top: 30px;
	margin-bottom: 15px;
}


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

	9.段落タイトル

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

.column_title,
.column_titleLine {
	clear: both;
	color: #333333;
	font-weight: bold;
	line-height: 130%;
	margin: 25px auto 10px;
	padding: 4px 0 5px 6px;
	border-bottom: 1px solid #d5d5d5;
	border-left: 3px solid #6190df;
}


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

	10.テーブル

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

table {
	margin-top: 0.2em;
	margin-bottom: 0.2em;
	border-collapse: collapse;
	border: solid 1px #aaaaaa;
}

table th,
table td {
	border: solid 1px #aaaaaa;
	padding: 6px 6px;
	line-height: 1.2em;
	font-weight: 100;
}

table th {
	background: #eeeeee;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
}

caption {
	font-weight: bold;
	text-align: left;
}

table td.list dl {
	margin: 0 !important;
}

table td.list dt {
	font-weight: normal;
	float: left;
	width: 8em;
}

table td.list dd {
	margin-left: 8em;
}


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

	11.表示、非表示

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

.invisible {
	display: none !important;
	line-height: 0;
	font-size: 0;
}

#Contents .sp {
	display: none;
	speak: none;
}

.linkSp,
.imgSp {
	display: none !important;
}

.pcnone {
	display: none !important;
}

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

	12.タイトル周り

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

h1:not(.notR) {	/*標準以外はnotRを付与の上、個別に設定*/
	font-weight: normal;
	font-size: 180% !important;
	line-height: 110% !important;
	color: #342e2b;
 	/*margin: 0 0 0px;　marginの設定しない*/
	padding: 8px 5px 6px;
	_padding: 9px 5px 5px;
	border-bottom: 2px solid #0174DF;
	box-shadow: 0 1px 0 #666;
	text-shadow: 2px 2px 3px #bbb;
}

#LocalNavi {
	margin: 4px 0 0 0;
}

#LocalNavi .side-title {
	font-weight: normal;
	color: #2b7fbd;
	font-size: 1.45em;
	border-bottom: 2px solid #a4c8f2;
	padding: 4px 0 4px 2px;
	margin-bottom: 10px;
}

#LocalNavi a {
	display: block;
	text-decoration: none;
}

#LocalNavi a:hover {
	text-decoration: none;
}

/* ##########################################

	　　共通レイアウト（構造）

########################################## */

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

	全体　【container】

------------------------------------------ */
#container {
	text-align: left;
	margin: 0px auto 0px auto;
	padding: 0px;
	width: 956px;
}

html>/**/body #container {
	display:table;
	vertical-align:top;
}


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

	コンテンツラッピング　【cwrap】

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

#cwrap {
	width: 840px;
	margin:0 auto;
	text-align: left;
	clear: both;
}


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

	ローカルナビゲーション　【LocalNavi】

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

#LocalNavi {
	width: 226px;
	float: left;
	padding: 0 0 40px;
	position: relative;
}

#LocalNavi img {
	font-size: 0;
	line-height: 0;
	display: block;
	padding: 9px 0;
}


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

	メインエリア　【m_box】

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

#m_box,
#Main {
	width: 710px;
	float: right;
	margin: 0;
}

#Contents {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 0;
	width: 690px;
}

#Contents p:not(.date):not(.title_cap) {
	margin-bottom: 1.2em;
}