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;
 }
/*-------コンテンツ内　リストベーシックボタン無し----------------*/
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:40px;
 }
.imgleft{ /*---画像が左---*/
 float:left;
 padding-right:10px;
 padding-left:10px;
  vertical-align: middle;
}
.imgleftlogo{ /*---画像が左---*/
 float:left;
 padding-right:10px;
 padding-left:0;
  vertical-align: middle;
}
/*-------一番外側の包み---------------------------------------------------*/
#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: 10px 0 7px 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: 650px;
 color: #333;
 height: 24px;
 margin: 0px 0 5px 0;
 float:left;
 clear:both;
 font-size:90%;
 padding:10px 0 10px 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 5px 0;
 float:right;
 padding:10px 0 10px 0;
 }
#header05 a:link {
 color: #546f77;
 text-decoration:none;
}
#header05 a:visited {
 color: #546f77;
   text-decoration:none;
}
#header05 a:hover {
 color: #999900;
  text-decoration:underline;
}
#header05 a:active {
 color: #999900;
 text-decoration:underline;
 }
/*-------ヘッダー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;
}

/*-------コンテンツ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;
}
 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;
}
 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;
}
 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: 445px;
 color: #333;
 margin: 0px;
 padding: 0px;
 float:left;
 overflow:visible;
 }
/*-------フッター02右--------------------------------------------------*/
#footer02 { 
 width: 415px;
 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: 415px;

  border-collapse: collapse;
  border: none;
  font-size: 90%;
  line-height:2;
}
table.foot02table th,
table.foot02table td {
  vertical-align: top;
  border-left: solid 1px #3a4349;
  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.news a { display:block;
height:74px; /* タイトルの高さ */
width:680px; /* タイトル部の横幅 */
background:url(img/base/h1-news.png);
background-repeat:no-repeat;
}
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;
}
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;
}
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;
}
h1.qa  span { display:none; 
}


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

h1.about01 a { display:block;
height:235px; /* タイトルの高さ */
width:960px; /* タイトル部の横幅 */
background:url(img/aboutccpm/title01.png);
background-repeat:no-repeat;
margin-bottom:40px;
cursor:default;
}

h1.about01  span { display:none; 

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


h1.about03 a { display:block;
height:410px; /* タイトルの高さ */
width:960px; /* タイトル部の横幅 */
background:url(img/aboutccpm/title03.png);
background-repeat:no-repeat;
margin-bottom:50px;
cursor:default;
}
h1.about03  span { display:none; 
}

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

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

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










h1.oldprod a { display:block;
height:74px; /* タイトルの高さ */
width:960px; /* タイトル部の横幅 */
background:url(img/base/h1-oldprod.png);
background-repeat:no-repeat;
}
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;
}
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;
}
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;
}
h1.privacy span { display:none; 
}




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

background-repeat:no-repeat;
}
h1.eng-home  span { display:none; 
}

h1.home a { display:block;
height:120px; /* タイトルの高さ */
width:341px; /* タイトル部の横幅 */
background:url(img/home/h1-button.png);
background-repeat:no-repeat;
margin-top:-155px;
margin-bottom:35px;
margin-left:80px;
}
h1.home  span { display:none; 
}

#home {
width:960px;
height:345px; 
background-image:url(img/home/h2-01-bg.png);
background-repeat:no-repeat;
}



h1.notfound a { display:block;
height:74px; /* タイトルの高さ */
width:960px; /* タイトル部の横幅 */
background:url(img/base/h1-404.png);
background-repeat:no-repeat;
}
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;
}
h1.mail  span { display:none; 
}




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

h2.about01 a { display:block;
height:33px; /* タイトルの高さ */
width:181px; /* タイトル部の横幅 */
background:url(img/aboutccpm/h2-01.png);
background-repeat:no-repeat;
margin-left:530px;
margin-top:80px;
margin-bottom:40px;
cursor:default;
}
h2.about01  span { display:none; 
}


h2.about02 a { display:block;
height:33px; /* タイトルの高さ */
width:629px; /* タイトル部の横幅 */
background:url(img/aboutccpm/h2-02.png);
background-repeat:no-repeat;
margin-left:20px;
margin-top:40px;
margin-bottom:40px;
cursor:default;
}
h2.about02  span { display:none; 
}


h2.about022 a { display:block;
height:33px; /* タイトルの高さ */
width:523px; /* タイトル部の横幅 */
background:url(img/aboutccpm/h2-02-2.png);
background-repeat:no-repeat;
margin-left:316px;
margin-top:60px;
margin-bottom:40px;
cursor:default;
}
h2.about022  span { display:none; 
}


h2.about031 a { display:block;
height:139px; /* タイトルの高さ */
width:710px; /* タイトル部の横幅 */
background:url(img/aboutccpm/h2-03-1.png);
background-repeat:no-repeat;
cursor:default;
margin-left:20px;
margin-bottom:60px;
}
h2.about031  span { display:none; 
}



h2.about03 a { display:block;
height:85px; /* タイトルの高さ */
width:595px; /* タイトル部の横幅 */
background:url(img/aboutccpm/h2-03.png);
background-repeat:no-repeat;
cursor:default;
margin-left:20px;
margin-bottom:60px;
}
h2.about03  span { display:none; 
}



h2.about04 a { display:block;
height:33px; /* タイトルの高さ */
width:297px; /* タイトル部の横幅 */
background:url(img/aboutccpm/h2-04.png);
background-repeat:no-repeat;
margin-left:466px;
margin-top:20px;
margin-bottom:40px;
cursor:default;
}
h2.about04  span { display:none; 
}


h2.about042 a { display:block;
height:78px; /* タイトルの高さ */
width:297px; /* タイトル部の横幅 */
background:url(img/aboutccpm/h2-04-2.png);
background-repeat:no-repeat;
margin-left:20px;
margin-top:30px;
margin-bottom:40px;
cursor:default;
}
h2.about042  span { display:none; 
}

h2.about043 a { display:block;
height:78px; /* タイトルの高さ */
width:443px; /* タイトル部の横幅 */
background:url(img/aboutccpm/h2-04-3.png);
background-repeat:no-repeat;
margin-left:466px;
margin-top:30px;
margin-bottom:40px;
cursor:default;
}
h2.about043  span { display:none; 
}


h2.about05 a { display:block;
height:33px; /* タイトルの高さ */
width:345px; /* タイトル部の横幅 */
background:url(img/aboutccpm/h2-05.png);
background-repeat:no-repeat;
margin-left:510px;
margin-top:80px;
margin-bottom:40px;
cursor:default;
}
h2.about05  span { display:none; 
}


h2.about052 a { display:block;
height:33px; /* タイトルの高さ */
width:668px; /* タイトル部の横幅 */
background:url(img/aboutccpm/h2-05-2.png);
background-repeat:no-repeat;
margin-left:20px;
margin-top:30px;
margin-bottom:40px;
cursor:default;
}
h2.about052  span { display:none; 
}








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;
}
h2.product01  span { display:none; 
}




/*-------見出し　H3タグ　------------------------------------------*/
h3.newsbak a { display:block;
height:48px; /* タイトルの高さ */
width:250px; /* タイトル部の横幅 */
background:url(./img/base/h3-newsbak.png);
background-repeat:no-repeat;
}
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;
}
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;
}
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-news a {
display:block;
height:21px; /* タイトルの高さ */
width:580px; /* タイトル部の横幅 */
background:url(img/home/h5-t-news.png);
background-repeat:no-repeat;
margin: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-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;
}
h5.home-rec 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;
}
h5.home-eve span { display:none; 
}





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

table.table01 {

  margin-top: 0.2em;
  margin-bottom: 1em;
  width: 94%;
  margin:20px;
  border-collapse: collapse;
  border: none;
  font-size: 100%;
  line-height:2;
  border: solid 1px #cdcdcd;

}
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;
  
}

table.table01 td {
  vertical-align: top;
    border: solid 1px #cdcdcd;
  padding: 4px 6px;
}
table.table01 td a:link {
 color: #3a4349;
   line-height:2;
   text-decoration:underline;
}
table.table01 td a:visited {
 color: #3a4349;
   line-height:2;
 text-decoration:underline;
}
table.table01 td a:hover {
 color: #3a4349;
 line-height:2;
 text-decoration:underline;
 cursor: pointer;
}
table.table01 td a:active {
 color: #3a4349;
 line-height:2;
 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.newsmini dt {
  clear: left;
  float: left;
  width: 6em;
  font-weight:bold;
  padding: 0.3em 0 0.3em 1.7em;/*文字の始まる位置*/
  font-size:90%;
  line-height:1.7em;
}
dl.newsmini dd {
  margin-left: 0;
  padding: 0.3em 0.8em 0.3em 9em;
  border-bottom: dotted 1px #afafaf;
  margin:0 0.2em 0 0.9em; /*ボーダーの始まる位置*/
  font-size:90%;
  line-height:1.7em;
}
dl.newsmini dd.newsminiend {
  margin-left: 0;
  padding: 0.6em 0.8em 0.3em 9em;
  border-bottom: dotted 1px #ffffff;
  margin:0 0.2em 1em 0.9em; /*ボーダーの始まる位置*/
  font-size:90%;
  line-height:1.7em;
}
dl.newsmini dd a { 
 color: #3599cd;
}
dl.newsmini dd a:visited {
 color: #5EACD7;
}
dl.newsmini dd a:hover {
 color: #999900;
}
dl.newsmini dd a:active {
 color: #999900;
}

/*-------Home用 おすすめ情報（ニュース）------------------------------------*/

dl.newsrec dt {
  clear: left;
  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.6em 0 0.9em; /*ボーダーの始まる位置*/
  font-size:90%;
  line-height:1.5em;
  overflow: hidden; 
}
dl.newsrec dd.newsrecend {
  margin-left: 0;
  padding: 0.3em 0em 0.8em 1em;/*横幅調整*/
  border-bottom: dotted 1px #ffffff;
  margin:0 0.6em 1em 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: 40px 1em 40px 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 ----------------------------------------------------*/

dl.jirei dt {
  clear: left;
  float: left;
  width: 2em;
  padding: 40px 0em;
  text-indent:1em;
  color:#dd7611;
  font-weight:bold;
}
dl.jirei dd {
  margin-left: 0;
  padding: 40px 1em 40px 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.newsminiend {
  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;
}











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

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 5em;
  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;
}
/*------- ページナビ包み　次へ　前へ ------------------------------------------------------*/
.nextwrapper {
 clear:both;
 text-align:right;
 width:100%;
 margin:0;
 margin-top:20px;
 overflow:visible;
 }
/*------- ページナビ　　前へ --------------------------------------------------------------*/
.nextleft {
 text-align:left;
 width:50%;
 margin:20px 0 45px 0;
 float:left;
 overflow:visible;
 height:52px;
 }
 /*------- ページナビ　　次へ -------------------------------------------------------------*/
.nextright {
 text-align:right;
 width:50%;
 margin:20px 0 45px 0;
 float:right;
 overflow:visible; /*firefoxでクリック時にスクロールが出るので指定*/
  height:52px;
 }
 /*------- ページアップ　　ページ上部へ ---------------------------------------------------*/
.pageup{
 clear:both;
 line-height:1.2;
 text-align:right;
 padding-top:5px;
 padding-bottom:60px; /* 　フッターに埋もれてしまうので追加　*/
 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;
 }

 /*------- ブロック3列 --------------------------------------------------------------------*/

div.blockabc{
style="width:960px; 
margin: 0 auto; 
background-image:url(img/home/abc-bg.png); 
position: relative;"
 background-repeat:no-repeat; 
 } 
 
div.blocka {
   float: left;
   width: 319px;
   display:inline;

}
div.blockb {
   float: left;
   width: 304px;
   margin:0 9px 0 9px;
   display:inline;

}
div.blockc {
   float: left;
   width: 319px;
   display:inline;
}


 /*------- HOMEのニュース＆プレス囲み -----------------------------------------------------*/

#newspress{

float:left;
margin-top:20px; 
width:580px; 
padding-bottom:20px;
}
 /*------- HOMEのおすすめ＆イベント囲み ----------------------------------------------------*/
#recevent{
float:right; 
margin-top:20px; 
width:320px; 
margin-right:20px; 
margin-left:20px; 
padding-bottom:20px;
}