@charset "UTF-8";

/*-------------------------------------------------
	parts.css
-------------------------------------------------*/

/*-------------------------------------------------
	[ページ全体]
-------------------------------------------------*/

body{
	color: #000000;
	line-height: 1.4;
}


/*-------------------------------------------------
	[標準コンテンツパーツ]
-------------------------------------------------*/

/*-------------------------------------------------
	HED：見出し
-------------------------------------------------*/

h1{
	display: block;
	margin-bottom: 20px !important;
	padding: 16px 0 0 30px;
	background: url(hl_h1.gif) no-repeat left bottom;
	color: #3D5778;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
}

/* トップページのh1デザイン */
strong.h1{
	display: block;
	margin-bottom: 20px !important;
	padding: 16px 0 0 30px;
	background: url(hl_h1.gif) no-repeat left bottom;
	color: #3D5778;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.3;
}


.home h1{
	margin: 0 !important;
	padding: 0;
/*
	position: absolute;
	left: 40%;
	top: 26px;
	z-index: 100;
	height: auto;
	width: 440px;
	padding: 0 0 0 0;
	background: none;
	color: #DAE4EF;
	font-size: 11px;
	font-weight: normal;
	line-height: 1.3;
	text-align: right;
	letter-spacing: 0;
*/
}


h2{
	height: auto;
	margin: 0 0 20px 0 !important;
	padding: 0 0 8px 8px;
	background: url(hl_h2.gif) repeat-x left bottom;
	color: #134464;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
}

h3{
	height: auto;
	margin: 0 0 14px 0 !important;
	padding: 0 0 0 12px;
	background: url(hl_h3.gif) repeat-y left top;
	color: #134464;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
}


/*-------------------------------------------------
	TBL：表組み
-------------------------------------------------*/

table tbody th{
	padding: 8px 10px 8px 10px;
	border: 1px solid #3D5778;
	border-right: 0;
	background: #E3EEF4;
	color: #134464;
	white-space: nowrap;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

table tbody td{
	padding: 8px 10px 8px 10px;
	border: 1px solid #3D5778;
	text-align: left;
	vertical-align: top;
}

table thead th{
	padding: 8px 10px 8px 10px;
	border: 1px solid #3D5778;
	border-bottom: 0;
	background: #16A0C4;
	color: #FFFFFF;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
}


/*-------------------------------------------------
	TLK：テキストリンク
-------------------------------------------------*/

a{
	color: #16A0C4;
	text-decoration: underline;
}

a:hover{
	color: #077CBA;
	text-decoration: none;
}

.arrow_right{
	padding: 0 0 0 15px;
	background: url(arrow_right_off.gif) no-repeat left top;
	line-height: 1.4;
}

.arrow_right:hover{
	padding: 0 0 0 15px;
	background: url(arrow_right_on.gif) no-repeat left top;
}

.arrow_up{
	padding: 0 0 0 15px;
	background: url(arrow_up_off.gif) no-repeat left top;
	line-height: 1.4;
}

.arrow_up:hover{
	padding: 0 0 0 15px;
	background: url(arrow_up_on.gif) no-repeat left top;
}

.download{
	padding: 0 0 1px 15px;
	background: url(pict_download_off.gif) no-repeat left top;
	line-height: 1.4;
}

.download:hover{
	padding: 0 0 1px 15px;
	background: url(pict_download_on.gif) no-repeat left top;
}

/*-------------------------------------------------
	TXT：テキスト
-------------------------------------------------*/

em{
	color: #F53F8C;
}

strong{
	color: #134464;
	font-size: 14px;
}

span.notice{
	color: #134464;
	font-size: 11px;
}

/*-------------------------------------------------
	BTN：ボタン
-------------------------------------------------*/

.btn_short{
	display: block;
	width: 70px;
	height: 28px;
	padding: 12px 0 0 34px;
	background: url(btn_short_off.gif) no-repeat left top;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.4;
}

.btn_short:hover{
	background: url(btn_short_on.gif) no-repeat left top;
	color: #FFFFFF;
	text-decoration: none;
}

.btn{
	display: block;
	width: 120px;
	height: 28px;
	padding: 12px 0 0 34px;
	background: url(btn_off.gif) no-repeat left top;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.4;
}

.btn:hover{
	background: url(btn_on.gif) no-repeat left top;
	color: #FFFFFF;
	text-decoration: none;
}

.btn_long{
	display: block;
	width: 170px;
	height: 28px;
	padding: 12px 0 0 34px;
	background: url(btn_long_off.gif) no-repeat left top;
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
	line-height: 1.4;
}

.btn_long:hover{
	background: url(btn_long_on.gif) no-repeat left top;
	color: #FFFFFF;
	text-decoration: none;
}


/*-------------------------------------------------
	LST：リスト
-------------------------------------------------*/

ul,
ul li{
	list-style: inherit;
	list-style-position: outside;
	list-style-image: url(pict_listItemMarker.gif);
	color: #134464;
}

ul{
	padding: 5px 5px 5px 5px;
}

ul li{
	text-indent: 0;
	margin: 0 0 1px 0;
	margin: 0 0 0 25px;
	padding: 0 0 0 0;
}

ol,
ol li{
	list-style: inherit;
	list-style-position: inside;
	list-style-type: decimal;
	color: #134464;
}

ol{
	padding: 5px 5px 5px 5px;
}

ol li{
	text-indent: -17px;
	margin: 0 0 1px 0;
	padding: 0 0 0 25px;
}

dl{
	padding: 0;
}

dt{
	color: #134464;
	font-size: 12px;
	font-weight: bold;
	padding: 2px 2px 0 0;
}

dd{
	color: #134464;
	font-size: 12px;
	margin: 0 0 5px 0;
	padding: 0 2px 5px 0;
}



/*-------------------------------------------------
	HZR:線（水平線）
-------------------------------------------------*/

.lineSolid{
	display:block;
	background: url(bg_lineSolid.gif) repeat-x left center;
	font-size: 1px;
	height: 2px;
}

.lineDash{
	display:block;
	background: url(bg_lineDash.gif) repeat-x left center;
	font-size: 1px;
	height: 2px;
}


/*-------------------------------------------------
	BOX:ボックス
-------------------------------------------------*/

.noDecorate{
}

.box{
	color: #134464;
	padding: 10px 10px 10px 10px;
	background: #D3E4ED;
}

.boxStrong{
	color: #134464;
	padding: 10px 10px 10px 10px;
	border: 4px solid #D3E4ED;
	background: #FFFFFF;
}

.boxAlert{
	color: #134464;
	padding: 10px 10px 10px 10px;
	border: 4px solid #16A0C4;
	background: #D3E4ED;
}


/*------------------boxRound-装飾ボックス------------------------*/

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

.boxRound td{
	border: 0;
	padding: 0;
}

.boxRound .cell_TL{
	width: 15px;
	height: 15px;
	font-size: 15px;
	line-height: 1;
	background: url(bg_boxRound_TL.gif) no-repeat left top;
}

.boxRound .cell_T{
	font-size: 15px;
	line-height: 1;
	background: url(bg_boxRound_T.gif) repeat-x left top;
}

.boxRound .cell_TR{
	width: 15px;
	font-size: 15px;
	line-height: 1;
	background: url(bg_boxRound_TR.gif) no-repeat right top;
}

.boxRound .cell_L{
	font-size: 15px;
	line-height: 1;
	background: url(bg_boxRound_L.gif) repeat-y left top;
}

.boxRound .disp{
	color: #134464;
	padding: 10px;
	background: url(bg_boxRound.gif) repeat left top;
}

.boxRound .cell_R{
	font-size: 15px;
	line-height: 1;
	background: url(bg_boxRound_R.gif) repeat-y right top;
}

.boxRound .cell_BL{
	height: 15px;
	font-size: 15px;
	line-height: 1;
	background: url(bg_boxRound_BL.gif) no-repeat left bottom;
}

.boxRound .cell_B{
	font-size: 15px;
	line-height: 1;
	background: url(bg_boxRound_B.gif) repeat-x left bottom;
}

.boxRound .cell_BR{
	font-size: 15px;
	line-height: 1;
	background: url(bg_boxRound_BR.gif) no-repeat right bottom;
}

/*------------------boxRoundStrong-強調装飾ボックス------------------------*/

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

.boxRoundStrong td{
	border: 0;
	padding: 0;
}

.boxRoundStrong .cell_TL{
	width: 15px;
	height: 15px;
	background: url(bg_boxRoundStrong_TL.gif) no-repeat left top;
	font-size: 15px;
	line-height: 1;
}

.boxRoundStrong .cell_T{
	background: url(bg_boxRoundStrong_T.gif) repeat-x left top;
	font-size: 15px;
	line-height: 1;
}

.boxRoundStrong .cell_TR{
	width: 15px;
	background: url(bg_boxRoundStrong_TR.gif) no-repeat right top;
	font-size: 15px;
	line-height: 1;
}

.boxRoundStrong .cell_L{
	background: url(bg_boxRoundStrong_L.gif) repeat-y left top;
	font-size: 15px;
	line-height: 1;
}

.boxRoundStrong .disp{
	color: #134464;
	padding: 10px;
	background: url(bg_boxRoundStrong.gif) repeat left top;
}

.boxRoundStrong .cell_R{
	background: url(bg_boxRoundStrong_R.gif) repeat-y right top;
	font-size: 15px;
	line-height: 1;
}

.boxRoundStrong .cell_BL{
	height: 15px;
	background: url(bg_boxRoundStrong_BL.gif) no-repeat left bottom;
	font-size: 15px;
	line-height: 1;
}

.boxRoundStrong .cell_B{
	background: url(bg_boxRoundStrong_B.gif) repeat-x left bottom;
	font-size: 15px;
	line-height: 1;
}

.boxRoundStrong .cell_BR{
	background: url(bg_boxRoundStrong_BR.gif) no-repeat right bottom;
	font-size: 15px;
	line-height: 1;
}


/*------------------boxRoundAlert-注意喚起装飾ボックス------------------------*/

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

.boxRoundAlert td{
	border: 0;
	padding: 0;
}

.boxRoundAlert .cell_TL{
	width: 15px;
	height: 15px;
	background: url(bg_boxRoundAlert_TL.gif) no-repeat left top;
	font-size: 15px;
	line-height: 1;
}

.boxRoundAlert .cell_T{
	background: url(bg_boxRoundAlert_T.gif) repeat-x left top;
	font-size: 15px;
	line-height: 1;
}

.boxRoundAlert .cell_TR{
	width: 15px;
	background: url(bg_boxRoundAlert_TR.gif) no-repeat right top;
	font-size: 15px;
	line-height: 1;
}

.boxRoundAlert .cell_L{
	background: url(bg_boxRoundAlert_L.gif) repeat-y left top;
	font-size: 15px;
	line-height: 1;
}

.boxRoundAlert .disp{
	color: #134464;
	padding: 10px;
	background: url(bg_boxRoundAlert.gif) repeat left top;
}

.boxRoundAlert .cell_R{
	background: url(bg_boxRoundAlert_R.gif) repeat-y right top;
	font-size: 15px;
	line-height: 1;
}

.boxRoundAlert .cell_BL{
	height: 15px;
	background: url(bg_boxRoundAlert_BL.gif) no-repeat left bottom;
	font-size: 15px;
	line-height: 1;
}

.boxRoundAlert .cell_B{
	background: url(bg_boxRoundAlert_B.gif) repeat-x left bottom;
	font-size: 15px;
	line-height: 1;
}

.boxRoundAlert .cell_BR{
	background: url(bg_boxRoundAlert_BR.gif) no-repeat right bottom;
	font-size: 15px;
	line-height: 1;
}


/*-------------------------------------------------
	[コモンパーツ]
-------------------------------------------------*/

/*-------------------------------------------------
	SPC：余白
-------------------------------------------------*/

#bpx_contents .spaceLarge{
	display: block;
	margin: 0 0 60px 0;
	line-height: 0;
}

#bpx_contents .space{
	display: block;
	margin: 0 0 30px 0;
	line-height: 0;
}

#bpx_contents .spaceSmall{
	display: block;
	margin: 0 0 10px 0;
	line-height: 0;
}


/*-------------------------------------------------
	CLM:レイアウトボックス
-------------------------------------------------*/

.column2 .tbl,
.column3 .tbl,
.column4 .tbl{
	width: 100%;
	border: 0;
}

.column2 .cell01,
.column2 .cell02{
	width: 50%;
	padding: 0;
	border: 0;
	vertical-align: top;
}

.column3 .cell01,
.column3 .cell02,
.column3 .cell03{
	width: 33%;
	padding: 0;
	border: 0;
	vertical-align: top;
}


.column4 .cell01,
.column4 .cell02,
.column4 .cell03,
.column4 .cell04{
	width: 25%;
	padding: 0;
	border: 0;
	vertical-align: top;
}

.column2Left .tbl{
	width: 100%;
	border: 0;
}

.column2Left .cell01{
	width: 30%;
	padding: 0;
	border: 0;
	vertical-align: top;
}

.column2Left .cell02{
	width: 70%;
	padding: 0;
	border: 0;
	vertical-align: top;
}

.column2Right .tbl{
	width: 100%;
	border: 0;
}

.column2Right .cell01{
	width: 70%;
	padding: 0;
	border: 0;
	vertical-align: top;
}

.column2Right .cell02{
	width: 30%;
	padding: 0;
	border: 0;
	vertical-align: top;
}

.column2FitLeft .tbl{
	width: 100%;
	border: 0;
}

.column2FitLeft .cell01{
	width: 1px;
	padding: 0;
	border: 0;
	vertical-align: top;
}

.column2FitLeft .cell02{
	width: auto;
	padding: 0;
	border: 0;
	vertical-align: top;
}

.column2FitRight .tbl{
	width: 100%;
	border: 0;
}

.column2FitRight .cell01{
	width: auto;
	padding: 0;
	border: 0;
	vertical-align: top;
}

.column2FitRight .cell02{
	width: 1px;
	padding: 0;
	border: 0;
	vertical-align: top;
}


/*-------------------------------------------------
	IDT:インデントボックス
-------------------------------------------------*/

.indent{
	padding-left: 15px;
}


/*-------------------------------------------------
	パーツ余白一括指定
-------------------------------------------------*/

/*------------------main-------------------------*/

.main h1,
strong.h1,
.main h2,
.main h3,
.main table,
.main ul,
.main ol,
.main dl,
.main .lineSolid,
.main .lineDash,
.main .noDecorate,
.main .box,
.main .boxStrong,
.main .boxAlert,
.main .boxRound,
.main .boxRoundStrong,
.main .boxRoundAlert,
.main .column2,
.main .column3,
.main .column4,
.main .column2Left,
.main .column2Right,
.main .column2FitLeft,
.main .column2FitRight{
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

/*------------------left_column-------------------------*/

.left_column h1,
.left_column strong.h1,
.left_column h2,
.left_column h3,
.left_column table,
.left_column ul,
.left_column ol,
.left_column dl,
.left_column .lineSolid,
.left_column .lineDash,
.left_column .noDecorate,
.left_column .box,
.left_column .boxStrong,
.left_column .boxAlert,
.left_column .boxRound,
.left_column .boxRoundStrong,
.left_column .boxRoundAlert,
.left_column .column2,
.left_column .column3,
.left_column .column4,
.left_column .column2Left,
.left_column .column2Right,
.left_column .column2FitLeft,
.left_column .column2FitRight{
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}

/*------------------right_column-------------------------*/

.right_column h1,
.right_column strong.h1,
.right_column h2,
.right_column h3,
.right_column table,
.right_column ul,
.right_column ol,
.right_column dl,
.right_column .lineSolid,
.right_column .lineDash,
.right_column .noDecorate,
.right_column .box,
.right_column .boxStrong,
.right_column .boxAlert,
.right_column .boxRound,
.right_column .boxRoundStrong,
.right_column .boxRoundAlert,
.right_column .column2,
.right_column .column3,
.right_column .column4,
.right_column .column2Left,
.right_column .column2Right,
.right_column .column2FitLeft,
.right_column .column2FitRight{
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
}


/*-------------------------------------------------
	レイアウト余白リセット
-------------------------------------------------*/

#bpx_contents .main div div,
#bpx_contents .main div table,
#bpx_contents .main div h1,
#bpx_contents .main div h2,
#bpx_contents .main div h3,
#bpx_contents .main div h4,
#bpx_contents .main div ul,
#bpx_contents .main div ol,
#bpx_contents .main div p,
#bpx_contents .main div dl,
#bpx_contents .main div .lineSolid,
#bpx_contents .main div .lineDash,
#bpx_contents .main table div,
#bpx_contents .main table table,
#bpx_contents .main table h1,
#bpx_contents .main table h2,
#bpx_contents .main table h3,
#bpx_contents .main table h4,
#bpx_contents .main table ul,
#bpx_contents .main table ol,
#bpx_contents .main table p,
#bpx_contents .main table dl,
#bpx_contents .main table .lineSolid,
#bpx_contents .main table .lineDash{
	margin: 0;
}

#bpx_contents .left_column div div,
#bpx_contents .left_column div table,
#bpx_contents .left_column div h1,
#bpx_contents .left_column div h2,
#bpx_contents .left_column div h3,
#bpx_contents .left_column div h4,
#bpx_contents .left_column div ul,
#bpx_contents .left_column div ol,
#bpx_contents .left_column div p,
#bpx_contents .left_column div dl,
#bpx_contents .left_column div .lineSolid,
#bpx_contents .left_column div .lineDash,
#bpx_contents .left_column table div,
#bpx_contents .left_column table table,
#bpx_contents .left_column table h1,
#bpx_contents .left_column table h2,
#bpx_contents .left_column table h3,
#bpx_contents .left_column table h4,
#bpx_contents .left_column table ul,
#bpx_contents .left_column table ol,
#bpx_contents .left_column table p,
#bpx_contents .left_column table dl,
#bpx_contents .left_column table .lineSolid,
#bpx_contents .left_column table .lineDash{
	margin: 0;
}

#bpx_contents .right_column div div,
#bpx_contents .right_column div table,
#bpx_contents .right_column div h1,
#bpx_contents .right_column div h2,
#bpx_contents .right_column div h3,
#bpx_contents .right_column div h4,
#bpx_contents .right_column div ul,
#bpx_contents .right_column div ol,
#bpx_contents .right_column div p,
#bpx_contents .right_column div dl,
#bpx_contents .right_column div .lineSolid,
#bpx_contents .right_column div .lineDash,
#bpx_contents .right_column table div,
#bpx_contents .right_column table table,
#bpx_contents .right_column table h1,
#bpx_contents .right_column table h2,
#bpx_contents .right_column table h3,
#bpx_contents .right_column table h4,
#bpx_contents .right_column table ul,
#bpx_contents .right_column table ol,
#bpx_contents .right_column table p,
#bpx_contents .right_column table dl,
#bpx_contents .right_column table .lineSolid,
#bpx_contents .right_column table .lineDash{
	margin: 0;
}

#bpx_contents #bpx_wrapper h1,
#bpx_contents #bpx_wrapper h2,
#bpx_contents #bpx_wrapper h3,
#bpx_contents #bpx_wrapper h4,
#bpx_contents #bpx_wrapper .lineSolid,
#bpx_contents #bpx_wrapper .lineDash{
	margin-bottom: 10px;
}