@charset"Shift_JIS";
/*===========================================
共通用基本設定用CSS
===========================================*/
html{overflow-y: scroll;}
body{font-size:12px;margin: 0px;text-align: center;padding: 0px;}
div,form,ul,ol,li,h1,h2,h3,h4,h5,h6,p {margin: 0px;padding: 0px;color:#000000;
    font-family:"メイリオ","ＭＳ Ｐゴシック", sans-serif, "Hiragino Kaku Gothic Pro";
}
table,p{line-height:1.5em;text-align:left;font-size: 12px;}
ul{list-style-type: none;}
a img,img {border:0;}
h1,h2,h3,h4,h5,h6 img{ text-indent: left;}
/*----位置関係----*/
.clr,br{clear: both;}
.a_c{text-align: center;}
.f_l{float: left;clear: left;}
.f_r{float: right;clear: right;}
.a_l{text-align: left;}
.a_r{text-align: right; clear:both;}
.mt10{margin-top:10px;}
.mt20{margin-top:20px;}
.mt50{margin-top:50px;}
.ml30{margin-left:30px;}
.mb10{margin-bottom:10px;}
.icon_vm {vertical-align: middle;}
.cap{ margin: 0 0 10px 0;}
/*-----------レーヤアウト----------*/
/* clearfix */
.clearfix:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.clearfix { display: inline-block;}
/* exlude MacIE5 \*/
* html .clearfix { height: 1% ;}
.clearfix {display:block;}
/* end MacIE5 */


@media print {
	.gotop{ display:none;}
}

@media screen {
	/* ページごとの設定 */
	#header_frame	{height: 90px; width: 100%; background:url(../images/common/header_bk.jpg) top repeat-x; border-top: 2px solid #839c7d;}
	#header			{height: 60px; width: 850px; padding: 0px auto; margin: 5px auto 0 auto;}
	#footer_frame	{height: 150px; width: 100%; background:url(../images/common/footer_bk.jpg) top repeat-x; border-top: 2px solid #839c7d;  border-bottom: 3px solid #839c7d; padding: 30px auto; }
	#footer			{width: 900px; height: 80px; padding: 25px 0 0 0; margin: 0px auto; }
	
	.footer{ padding: 10px; height: 100px; border-top: 3px solid #839c7d; background: #F7F7F7;}
	.footer_contents{ margin: 0 auto; min-width: 680px; max-width: 860px;}
	.copyright{ font-size:80%; padding: 10px 0;}
	.footerlink li{ float: left; font-size: 8pt; margin-right: 20px;}


	#bodyframe	{width: 900px; border: 0px solid #000000; background-color: #FFFFFF; padding: 0px auto; margin: 0px auto;}
	.block{ display: block; height: 15px; width: 900px;}

	#bodyframe .Maincontents{ width:870px; margin: 20px auto 0 auto; padding: 5px auto; background-color: #FFFFFF; maring: 0 auto; padding: 0 auto;}

	#bodyframe .contents{ width:800px; margin: 0px auto; padding: 5px auto; text-indent: left; maring: 0 auto; padding: 0 auto;}
	.gotop{ margin: 50px 0 0 0;}
}


.marginb10{margin-bottom:10px;}
.pdf{ background-color:#FFFFFF; border: 1px solid #999999; margin: 20px 50px; padding: 20px;}

/*----飾り系文字関係----*/
.fred{ color: #FF0000;}
.fredborder{ color: #FF0000; border-bottom: 1px solid #FF0000;}

.fblue{ color: #0000FF;}
.fblueborder{ color: #0000FF; border-bottom: 1px solid #0000FF;}

.fgreen{ color: #246a83; font-weight: bold;}

/*----アイコン位置関係----*/
.icon_vm {vertical-align: middle;}

/*----タイトル関係----*/
h1{未設定}
h2{padding: 50px 0px 0px 0px;}
h3{font-size: 10pt; text-align: left; font-weight:bold; padding: 30px 0px 5px 0px; border-bottom: 1px dotted #999999; margin-bottom: 10px;}
h4{font-size: 10pt; text-align: left; font-weight:bold; padding: 0px; margin-bottom: 5px; color:#006666;}
h5{font-size:  9pt; text-align: left; font-weight:bold; padding: 0px; margin-bottom: 10px;}
h6{未設定}

/*----表関係----*/
.graph{border-collapse: collapse; margin: 20px auto; background-color:#FFFFFF;}
.graph td{border: solid 1px #999999; padding: 6px; vertical-align:top;}
.graph th{border: solid 1px #999999; padding: 6px; font-weight:bold; text-align:center; background-color:#e6e6e6;}

.graph_dl{border-collapse: collapse; margin: 20px auto; width: 700px; border: solid 1px #FFFFFF; background-color:#FFFFFF;}
.graph_dl td{border: solid 0px #999999; padding: 6px 6px 20px 6px; vertical-align:top;}
.graph_dl th{border: solid 0px #999999; padding: 6px 6px 20px 6px; vertical-align:top; font-weight:normal; text-align:left; }

/*----リスト関係----*/
/* ※のとき */
.text-indent1 {text-indent:-1.3em; padding-left:1.3em; text-align:left; list-style:none;}
.text-indent1 li {margin-bottom:2px;line-height:1.5em;}

/* ・のとき */
.text-indent2 {text-indent:-1.3em; padding-left:1.3em; text-align:left; list-style:none;}
.text-indent2 li {margin-bottom:2px;line-height:1.5em;}

/* (1)のとき */
.text-indent3 {text-indent:-1.6em; padding-left:1.6em; text-align:left; list-style:none;}
.text-indent3 li {margin-bottom:2px;line-height:1.5em;}

/* 1.とPDFアイコンのとき */
.text-indent4 {text-indent:-1.7em; padding-left:1.7em; text-align:left; list-style:none;}
.text-indent4 li {margin-bottom:2px;line-height:1.5em;}

/* ※1のとき */
.text-indent5 {text-indent:-1.9em; padding-left:1.9em; text-align:left; list-style:none;}
.text-indent5 li {margin-bottom:2px;line-height:1.5em;}

/* �@のとき */
.text-indent6 {text-indent:-1.5em; padding-left:1.5em; text-align:left; list-style:none;}
.text-indent6 li {margin-bottom:10px;line-height:1.5em;}

/* ・で行間が狭いとき */
.text-indent7 {text-indent:-0.8em; padding-left:0.8em; text-align:left; list-style:none;}
.text-indent7 li {margin-bottom:2px;line-height:1.5em;}

/* ■のとき */
.text-indent8 {text-indent:-1.4em; padding-left:1.4em; text-align:left; list-style:none;}
.text-indent8 li {margin-bottom:10px;line-height:1.5em;}


/* index.html [インデックスページ] */
#read{ width: 700px; margin: 0 auto;}
#read_left {float: left; width: 350px; height: 161px;}
#read_right {float: right; width: 350px; height: 161px;}

/* index.html [.netダウンロードページ] */
#read_net20{ width: 700px; height: 50px; margin: 0 auto;}

/* index.html [アップデートページ] */
#read_update{ width: 700px; margin: 0 auto;}

/* index.html、.net [インデックス、.netダウンロードページ] */
.flow_title{ color: #003366; font-weight: bold; margin:0 0 10px 0;}
.frame_att{ border: 1px solid #ca161d; padding: 10px; margin: 10px; background-color:#FFFFFF;}
.att_red{color: #ca161d; font-weight:bold; margin-bottom:5px;}

.frame_refer{ border: 1px solid #3a993b; padding: 10px; margin: 10px 0; background-color:#FFFFFF;}
.refer_green{color: #3a993b; font-weight:bold; margin-bottom:5px;}

/* ロゴ */
.nttd_logo {height: 54px; display: table-cell; vertical-align: middle;}
.nttd_logo img { vertical-align:middle;}