@charset "UTF-8";


/*-------------------------------------------------
	layout.css
-------------------------------------------------*/

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

body{
	color: #000000;
	line-height: 1.4;
	font-size: 14px;
	font-family: 'ＭＳ Ｐゴシック','MS P Gothic',Arial,sans-serif;
}


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

/*-------------------------------------------------
	HED：見出し
-------------------------------------------------*/
.head {
	width: 749px;
	padding: 15px;
	background: url(hl_h1.gif);
	text-align:left;
	margin: 0 auto;
	border-bottom: 1px solid #000000;
}


.head h1,
.head h1 a{
	color: #FFFFFF;
	font-size: 22px;
	font-weight: bold;
	line-height: 1.3;
}

.head p{
	color: #FFFFFF;
}

h2{
	height: 20px;
	padding: 3px 0 0 10px;
	background: url(hl_h2.gif) no-repeat left center;
	color: #000000;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.3;
	width: 547px;
}

h3{
	height: 16px;
	padding: 0px 0 0 6px;
	color: #000000;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.3;
	border-left: 6px solid #000000;
}


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

table{
	width: auto;
}

table tbody th{
	padding: 5px 10px 5px 10px;
	border: 1px solid #cccccc;
	border-right: 0;
	background: #F7F7F7;
	color: #000000;
	white-space: nowrap;
	font-weight: bold;
	text-align: left;
	font-size: 12px;
	vertical-align: top;
}

table tbody td{
	padding: 5px 10px 5px 10px;
	border: 1px solid #cccccc;
	color: #333333;
	background: #FFFFFF;
	text-align: left;
	font-size: 12px;
	vertical-align: top;
}

table thead th{
	padding: 8px 10px 8px 10px;
	border: 1px solid #cccccc;
	border-bottom: 0;
	background: url(bg_thead_th.gif) #04c4d7 repeat-x left bottom;
	color: #FFFFFF;
	font-weight: bold;
	white-space: nowrap;
	text-align: center;
	font-size: 12px;
	vertical-align: middle;
}


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

a{
	color: #000000;
	text-decoration: underline;
}

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

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

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

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

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

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

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

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

em{
	font-size: 14px;
	color: #0000FF;
}

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

span.notice{
	font-size: 10px;
	color: #666666;
}

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

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

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

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

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

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

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


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

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

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

ul li{
	margin: 0 0 1px 5px;
	padding: 0 0 0 0;
	color: #332007;
}

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

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

ol li{
	margin: 0 0 1px 25px;
	padding: 0 0 0 0;
	color: #332007;
}

dl{
	padding: 0;
}

dt{
	float: left;
	width: 90px;
	padding-left: 12px;
	background: url(bg_definitionTitle.gif) no-repeat left top;
	color: #000000;
	font-weight: bold;
}

dd{
	margin: 0 0 5px 0;
	padding: 0 0 3px 5px;
	background: url(bg_definitionDescription.gif) repeat-x left bottom;
	color: #332007;
}
/*
dd a:link,
dd a:hover,
dd a:visited,
dd a:active{
	color: #66CC00;
}

dd a:hover{
	color: #66CC00;
}
*/


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

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

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


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

.noDecorate{
	width: auto;
}

.box{
	width: auto;
	height: 100%;
	padding: 10px 10px 10px 10px;
	border: 1px solid #CCCCCC;
	background: #FFFFFF;
}

.boxStrong{
	width: auto;
	padding: 10px 10px 10px 10px;
	border: 1px solid #666666;
	background: #F7F7F7;
}

.boxAlert{
	width: auto;
	padding: 10px 10px 10px 10px;
	border: 2px solid #FF0000;
	background: #FFFFFF;
	color: #FF0000;
}

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

.boxRound{
	width: 100%;
	margin: 0;
	font-size: 14px;
}

.boxRound td{
	border: 0;
	padding: 0;
	font-size: 14px;
}

.boxRound .cell_TL,
.boxRound .cell_T,
.boxRound .cell_TR,
.boxRound .cell_L,
.boxRound .disp,
.boxRound .cell_R,
.boxRound .cell_BL,
.boxRound .cell_B,
.boxRound .cell_BR{
	font-size: 14px;
}

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

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

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

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

.boxRound .disp{
	padding: 10px;
	background: #ececec;
}

.boxRound .disp li{
list-style: none;

list-style-image:none;
	margin-left: 0;
}

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

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

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

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

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

.boxRoundStrong{
	width: 100%;
	margin: 0;
	font-size: 14px;
}

.boxRoundStrong td{
	border: 0;
	padding: 0;
	font-size: 14px;
}

.boxRoundStrong .cell_TL,
.boxRoundStrong .cell_T,
.boxRoundStrong .cell_TR,
.boxRoundStrong .cell_L,
.boxRoundStrong .disp,
.boxRoundStrong .cell_R,
.boxRoundStrong .cell_BL,
.boxRoundStrong .cell_B,
.boxRoundStrong .cell_BR{
	font-size: 14px;
}

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

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

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

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

.boxRoundStrong .disp{
	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: 5px;
	line-height: 1;
}

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

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

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


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

.boxRoundAlert{
	width: 100%;
	margin: 0;
	font-size: 14px;
}

.boxRoundAlert td{
	border: 0;
	padding: 0;
	font-size: 14px;
}

.boxRoundAlert .cell_TL,
.boxRoundAlert .cell_T,
.boxRoundAlert .cell_TR,
.boxRoundAlert .cell_L,
.boxRoundAlert .disp,
.boxRoundAlert .cell_R,
.boxRoundAlert .cell_BL,
.boxRoundAlert .cell_B,
.boxRoundAlert .cell_BR{
	font-size: 14px;
}

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

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

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

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

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

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

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

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

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


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

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

.spaceLarge{
	display: block;
	height: 60px;
	width: 80%;
}

.space{
	display: block;
	height: 30px;
	width: 80%;
}

.spaceSmall{
	display: block;
	height: 10px;
	width: 80%;
}


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

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

.tbl,
.cell01,
.cell02,
.cell03,
.cell04{
	background: none;
	font-size: 14px;
}

.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,
.main .boxContact,
.main .boxFeature{
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}

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


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

#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,
#bpx_contents .main table .boxContact,
#bpx_contents .main table .boxFeature{
	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,
#bpx_contents .left_column table .boxContact,
#bpx_contents .left_column table .boxFeature{
	margin: 0;
}

h1,
h2,
h3,
h4,
.lineSolid,
.lineDash{
	margin-bottom: 10px!important;
}