html, body {height: 100%;}

body > #wrapper {height: auto; min-height: 100%;}


/*Opera Fix*/
body:before {
	content:"";
	height:100%;
	float:left;
	width:0;
	margin-top:-32767px;/
}




* {
	padding: 0px;
	margin: 0;
}


body {
 font-family: "Meiryo, 'メイリオ', 'Lucida Grande', Verdana, ＭＳ Ｐゴシック, Osaka ,Arial, Helvetica, sans-serif";
 font-size: 0.9em;
 color: #666;
 line-height:1.6;
 background-image: url(./img/base/bg01.png); 
 background-repeat: repeat-x;
 text-align: center;
}















/*-------P-----------------------------------------------------------------*/
p {
margin:20px 20px;
line-height:1.6;
}
/*-------Pリンクテキスト---------------------------------------------------*/
p a:link {
 color: #3599cd;
  line-height:1.6;
}
p a:visited {
 color: #5EACD7;
  line-height:1.6;
}
p a:hover {
 color: #999900;
  line-height:1.6;
}
p a:active {
 color: #999900;
 line-height:1.6;
}
p.left {
 text-indent:10px;
 margin:0;
 padding:0;
 }
 
 /*フォントサイズ80%*/
.fsize80 {
 font-size:80%;
 }
/*フォントサイズ140%*/ 
.font140 {
font-size:140%;
}
/*フォント中央揃え*/ 
.fontcenter {
text-align:center;
}


p.line {　/*下線を点線にします*/
   border-bottom: 1px dotted #afafaf;
   padding-bottom:10px;
   margin-top:-10px;
   line-height:1.4;
}


/*-------右よせ---------------------------------------------------*/
.textright{ /*---P---*/
 float:right;
 }

 
/*-------コンテンツ内　リストベーシックボタン無し----------------*/
ul　 {
 list-style-type: none;
 margin:0; 
 padding: 0;
}
ul li {
list-style-type: none;
 margin:0; 
 padding: 0;
}
ul li a{
 color: #3599cd;
 list-style-type: none;
 margin:0; 
 padding: 0;
 
 }
ul a:visited {
 color: #5EACD7;
  line-height:1.6;
}
ul a:hover {
 color: #999900;
  line-height:1.6;
}
ul a:active {
 color: #999900;
 line-height:1.6;
}

 
/*-------コンテンツ内　リストベーシック！マーク----------------*/
ul.ulbe {
 list-style-type: none;
 margin:0; 
 padding: 0;
}
ul.ulbe li {
background:url(img/base/bullet-03.png) left no-repeat; /*--- Firefoxでlineheightを指定すると画像が表示されない---*/
list-style-type: none;
text-indent:20px; 
margin-left:20px;
font-weight:bold;
}

/*-------コンテンツ内　リストベーシックplaya矢印マーク---------*/
ul.play {
 list-style-type: none;
 margin:0 0 5px 0; 
   line-height:1.2;
   background:url(./img/base/bullet-04.png) left no-repeat ;
   background-position:0 0.1em;

}
ul.play li {
background-position:0px 0;
list-style-type: none;
margin-left:20px;
  line-height:1.2;
}
ul.play li a{
 color: #3599cd;
 list-style-type: none;
 margin:0; 
 padding: 0;
 
 }
ul.play a:visited {
 color: #5EACD7;
  line-height:1.2;
}
ul.play a:hover {
 color: #999900;
  line-height:1.2;
}
ul.play a:active {
 color: #999900;
 line-height:1.2;
}
/*-------イメージに対する装飾　ボーダーなし-------------------------------*/
img {
 border:0;
}
img.mid {
 vertical-align: middle;
 margin: 0 2px 0 0;
 }
.imgright{ /*---画像が右---*/
 float:right;
 padding-left:25px;
 }

.imgrightmi{ /*---画像が右ミニ---*/
 float:right;
 padding-left:5px;
 }
 
 .imgrightad{ /*---画像が右ミニ---*/
 float:right;
 padding-left:5px;
 margin-bottom:30px;
 margin-top:30px;
 }
 
 
.imgleft{ /*---画像が左---*/
 float:left;
 padding-right:10px;
 padding-left:10px;
  vertical-align: middle;
}
.imgleftlogo{ /*---画像が左---*/
 float:left;
 padding-right:10px;
 padding-left:0;
  vertical-align: middle;
}


.imgleftsam{ /*---画像が左サムネイルサイズ---*/
 float:left;
 padding-right:6px;
 padding-left:0;

  vertical-align: middle;
}
.imgmiddle{ /*---画像が中央---*/
vertical-align: center;
}
.imgcentering{ /*---画像が画面の横中央---*/
 margin: 0 auto;
 text-align:center;
}

.imgrightmiac{ /*---画像が右ミニをAddClip用に改造---*/
 float:right;
 margin:20px;
 padding-right:10px;
 }
 
 
 
 
 .addclip {
text-align:right;
 width:960px;
 margin: 0 auto;
 padding-bottom:20px;
}

 
 
 
/*-------一番外側の包み---------------------------------------------------*/
#wrapper { 
 margin: 0 auto;
 width: 960px;
 min-height:100%;
 height:auto !important;
 height: 100%;
 position:relative;

}
/*-------ヘッダー01　言語選択ボタンエリア---------------------------------*/
#header01 {
 width: 960px;
 color: #666;
 padding: 0px;
 height: 17px;
 margin: 4px 0 5px 0;
 text-align: right;
 font-size:70%;
}

/*-------ヘッダー02左　サイトロゴマーク----------------------------------*/
#header02 {
 width: 237px;
 color: #333;
 padding: 0px;
 height: 43px;
 margin: 0px;
 float:left;
 text-align:left;
}
/*-------ヘッダー03右　メインメニュータブ--------------------------------*/
#header03 {
 width: 723px;
 color: #333;
 padding: 0px;
 height: 43px;
 margin: 0px;
 float:right;
}
/*-------ヘッダー03右　メインメニュータブENG--------------------------------*/
#header03eng {
 width: 723px;
 color: #666;
 padding: 0px;
 height: 43px;
 margin: 0px;
 text-align: right;
 float:right;
 font-size:70%;
 }
/*-------メインメニューバー01----------------------------------------------*/
#m01-barwrapper { 
 margin: 0 auto;
 width: 723px; 
 height:43px;

} 
.m01-bar {
	border: 0;
	margin: 0;
	padding: 0;
	height: 43px;
	overflow: hidden;
}

.m01-bar img {
	visibility: hidden;
}

.m01-bar a,
.m01-bar a:link,
.m01-bar a:visited {
	background-position: 0px 0px;
	float:left;
}
.m01-bar a:focus,
.m01-bar a:hover,
.m01-bar a:active {
	background-position: 0px 43px;
	float:left;
}

.m01-bar .m01-01 a {
	background-image: url(./img/base/m01-01.png);
}

.m01-bar .m01-01on a {
	background-image: url(./img/base/m01-01.png);
	background-position: 0px 43px;
}
.m01-bar .m01-02 a {
	background-image: url(./img/base/m01-02.png);
}
.m01-bar .m01-02on a {
	background-image: url(./img/base/m01-02.png);
	background-position: 0px 43px;
}
.m01-bar .m01-03 a {
	background-image: url(./img/base/m01-03.png);
}
.m01-bar .m01-03on a {
	background-image: url(./img/base/m01-03.png);
	background-position: 0px 43px;
}
.m01-bar .m01-04 a {
	background-image: url(./img/base/m01-04.png);
}
.m01-bar .m01-04on a {
	background-image: url(./img/base/m01-04.png);
	background-position: 0px 43px;
}
.m01-bar .m01-05 a {
	background-image: url(./img/base/m01-05.png);
}
.m01-bar .m01-05on a {
	background-image: url(./img/base/m01-05.png);
	background-position: 0px 43px;
}
.m01-bar .m01-06 a {
	background-image: url(./img/base/m01-06.png);
}
.m01-bar .m01-06on a {
	background-image: url(./img/base/m01-06.png);
	background-position: 0px 43px;
}
.m01-bar .m01-07 a {
	background-image: url(./img/base/m01-07.png);
}
.m01-bar .m01-07on a {
	background-image: url(./img/base/m01-07.png);
	background-position: 0px 43px;
}
/*-------ヘッダー04左　パンくずリンク------------------------------------*/
#header04 {
 width: 640px;
 color: #333;
 height: 24px;
 margin: 0px 0 0px 0;
 float:left;
 clear:both;
 font-size:90%;
 padding:10px 0 0px 0;
 line-height:1.4;
 text-align:left;
}

#header04 a:link {
 color: #3599cd;
  line-height:1.4;
}
#header04 a:visited {
 color: #5EACD7;
  line-height:1.4;
}
#header04 a:hover {
 color: #999900;
  line-height:1.4;
}
#header04 a:active {
 color: #999900;
 line-height:1.4;
}





/*-------ヘッダー05右　サブメニュー（サイトマップ等）--------------------*/
#header05 {
 width: 266px;
 color: #333;
 height: 24px;
 margin: 0px 0 0px 0;
 float:right;
 padding:10px 0 0px 0;
 font-size:90%;
 }
#header05 a:link {
 color: #3599cd;
  line-height:1.4;
}
#header05 a:visited {
 color: #5EACD7;
  line-height:1.4;
}
#header05 a:hover {
 color: #999900;
  line-height:1.4;
}
#header05 a:active {
 color: #999900;
 line-height:1.4;
}
/*-------ヘッダー05右　サブメニュー サイトマップ等 リスト----------------*/
ul.ul05 {
  margin: 0; /* 見易くするため */
  padding: 0;
}

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

/* for MacIE5 \*/
ul.ul05{
  height: auto;
  overflow: hidden;
}
/* for MacIE5 */

ul.ul05 li {
  margin: 0;
  padding-right: 24px;
  float: left;

  height: 24px;
  list-style-type : none;
}


ul.ul05 li.seikyu {
  margin: 0;
  padding-right: 0px;
  float: left;
  height: 24px;
  list-style-type : none;
  list-style-type : none;
}


ul.ul05 li.seikyueng {
  margin: 0;
  padding-right: 0px;
  float: right;
  height: 24px;
  list-style-type : none;
}

ul.ul05 li a img {
  border: 0;
}





/*-------コンテンツエリア包み--------------------------------------------*/
#contentsarea {
 margin: 0 auto;
 width: 960px;
 padding: 0 0 150px 0;
 }
/*-------コンテンツ100%--------------------------------------------------*/
#content100 { 
 width: 960px;
 color: #333;
 margin: 0px;
 margin-bottom:20px;
 padding: 0;
 float:left;
 clear:both;
 overflow:visible; /*スクロールが出るのでautoから変更中*/
 text-align:left;
 min-height:500px;
 height: auto !important;
 height: 500px;
 }
 /*-------コンテンツ30%--------------------------------------------------*/
 #content30 {   
    display: -moz-box;   
    display: -webkit-box;   
    width: 960px;   
    padding: 15px;   
    border: 1px solid #ccc;   
}   
#content30 div {   
    -webkit-box-sizing: border-box;   
    width: 100px;   
    min-height:500px;
    height: auto !important;
    height: 500px;
   
    padding: 5px;   
    border: 1px solid #666;   
    background-color: #999; 
	}  

 




/*-------コンテンツ01左--------------------------------------------------*/
#content01 { 
 width: 680px;
 color: #333;
 margin: 0px;
 margin-bottom:20px;
 padding: 0;
 float:left;
 clear:both;
 overflow:visible; /*スクロールが出るのでautoから変更中*/
 text-align:left;
 min-height:500px;
 height: auto !important;
 height: 500px;
 }
/*-------コンテンツ02右--------------------------------------------------*/
#content02 { 
 width: 250px;
 color: #333;
 margin: 0 0 0 30px;
 float:right;
 overflow:visible;
 min-height:500px;
 height: auto !important;
 height: 500px;
}

/*-------コンテンツ02右　リスト------------------------------------------*/

 ul.ul02 {
 
 width: 250px;
 list-style-type: none;
 margin:0; 
 padding: 0;
 text-align:left;
 font-size:85%;
}
 ul.ul02 li {
 display: block;
 list-style-type: none;
 height:48px;
 line-height:48px;
 text-indent:20px;
}
 ul.ul02 li  a {
 display: block;
 background:url(./img/base/bullet-02-bg.png) ;
 list-style-type: none;
 text-indent:20px;
 height:48px;
 line-height:48px;
 color: #333;
}
 ul.ul02 li  a:hover {
 display: block;
 background:url(./img/base/bullet-02-bg-on.png);
 list-style-type: none;
 height:48px;
 line-height:48px;
 text-indent:20px;
}
 ul.ul02 li.ul02bottom {
 background:url(./img/base/bullet-02-bg-bottom.png) ;
 list-style-type: none;
 height:48px;

}
 ul.ul02 li.str  {
 background:url(./img/base/bullet-02-bg-onstr.png);
 display: block;
 list-style-type: none;
 height:48px;
 line-height:48px;
}
 ul.ul02 li.str a {
 background:url(img/base/bullet-02-bg-onstr.png);
 display: block;
 list-style-type: none;
 height:48px;
 line-height:48px;
}
 ul.ul02 li.str a:hover  {
 background:url(img/base/bullet-02-bg-on.png);
 display: block;
 list-style-type: none;
 height:48px;
 line-height:48px;
}

 ul.ul02 li.nor  {
 background:url(./img/base/bullet-02-bg.png);
 display: block;
 list-style-type: none;
 height:48px;
 line-height:48px;
 text-indent:20px;
}
 ul.ul02 li.nor a {
 background:url(img/base/bullet-02-bg.png);
 display: block;
 list-style-type: none;
 height:48px;
 line-height:48px;
}
 ul.ul02 li.nor a:hover  {
 background:url(img/base/bullet-02-bg-on.png);
 display: block;
 list-style-type: none;
 height:48px;
 line-height:48px;
}



/*-------コンテンツ02右　リストフリーボックス------------------------------------------*/

 ul.ul03 {
 
 width: 250px;
 list-style-type: none;
 margin:0; 
 padding: 0;
 text-align:left;

}
 ul.ul03 li.ul03bottom {
 background:url(./img/eng/bullet-03-bg-bottom.png) ;
 list-style-type: none;
 height:48px;

}

 ul.ul03 li.nor  {
 background:url(./img/eng/bullet-03-bg.png);
 display: block;
 list-style-type: none;
 height:auto;
 word-wrap: break-word;
 font-size:90%;
}
 ul.ul03 li.nor a {
 background:url(./img/eng/bullet-03-bg.png);
 display: block;
 list-style-type: none;
 height:auto;
 word-wrap: break-word;
 font-size:90%;
}
 ul.ul03 li.nor a:hover  {
 background:url(./img/eng/bullet-03-bg.png);
 display: block;
 list-style-type: none;
 height:auto;
 word-wrap: break-word;
 font-size:90%;
}














/*-------フッター包み100%-----------------------------------------------*/
#footwrapper100 { 
 width: 100%;
 background-image:url(./img/base/foot-bg.png);
 background-repeat:repeat-x;
  position:relative;
   margin-top:-191px;
    height: 210px; /*下部白余白をなくすために高さを変更元は191*/
	 bottom: 0;

	  clear:both;
}

/*-------フッター包み---------------------------------------------------*/
#footwrapper { 
 margin: 0 auto;
 text-align: left;
 color: #333;
 width: 960px;
 padding:0px;
}

/*-------フッター01左画像リンク--------------------------------------------------*/
#footer01 { 
 height: 191px;
 margin-top:-191px;
 width: 398px;
 color: #333;
 margin: 0px;
 padding: 0px;
 float:left;
 overflow:visible;
 }
/*-------フッター02右テキストリンク--------------------------------------------------*/
#footer02 { 
 width: 540px;
 color: #333;
 height: 191px;
  margin-top:-191px;
  margin:0;
 padding: 0px;
 float:right;
 font-size:90%;
}
/*-------フッター02テーブルテキストリンク--------------------------------------------*/
table.foot02table {
  margin-top: 6em;
  margin-bottom: 1em;
  width: 540px;　/*528が実寸*/

  border-collapse: collapse;
  border: none;
  font-size: 90%;
  line-height:2;
}
table.foot02table th,
table.foot02table td {
  vertical-align: top;
  border-left: solid 1px #9E9E9E;
  padding: 4px 6px;
  line-height:2;
}
table.foot02table th {
  vertical-align: top;
  background: #F7F7F7;
  text-align: center;
  color: #3a4349;
  line-height:2;
}
table.foot02table a:link {
 color: #3a4349;
   line-height:2;
   text-decoration:none;
}
table.foot02table a:visited {
 color: #3a4349;
 line-height:2;
 text-decoration:none;
}
table.foot02table a:hover {
 color: #ffffff;
 line-height:2;
 text-decoration:underline;
}
table.foot02table a:active {
 color: #3a4349;
 line-height:2;
 text-decoration:underline;
}


/*-------フッター02テーブルENG--------------------------------------------*/
table.foot02tableeng {
  margin-top: 6em;
  margin-bottom: 1em;
  width: 400px;

  border-collapse: collapse;
  border: none;
  font-size: 90%;
  line-height:2;
}
table.foot02tableeng th,
table.foot02tableeng td {
  vertical-align: top;
  border-left: solid 1px #3a4349;
  padding: 4px 6px;
  line-height:2;
}
table.foot02tableeng th {
  vertical-align: top;
  background: #F7F7F7;
  text-align: center;
  color: #3a4349;
  line-height:2;
}
table.foot02tableeng a:link {
 color: #3a4349;
   line-height:2;
   text-decoration:none;
}
table.foot02tableeng a:visited {
 color: #3a4349;
 line-height:2;
 text-decoration:none;
}
table.foot02tableeng a:hover {
 color: #ffffff;
 line-height:2;
 text-decoration:underline;
}
table.foot02tableeng a:active {
 color: #3a4349;
 line-height:2;
 text-decoration:underline;
}







/*-------見出し　H1タグ--------------------------------------------*/

h1.seetodo a { display:block;
height:388px; /* タイトルの高さ */
width:960px; /* タイトル部の横幅 */
margin-top:10px;
background:url(img/base/h1-seetodo.png);
background-repeat:no-repeat;
cursor:default;
}
h1.seetodo  span { display:none; 
}


h1.seetodoen a { display:block;
height:388px; /* タイトルの高さ */
width:960px; /* タイトル部の横幅 */
margin-top:10px;
background:url(img/base/h1-seetodo-en.png);
background-repeat:no-repeat;
cursor:default;
}
h1.seetodoen  span { display:none; 
}





h1.bm3pre a { display:block;
height:360px; /* タイトルの高さ */
width:960px; /* タイトル部の横幅 */
margin-top:10px;
background:url(img/product/h1-bm3pre.png);
background-repeat:no-repeat;
cursor:default;
}
h1.bm3pre  span { display:none; 
}


h1.kuroki a { display:block;
height:190px; /* タイトルの高さ */
width:680px; /* タイトル部の横幅 */
background:url(img/column-kuroki/h1-kuroki.png);
background-repeat:no-repeat;
cursor:default;
}
h1.kuroki  span { display:none; 
}
h1.news a { display:block;
height:74px; /* タイトルの高さ */
width:680px; /* タイトル部の横幅 */
background:url(img/base/h1-news.png);
background-repeat:no-repeat;
cursor:default;
margin-top:10px;
}
h1.news  span { display:none; 

}
h1.news100 a { display:block;
height:74px; /* タイトルの高さ */
width:960px; /* タイトル部の横幅 */
background:url(img/base/h1-news100.png);
background-repeat:no-repeat;
}
h1.news100  span { display:none; 

}
h1.event a { display:block;
height:74px; /* タイトルの高さ */
width:960px; /* タイトル部の横幅 */
background:url(img/base/h1-event.png);
background-repeat:no-repeat;
cursor:default;
margin-top:10px;
}
h1.event  span { display:none; 


}

h1.press a { display:block;
height:74px; /* タイトルの高さ */
width:960px; /* タイトル部の横幅 */
background:url(img/base/h1-press.png);
background-repeat:no-repeat;
cursor:default;
}
h1.press  span { display:none; 


}
h1.qa a { display:block;
height:74px; /* タイトルの高さ */
width:680px; /* タイトル部の横幅 */
background:url(img/base/h1-qa.png);
background-repeat:no-repeat;
cursor:default;
}
h1.qa  span { display:none; 
}






h1.oldprod  { display:block;
height:74px; /* タイトルの高さ */
width:960px; /* タイトル部の横幅 */
margin-top:10px;
margin-bottom:20px;
background:url(img/base/h1-oldprod.png);
background-repeat:no-repeat;
cursor:default;
}
h1.oldprod  span { display:none; 
}


h1.ask a { display:block;
height:74px; /* タイトルの高さ */
width:960px; /* タイトル部の横幅 */
background:url(img/base/h1-ask.png);
background-repeat:no-repeat;
cursor:default;
margin-top:10px;
}
h1.ask  span { display:none; 
}

h1.map a { display:block;
height:74px; /* タイトルの高さ */
width:960px; /* タイトル部の横幅 */
background:url(img/base/h1-map.png);
background-repeat:no-repeat;
cursor:default;
margin-top:10px;
}
h1.map  span { display:none; 
}

h1.privacy a { display:block;
height:74px; /* タイトルの高さ */
width:960px; /* タイトル部の横幅 */
background:url(img/base/h1-privacy.png);
background-repeat:no-repeat;
cursor:default;
margin-top:10px;
}
h1.privacy span { display:none; 
}




h1.eng-home a { display:block;
height:247px; /* タイトルの高さ */
width:680px; /* タイトル部の横幅 */
background:url(img/eng/h1-eng-home.png);
cursor:default;
background-repeat:no-repeat;
cursor:default;
}
h1.eng-home  span { display:none; 
}




h1.notfound a { display:block;
height:74px; /* タイトルの高さ */
width:960px; /* タイトル部の横幅 */
background:url(img/base/h1-404.png);
background-repeat:no-repeat;
cursor:default;
margin-top:10px;
}
h1.notfound  span { display:none; 
}

h1.mail a { display:block;
height:74px; /* タイトルの高さ */
width:960px; /* タイトル部の横幅 */
background:url(img/base/h1-mail.png);
background-repeat:no-repeat;
cursor:default;
margin-top:10px;
}
h1.mail  span { display:none; 
}





/*-------見出し　H2タグ　------------------------------------------*/

h2.product01 a { display:block;
height:332px; /* タイトルの高さ */
width:960px; /* タイトル部の横幅 */
background:url(img/product/h2-01.png);
background-repeat:no-repeat;
margin-top:50px;
margin-bottom:0px;
cursor:default;
}
h2.product01  span { display:none; 
}




/*-------見出し　H3タグ　------------------------------------------*/
h3.columnk a { display:block;
height:48px; /* タイトルの高さ */
width:250px; /* タイトル部の横幅 */
background:url(./img/base/h3-column.png);
background-repeat:no-repeat;
margin-top:30px;
}
h3.columnk span { display:none; 
}


h3.newsbak a { display:block;
height:48px; /* タイトルの高さ */
width:250px; /* タイトル部の横幅 */
background:url(./img/base/h3-newsbak.png);
background-repeat:no-repeat;
margin-top:10px;
}
h3.newsbak span { display:none; 
}
h3.qa a { display:block;
height:48px; /* タイトルの高さ */
width:250px; /* タイトル部の横幅 */
background:url(./img/base/h3-qa.png);
background-repeat:no-repeat;
line-height:48px;
}
h3.qa span { display:none; 
}
h3.about a { display:block;
height:48px; /* タイトルの高さ */
width:250px; /* タイトル部の横幅 */
background:url(./img/base/h3-about.png);
background-repeat:no-repeat;
cursor:default;
}
h3.about span { display:none; 
}

/*-------見出し　H3タグ　製品情報----------------------------------*/
h3.product a { display:block;
height:48px; /* タイトルの高さ */
width:250px; /* タイトル部の横幅 */
background:url(./img/base/h3-product.png);
background-repeat:no-repeat;
}
h3.product span { display:none; 
}

/*-------見出し　H3タグ　事例紹介----------------------------------*/
h3.jirei a { display:block;
height:48px; /* タイトルの高さ */
width:250px; /* タイトル部の横幅 */
background:url(./img/base/h3-jirei.png);
background-repeat:no-repeat;
margin-top:10px;
}
h3.jirei span { display:none; 
}



h3.jirei-shubetu a { 
display:block;
height:48px; /* タイトルの高さ */
width:250px; /* タイトル部の横幅 */
background:url(./img/base/h3-jirei-shubetu.png);
background-repeat:no-repeat;
margin-top:10px;
}
h3.jirei-shubetu span { display:none; 
}

/*-------見出し　H3タグ　Eng BM2 -----------------------------------*/

h3.bm2 a { display:block;
height:48px; /* タイトルの高さ */
width:250px; /* タイトル部の横幅 */
background:url(img/eng/h3-bm2.png);
background-repeat:no-repeat;
cursor:default;
}
h3.bm2 span { display:none; 
}

/*-------見出し　H3タグ　Eng コンタクト -----------------------------------*/

h3.bm2eng a { display:block;
height:48px; /* タイトルの高さ */
width:250px; /* タイトル部の横幅 */
background:url(./img/eng/h3-cont.png);
background-repeat:no-repeat;
cursor:default;
}
h3.bm2eng span { display:none; 
}






/*-------見出し　H4タグ　-------------------------------------------*/

h4 {
 font-weight:bold;
 font-size:larger;
 margin:40px 20px;
 line-height:1.6;
}
/*-------見出し　H5タグ　-------------------------------------------*/

h5.home-seminar a {
display:block;
height:21px; /* タイトルの高さ */
width:340px; /* タイトル部の横幅 */
background:url(img/home/h5-t-seminar.png);
background-repeat:no-repeat;
margin:20px 0 0 0;
padding:0;
cursor:default;
}
h5.home-seminar span { display:none; 
}


h5.home-news a {

display:block;
height:21px; /* タイトルの高さ */
width:580px; /* タイトル部の横幅 */
background:url(img/home/h5-t-news.png);
background-repeat:no-repeat;
margin:20px 0 0 0;
padding:0;

}
h5.home-news span { display:none; 
}

h5.home-press a {
display:block;
height:21px; /* タイトルの高さ */
width:580px; /* タイトル部の横幅 */
background:url(img/home/h5-t-press.png);
background-repeat:no-repeat;
margin:0;
padding:0;

}
h5.home-press span { display:none; 
}

h5.home-product a {
display:block;
height:21px; /* タイトルの高さ */
width:580px; /* タイトル部の横幅 */
background:url(img/home/h5-t-product.png);
background-repeat:no-repeat;
margin:0;
padding:0;

}
h5.home-product span { display:none; 
}

h5.home-rec a {
display:block;
height:21px; /* トップページ　オススメ　タイトルの高さ */
width:340px; /* タイトル部の横幅 */
background:url(img/home/h5-t-recommend.png);
background-repeat:no-repeat;
padding:0;
margin-bottom:0;
margin-top:20px;
cursor:default;
}
h5.home-rec span { display:none; 
}


h5.home-jirei a {
display:block;
height:21px; /* トップページ　事例紹介　タイトルの高さ */
width:340px; /* タイトル部の横幅 */
background:url(img/home/h5-t-jirei.png);
background-repeat:no-repeat;
padding:0;
margin-bottom:0;
cursor:default;
}
h5.home-jirei span { display:none; 
}



h5.home-eve a {
display:block;
height:21px; /* トップページ　オススメ　タイトルの高さ */
width:340px; /* タイトル部の横幅 */
background:url(img/home/h5-t-event.png);
background-repeat:no-repeat;
padding:0;
margin-bottom:0;
margin-top:10px;
cursor:default;
}
h5.home-eve span { display:none; 
}

h5.home-ustream a {
display:block;
height:21px; /* トップページ　USTREAM　タイトルの高さ */
width:340px; /* タイトル部の横幅 */
background:url(img/home/h5-t-ustream.png);
background-repeat:no-repeat;
padding:0;
margin-bottom:0;
margin-top:20px;
cursor:default;
}
h5.home-ustream span { display:none; 
}




/*------- テーブル01 --------------------------------------------------------------*/

table.table01 {
  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 94%;
  border-collapse: collapse;
  border: none;
  font-size: 90%;
line-height:1.6;
  border: solid 1px #cdcdcd;
 margin: 0 auto;
}
table.table01 th {
  vertical-align: top;
  border: solid 1px #cdcdcd;
  padding: 4px 6px;
  background-image:url(img/base/table-th-bg.png);
  background-repeat:repeat-x;
  text-align:left;
  _text-align:left;

}

table.table01 td {
  vertical-align: top;
    border: solid 1px #cdcdcd;
  padding: 4px 6px;
  _text-align:left;

}
table.table01 td a:link {
 color: #3a4349;
   line-height:1.6;
 text-decoration:underline;
}
table.table01 td a:visited {
 color: #3a4349;
 line-height:1.6;
 text-decoration:underline;
}
table.table01 td a:hover {
 color: #3C69D5;
 line-height:1.6;
 text-decoration:none;
}
table.table01 td a:active {
 color: #9b9b9b;
 line-height:1.6;
 text-decoration:underline;
}








/*-------日付とタイトル（ニュース）-----------------------------------------*/

dl.news dt {
  clear: left;
  float: left;
  width: 6em;
  padding: 10px 0.5em;

}
dl.news dd {

  margin-left: 0;
  padding: 10px 0.5em 10px 7em;
  border-bottom: dotted 1px #afafaf;
  margin:0 0.5em 0 0.5em;
}
dl.news dd a { 
 color: #3599cd;
}
dl.news dd a:visited {
 color: #5EACD7;
}
dl.news dd a:hover {
 color: #999900;
}
dl.news dd a:active {
 color: #999900;
} 



/*-------Home用 おすすめ情報（ニュース）------------------------------------*/
dl.newsrec dt.newsrecspe {/*スペシャルリコメンド*/
  clear: left;
  width:300px;
  font-weight:bold;
  padding: 0.6em 0 0 1.7em;
  margin-left:4em;
  font-size:90%;
  line-height:1.5em;
  overflow: hidden;

}
dl.newsrec dd.newsrecspe {/*スペシャルリコメンド*/
width:300px;
  margin-left: 0;
  padding: 0.3em 0em 0.8em 1em;/*横幅調整*/
  border-bottom: dotted 1px #afafaf;
  margin:0 0.2em 0 0.9em; /*ボーダーの始まる位置*/
  font-size:90%;
  line-height:1.5em;
  overflow: hidden; 

}
dl.newsrec dt {
  clear: left;
width:300px;
  font-weight:bold;
  padding: 0.6em 0 0 1.7em;
  margin-left:0.2em;
  font-size:90%;
  line-height:1.5em;
  overflow: hidden;

}
dl.newsrec dd {

  margin-left: 0;
  padding: 0.3em 0em 0.8em 1em;/*横幅調整*/
  border-bottom: dotted 1px #afafaf;
  margin:0 0.2em 0 0.9em; /*ボーダーの始まる位置*/
  font-size:90%;
  line-height:1.5em;
  overflow: hidden; 

}
dl.newsrec dd.newsrecend {
width:300px;
  margin-left: 0;
  padding: 0.3em 0em 0.8em 1em;/*横幅調整*/
  border-bottom: dotted 1px #ffffff;
  margin:0 0.2em 0 0.9em; /*ボーダーの始まる位置*/
  font-size:90%;
  line-height:1.5em;
  overflow: hidden; 
}
dl.newsrec dd a { 
 color: #3599cd;
}
dl.newsrec dd a:visited {
 color: #5EACD7;
}
dl.newsrec dd a:hover {
 color: #999900;
}
dl.newsrec dd a:active {
 color: #999900;
}    
/*------- お問い合わせIndex ------------------------------------------------*/

dl.ask dt {
  clear: left;
  float: left;
  width: 20em;
  padding: 20px 0em;
  text-indent:2em;
}
dl.ask dd {
  margin-left: 0;
  padding: 30px 1em 30px 14em;
  border-bottom: dotted 1px #afafaf;
  margin:0 1em 0 1em;
}
dl.ask dd a { 
 color: #3599cd;
}
dl.ask dd a:visited {
 color: #5EACD7;
}
dl.ask dd a:hover {
 color: #999900;
}
dl.ask dd a:active {
 color: #999900;
}  

/*------- お問い合わせIndex上部ロゴエリア ------------------------------------------------*/

.asklogo {
 height:80px; 
 background-image:url(img/ask/line-gr.png); 
 background-repeat:no-repeat; 
 background-position:bottom; 
 margin-bottom:10px; 
 padding:20px 0 0 20px;
}
.fleft {
 float:left;
 padding-bottom:10px;
}
/*------- お問い合わせIndexで使っている、強調のやじるしオレンジ色 -------------------------*/
.yaor {
 background-image:url(img/base/yajirusi-or.png); 
 background-repeat:no-repeat; 
 background-position:left; 
 padding-left:2em;
}


/*------- 事例紹介Index ----------------------------------------------------*/

dl.jirei dt {
  clear: left;
  float: left;
  width: 1.5em;
  padding: 10px 0em;
  text-indent:1em;
  color:#dd7611;
  font-weight:bold;
}
dl.jirei dd {
  margin-left: 0;
  padding: 10px 1em 30px 3.5em;
  border-bottom: dotted 1px #afafaf;
  margin:0 1em 0 1em;
}
dl.jirei dd a { 
 color: #3599cd;
}
dl.jirei dd a:visited {
 color: #5EACD7;
}
dl.jirei dd a:hover {
 color: #999900;
}
dl.jirei dd a:active {
 color: #999900;
}  

/*------- CCPMとは目次 ----------------------------------------------------*/

dl.mokuji dt {
  clear: left;
  float: left;
  width: 2em;
  font-weight:bold;
  padding: 0.3em 0 0.3em 1.7em;/*文字の始まる位置*/
  font-size:90%;
  line-height:1.5em;
}
dl.mokuji dd {
  margin-left: 0;
  padding: 0.3em 0.8em 0.3em 2em;
  border-bottom: dotted 1px #afafaf;
  margin:0 0.2em 0 0.9em; /*ボーダーの始まる位置*/
  font-size:90%;
  line-height:1.5em;
}
dl.mokuji dd.mokujiend {
  margin-left: 0;
  padding: 0.6em 0.8em 0.3em 2em;
  border-bottom: dotted 1px #ffffff;
  margin:0 0.2em 1em 0.9em; /*ボーダーの始まる位置*/
  font-size:90%;
  line-height:1.5em;
}
dl.mokuji dd a { 
 color: #3599cd;
}
dl.mokuji dd a:visited {
 color: #5EACD7;
}
dl.mokuji dd a:hover {
 color: #999900;
}
dl.mokuji dd a:active {
 color: #999900;
}







/*------- SeeToDo -----------------------------------------------------*/
dl.seetodo {
margin-bottom:100px;
}

dl.seetodo dt {
	clear: left;
	float: left;
	width: 15em;
	padding: 30px 0em;
	text-indent:3em;
	color:#dd7611;
	font-weight:bold;
	line-height:1.6;
	font-size:120%;
	
}
dl.seetodo dd {
	margin-left: 0;
	padding: 30px 3em 30px 15em;
	border-bottom: dotted 1px #afafaf;
	margin:0 1em 0 3em;
	line-height:2;
}
dl.seetodo dd a { 
 color: #333333;
}
dl.seetodo dd a:visited {
 color: #333333;
}
dl.seetodo dd a:hover {
 color: #999900;
}
dl.seetodo dd a:active {
 color: #999900;
}  


div.seetodobutton {
margin-top:-99px; 
margin-left:725px; 
margin-bottom:60px;
}

div.seetodobutton a:hover {
position:relative;
top: 1px;
left:1px;
}


/*------- サイトマップ -----------------------------------------------------*/

dl.map dt {
	clear: left;
	float: left;
	width: 15em;
	padding: 30px 0em;
	text-indent:1em;
	color:#dd7611;
	font-weight:bold;
	line-height:2;
}
dl.map dd {
	margin-left: 0;
	padding: 30px 1em 30px 15em;
	border-bottom: dotted 1px #afafaf;
	margin:0 1em 0 1em;
	line-height:2;
}
dl.map dd a { 
 color: #333333;
}
dl.map dd a:visited {
 color: #333333;
}
dl.map dd a:hover {
 color: #999900;
}
dl.map dd a:active {
 color: #999900;
}  








/*-------もっとCCPM　Q&A Q -------------------------------------------------*/

dl.qa dt {
  clear: left;
  float: left;
  width: 1em;
  padding: 10px 0.5em;
  color:#dd7611; /* Qをオレンジ色に */
  font-weight:bold;
}
dl.qa dd {
  margin-left: 0;
  padding: 10px 0.5em 10px 2em;
  border-bottom: dotted 1px #afafaf;
  margin:0 0.5em 0 0.5em;
}
dl.qa dd a { 
 color: #666;
 text-decoration:none;
}
dl.qa dd a:visited {
 color: #5EACD7;
 text-decoration:none;
}
dl.qa dd a:hover {
 color: #999900;
 text-decoration:underline;
}
dl.qa dd a:active {
 color: #999900;
 text-decoration:underline; 
}  
/*---------------------------------------------------------------------------*/
.bold{
 font-weight:bold;
 }
/*-------- 折りたたみスクリプト用　背景あり -------------------------------------------*/
.hide .target { 
 display:none; 
 }
.trigger   { 
  color:inherit; 
  cursor:pointer;
  }
.show .trigger   { /* 開いた時のトリガー文字からし色 */
  color:inherit; 
  cursor:pointer;
 color:#999900; 
 font-weight:bold;   
  }
.show .target { /* 開いた時のターゲット */
 color:#666;
  background-image:url(img/base/table-th-bg.png);
  background-repeat:no-repeat;
 padding:10px;
 }
.hide .trigger { 
 color:#666; 
 }
.trigger:after { 
  padding-left:0.3em; 
  vertical-align:-1px;
    content:url(./img/base/hide.png); 
  }
.hide .trigger:after { 
  content:url(./img/base/show.png); 
 }
.trigger:hover { 
 color:#999900; 
 text-decoration:underline;
 }


/*-------- PDFにあわせたテキストカラー ----------------------------------------*/
.pdftext{
color:#900222;
}
/*-------- テキストカラー  --------------------------------------------*/
.orangetext{
color:#dd7611;
}

.redtext{
color:#FF0000;
}


.bluetext{
color:#2B519D;
}



/*------- ページナビ包み　次へ　前へ ------------------------------------------------------*/
.nextwrapper {
 clear:both;
 text-align:right;
 width:100%;
 margin:0;
 margin-top:20px;
 overflow:visible;
 }
/*------- ページナビ　　前へ --------------------------------------------------------------*/
.nextleft {
 text-align:left;
 width:50%;
 margin:20px 0 0 0;
 float:left;
 overflow:visible;

 }
 /*------- ページナビ　　次へ -------------------------------------------------------------*/
.nextright {
 text-align:right;
 width:50%;
 margin:20px 0 0 0;
 float:right;
 overflow:visible; /*firefoxでクリック時にスクロールが出るので指定*/

 }
 /*------- ページアップ　　ページ上部へ ---------------------------------------------------*/
.pageup{
 clear:both;
 line-height:1.2;
 text-align:right;
 padding-top:5px;
 padding-bottom:3em; /* 　フッターに埋もれてしまうので追加　*/
 width:100%;
 }
.pageup a:link {
 color: #3599cd;
 line-height:1.2;
 }
.pageup a:visited {
 color: #5EACD7;
 line-height:1.2;
 }
.pageup a:hover {
 color: #999900;
 line-height:1.2;
 }
.pageup a:active {
 color: #999900;
 line-height:1.2;
 }
 /*------- DIVのクリアと縦スペース ---------------------------------------------------*/
div.space{ /*DIVの横組みを解除*/
clear:left;
height:10px;
}

 /*------- DIVのクリアと縦スペース ---------------------------------------------------*/
div.space1{ /*DIVの横組みを解除*/
clear:left;
height:1px;
}


 /*------- 画像と文字を横並びにする ---------------------------------------------------*/
.yokonarabi img{
vertical-align:middle;
margin:0 2px 0 2px;
}




 /*------- clearfix にする ------------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/*------オーバーでボタンがへこむ--------------------------------------------------------*/
.button a:hover {
position:relative;
top: 1px;
left:1px;
text-decoration: none;
}

/*------背景がグレー黒木さんのコラムで使用--------------------------------------------------------------------*/
.bggray {
background-color:#efefef;
border: solid 1px #cdcdcd;
padding:15px;
margin-left:20px;
margin-right:20px;
}