@charset "UTF-8";

/*==============================================================================
■制作者：SUZUKI
■内容：汎用CSSの設定
■備考：
■目次--------------------------------------------------------------------------


	1=フォントの設定
	2=配置の設定
	3=文字の設定
	4=マージン、パディング設定
	5=テキスト装飾設定
	

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

/*------------------------------------------------------------------------------ 1=フォントの設定*/
.def_font_s		{ font-size: 77%; }
.def_font_l		{ font-size: 108%; }
.def_font_xl	{ font-size: 123.1%; }
.def_font_2xl	{ font-size: 138.5%; }
.def_font_3xl	{ font-size: 153.9%; }
.def_font_4xl	{ font-size: 182%; }

.def_font_bold	{ font-weight: bold; }

/*------------------------------------------------------------------------------ 2=配置の設定*/
.def_vlign_t {
	vertical-align: top;
}
.def_vlign_m {
	vertical-align: middle;
}
.def_vlign_b {
	vertical-align: bottom;
}
.def_align_r {
	text-align: right;
}
.def_align_l {
	text-align: left;
}
.def_align_c {
	text-align: center;
}

.def_clear_both {
	clear: both;
}

/*------------------------------------------------------------------------------ 3=文字の設定*/
.def_datenum {
	font-family: "Verdana", "sans-serif", "ＭＳ Ｐゴシック";	
	letter-spacing: 0.1em;	
}
.def_key_color {
	color: #0066CC;
}

.def_color_red {
	color: #FF0033;
}
.def_color_gray {
	color: #666;
}
.def_bgcolor_gray {
	background-color: #F3F3F3;
}
.def_bg_color {
	background-color: #E0F5FF;
	padding: 3px;
	color: #000;
}
.def_h2{
	font-size: 108%;
	color: #0046BF;
}
.def_h3{
	background-color: #E4E4E4;
	padding: 4px 10px;
}
/*------------------------------------------------------------------------------ 4=マージン、パディング設定*/
.def_mg_b_1 {margin-bottom: 1px;}
.def_mg_b_2 {margin-bottom: 2px;}
.def_mg_b_3 {margin-bottom: 3px;}
.def_mg_b_5 {margin-bottom: 5px;}
.def_mg_b_7 {margin-bottom: 7px;}
.def_mg_b_10 {margin-bottom: 10px;}
.def_mg_b_15 {margin-bottom: 15px;}
.def_mg_b_20 {margin-bottom: 20px;}
.def_mg_b_25 {margin-bottom: 25px;}
.def_mg_b_30 {margin-bottom: 30px;}
.def_mg_b_40 {margin-bottom: 40px;}
.def_mg_b_50 {margin-bottom: 50px;}

.def_mg_r_5 {margin-right: 5px;}
.def_mg_r_10 {margin-right: 10px;}
.def_mg_r_15 {margin-right: 15px;}
.def_mg_r_20 {margin-right: 20px;}

.def_mg_l_5 {margin-left: 5px;}
.def_mg_l_10 {margin-left: 10px;}

.def_mg_rl_5 {margin-right: 5px; margin-left: 5px;}
.def_mg_rl_10 {margin-right: 10px; margin-left: 10px;}


.def_pg_all_5 {padding: 5px;}
.def_pg_all_10 {padding: 10px;}
.def_pg_all_15 {padding: 15px;}
.def_pg_rl_5 {padding-left:5px;	padding-right: 5px;}
.def_pg_rl_10 {padding-left:10px;padding-right: 10px;}
.def_pg_tb_5 {padding: 5px 0;}
.def_pg_tb_10 {padding: 10px 0;}
.def_pg_tb_15 {padding: 15px 0;}
.def_pg_tb_20 {padding: 20px 0;}
.def_pg_t_5 {padding-top: 5px;}
.def_pg_t_10 {padding-top: 10px;}
.def_pg_t_15 {padding-top: 15px;}
.def_pg_t_20 {padding-top: 20px;}
.def_pg_b_10 {padding-bottom: 10px;}
.def_pg_r_10 {padding-right: 10px;}


.def_pg{padding: 0 10px;}
/*------------------------------------------------------------------------------ 5=テキスト装飾設定*/

.def_mark_1 {
	padding-left: 15px;
	background: transparent url(../images/mark1.gif) 0 50% no-repeat;
}
ul.def_list_mark1 {
	margin-left: 1em;
}
table td ul.def_list_mark1 {
	margin-left: 0em;
}
ul.def_list_mark1
	li {
		padding-left: 11px;
		margin-bottom: 0.4em;
		background: transparent url(../images/mark1.gif) 0 0.5em no-repeat;
	}
.def_arrow_1 {
	padding-left: 14px;
	background: transparent url(../images/arrow2.gif) 0 50% no-repeat;
}
.def_arrow_3 {
	padding-left: 14px;
	background: transparent url(../images/arrow3.gif) 0 4px no-repeat;
	zoom:1;
}
.def_arrow_d {
	padding-left: 17px;
	background: transparent url(../images/arrow_down1.gif) 0 50% no-repeat;
}

.def_arrow_4 {
	padding-left: 18px;

}
.def_key_mark {
	padding: 3px 0 3px 21px;

}
.def_line {
	padding-bottom: 3px;
	background: transparent url(../images/line1.gif) left bottom repeat-x;
}
.def_key_line {
	padding-bottom: 3px;
	border-bottom: 1px #0046BF solid;
}
.def_key_line2 {
	padding-bottom: 5px;
	border-bottom: 2px #0046BF solid;
}
.def_print{
	padding: 2px 2px 2px 19px;
	background: transparent url(../images/print_icn.gif) left bottom no-repeat;
}
.def_site{
	padding: 2px 2px 2px 19px;
	background: transparent url(../images/site_icn.gif) left bottom no-repeat;
}
ul.def_ul {
	margin-left: 2em;
	list-style-position: inside;
	list-style-type: disc;
}

ol.def_ol {
	margin-left: 2em;
	list-style-type: decimal;
}
ul.def_ul
	li,
oll.def_ol
	li {
	margin: 3px 0;
}

.def_title_nvi {
	position: relative;
}
.def_title_nvi
	span {
		position: absolute;
		top: 8px;
		right: 12px;
	}

.def_block{
	display: block;
}
/*------------------------------------------------------------------------------ 6=テーブルデザイン設定*/

table.def_info_tbl{
	width: 100%;
}
table.def_info_tbl
	th.ttl,
table.def_info_tbl
	td.info{
		padding: 3px 7px 3px 5px;	
	}
table.def_info_tbl
	th.ttl{
		vertical-align: top;
		white-space: nowrap;
		font-weight: bold;
		width: 1%;
	}
table.def_info_tbl
	td.info {
		vertical-align: top;
	}

/*------------------------------------------------------------------------------ 7=段落設定*/

/*2ペイン グレー背景*/
div.def_2pain_g{
	background: #FFF url(/images/2pain_bg_g.gif) left bottom no-repeat;	
}

.def_2pain_g
	div.left {
		width: 345px;
		float: left;
	}
.def_2pain_g
	div.right {
		width: 345px;
		float: right;
	}
/*2ペイン 白背景*/
div.def_2pain_w{
	background: #FFF url(/images/2pain_bg_w.gif) left bottom no-repeat;	
}

.def_2pain_w
	div.left {
		width: 345px;
		float: left;
	}
.def_2pain_w
	div.right {
		width: 345px;
		float: right;
	}

/*2ペイン1 白背景*/
div.def_2pain1_w{
	background: #FFF url(/images/2pain1_bg_w.gif) left bottom no-repeat;	
}

.def_2pain1_w
	div.left {
		width: 345px;
		float: left;
	}
.def_2pain1_w
	div.right {
		width: 345px;
		float: right;
	}


/*3ペイン 白背景*/
.def_3pain_w
	.c_pain{
		width: 230px;
		float: left;
		display: inline;
		margin-right: 5px;
	}
.def_3pain_w
	.last_pain{
		margin-right: 0px;
	}

/*ClearFix Hack*/			
.def_3pain_w:after{
	font-size: 1px;
	content: ".";
	display: block;
	height: 0px;
	clear: both;
}
.def_3pain_w {
	zoom: 1;
	position: relative;
	background: transparent url(/images/3pain_bg_w.gif) left bottom no-repeat;
}
/*3ペイン グレー背景*/
.def_3pain_g
	.c_pain{
		width: 230px;
		float: left;
		display: inline;
		margin-right: 5px;
	}
.def_3pain_g
	.last_pain{
		margin-right: 0px;
	}

/*ClearFix Hack*/			
.def_3pain_g:after{
	font-size: 1px;
	content: ".";
	display: block;
	height: 0px;
	clear: both;
}
.def_3pain_g {
	zoom: 1;
	position: relative;
	background: transparent url(/images/3pain_bg_g.gif) left bottom no-repeat;
}
.def_error{
	border: 1px #FFCC00 solid;
	background-color: #FFFFCC;
	padding: 15px;
	margin-top: 10px;
	margin-bottom: 15px;
	color: #FF0000;
	font-weight: bold;
}
/*------------------------------------------------------------------------------ 8=改ページナビ設定*/
table#pageNviDiv {
	height: 18px;
	margin: auto;
	margin-bottom: 30px;
	text-align: center;
	font-size: 123.1%;
	font-weight: bold;
}

table#pageNviDiv td {
	padding: 0 7px;
	border: 1px #E8E8E8 solid;
}
a#pNextNvi, a#pPrevNvi {
	text-decoration: none;
	width: 18px;
	height: 18px;
	text-indent: -9999px;
	display: block;
}
table#pageNviDiv td#prevLi{
	width: 18px;
	height: 18px;
	background: transparent url(../images/arrow_l1_off.gif) 50% 50% no-repeat;
}
table#pageNviDiv td#nextLi{
	width: 18px;
	height: 18px;
	background: transparent url(../images/arrow_r1_off.gif) 50% 50% no-repeat;
}
a#pNextNvi {
	background: transparent url(../images/arrow_r1.gif) 50% 50% no-repeat;
}
a#pPrevNvi {
	background: transparent url(../images/arrow_l1.gif) 50% 50% no-repeat;
}