@charset "UTF-8";

/* *********************************************************
 *
 * NTT DATA web site
 *	
 *	This stylesheet provides default styles.
 *
 * *********************************************************
 */

/*--------------------------------------------------------------------
cssの初期化
--------------------------------------------------------------------*/
* {
	font-family:
		Verdana,
		Arial,
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
	margin:0;
	padding:0;
}

html, body {
		font-family:
		Verdana,
		Arial,
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
	margin:0;
	padding:0;
	height:100%;
	font-size:100%; /* モダンブラウザ向け */
	*font-size:84%; /* IE 7向け */
	*font:84%; /* IE 6以下 */
}

html>/**/body {
    font-size:100%; /* モダンブラウザ向け */
}

address, div, blockquote, p, pre, ul, ol, li, dl, dt, dd, hr {
		font-family:
		Verdana,
		Arial,
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}

table, caption, th, td {
		font-family:
		Verdana,
		Arial,
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:normal;
	font-size:100%;
}

span, em, strong, dfn, code, samp, kbd, var, cite, abbr, acronym, sub,
sup, q, br, ins, del, a, img, object, iframe {
		font-family:
		Verdana,
		Arial,
		Meiryo,
		"メイリオ",
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W3",
		Osaka,
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
	margin:0;
	padding:0;
	border:0;
	font-style:normal;
	font-weight:inherit;
	font-size:100%;
}

.base ul, .base ol{
margin:0px;
padding:0px;
}
.base ul li, .base ol li{
margin:0px 15px;
padding:0px;
}


/*--------------------------------------------------------------------
common
ページ共通部分
--------------------------------------------------------------------*/

/*containerのスタイル*/

div#container {
	width:900px;
	margin:0 auto;
	padding:0;
	min-height: 100%;
	height:auto !important;
	height:100%;
}

div#cover {
	background:url(../img/base/bg_left_nav.jpg) top left repeat-y;
}

div#head {
	width:100%;
	height:55px;
	padding-top:5px;
	background:#fff url(../img/top/bg_head.jpg) top left repeat-y;
}

div#head ul {
	margin:0;
	padding:0;
	list-style:none;
}

div#head ul li.tel {
	width:363px;
	height:26px;
	background:url(../img/top/tel.jpg) top left no-repeat;
	text-indent:-9999px;
}

/*フォントサイズの指定-------------------------------------------------------------------*/
.t{
line-height:130%;
}

/*Navのスタイル-------------------------------------------------------------------*/
div#nav {
	float:left;
	width:200px;
	background:url(../img/base/bg_left_nav.jpg) top left repeat-y;
	padding-bottom:120px;
}

div#nav ul {
	list-style:none;
	margin:0 0 5px 0;
	padding:0;
	width:200px;
	height:351px;
	background:url(../img/base/it-ouen_nav.jpg) no-repeat;
}

div#nav ul li a {
	display:block;
	width:200px;
	height:39px;
	text-indent:-9999px;
	font-size:0;
	line-height:0;
	vertical-align:top;
}

div#nav ul li.menu1{
border-top:1px solid #dddddd;
}
div#nav ul li.menu1 a:focus,
div#nav ul li.menu1 a:hover,
div#nav ul li.menu1 a:active {
	background:url(../img/base/it-ouen_nav.jpg) -200px top no-repeat;
	border-top:1px solid #dddddd;
}

div#nav ul li.menu2 a:focus,
div#nav ul li.menu2 a:hover,
div#nav ul li.menu2 a:active {
	background:url(../img/base/it-ouen_nav.jpg) -200px -39px no-repeat;
}

div#nav ul li.menu3 a:focus,
div#nav ul li.menu3 a:hover,
div#nav ul li.menu3 a:active {
	background:url(../img/base/it-ouen_nav.jpg) -200px -78px no-repeat;
}

div#nav ul li.menu4 a:focus,
div#nav ul li.menu4 a:hover,
div#nav ul li.menu4 a:active {
	background:url(../img/base/it-ouen_nav.jpg) -200px -117px no-repeat;
}

div#nav ul li.menu5 a:focus,
div#nav ul li.menu5 a:hover,
div#nav ul li.menu5 a:active {
	background:url(../img/base/it-ouen_nav.jpg) -200px -156px no-repeat;
}

div#nav ul li.menu6 a:focus,
div#nav ul li.menu6 a:hover,
div#nav ul li.menu6 a:active {
	background:url(../img/base/it-ouen_nav.jpg) -200px -195px no-repeat;
}

div#nav ul li.menu7 a:focus,
div#nav ul li.menu7 a:hover,
div#nav ul li.menu7 a:active {
	background:url(../img/base/it-ouen_nav.jpg) -200px -234px no-repeat;
}

div#nav ul li.menu8 a:focus,
div#nav ul li.menu8 a:hover,
div#nav ul li.menu8 a:active {
	background:url(../img/base/it-ouen_nav.jpg) -200px -273px no-repeat;
}

div#nav ul li.menu9 a:focus,
div#nav ul li.menu9 a:hover,
div#nav ul li.menu9 a:active {
	background:url(../img/base/it-ouen_nav.jpg) -200px -312px no-repeat;
}


/*logo*/
div#logo {
	background-color:#fff;
	padding:10px 0px 42px 10px;
	margin:0px;
	border-left:1px solid #CFCFCF;
}
div#logo_top {
	background-color:#fff;
	padding:10px 0px 12px 10px;
	margin:0px;
	border-left:1px solid #CFCFCF;
}

/*バナーエリア*/
div#banner {
	text-align:center;
}


/*contentsのスタイル------------------------------------------------------------------*/
div#contents {
	float:right;
	width:700px;

}
div#contents:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/* パン屑リンク------------------------------------------------------------------*/
.plink{
padding:5px;
margin:0px;
border-bottom:1px solid #dddddd;
font-size:90%;
}

/*トップメインイメージ*/
div.main_left {
	float:left;
	width:572px;
}

div.main_left h1 {
	margin:0;
	padding:0;
	text-indent:-9999px;
	width:100%;
	height:57px;
	background:url(../img/top/main01.jpg) top left no-repeat;
}
div.main_left .ttl {
	margin:0;
	padding:0;
	width:100%;
	height:57px;
}

div.main_left p {
	margin:0;
	padding:0;
	text-indent:-9999px;
	width:100%;
	height:83px;
	background:url(../img/top/main02.jpg) top left no-repeat;
}

p.main_right {
	float:left;
	margin:0px;
	padding:0px;
}


/*top_mainのスタイル*/

div#top_main {
	margin:0;
	padding:12px 12px 12px 12px;
	clear:both;
	border-right:1px solid #CFCFCF;
}

/*Safari*/
html* div#top_main {
	width:700px;
}

*:first-child+html #top_main {
	width:auto;
} 


* html div#top_main {
	width:auto;
	margin:0;
	padding:12px 12px 12px 12px;
	clear:both;
	border-right:1px solid #CFCFCF;
}

div#top_main:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

div#topicInfo {
	float:left;
	width:440px;
	margin:0;
	padding:0;
	vertical-align:top;
}

div#topicInfo div.topic_info_ttl {
	margin-bottom:20px;
}

div#topicInfo div.topic_info_ttl:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

div#topicInfo div.topic_info_ttl h2 {
	float:left;
	width:390px;
	margin:0 0 8px;
}

div#topicInfo div.topic_info_ttl ul {
	float:left;
	margin:0 0 8px;
	padding:0;
	list-style:none;
}

div#topicInfo div.topic_info_ttl dl {
	width:440px;
	clear:both;
	line-height:1.3;
}

div#topicInfo div.topic_info_ttl dl dt {
	float:left;
	clear:both;
	font-size:0.9em;
	color:#666;
	margin:0 10px 5px 0;
	padding:0;
}

div#topicInfo div.topic_info_ttl dl dd {
	float:left;
	font-size:1em;
	width:340px;
	color:#333399;
	margin:0 10px 5px 0;
	padding:0;
}

/*お知らせ　トピックス　リストページ*/
div#ntt_news dl {
	margin:0px;
	padding:0px;
	width:660px;
}

div#ntt_news dl dt {
	margin:0px 10px 0px 0px;
	padding:0px 0px 10px 0px;
	float:left;
	clear:both;
	font-size:0.9em;
	color:#666;
	white-space:nowrap;
}

div#ntt_news dl dd {
	margin:0px;
	padding:0px 0px 0px 0px;
	/*float:left;*/
	font-size:1em;
	color:#333399;
	}
	
	/**/
	.topic_dtl{
	line-height:130%;
	
	}
.topic_dtl h2{
margin:0px;
padding:0px 0px 20px 0px;
font-size:1.3em;
font-weight:bold;
}
.topic_dtl h3{
line-height:135%;
}
.topic_dtl .date{
color:#666;
}

/*2008019追加メインイメージのライン*/
p.main03 {
	border-right:1px solid #CFCFCF;
}

/*イベントセミナー-トップ---------------------------------------------------------*/
div#event {
	float:left;
	width:220px;
}

div#event h2 {
	float:left;
	width:170px;
	margin:0 0 8px;
}

div#event ul {
	float:left;
	margin:0 0 8px;
	padding:0;
	list-style:none;
}

div#event dl {
	width:220px;
	margin-bottom:15px;
	clear:both;
	line-height:1.3;
}

div#event dl dt {
	font-size:0.9em;
	color:#FF3300;
	margin:0 0 3px 0;
	padding:0;
}

div#event dl dd {
	font-size:1em;
	color:#333399;
	margin:0 0 8px 0;
	padding:0;
}

/*イベント　リストページ*/
div#ntt_eve dl {
	margin:0px;
	padding:0px;
	width:660px;
}

div#ntt_eve dl dt {
	margin:0px 10px 0px 0px;
	padding:0px 0px 10px 0px;
	float:left;
	clear:both;
	font-size:0.9em;
	color:#ff3300;
	white-space:nowrap;
}

div#ntt_eve dl dd {
	margin:0px;
	padding:0px 0px 0px 0px;
	float:left;
	font-size:1em;
	color:#333399;
	}
/**/
.event_dtl{

}
.event_dtl .date{
color:#ff3300;
}
.event_dtl h2{
margin:0px;
padding:0px 0px 20px 0px;
font-size:1.3em;
font-weight:bold;
}	
	
/*イベント　詳細ページ*/
/*
div#event div.topic_info_ttl div.dtl{
width:680px;
margin:0px;
padding:0px;
}
div#event div.topic_info_ttl div.dtl dl {
	width:680px;
}

div#event div.topic_info_ttl div.dtl dl dt {
float:left;
	clear:both;
	margin:0 10px 10px 0;
	padding:0;
}

div#event div.topic_info_ttl div.dtl dl dd {
float:left;
	width:550px;
	margin:0 0px 10px 0;
	padding:0;
	
	}
	*/
	

/*フッターメニュー-------------------------------------------------------------*/
div#footer_menu {
	clear:both;
	text-align:center;
	margin:10px;
}

div#footer_menu ul li {
	display:inline;
	background:url(../img/base/bg_footer_menu_li.gif) center right no-repeat;
	padding:2px 10px 2px 10px;
}

div#footer_menu ul li.last {
	background:none;
}


/*footerのスタイル---------------------------------------------------------------*/

div#footer {
	clear:both;
	margin:0 auto;
	padding:5px;
	background:#ccc;
}

/*baseテンプレートのスタイル------------------------------------------------------*/

p.base{
margin:5px 0px 15px 0px;
padding:0px;
}
p.last {
margin:5px 0px 5px 0px;
padding:0px;
}

div.main {
	margin:0;
	padding:20px;
	clear:both;
	min-height:450px;
	height:auto;
	border-right:1px solid #CFCFCF;
	line-height:140%;
}

div.main:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

/*Safari*/
html* div.main {
	width:700px;
}

*:first-child+html div.main {
	width:auto;
} 

* html div.main {
	width:auto;
	margin:0;
	padding:20px 19px 0px 20px;
	clear:both;
	border-right:1px solid #CFCFCF;
}

div#base_head {
	width:100%;
	height:90px;
	margin:0px;
	padding:0px;
}
div#base_head ul {
	margin:0;
	padding:0;
	list-style:none;
}

div#base_head ul li.tel {
	width:460px;
	height:25px;
	margin:0px;
	padding:0px;
	background:url(../img/base/base_tel.jpg) top left no-repeat;
	text-indent:-9999px;
}

div#base_head p#base_logo {
	background:url(../img/base/ttl_base.jpg) top left no-repeat;
	width:460px;
	height:40px;
	margin:0;
	padding:0;
}

div#base_head div#bn_shiryo {
	float:left;
	width:240px;
	height:90px;
	margin:0px;
	padding:0px;
	background:url(../img/base/bg_basehead.jpg) top right no-repeat;
}

div#base_head div#bn_shiryo img {
	margin:10px 0px;
	padding:0px;
}

div#title{
	width:700px;
	height:60px;
	margin:0px;
	padding:0px;
}



/* clearfix
---------------------------------------
*/

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
	line-height:0;
	font-size:1px;
  }

.clearfix {
  display: inline-table;
  min-height: 1%;
  }
		
* html .clearfix {height: 1%;}
*+html .clearfix {height: 1%;}

div#keyvisual{
	margin-bottom:30px;
	}
	
div.mainMargin{
	padding:0 15px;
	}
	
/*共通マージンタイプ
---------------------------------------------------------------------
*/

div#container .mgb0{margin-bottom:0 !important;}
div#container .mgb5{margin-bottom:5px;}
div#container .mgb10{margin-bottom:10px;}
div#container .mgb15{margin-bottom:15px;}
div#container .mgb20{margin-bottom:20px;}
div#container .mgb30{margin-bottom:30px;}

div#container .mgt0{margin-top:0 !important;}
div#container .mgt5{margin-top:5px;}
div#container .mgt10{margin-top:10px;}
div#container .mgt15{margin-top:15px;}
div#container .mgt20{margin-top:20px;}
div#container .mgt30{margin-top:30px;}

div#container .mgl0{margin-left:0 !important;}
div#container .mgl5{margin-left:5px;}
div#container .mgl10{margin-left:10px;}
div#container .mgl15{margin-left:15px;}
div#container .mgl20{margin-left:20px;}
div#container .mgl30{margin-left:30px;}

div#container .mgr0{margin-right:0 !important;}
div#container .mgr5{margin-right:5px;}
div#container .mgr10{margin-right:10px;}
div#container .mgr15{margin-right:15px;}
div#container .mgr20{margin-right:20px;}
div#container .mgr30{margin-right:30px;}

div#container .mgn0{margin:0;}

div#container .pdt0{padding-top:0;}
div#container .pdt5{padding-top:5px;}
div#container .pdt10{padding-top:10px;}
div#container .pdt15{padding-top:15px;}
div#container .pdt20{padding-top:20px;}
div#container .pdt30{padding-top:30px;}

div#container .pdb0{padding-bottom:0 !important;}
div#container .pdb5{padding-bottom:5px;}
div#container .pdb10{padding-bottom:10px;}
div#container .pdb15{padding-bottom:15px;}
div#container .pdb20{padding-bottom:20px;}
div#container .pdb30{padding-bottom:30px;}

div#container .pdl0{padding-left:0;}
div#container .pdl5{padding-left:5px;}
div#container .pdl10{padding-left:10px;}
div#container .pdl15{padding-left:15px;}
div#container .pdl20{padding-left:20px;}
div#container .pdl30{padding-left:30px;}

div#container .pdr0{padding-right:0;}
div#container .pdr5{padding-right:5px;}
div#container .pdr10{padding-right:10px;}
div#container .pdr15{padding-right:15px;}
div#container .pdr20{padding-right:20px;}
div#container .pdr30{padding-right:30px;}

div#container .pad0{padding:0;}


/*共通フロート、クリアタイプ
---------------------------------------------------------------------
*/

div#container .clearBoth{clear:both;}
div#container .f_left{float:left;}
div#container .f_right{float:right;}
div#container .alignLeft{text-align:left;}
div#container .alignRight{text-align:right;}



/* デザイン装飾                      
---------------------------------------------------------------------
*/

ul.arw_red{ 
margin-left:0px;
 padding-left:0px; 
 list-style:none;
 }
ul.arw_red li{ 
padding:5px 0px 5px 20px;
margin:5px 0px;
background:url(../img/base/arw_red.gif) no-repeat 0px 50%;
line-height:100%;
	 }
#m_sub{
margin:15px 0px 7px 0px;
 padding:2px 2px 2px 10px;
  border-left:5px solid #cccccc;
background-color:#aaaaaa;
color:#FFFFFF;
}

#pg_top{
text-align:right; 
padding:10px 0px 10px 0px;
}
.mds_gray{
background-color:#999999;
color:#FFFFFF;
padding:2px;
 margin:0px;
 }

.1px_frm{
padding:10px;
margin:5px 0px;
border:1px solid #cccccc;
}

.date { margin-bottom:2px; margin-top:2px; text-align: left; color:#ff9900; font-family:verdana; font-weight:bold;}

/*
.bar_bl{ padding:5px; padding-left:6px; color:#ffffff;font-weight:bold; text-align:left; border:solid #ffcc00;border-width:1px 1px 1px 8px; background-image: url("../img/bar_bl.gif"); background-repeat:no-repeat;}

.bar_gray{ padding:5px; padding-left:6px; color:#000088;font-weight:bold; text-align:left; border:solid #3366cc;border-width:1px 1px 1px 8px; background-image: url("../img/bar_gray.gif"); background-repeat:no-repeat;}*/

.m_bl_l_3{ padding-top:3px; border:3px solid #666699; border-width:3px 0px 0px 0px; color:#666699;}
.m_bl_l_1{ padding-top:5px; border:1px solid #666699; border-width:1px 0px 0px 0px;}


/*---------------------------------------------------------------------*/
/* しくみづくり、　まちづくり                    */
/*---------------------------------------------------------------------*/
.shikumi{
margin:0px;
padding:0px;
}

.machi{
margin:0px;
padding:0px;
}
 
 ul.bx {
margin:0px;
padding:10px;
background-color:#FFECE5;
 list-style:none;
 } 
 ul.bx li{
 margin:0px;
 padding:0px;
background-image:none;
display:block;
}
ul.bx li a{
padding:5px;
margin:2px 0px;
border:1px solid #dddddd;
display:block;
}
ul.bx li a:hover{
padding:5px;
margin:2px 0px;
border:1px solid #ff6666;
background-color:#FFCCCC;
display:block;
}

.shikumi ul.bx {
background-color:#FFECE5;
 }
.shikumi ul.bx li a:hover{
border:1px solid #ff6666;
background-color:#FFCCCC;
}
.machi ul.bx {
background-color:#FFECE5;
/*background-color:#E0ECFF;*/
 }
.machi ul.bx li a:hover{
border:1px solid #ff6666;
background-color:#FFCCCC;
/*border:1px solid #9999ff;
background-color:#ccccff;*/
}

.shikumi ul.prdct_dtl, .machi ul.prdct_dtl  {
margin-bottom:15px;
 }


/*---------------------------------------------------------------------*/
/* しくみづくり、　まちづくり  　フォント設定                  
/*---------------------------------------------------------------------*/

.shikumi h1, .machi h1{
padding:0px 0px 0px 5px;
margin:0px;
border-left:12px solid #ff0000;
font-size:140%; /* モダンブラウザ向け */
	*font-size:110%; /* IE 7向け */
	*font:110%; /* IE 6以下 */
font-weight:bold;
font-family:
		Verdana,
		Arial,
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W5",
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
		line-height:100%;
}

.shikumi .mds_list01, .machi .mds_list01{
/*width:660px;*/
height:79px;
margin:0px;
padding:0px;
background-image:url(../img/prdct/both/prdct_list_mds_01.jpg);
background-repeat:no-repeat;
font-size:120%;
font-weight:bold;
color:#CC0000;
}
.shikumi .mds_list01 h3, .machi .mds_list01 h3{
margin:0px;
padding:40px 0px 5px 70px;
}
.shikumi .list_line,.machi .list_line{
background-image:url(../img/prdct/both/prdct_list_mds_bklist.jpg);
background-repeat:repeat-y;
border-top:1px dotted #ff0000;
border-bottom:1px solid #ff0000;
padding:10px;
margin:0px;
}

div.list_line .l_t{
float:left;
margin:0px;
padding:0px;
width:399px;
}
div.list_line .l_vis{
float:left;
margin:0px;
padding:0px;
width:235px;
}

/*　事例
---------------------------------------------------------------------
*/
.exmpl .frm{
border:1px solid #cccccc;
padding:0px; margin:10px 0px;
}
.exmpl p.exmpl{
padding:5px 10px 15px 10px;
margin:0px;
}
.exmpl p.plrl{
padding:5px 10px 15px 0px;
margin:0px;
}
.exmpl h1{
padding:10px 10px 10px 130px;
margin:0px;
border:1px solid #ff0000;
background-image:url(../img/exmpl/exmpl_ttl.gif);
background-repeat:no-repeat;
font-size:140%; /* モダンブラウザ向け */
	*font-size:110%; /* IE 7向け */
	*font:110%; /* IE 6以下 */
font-weight:bold;
font-family:
		Verdana,
		Arial,
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W5",
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
		line-height:100%;
}
.exmpl h3.exmpl{
border-left:10px solid #ff0000;
background-color:#999999;
padding:0px 0px 0px 5px;
margin:0px 0px 10px 0px;
color:#ffffff;
font-weight:bold;
}
.exmpl h4.exmpl{
border-left:10px solid #999999;
padding:0px 0px 0px 5px;
margin:5px 0px 0px 0px;
color:#666666;
font-weight:bold;
}



/*---------------------------------------------------------------------*/
/*　Q&A
---------------------------------------------------------------------*/

.shikumi .qa  h1{
padding:10px 10px 10px 130px;
margin:0px;
border:1px solid #6699FF;
background-image:url(../img/qa/qa_ttl.gif);
background-repeat:no-repeat;
font-size:140%; /* モダンブラウザ向け */
	*font-size:110%; /* IE 7向け */
	*font:110%; /* IE 6以下 */
font-weight:bold;
font-family:
		Verdana,
		Arial,
		"Hiragino Kaku Gothic Pro",
		"ヒラギノ角ゴ Pro W5",
		"MS P Gothic",
		"ＭＳ Ｐゴシック",
		sans-serif;
		line-height:100%;
}

.shikumi .qa ul li, .machi .qa ul li{
margin:0px;
padding:0px;
background-image:none;
}
.shikumi .qa ul li.q_ico, .machi .qa ul li.q_ico{ 
padding:5px 0px 5px 20px;
margin:5px 0px;
background:url(../img/qa/icon_q.gif) no-repeat 0px 50%;
line-height:100%;
color:#3366CC;
}
.shikumi .qa ul li.a_ico, .machi .qa ul li.a_ico{ 
padding:5px 0px 5px 20px;
margin:5px 0px;
background:url(../img/qa/icon_a.gif) no-repeat 0px 50%;
background-position:0px 10px;
line-height:130%;
color:#CC3300;
}

.qa_back{
margin:10px 0px 0px 0px;
padding:10px 0px 0px 0px;
border-top:1px dotted #6699ff;
}


/*共通*/
ul.ico_red {
margin:0px;
padding:0px;
list-style:none;
text-decoration:none;
}
ul.ico_red li{
padding:5px 0px 5px 30px;
margin:5px 0px;
background-image:none;
background:url(../img/base/arw_red.gif) no-repeat 0px 50%;
background-position:5px 5px;
line-height:100%;
}
ul.ico_red li a{ 
line-height:100%;
}

/*---------------------------------------------------------------------*/
/* 資料請求
---------------------------------------------------------------------*/

.bks_frm{
/*width:640px;*/
margin:0px;
margin:0px;
}


/*---------------------------------------------------------------------*/
/*form関連
---------------------------------------------------------------------*/

.reg_must{ background-color:#FFcccc; padding:5px;}
.reg_free{ background-color:#eeeeee; padding:5px;}
.reg_bt{ background-color:#FFCC00; padding:5px;}
.reg_flm{ background-color:#666666;}

.sch{ background-image:url(img/sch/sch_bk.jpg);}
.sch input.sch01{border:1px solid #bbbbbb;}
.sch input:focus, select:focus,textarea:focus{background:#FFFFCC;}
.reg{background-color:#CCCCFF; font-size:12px; padding:2px;}

.reg_mds_1{
 padding:4px;
 background-color:#990000;
 color:#FFFFFF;
 }
 
.reg_must .reg_mds_2{
padding:3px;
margin:5px 0px; 
background-color:#FFaaaa; 
}
.reg_free .reg_mds_2{
padding:3px;
margin:5px 0px; 
background-color:#dddddd; 
}
.reg_free .reg_t{
padding:3px;
margin:0px; 
}


/*************************************************************************
floatの解消
**************************************************************************/
.clearfix:after {
	content: " ";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix { display: inline-block; }
/* \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* */