* {
	font-family: "MS Gothic", "Osaka", sans-serif;
	line-height: 130%;
}
body {
	font-size: 12px;
	color: #333333;
	margin: 0;
	padding: 0;
}
body.pop {
	margin: 7px 0px 0px 0px;
	background-color: #0077C0;
}

H2 { page-break-before: always; }

@media screen {
	body{
		background-color: #999999;
	}
}
a{color: #333333;}

a.pickup:link { color: #525DB6; text-decoration:none; }
a.pickup:visited { color: #8187B5; text-decoration:none; }
a.pickup:hover { color: #FF6600; text-decoration: underline; }
a.pickup:active { color: #FF6600; text-decoration: underline; }

a.whatsnew:link { color: #0066FF; text-decoration:underline; }
a.whatsnew:visited { color: #8187B5; text-decoration:underline; }
a.whatsnew:hover { color: #FF0000; text-decoration: underline; }
a.whatsnew:active { color: #FF0000; text-decoration: underline; }

a.con_idx:link { color: #525DB6; text-decoration:underline; }
a.con_idx:visited { color: #8187B5; text-decoration:underline; }
a.con_idx:hover { color: #FF0000; text-decoration: underline; }
a.con_idx:active { color: #FF0000; text-decoration: underline; }

a.text:link { color: #0066FF; text-decoration:none; }
a.text:visited { color: #0066FF; text-decoration:none; }
a.text:hover { color: #FF6600; text-decoration: underline; }
a.text:active { color: #FF6600; text-decoration: underline; }

a.navi:link {
	padding:2px 5px;

	color: #003D99;
	text-decoration:none;
	width:170px;
}
a.navi:visited {
	padding:2px 5px;

	color: #8187B5;
	text-decoration:none;
	width:170px;
}
a.navi:hover { color: #FF6600;}
a.navi:active { color: #FF6600;}
a.navi_over:link {
	padding:2px 5px;
	color: #990000;
	text-decoration:none;
	width:170px;
}
a.navi_over:visited {
	padding:2px 5px;
	color: #990000;
	text-decoration:none;
	width:170px;
}
.navi_txt_title{
	margin:7px;
	line-height: 130%;
	font-size: 14px;
	font-weight: bold;
}
.navi_btn_box{
	margin-bottom: 7px;
	background:#ABCEF1;
	border-color:#FFFFFF #555555 #555555 #ABCEF1;
	border-width:1px;
	border-style:solid;
	width:170px;
}
.navi_btn_box_over{
	margin-bottom: 7px;
	border-color:#990000;
	border-width:0px 10px 0px 0px;
	border-style:solid;
	background:#FECACA;
	width:170px;
}
img.navi {
	margin-bottom: 7px;
	border: 0;
	width: 195px;
	height: 28px;
}

/*
???C?A?E?g 
border:#ff0000 1px solid;
*/

#header {
	width: 100%;
	background: url(/img/header_right_bg.gif) repeat-x;
}
#main_header {
	width: 100%;
	background: url(/img/main_header_right_bg.gif) repeat-x;
}
#content_frame {
	width: 100%;
	background-color: #F0F0F0;
}
#content_frame_child {
	width: 850px;
	background: url(/img/content_bg.gif) repeat-y;
}
#content_frame_child2 {
	width: 850px;
	background: #FFFFFF;
	text-align: center;
}
#content_navi {
	padding:3px;
	background-color: #FFFFFF;
}
#content {
	width: 650px;
	float: left;
}
.content_title{
	font-size: 17px;
	color: #000099;
	background-color: #C5E3F0;
	font-weight: bold;
	padding: 3px 5px 2px 5px;
	margin: 1px 5px 25px 5px;
}
.content_text{
	font-size: 14px;
	line-height: 150%;
	color: #333333;
	margin: 20px;
}
.content_dotline{
	padding: 0px 15px;
	margin: 15px 20px 0px 20px;
	background: url(/img/dot_x.gif) repeat-x;
}
.content_box{
	font-size: 17px;
	color: #000099;
	font-weight: bold;
	padding: 0px 15px;
	margin: 10px 20px 0px 20px;
}
.content_box1{
	background-color: #D3EEDA;
	padding: 5px 15px;
	margin: 10px 20px 0px 20px;
}
.content_box2{
	background-color: #F0EDC4;
	padding: 5px 15px;
	margin: 10px 20px 0px 20px;
}
.content_box3{
	background-color: #F7D9E3;
	padding: 5px 15px;
	margin: 10px 20px 0px 20px;
}
.box_link{
	width: 470px;
	float: left;
}
.box_date{
	color: #525DB6;
	font-weight: bold;
	width: 100px;
	float: left;
}
#navigation {
		width: 199px;
		float: right;
}
@media print {
	#navigation {
		display: none;
	}
}

#footer_frame {
	background: url(/img/footer_right_bg.gif) repeat-x;
	width: 100%;
}
#footer {
	background: url(/img/footer_bg.gif) repeat-x;
	width: 850px;
	padding-top:10px;
	padding-bottom:5px;
	background-color: #ffffff;
}
.footer_content{
	margin-left:15px;
	margin-right:15px;
}
.footer_dotline {
	margin:3;
	padding:0;
	background: url(/img/dot_x.gif) repeat-x;
}

#background{
	clear:both;
	background-color: #999999;
	width: 100%;
	hgight: 100%;
}


/* ?s?b?N?A?b?v */
.pickup_frame {
	margin-top: 7px;
	width: 610px;
	background: url(/img/dot_y.gif);
	background-position: center;
	background-repeat: repeat-y;
}
.pickup1 {
	width: 295px;
	float: left;
}
.pickup2 {
	width: 295px;
	float: right;
}
.pickup_title {
	padding-left:10px;
	margin-bottom:10px;
	font-size: 14px;
	//color: #FF6600;
	color: #333333;
	font-weight: bold;
	line-height: 150%;
	background-color: #FDF9F2;
}

.pickup_title2{
	font-size: 14px;
	//color: #003366;
	color: #FF6600;
	font-weight: bold;
	line-height: 150%;
	background-color: #FDF9F2;
}

.pickup_content {
	padding-left:10px;
	font-size: 12px;
	color: #333333;
	line-height: 150%;
}

/* ???b?c?j???[ */
.whatsnew_frame {
	width: 610px;
	padding-top:7px;
	padding-left:10px;
}
.whatsnew_date {
	width: 100px;
	float: left;
	font-size: 12px;
	font-weight: bold;
	color: #1C2077;
	line-height: 150%;
	background: url(/img/title_whatsnew_icon.gif)  no-repeat;
	background-position: left center;
}
.whatsnew_txt {
	width: 500px;
	float: left;
	font-size: 12px;
	color: #333333;
	line-height: 150%;

}



/* ?C???[?W?p?? */
.tl1{ background:url(/img/tl1.gif) no-repeat; width:13px; height:13px; }
.tc1{ background:url(/img/tc1.gif) repeat-x; }
.tr1{ background:url(/img/tr1.gif) no-repeat; width:13px; height:13px; }
.ml1{ background:url(/img/ml1.gif) repeat-y; }
.mc1{ background-color: #FFFFFF; }
.mr1{ background:url(/img/mr1.gif) repeat-y; }
.bl1{ background:url(/img/bl1.gif) no-repeat; width:13px; height:13px; }
.bc1{ background:url(/img/bc1.gif) repeat-x; }
.br1{ background:url(/img/br1.gif) no-repeat; width:13px; height:13px; }

.tl2{ background:url(/img/tl2.gif) no-repeat; width:13px; height:13px; }
.tc2{ background-color: #C5E3F0; }
.tr2{ background:url(/img/tr2.gif) no-repeat; width:13px; height:13px; }
.ml2{ background-color: #C5E3F0; }
.mc2{ background-color: #C5E3F0; }
.mr2{ background-color: #C5E3F0; }
.bl2{ background:url(/img/bl2.gif) no-repeat; width:13px; height:13px; }
.bc2{ background-color: #C5E3F0; }
.br2{ background:url(/img/br2.gif) no-repeat; width:13px; height:13px; }


/* ?e?L?X?g */
.redb{
	color: FF0000;
	font-weight: bold;
	font-size: 16px;
}

.line{ background-color: #555555; }

.h2{
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	line-height: 130%;
	background-color: #555555;
}
.h3{
	color: #555555;
	font-size: 15px;
	font-weight: bold;
	line-height: 130%;
	background-color: #ffffff;
}
.h4{
	color: #555555;
	font-size: 15px;
	line-height: 130%;
	background-color: #ffffff;
}

td{
	background-color: #ffffff;
	color: #333333;
	font-size: 14px;
}

.t4{
	color: #003366;
	font-size: 17px;
	font-weight: bold;
	line-height: 130%;
}

.t5{
	color: #006629;
	font-size: 16px;
	font-weight: bold;
	line-height: 130%;
}

.t7{
	color: #333333;
	font-size: 15px;
	line-height: 145%;
}
	.pop .t7{
		line-height: 135%;
	}

.t8{
	color: #333333;
	font-size: 15px;
	font-weight: bold;
	line-height: 130%;
}

.t13{
	color: #333333;
	font-size: 12px;
	font-weight: bold;
	line-height: 130%;
	text-align: right;	
}

.t14{
	color: #333333;
	font-size: 12px;
	font-weight: normal;
}

.b_slide{
	display: block;
	width: 122px;
	height: 22px;
	background: url(/img/b_slide.gif) no-repeat;
	border: none;
}

.b_slide:hover{
	display: block;
	width: 122px;
	height: 22px;
	background: url(/img/b_slide_on.gif) no-repeat;
	border: none;
}

.b_pdf{
	display: block;
	width: 122px;
	height: 22px;
	background: url(/img/b_pdf.gif) no-repeat;
	border: none;
}

.b_pdf:hover{
	display: block;
	width: 122px;
	height: 22px;
	background: url(/img/b_pdf_on.gif) no-repeat;
	border: none;
}


/* tool */
.box{
	border:2px solid #CCCCCC;
	padding: 5px;
}

.table_box{
	border: none;
	margin: 0px;
	padding:0px;
}

ul.mar0{
	margin: 0px 0px 0px 12px;
	padding: 0px 0px 0px 12px;
	list-style-type: decimal;
	font-size: 12px;
}

.p_top{
	text-align: right;
	margin: 5px 0px 15px 0px;
}

table.dvd{
	width: 470px;
	margin-bottom:10px;
}

table.dvd td{
	font-size: 12px;
	padding: 0px;
}

.t_tool{
	margin: 5px 0 5px 5px;
}

.t_tool2{
	margin: 0px 0 5px 5px;
}

.t_text{
	font-size: 12px;
	padding: 0 0 0 5px;
}

.t_text01{
	font-size: 12px;
	padding: 5px 0 0 5px;
}

.t_top{
	margin-bottom: 15px;
	padding: 3px;
	border: 2px solid #C5E3F0;
	font-weight: bold;
	text-align: center;
}
sup{
margin: 0 0.4em 0 0.3em;
line-height: 0;
}

table.border-roll a{
text-decoration: none;
color: #003c9c;
}
table.border-roll a img{
border: 1px solid #666;
}

table.border-roll a:hover{
color: #FF6500;
text-decoration: none;
}
table.border-roll a:hover img{
border: 1px solid #FF6500;
}
/* ?摜???荞??09/07/28?lj? */
.float
      {
         float: left;
         margin-right: 1em;
      }
      *.floatclear
      {
         clear: both;
      }
.floatclear
      {
         clear: both;
      }



/* ?匩?o??09/07/28?lj? */

a.navi2:link {
	padding:2px 5px;

	color: #000000;
	text-decoration:none;
	width:170px;
}
a.navi2:visited {
	padding:2px 5px;

	color: #FFFFFF;
	text-decoration:none;
	width:170px;
}
a.navi2:hover { color: #0066FF;}
a.navi2:active { color: #000000;}
a.navi_over2:link {
	padding:2px 5px;
	color: #990000;
	text-decoration:none;
	width:170px;
}
a.navi_over2:visited {
	padding:2px 5px;
	color: #990000;
	text-decoration:none;
	width:170px;
}
.navi_txt_title2{
	margin:7px;
	line-height: 130%;
	font-weight: bold;
}
.navi_btn_box2{
	margin-bottom: 7px;
	background:#3399FF;
	border-color:#FFFFFF #555555 #555555 #990000;
	border-width:1px;
	border-style:solid;
	width:170px;
}
.navi_btn_box_over2{
	margin-bottom: 7px;
	border-color:#990000;
	border-width:0px 10px 0px 0px;
	border-style:solid;
	background:#3399FF;
	width:170px;
}
img.navi2 {
	margin-bottom: 7px;
	border: 0;
	width: 195px;
	height: 28px;
}
/* ?\?w?i?F09/07/31?lj? */
.line2{ background-color: #CCCCCC; 
}

/* ???j???[???^?C?g???????T?C?Y?ύX??09/07/31?lj? */
.navi_txt_title2{
	margin:7px;
	line-height: 130%;
	font-size: 12px;
	font-weight: bold;
}


/* 09/12/22?lj? */

p.example5 {
 font-size: small; 
}
/*tool*/
div.tool { width: 100%; }
div.tool div.col1 { width: 49%; float: left; }
div.tool div.col1 ol li { list-style-type: decimal; font-size: 12px; }
div.tool div.col2 { width: 49%; float: right; }
div.tool div.col2 ol li { list-style-type: decimal; font-size: 12px; }