@charset "UTF-8";

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

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

body{
	color: #332007;
	line-height: 1.7;
}


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

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

h1{
	height: 40px;
	padding: 2px 0 0 38px;
	background: url(hl_h1.gif) no-repeat left 6px;
	color: #332007;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: -2px;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}

strong.h1{
	height: 40px;
	display: block;
	padding: 2px 0 0 38px;
	background: url(hl_h1.gif) no-repeat left 6px;
	color: #332007;
	font-size: 32px;
	font-weight: bold;
	line-height: 1.3;
	letter-spacing: -2px;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}

.home h1{
	position: absolute;
	left: 50%;
	top: 295px;
	z-index: 100;
	height: auto;
	width: 472px;
	margin-left: -465px;
	padding: 0 0 0 0;
	background: none;
	color: #000000;
	font-size: 83%;
	font-weight: normal;
	line-height: 1.3;
	text-align: left;
	letter-spacing: 0;
	font-family:"MS UI Gothic",Arial,sans-serif;
}

h2{
	height: 36px;
	padding: 12px 0 0 10px;
	background: url(hl_h2.gif) repeat-x left top;
	color: #000000;
	font-size: 150%;
	font-weight: bold;
	line-height: 1.3;
	font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;
}

h3{
	height: auto;
	padding: 0 0 0 0;
	color: #3399CC;
	font-size: 117%;
	font-weight: bold;
	line-height: 1.3;
}


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

table tbody th{
	padding: 3px 10px 3px 10px;
	border: 1px dotted #000000;
	border-right: 0;
	background: #999999;
	color: #FFFFFF;
	white-space: nowrap;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}

table tbody td{
	padding: 3px 10px 3px 10px;
	border: 1px dotted #000000;
	color: #332007;
	text-align: left;
	vertical-align: top;
}

table thead th{
	padding: 3px 10px 3px 10px;
	border: 1px dotted #000000;
	border-right: 1px dotted #FFFFFF;
	border-bottom: 0;
	background: #000000;
	color: #FFFFFF;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	vertical-align: middle;
}


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

a{
	color: #3399CC;
	text-decoration: underline;
}

a:hover{
	color: #17BFFF;
	text-decoration: none;
}

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

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

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

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

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

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

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

strong{
	color: #E81756;
}

span.notice{
	font-size: 92%;
	color: #666666;
	line-height: 1.4;
}

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

.btn_short{
	display: block;
	width: 60px;
	height: 25px;
	padding: 9px 0 0 30px;
	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: 110px;
	height: 25px;
	padding: 9px 0 0 30px;
	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: 160px;
	height: 25px;
	padding: 9px 0 0 30px;
	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: inside;
	list-style-image: url(pict_listItemMarker.gif);
}

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

ul li{
	text-indent: -17px;
	margin: 0 0 1px 0;
	padding: 0 0 0 20px;
	color: #332007;
}

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

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

ol li{
	text-indent: -17px;
	margin: 0 0 1px 0;
	padding: 0 0 0 25px;
	color: #332007;
	font-weight: bold;
}

dl{
	padding: 0;
	background: url(../img/extend/bg/bg_definitions.gif) repeat left top;
}

dt{
	padding: 2px 2px 0 5px;
	background: url(../img/extend/bg/bg_definitionTitle.gif) repeat left top;
	color: #000000;
	font-weight: bold;
}

dd{
	margin: 0 0 5px 0;
	padding: 0 2px 5px 5px;
	background: url(../img/extend/bg/bg_definitionDescription.gif) repeat-x left bottom;
	color: #332007;
}


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

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

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


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

.noDecorate{
	color: #332007;
}

.box{
	padding: 10px 10px 10px 10px;
	border: 2px solid #CCCCCC;
	color: #332007;
}

.boxStrong{
	padding: 10px 10px 10px 10px;
	border: 2px solid #CCCCCC;
	background: url(bg_boxStrong.gif) repeat left top;
	color: #332007;
}

.boxAlert{
	padding: 10px 10px 10px 10px;
	border: 2px solid #E81756;
	color: #000000;
}

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

.boxRound{
	background: none;
}

.boxRound .inner01{
	background: url(bg_boxRound_B.gif) repeat-x left bottom;
}

.boxRound .inner02{
	background: url(bg_boxRound_L.gif) repeat-y left top;
}

.boxRound .inner03{
	background: url(bg_boxRound_R.gif) repeat-y right top;
}

.boxRound .inner04{
	background: url(bg_boxRound_T.gif) repeat-x left top;
}

.boxRound .inner05{
	background: url(bg_boxRound_TL.gif) no-repeat left top;
}

.boxRound .inner06{
	background: url(bg_boxRound_TR.gif) no-repeat right top;
}

.boxRound .inner07{
	background: url(bg_boxRound_BL.gif) no-repeat left bottom;
}

.boxRound .disp{
	padding: 15px 15px 15px 15px;
	background: url(bg_boxRound_BR.gif) no-repeat right bottom;
	color: #332007;
	zoom: 1;
}

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

.boxRoundStrong{
	background: url(bg_boxRoundStrong.gif) repeat left top;
}

.boxRoundStrong .inner01{
	background: url(bg_boxRoundStrong_B.gif) repeat-x left bottom;
}

.boxRoundStrong .inner02{
	background: url(bg_boxRoundStrong_L.gif) repeat-y left top;
}

.boxRoundStrong .inner03{
	background: url(bg_boxRoundStrong_R.gif) repeat-y right top;
}

.boxRoundStrong .inner04{
	background: url(bg_boxRoundStrong_T.gif) repeat-x left top;
}

.boxRoundStrong .inner05{
	background: url(bg_boxRoundStrong_TL.gif) no-repeat left top;
}

.boxRoundStrong .inner06{
	background: url(bg_boxRoundStrong_TR.gif) no-repeat right top;
}

.boxRoundStrong .inner07{
	background: url(bg_boxRoundStrong_BL.gif) no-repeat left bottom;
}

.boxRoundStrong .disp{
	padding: 15px 15px 15px 15px;
	background: url(bg_boxRoundStrong_BR.gif) no-repeat right bottom;
	color: #332007;
	zoom: 1;
}

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

.boxRoundAlert{
	background: none;
}

.boxRoundAlert .inner01{
	background: url(bg_boxRoundAlert_B.gif) repeat-x left bottom;
}

.boxRoundAlert .inner02{
	background: url(bg_boxRoundAlert_L.gif) repeat-y left top;
}

.boxRoundAlert .inner03{
	background: url(bg_boxRoundAlert_R.gif) repeat-y right top;
}

.boxRoundAlert .inner04{
	background: url(bg_boxRoundAlert_T.gif) repeat-x left top;
}

.boxRoundAlert .inner05{
	background: url(bg_boxRoundAlert_TL.gif) no-repeat left top;
}

.boxRoundAlert .inner06{
	background: url(bg_boxRoundAlert_TR.gif) no-repeat right top;
}

.boxRoundAlert .inner07{
	background: url(bg_boxRoundAlert_BL.gif) no-repeat left bottom;
}

.boxRoundAlert .disp{
	padding: 15px 15px 15px 15px;
	background: url(bg_boxRoundAlert_BR.gif) no-repeat right bottom;
	color: #000000;
	zoom: 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: 15px;
	margin-bottom: 10px;
	margin-left: 15px;
}

/*------------------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;
}