html {
height: 100%;
}


body {
margin-top: 0px;
margin-bottom: 0px;
margin-left: auto;
margin-right: auto;
text-align: center;
height: 100%;
background:url(bggimg3.jpg) top center repeat;
background-color: #e0e0e0;
}

.backbb{
width: 764px;
background-color: #ffffff;
background-image:url(image3.gif);
background-repeat:repeat-y;
margin-left: auto;
margin-right: auto;
text-align: center;
margin-left:widthn1/2	;
}

.backbb2{
width: 764px;
background-color: #ffffff;
background-repeat:repeat-y;

margin-left: auto;
margin-right: auto;
text-align: center;
margin-left:widthn1/2	;
}







.aa{
  text-decoration : none;
  color : #666666;
}
.aa:link   {color : #666666; text-decoration:none;}
.aa:visited{color:#666666; text-decoration:none;
  color : #666666;
}
.aa:hover  {color : #cc0000;text-decoration : underline;}

img{ 
border: 0px; 
}

ul,ol,li {list-style:none;}

.clear { clear:both; }

strong{
font-weight : lighter;
}

.shopba {
margin-top: 10px;
}

.p1{
font-size: 17px;
font-weight: bold;
color: #cc0000;
margin-bottom: 4px;
}

.p2{
font-size: 14px;
font-weight: bold;
color: #333333;
margin-bottom: 4px;
}

.p3{
font-size: 14px;
font-weight: bold;
color: #cc3300;
margin-bottom: 4px;
}

#totop{
margin-left: 450px;
margin-top: 20px;
}

#totop a{
color: #0066cc;
font-size: 12px;
text-decoration: none;
}

.deli{
  color : #0066cc;
  text-decoration : none;
}
.deli a:hover{
  color : #336699;
  text-decoration : underline;
}


/* ===== ヘッダー ===== */

.header{
width: 764px;
height: 71px;
background-color: #ffffff;
font-size : 13px;
background-image : url(headerbg.gif);
color: #666666;
}

html>body .header{
margin-left: -7px;
}

.logo{
  margin-top : 23px;
  margin-left : 17px;
}

#logoca{
  font-size : 12px;
  text-align : left;
}

#outline {
 width:750px;
 text-align:left;
 margin:0 auto;
 }


.side {
width:170px;
height: 100%;
margin-top: 30px;
float:left;
background-color: #ffffff;
border-left: 1px;
}

H1{
  font-size : 12px;
  font-family : "MS UI Gothic";
  font-weight : lighter;
  text-align : left;
  margin-top : -26px;
  margin-left : 275px;
  margin-bottom : -10px;
}


h2,h3,h4,h5,h6,h7,h8{
  width: 525px;
  font-size : 16px;
  font-weight : bold;
  text-align : left;
  margin-bottom: 10px;
  padding: 8px 8px 8px 10px;
  background-color: #efefef;
  border-left: 4px solid #cc0033;
  border-bottom: 1px solid #cccccc;
  height: 18px;
}


.magimida{
  width: 525px;
  font-size : 16px;
  font-weight : bold;
  text-align : left;
  margin-bottom: 10px;
  padding: 8px 8px 8px 10px;
  background-color: #efefef;
  border-left: 4px solid #0066cc;
  border-bottom: 1px solid #cccccc;
  height: 18px;
}

.sonimida{
  width: 525px;
  color: #ffffff;
  font-size : 14px;
  font-weight : bold;
  text-align : left;
  margin-bottom: 10px;
  padding: 8px 8px 8px 10px;
  border-left: 4px solid #333333;
  background-image: url(products/img/sonicall/mi_b.gif);
  border-bottom: 1px solid #000000;
  height: 19px;
}


#textbox{
  font-size : 9px;
  text-align : right;
  margin-right : 13px;
  margin-top : -2px;
}

#mapma{
margin-right: 3px;
}
#mapma2{
margin-right: 3px;
}


input{
  font-size : 12px;
  margin-top: -2px;
  }
form{
  margin-top : 0px;
  margin-bottom : -3px;
}

.map{
margin-left: 570px;
margin-right: 3px;
font-size: 10px;
position: absolute;
top: 20px;
}


.en{
margin-left: 690px;
margin-right: 3px;
font-size: 10px;
position: absolute;
top: 14px;
}

.upnavi{
margin-left: 12px;
font-size: 13px;
position: absolute;
top: 137px;
}

html>body #flash{
margin-left: -7px;
}

/* ===== TOP ===== */

.topswf{
margin-top: 0px;
}

*:first-child+html .topswf{
margin-top: 0px;
}

html>body .topswf{
margin-top: -37px;
margin-left: -7px;
}

html>/**/body .topswf{
margin-top: 0px;
margin-left: -6px;
} /* Only FireFox 3 */


.mainall{
width: 750px;
font-size: 12px;
color: #666666;
}

.newmida{
width: 160px;
height: 20px;
border-bottom: 1px solid #cccccc;
}

.leftmenu{
float: left;
width: 160px;
background-color: #ffffff;
margin-left: 5px;
margin-right: 3px;
line-height: 15px;
}

.leftmenu p{
color: #cc0033;
margin-top: 10px;
margin-bottom: 4px;
}

.leftmenu a{
color: #666666;
text-decoration: none;
}
.leftmenu a:link {
	color:#666666;
}
.leftmenu a:visited {
	color: #666666;
}
.leftmenu a:hover {
	color: #0066cc;
	text-decoration: underline;
}
.leftmenu a:active {
	color: #cc0033;
}

.rightmenu{
float: right;
width: 160px;
background-color: #ffffff;
}



.rightmenu a{
line-height: 14px;
text-decoration: none;
}

.rightmenu a:link {
	color:#666666;
}
.rightmenu a:visited {
	color: #666666;
}
.rightmenu a:hover {
	color: #0066cc;
	text-decoration: underline;
}
.rightmenu a:active {
	color: #cc0033;
}

.rightp{
color: #666666;
}
.rightp a{
color: #666666;
font-weight: bold;
text-decoration: none;
display: block;
background-image : url(rightnavi.gif);
padding-left: 5px;
border-left: 2px solid #ff9900;
margin-bottom: 2px;
}


.maintop{
float: right;
width: 400px;
margin-left: -14px;
margin-right: 10px;
}

*:first-child+html .maintop{
float: right;
width: 400px;
margin-right: 7px;
}


html>body .maintop{
float: right;
width: 405px;
margin-right: 7px;

}

.scc{
width: 385px;
border: 1px solid #cccccc;
padding: 5px;
height: 90px;
margin-bottom: 13px;
}

.scc a{color: #666666; text-decoration: none;}
.scc a:link {color:#666666;}
.scc a:visited {color: #666666;}
.scc a:hover {color: #0066cc;	text-decoration: underline;}
.scc a:active {color: #cc0033;}

.scc2{
width: 385px;
border: 1px solid #cccccc;
padding: 5px;
height: 105px;
margin-bottom: 13px;
background-image: url(top/gcib.gif);
line-height: 20px;
}

.sctop{
text-align: left;
font-size: 12px;
margin-bottom: 8px;
margin-top: 4px;
}
.sctop a{color: #666666; text-decoration: none;}
.sctop a:link {color:#666666;}
.sctop a:visited {color: #666666;}
.sctop a:hover {color: #0066cc;}
.sctop a:active {color: #0066cc;}



.rightconttop{
float: right;
width: 230px;
line-height: 16px;
}

.leftconttop{
float: left;
width: 146px;
}

.sccmida{
width: 226px;
padding: 3px;
border-left: 3px solid #cc0033;
border-bottom:  1px solid #cccccc;
margin-bottom: 10px;
background-image: url(top/mida.gif);
}

html>body .sccmida{
width: 226px;
padding: 3px;
margin-left: -5px;
border-left: 3px solid #cc0033;
border-bottom:  1px solid #cccccc;
margin-bottom: 10px;
background-image: url(top/mida.gif);
}

/* ===== グローバルナビ ===== */





.menu {
    width: 764px;
    letter-spacing: 0px;
    padding: 0px 0px 0px 0px;
    margin-left:widthn1/2	;
}

html>body .menu {
margin-left: -7px;
}


.we{
    margin-right:-3px;	
    padding: 0px 0px 0px 5px;
    border-right: 0px;
}
.menu a {
	float: left;
	display: block;
	width: 93px;
	padding-top: 6px;
	height: 25px;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	border-left: 1px solid #ffffff;
	border-right: 1px solid #aaaaaa;
    border-top: 1px solid #ffffff;
}
.menu a:link {
	background-image : url(nabibg.gif);
	color:#666666
}
.menu a:visited {
	background-image : url(nabibg.gif);
	color: #666666;
}
.menu a:hover {
	background-image : url(nabibgbg2.gif);
	color: #cc0000;
}
.menu a:active {
	color: #cc0000;
}



ul.pager {
margin-left: -35px;
}
ul.pager li {
      float: left;
      margin-right: 5px;
      border: 1px #ffcaca solid;
      font-weight: bold;
}
ul.pager li.prev,
ul.pager li.next {
      border: none;
      color: #cccccc;
      background-color: #ffe6e6;
}
ul.pager li a {
      position: relative;
      display: block;
      padding: 3px 30px;
      color: #cc0033;
}
ul.pager li a:link,
ul.pager li a:visited {
      text-decoration: none;
}
ul.pager li a:hover,
ul.pager li a:active {
      background-color: #ffe6e6;
      text-decoration: none;
}
ul.pager li strong {
      display: block;
      padding: 3px 30px;
      background: #cc0033;
      color: #FFFFFF;
}

/* ===== サイドナビ ===== */





.side {
width:170px;
height: 100%;
margin-top: 0px;
float:left;
background-color: #ffffff;
border-left: 1px;
}

html>body .side{
margin-right: -5px;
}

.leftbar
{
width: 170px;
background-color: #ffffff;
height: 100%;
margin-bottom: mm;
}

html>body .leftbar{
margin-left: 0px;
}

.leftbarbb{
width: 170px;
margin-left: 10px;
background-color: #f6f6f6;
height: 100%;
font-size: 13px;
line-height: 16px;
}

html>body .leftbarbb{
margin-left: 4px;
width: 171px;
}

.menunavibb
{
width: 170px;
font-size: 12px;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
margin-bottom: 0px;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
background-color: #999999;
color: #ffffff;
}
.menunavibb ul
{
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 170px;
}
.menunavibb li
{
border-bottom: 1px solid #999999;
margin: 0;
}
.menunavibb li a
{
display: block;
padding: 5px 5px 5px 0.5em;
background-color: #cc0000;
color: #ffffff;
text-decoration: none;
}
.menunavibb li a:hover
{
background-color: #ec0000;
color: #ffffff;
text-decoration: none;
}
.menunavi
{
width: 170px;
font-size: 12px;
border-right: 1px solid #999999;
border-left: 1px solid #999999;
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
color: #666666;
}
.menunavi ul
{
font-size: 12px;
list-style: none;
margin: 0;
padding: 0;
border: none;
width: 170px;
}
.menunavi li
{
border-bottom: 1px solid #999999;
margin: 0;
}
.menunavi li a
{
display: block;
padding: 5px 5px 5px 0.5em;
border-left: 10px solid #e1e1e1;
background-color: #ffffff;
color: #666666;
text-decoration: none;
}

.menunavi li a:hover
{
border-left: 10px solid #cc0000;
background-color: #ffecec;
color: #cc0000;
}

.leftbana{
margin-top: 10px;

}

.menumi{
font-size: 12px;
margin-bottom: 2px;
margin-top: 2px;
}


.menu2{
width: 764px;
height: 20px;
font-size: 11px;
font-weight: bold;
background-color: #eaeaea;
}


.menu2 a:link {
	color:#666666;
	text-decoration: none;
	
}
.menu2 a:visited {
	color: #666666;
	text-decoration: none;
}
.menu2 a:hover {
	color: #cc0000;
}
.menu2 a:active {
	color: #cc0000;
}

/* ===== メイン ===== */

.mainback{
width: 760px;
height: 39px;
background-image:url(back_wi.gif);
}

html>body .mainback{
width: 755px;
height: 40px;
background-image:url(back_wi.gif);
}

.main {
font-size: 13px;
line-height: 19px;
width:550px;
height: 100%;
float:right;
background-color: #ffffff;
margin-bottom: 30px;
color: #3d3d3d;
}

html>body .main{
padding-right: 5px;
}

#navisita{
margin-bottom: 10px;
}

/* =====================================================メニュー ===== */


.menu3 {
    width: 545px;
    letter-spacing: 0px;
    padding: 0px 0px 0px 0px;
    margin-left:widthn1/2	;
    margin-bottom: 20px;
    background-image: url(products/menu/waa.gif);
    border-left: 1px solid #cccccc;
	border-top:  1px solid #cccccc;
	margin-top: 10px;
}

*:first-child+html .menu3 {
    width: 545px;
    height: 36px;
    letter-spacing: 0px;
    padding: 0px 0px 0px 0px;
    margin-left:widthn1/2	;
    margin-bottom: 20px;
	margin-top: 10px;
}
html>body .menu3 {
    width: 545px;
    height: 36px;
    letter-spacing: 0px;
    padding: 0px 0px 0px 0px;
    margin-left:widthn1/2;
    margin-bottom: 20px;
	margin-top: 10px;
}

.menu3 a {
	float: left;
	display: block;
	width: 100px;
	padding-top: 7px;
	padding-left: 3px;
	height: 29px;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	margin-bottom: 20px;
	border-right: 1px solid #c1c1c1;

}

.menu3 a:link {	background-image : url(products/menu/waa.gif); color:#333333;}
.menu3 a:visited {background-image : url(products/menu/waa.gif);	color: #333333;}
.menu3 a:hover{background-image : url(products/menu/wab.gif); color: #cc3300;}
.menu3 a:active {color: #cc3300;}

.mmb{width: 540px; height: 100%; background-image: url(products/list/mmb550.jpg);margin-left: -10px;padding: 0px 15px 0px 15px;}
.mmbu{width: 570px;background-image: url(products/list/mmbu550.jpg);margin-left: -10px;height: 15px;}
.mmbd{width: 570px;background-image: url(products/list/mmbd550.jpg);margin-left: -10px;height: 18px;margin-bottom: 8px;}

/* ===== 商品 ===== */


.mlist{margin-top: 0px;}

.mlist a:hover img {
-moz-opacity:0.7;
opacity:0.7;
filter: alpha(opacity=70);
}

.video{width: 543px;height: 346px; text-align: center; background-image: url(img_main/m_b.jpg);padding-top: 34px;}

.tab{
background-color: #666666;
padding-top: 2px;
padding-bottom: 2px;
margin-top: 10px;
}
.tabli{
text-align: center;
border-right: 1px solid #ffffff;
}

.tab a {
	text-decoration: none;
}
.tab a:link {
	color:#000000;
}
.tab a:visited {
	color: #000000;
}
.tab a:hover {
	color: #cc0033;
}
.tab a:active {
	color: #cc0033;
}

.chu{
font-size: 10px;
line-height: 16px;
}

.tooffi{
width: 530px;
background-color: #cc0033;
}
.leftcont{
float: left;
width: 200px;
}
.rightcont{
float: right;
padding-left: 5px;
width: 330px;
padding-left: 10px;
}

.leftcont2{
float: left;
width: 250px;
}
.rightcont2{
float: right;
padding-left: 5px;
width: 280px;
padding-left: 10px;
}


.leftcont3{
float: left;
width: 260px;
margin-left: 3px;
line-height: 16px;
padding-top: 2px;
}
.rightcont3{
float: right;
width: 260px;
margin-right: 3px;
line-height: 16px;
padding-top: 2px;
}

.rightcont4{
float: right;
padding-left: 5px;
width: 340px;
padding-left: 0px;
}


.leftcont7{
float: left;
width: 240px;
padding-top: 2px;
}
.rightcont7{
float: right;
width:290px;
margin-right: 6px;
line-height: 19px;
padding-top: 2px;
}

.leftcontmida{
float: left;
width: 250px;
background-image: url(img_list/mida.gif);
font-size: 14px;
color: #ffffff;
font-weight: bold;
padding: 5px;
margin : 5px 0px 1px 3px;
text-align: center;
}
.rightcontmida{
float: right;
width: 250px;
background-image: url(img_list/mida.gif);
font-size: 14px;
font-size: 14px;
color: #ffffff;
font-weight: bold;
padding: 5px;
margin : 5px 3px 1px 0px;
text-align: center;
}

.leftcontmida1{
float: left;
width: 255px;
background-image: url(img_list/mida2.gif);
font-size: 12px;
color: #ffffff;
font-weight: bold;
padding: 3px;
margin : 5px 0px 1px 3px;
text-align: center;
}
.rightcontmida1{
float: right;
width: 255px;
background-image: url(img_list/mida2.gif);
font-size: 12px;
color: #ffffff;
font-weight: bold;
padding: 3px;
margin : 5px 3px 1px 0px;
text-align: center;
}


.leftcontmida2{
float: left;
width: 250px;
background-image: url(products/img/sonicall/mi_b.gif);
font-size: 14px;
color: #ffffff;
font-weight: bold;
padding: 5px;
margin : 5px 0px 1px 3px;
text-align: center;
}
.rightcontmida2{
float: right;
width: 250px;
background-image: url(products/img/sonicall/mi_b.gif);
font-size: 14px;
font-size: 14px;
color: #ffffff;
font-weight: bold;
padding: 5px;
margin : 5px 3px 1px 0px;
text-align: center;
}

.leftcont4{
float: left;
width: 240px;
padding: 10px;
margin-left: 3px;
line-height: 16px;
background-color: #f0f0f0;
}
.rightcont4{
float: right;
width: 240px;
padding: 10px;
margin-right: 3px;
line-height: 16px;
background-color: #f0f0f0;
}

.leftcont5{
float: left;
width: 260px;
margin-left: 3px;
line-height: 18px;
background-color: #ffffff;
}
.rightcont5{
float: right;
width: 260px;
margin-right: 3px;
line-height: 18px;
background-color: #ffffff;
}

.leftcont6{
float: left;
width: 260px;
margin-top: 4px;
line-height: 16px;
background-color: #ffffff;
}
.rightcont6{
float: right;
width: 260px;
margin-top: 4px;
line-height: 16px;
background-color: #ffffff;
}

.rightcont8{
float: right;
padding-left: 5px;
width: 300px;
padding-left: 10px;
}


.hand{
width: 540px;
height: 1270px;
background-color: #000000;
color: #ffffff;
text-align: center;
margin-top: -4px;
}


html>body .hand{
width: 543px;
height: 1400px;
background-color: #000000;
color: #ffffff;
text-align: center;
}


.presso{
width: 450px;
text-align: left;
margin-left: 0px;
color: #e7e7e7;
}

html>body .presso{
width: 450px;
text-align: left;
margin-left: 43px;
color: #e7e7e7;
}

*:first-child+html .presso{
margin-left: 0px;
}



.spec{
width: 530px;
padding: 3px;
border-left: 5px solid #cc0033;
border-bottom: 1px dotted #999999;
font-weight: bold;
margin-top: 15px;
}
.tdspec{
width: 140px;
background-color:#f6f6f6;
border-bottom: 1px solid #cccccc;
padding-bottom: 5px;
padding-top: 5px;
padding-left: 5px;
}

.ttdspec{
width: 390px;
padding-left: 5px;
padding-bottom: 5px;
padding-top: 5px;
border-bottom: 1px solid #cccccc;
}
.shop{
width: 530px;
padding: 5px;
background-color:#f6f6f6;
border-bottom: 1px solid #cccccc;
}
.shop a {text-decoration: none;}
.shop a:link {color:#0066cc;}
.shop a:visited {color: #0066cc;}
.shop a:hover {color: #cc0033;}
.shop a:active {color: #cc0033;}

.chu2{
font-size: 12px;
margin-left: -20px;
line-height: 18px;
}

.chu3{
font-size: 12px;
margin-left: -20px;
line-height: 18px;
list-style-image: url(img_list/yli.gif);
}
.chu4{
font-size: 10px;
margin-left: -20px;
line-height: 16px;
}

#center{
width: 540px;
text-align: center;
padding: 2x;
border-bottom: 1px solid #cccccc;
}


.inq
{
margin-top: 30px;
padding: 0 0 0 0px;
}

.inq UL
{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

.inq LI
{
display: block;
margin: 0;
padding: 0;
float: left;
width: 180px;
}

.inq A
{
font-size: 12px;
color: #000000;
display: block;
width: auto;
text-decoration: none;
background: #ffe1e1;
margin: 0;
padding: 4px;
text-align: center;
border-left: 1px solid #fff;
border-top: 1px solid #fff;
border-right: 1px solid #ffa6a6;
}

.inq A:hover, .inq A:active { background: #ffb5b5;
color: #000000;}


.pepper{
width: 520px;
height: 40px;
padding: 10px;
background-color: #ffeece;
border: 1px solid #ffb56a;
font-weight: bold;
color: #4c4c4c; }


.story{
width: 505px;
height: 265px;
background-image: url(products/img/contigo/story.jpg);

padding: 60px 20px 0px 20px;

}




.mlist{margin-top: 10px;}

.mlist a:hover img {
-moz-opacity:0.7;
opacity:0.7;
filter: alpha(opacity=70);
}






/*----------------------------------------*/
/*　スピナー機能ボタン 3種　*/
/*----------------------------------------*/

#digi {
	width:549px;
	height:109px;
	padding:0;
	margin-right: 0px;
	margin-bottom: 0px;
}

#digi ul{
	width:549px;
	height:133px;
	margin:0;
	padding:0;
	list-style:none;
}
#digi li{
	margin:0;
	padding:0;
	text-indent:-9999px;
	float:left;
	margin-right: 13px;
}
#digi li a {
	display:block;
	height:103px;
	text-decoration:none;
/*\*/
overflow:hidden;/*

　---------　背景表示対策 MacIE対策　---------　*/
/**/
}
/*----------------------------------------*/
#digi01{
	width:169px;
	background:url(products/img/spinner/b_arai.jpg) 0px 0px;
}

#digi01 a:hover {
	width:169px;
	background:url(products/img/spinner/b_arai2.jpg) 0px 0px;
}

#digi02{
	width:169px;
	background:url(products/img/spinner/b_kiri.jpg) 0px 0px;
}

#digi02 a:hover {
	width:169px;
	background:url(products/img/spinner/b_kiri2.jpg) 0px 0px;
}

#digi03{
	width:169px;
	background:url(products/img/spinner/b_kome.jpg) 0px 0px;
}

#digi03 a:hover {
	width:169px;
	background:url(products/img/spinner/b_kome2.jpg) 0px 0px;
}

/*----------------------------------------*/





/*----------------------------------------*/
/*　チャレンジ25キャンペーン　*/
/*----------------------------------------*/

.table{
width: 525px;
height: 100%;
font-size: 12px;
}

.tdleft{
float: left;
width: 225px;
border: 1px; 
border-style: solid;
border-color: #ff0000;
height: 100%;
margin-left: 10px;
padding-top: 8px;
padding-left: 13px;
padding-bottom: 5px;
padding-right: 5px;
}


.tdright{
float: right;
width: 225px;
border: 1px; 
border-style: solid;
border-color: #ff6600;
height: 100%;
margin-left: 10px;
padding-top: 8px;
padding-left: 13px;
padding-bottom: 5px;
padding-right: 5px;
}


.tdleft2{
float: left;
width: 225px;
border: 1px; 
border-style: solid;
border-color: #ffff00;
height: 100%;
margin-left: 10px;
padding-top: 8px;
padding-left: 13px;
padding-bottom: 5px;
padding-right: 5px;
margin-top: 10px;
}


.tdright2{
float: right;
width: 225px;
border: 1px; 
border-style: solid;
border-color: #99ff00;
height: 100%;
margin-left: 10px;
padding-top: 8px;
padding-left: 13px;
padding-bottom: 5px;
padding-right: 5px;
margin-top: 10px;
}

.tdleft3{
float: left;
width: 225px;
border: 1px; 
border-style: solid;
border-color: #33cc00;
height: 100%;
margin-left: 10px;
padding-top: 8px;
padding-left: 13px;
padding-bottom: 5px;
padding-right: 5px;
margin-top: 10px;
}


.tdright3{
float: right;
width: 225px;
border: 1px; 
border-style: solid;
border-color: #0099ff;
height: 100%;
margin-left: 10px;
padding-top: 8px;
padding-left: 13px;
padding-bottom: 5px;
padding-right: 5px;
margin-top: 10px;
}



/* ===== QA ===== */

.qa a {	text-decoration: none;}
.qa a:link {	color: #0066cc;}
.qa a:visited {	color: #0066cc;}
.qa a:hover {	color: #cc0033;}
.qa a:active {	color: #cc0033;}

.qaa{border-bottom: 1px solid #999999;}


/* ===== アンケート ===== */


.anke{
width: 512px;
margin-top: 20px;
border: 0px;
border-spacing: 0px;
border: 1px solid #999999;
padding: 15px;

}

.anke td{background-color: #ffffff;}

/* ===== 取扱商品ナビ ===== */

.banafo{
font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
margin-left: -40px;
}

.banafo ul {list-style: none; width: 547px;}

.banafo li {
font-size: 12px;
 }

.banafo li a {
display: block;
padding: 14px 0px 14px 14px;
background-color: #ffffff;
color: #ffffff;
text-decoration: none;
background-image: url(img_navi/bana2.gif);
}

.banafo li a:visited {color: #ffffff;}
.banafo li a:hover {color: #ffcc00;}
.banafo li a:active {color: #ffffff;}






.productmida{
font-size: 16px;
font-weight: bold;
line-height: 16px;
width: 520px;
border-left: 6px solid #cc0033;
border-bottom: 1px dotted  #999999;
text-decoration: none;
padding: 6px 6px 6px 10px;
margin-top: 10px;
background-image : url(img_sc/mida_back.gif);
}

.productmida2{
font-size: 14px;
margin-top: 4px;
}
.productmida a {text-decoration: none;}
.productmida a:link {color: #0066cc;}
.productmida a:visited {color: #0066cc;}
.productmida a:hover {color: #ff0033;}
.productmida a:active {color: #ff0033;}

.productmidaend{
font-size: 16px;
font-weight: bold;
line-height: 16px;
width: 520px;
border-left: 6px solid #0066cc;
border-bottom: 1px dotted  #999999;
text-decoration: none;
padding: 6px 6px 6px 10px;
margin-top: 30px;
background-image : url(img_sc/mida_back.gif);
}

.productmidaend a {	text-decoration: none;}
.productmidaend a:link {color:#0066cc;}
.productmidaend a:visited {color: #0066cc;}
.productmidaend a:hover {color: #0099cc;}
.productmidaend a:active {color: #0099cc;}

.productsc{
width:150px;
margin-top: 20px;
float:left;
background-color: #ffffff;
}

.productbun{
width:365px;
line-height: 17px;
font-size: 13px;
margin-top: 15px;
margin-right: 10px;
margin-bottom: -20px;
float: right;
}

.productbun a{color: #0066cc;}
.productbun a:link {color:#0066cc;}
.productbun a:visited {color: #0066cc;}
.productbun a:hover {color: #0099cc;}
.productbun a:active {color: #0099cc;}

.productprice{
margin-top: 8px;
color: #cc0033;
}
.productweb{
margin-top: 8px;
padding: 7px 7px 7px 15px;
background-color: #f3f3f3;
border-bottom: 1px dotted  #999999;
}

.productweb a {	text-decoration: none;}
.productweb a:link {color:#0066cc;}
.productweb a:visited {color: #0066cc;}
.productweb a:hover {color: #0099cc;}
.productweb a:active {color: #0099cc;}


.productweb2{
margin-top: 8px;
padding: 7px 7px 7px 15px;
background-color: #f3f3f3;
border-bottom: 1px dotted  #999999;
}

.productweb2 a {	text-decoration: none;}
.productweb2 a:link {color:#0066cc;}
.productweb2 a:visited {color: #0066cc;}
.productweb2 a:hover {color: #0099cc;}
.productweb2 a:active {color: #0099cc;}



.more{
margin-top: 15px;
margin-bottom: 40px;
width: 365px;
text-align: right;
}

.pronum{
width: 500px;
text-align: center;
margin-top: 0px;
}

.proyaji{
width: 400px;
font-size: 16px;
float:left;
text-align: right;
padding-top: 2px;
}

.proyaji a{color: #0066cc;}
.proyaji a:link {color:#0066cc;}
.proyaji a:visited {color: #0066cc;}
.proyaji a:hover {color: #0099cc;}
.proyaji a:active {color: #0099cc;}

.yaji_red{
width: 90px;
float: right;
text-align: left;
}


/* ===== プレス ===== */


#navlist
{
padding: 1px;
margin-left: 0;
background: #ffffff;
width: 540px;
color: #006; }

#navlist li
{
list-style: none;
margin: 0px;
border-bottom: 1px #004080 dotted;
text-align: left;
}

#navlist li a
{
padding: 5px;
display: block;
text-decoration: none;
border-left: 2px solid #ffffff;
}

#navlist li a:link { color: #0066cc; }
#navlist li a:visited { color: #0066cc; }

#navlist li a:hover
{
color: #cc0033;
background-color: #f5f5f5;
border-left: 2px solid #cc0033;
}

.bla{color: #4c4c4c;}


/* ===== ニュース ===== */

.pubmain{
width: 540px;
}

.publeft{
width: 110px;
float: left;
border-bottom: 1px dotted  #999999;
height: 125px;
padding: 5px;
padding: 8px 5px 5px 5px;
}
.pubright{
color: #666666;
width: 410px;
float: right;
border-bottom: 1px dotted  #999999;
height: 125px;
line-height: 15px;
padding: 8px 5px 5px 5px;
}
.publink{
width: 400px;
background-color: #f0f0f0;
margin-top: 15px;
padding: 8px;
border-bottom: 1px dotted  #999999;
border-left: 3px solid #cc0000;

}

.publink a{
color: #0066cc;
text-decoration: none;
}
.publink a:link {color:#0066cc;}
.publink a:visited {color: #0066cc;}
.publink a:hover {color: #cc0033;}
.publink a:active {color: #0099cc;}

.pubmida{
color: #666666;
font-size: 15px;
width: 500px;
height: 23px;
padding: 2px 13px 2px 8px;
border-left: 3px solid #cc0033;
border-bottom: 1px dotted #666666;
font-weight: bold;
margin-top: 15px;
margin-bottom: 10px;
}


/* ===== クールビズ ===== */

.cool{width: 764px; background-color: #ffffff;
font-size: 13px;}


html>body .cool{
margin-left: -7px;
}

.coolmain{
width: 700px;
line-height: 20px;
padding: 20px 20px 20px 20px;}


/* ===== 会社案内 ===== */

.dimi{}

.corpnavi{
width: 200px;
height: auto;
margin-top: 2px;
background-color: #eaeaea;
float:left;
}

.corpnavileft{
width: 340px;
margin: 1px;
height: auto;
padding: 5px;
background-color: #f2f2f2;
float:right;
}

.companydata{margin-bottom: 1mm;}

.companydata dl.dataList{
float:left;
display:block;
width:530px;
margin-bottom:10px;
padding:5px;
color: #4c4c4c;
background:url(img_navi/databgimg.gif) repeat-y;
}

html>body .companydata dl.dataList{
float:left;
display:block;
width:530px;
margin-bottom:-9px;
padding:5px;
color: #4c4c4c;
background:url(img_navi/databgimg.gif) repeat-y;
}

.corpmida{
width: 530px;
padding: 4px;
border-left: 5px solid #cc0033;
border-bottom: 1px dotted #999999;
font-weight: bold;
margin-top: 15px;
margin-bottom: 10px;
}

.companydata dl.dataList dt{
clear:left;
float:left;
display:block;
width:120px;
margin:4px 0px;
padding-left:15px;
}

* html .companydata dl.dataList dt.place{
padding-bottom:66px;
}
.companydata dl.dataList dt.placeT{
padding-bottom:4px;
}
.companydata dl.dataList dd{
float: right;
display: block;
width: 390px;
margin: 2px 0px;
padding: 0px;
}
.companydata dl.dataList dd.post{
float: right;
display: block;
width: 390px;
margin:2px 0 2px 0;
padding: 0px;
}
.companydata dl.dataList ul{
float:left;
display:block;
}
.companydata dl.dataList li.left{
clear:left;
float:left;
display:block;
width:120px;
}
.companydata dl.dataList li.right{
float:left;
display:block;
margin-left:10px;
}

.bis{
width: 520px;
border-left: 5px solid #db0000;
background-color: #f0f0f0;
padding: 4px;
margin-bottom: 10px;
margin-top: 10px;
font-weight: bold;
}

.legalnav{
width: 530px;
border-bottom: 1px solid #bcbcbc;
background-color: #f0f0f0;
padding: 7px;
margin-bottom: 10px;
margin-top: 10px;
font-weight: bold;
}

.corpleft{
background-image : url(img_list/corpna.gif);
float: left;
width: 230px;
height: 25px;
padding-left: 35px;
padding-top: 10px;
font-weight: bold;
}

.corpright{
background-image : url(img_list/corpna.gif);
float: right;
width: 230px;
height: 25px;
padding-left: 35px;
padding-top: 10px;
font-weight: bold;
}

.cleft{
background-image : url(img_list/corpna1.gif);
float: left;
width: 265px;
height: 60px;
}

.cright{
background-image : url(img_list/corpna1.gif);
float: right;
width: 265px;
height: 60px;

}

/* ===== 問い合わせ ===== */

.inqmain{
width:550px;
}

.inqleft{
float: left;
}

.inqnavi{
width: 530px;
border-left: 5px solid #cc0033;
margin-bottom: 10px;
margin-top: 20px;
padding: 5px;
background-color: #e8e8e8;
}

.inqright{
float: right;
}

.inqcou{
color: #666666;
padding: 5px;
border: 1px solid #eeeeee;
margin-top: 15px;
height: 70px;
line-height: 17px;
background-color: #f0f0f0;
}

.seal{
float: left;
width: 100px;
}

.inqssl{
float: right;
width: 400px;
}

.seal{
padding-left: 10px;
}

/* ===== ダウンロード ===== */

.panfmain{
width: 550px;
height: 100%;
margin-bottom: 0px;
}

html>body .panfmain{
width: 555px;
height: 100%;
margin-bottom: 0px;
padding: 5px;
}

.downleaf{
width: 295px;
float: left;
height: 21px;
background-image: url(img_list/down_pdf.gif);
background-color: #000000;
border-bottom: solid 1px #999999;
padding-left: 38px;
padding-top: 10px;
margin-top: 4px;
}

.downlink{
width: 169px;
float: left;
border-bottom: solid 1px #999999;
background-image: url(img_list/down_page.gif);
text-align: left;
padding-top: 8px;
padding-left: 18px;
height: 23px;
background-color: #ffffff;
margin-top: 4px;
}

.downleaf a {
color: #0066cc;
text-decoration: none;
}
.downleaf a:link {

}
.downleaf a:visited {
color: #0066cc;

}
.downleaf a:hover {
color: #cc0033;
}
.downleaf a:active {
	color: #cc0000;
}


.downlink a {
color: #0066cc;
text-decoration: none;
}
.downlink a:link {

}
.downlink a:visited {
color: #0066cc;

}
.downlink a:hover {
color: #cc0033;
}
.downleaf a:active {
	color: #cc0000;
}

.pdf{
color: #666666;
font-size: 12px;
width: 156px;
background-color: #ffffff;
border: 1px solid #cccccc;
margin-top: 10px;
padding: 7px;
}

.allmain{
width: 510px;
height: 300px;
border-left : solid 1px #999999;
border-right: solid 1px #999999;
border-bottom: solid 1px #999999;
padding: 10px;
}

.so{
margin-top: 2mm;
}



/* ===== 採用情報 ===== */

.jobmida{
color: #0066cc;
font-size: 16px;
font-weight: bold;
line-height: 17px;
width: 527px;
border-left: 2px solid #0066cc;
border-bottom: 1px dotted  #999999;
text-decoration: none;
padding: 6px 6px 6px 10px;
margin-top: 20px;
margin-bottom: 10px;
background-image : url(img_list/r_b.gif);
}

.jobmida a {
	text-decoration: none;
}
.jobmida a:link {
	color: #0066cc;
}
.jobmida a:visited {
	color: #0066cc;
}
.jobmida a:hover {
	color: #0066cc;
}
.jobmida a:active {
	color: #0066cc;
}

.ent{
margin-top: 10px;
}

.jin{font-size: 14px;}
.jin a{font-size: 14px;}
.jin a:link {color: #0066cc;}
.jin a:visited {color: #0066cc;}
.jin a:hover {color: #0066cc;}
.jin a:active {color: #0066cc;}

.bar{

width: 525px;
padding: 10px;
background-image: url(img_recruit/bar.jpg);
}

.recnavi{
float: left;
margin-top: 15px;
padding-left: 25px;
padding-top: 9px;
height: 24px;
width: 235px;
background-image: url(img_recruit/navi.gif);
}

.recnavi2{
float: right;
margin-top: 15px;
padding-left: 25px;
padding-top: 9px;
height: 24px;
width: 235px;
background-image: url(img_recruit/navi.gif);
}



.n_recruit{width: 545px;line-height: 22px;}

.jin{font-size: 14px;}
.jin a{font-size: 14px;}
.jin a:link {color: #0066cc;}
.jin a:visited {color: #0066cc;}
.jin a:hover {color: #cc0033;}
.jin a:active {color: #0066cc;}

.officeco{font-size: 10px;width: 545px;margin-bottom: 10px;}

.officecole{float: left; width: 265px;margin-right: 10px;}
.officecori{float: right;width: 265px;}
.officeco_t{width: 265px; font-size: 10px;line-height: 13px;margin-top: 5px;margin-bottom: 10px;}





















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

.le1 dt{
border-bottom: 1px dotted #cccccc;
border-left: 3px solid #cc0033;
padding: 6px;
}
.le1 a {text-decoration: none;}
.le1 a:link {color:#666666;}
.le1 a:visited {color: #666666;}
.le1 a:hover {color: #999999; text-decoration: underline;}
.le1 a:active {color: #999999;}

.le2{line-height: 20px; margin-left: -60px; margin-top: 0px;}
.le2 a {text-decoration: none;}
.le2 a:link {color:#666666;}
.le2 a:visited {color: #666666;}
.le2 a:hover {color: #999999; text-decoration: underline;}
.le2 a:active {color: #999999;}

/* ===== フッター ===== */

.naka{margin-left: 680px; margin-top: -56px;}

.footer1{
text-align : center;
font-size : 13px;
width: 764px;
height: 20px;
border-top: 1px solid #e1e1e1;
background-color: #ffffff;
padding: 5px 0px 0px 0px;
color: #666666;
background-image : url(bottom_navi.gif);
}

.footer2{
text-align : center;
padding: 15px 0px 3px 0px;
font-size : 13px;
width: 764px;
height: 40px;
background-color: #ffffff;
padding: 15px 0px 3px 0px;
color: #666666;
border-bottom: 5px solid #bb2f00;
border-top: 1px solid #e0e0e0;
}

html>body .footer1{
margin-left: -7px;
}

html>body .footer2{
margin-left: -7px;
}


.ad{
font-size: 12px;
line-height: 18px;
}

.ad a{  text-decoration : none;  color : #0033cc;}
.ad a:link   {color : #0033cc; text-decoration:none;}
.ad a:visited{color:#0033cc; text-decoration:none;  color : #0033cc;}
.ad a:hover  {color : #cc0000;text-decoration : underline;}

.ad2{
font-size: 12px;
line-height: 18px;
}

.ad2 a{  text-decoration : none;  color : #000000;}
.ad2 a:link   {color : #000000; text-decoration:none;}
.ad2 a:visited{color:#000000; text-decoration:none;  color : #000000;}
.ad2 a:hover  {color : #000000;text-decoration : none;}


.ad3{
font-size: 12px;
line-height: 18px;
margin-top: 10px;
}

.ad3 a{  text-decoration : none;  color : #0066cc;}
.ad3 a:link   {color : #0066cc; text-decoration:none;}
.ad3 a:visited{color:#0066cc; text-decoration:none;  color : #0066cc;}
.ad3 a:hover  {color : #cc0000;text-decoration : underline;}

.ad4{
font-size: 12px;
line-height: 18px;
margin-top: 20px;
margin-bottom: 20px;
}

.ad4 a{  text-decoration : none;  color : #0066cc;}
.ad4 a:link   {color : #0066cc; text-decoration:none;}
.ad4 a:visited{color:#0066cc; text-decoration:none;  color : #0066cc;}
.ad4 a:hover  {color : #cc0000;text-decoration : underline;}

*:first-child+html .ad4{
margin-top: 20px;
}

html>body .ad4{
margin-top: 0px;
}

.pd{
border: 1px solid #aaaaaa;
}

.pd2{
border-right: 1px solid #aaaaaa;
border-bottom: 1px solid #aaaaaa;
}

.pd3{
border-bottom: 1px solid #aaaaaa;
}

.pd4{
border-right: 1px solid #aaaaaa;
}

.mlist{margin-top: 10px;}

.mlist a:hover img {
-moz-opacity:0.7;
opacity:0.7;
filter: alpha(opacity=70);
}

.pmovie{width: 545px; margin-top: 20px; text-align: center;}





.press{
width: 520px;
font-size: 12px;
line-height: 20px;
padding-left: 15px;
margin-top: 10px;
}


.press1{
width: 520px;
padding-left: 10px;
font-size: 17px;
border-left: 4px solid;
border-color: #00add9;
color: #00add9;
font-weight: bold;
margin-bottom: 10px;
margin-top: 10px;
}

.press2{
width: 300px;
padding-left: 10px;
font-size: 17px;
border-left: 4px solid;
border-color: #00add9;
color: #00add9;
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
}

.press3{
width: 300px;
padding-left: 10px;
font-size: 14px;
border-left: 4px solid;
border-color: #339900;
color: #339900;
font-weight: bold;
margin-top: 10px;
margin-bottom: 10px;
}

.pressleft{
width: 300px;
font-size: 12px;
line-height: 20px;
float: left;
}

.pressright{
width: 200px;
float: right;
}

.presstext{
font-weight: bold;
font-size: 15px;
}

/* ===== メディアリソース ===== */

div.thumb_title {
font-size: 10px;
	font-weight: lighter;
	margin-top: 2px;
	margin-bottom: 3px;
}

#page_navi {
	margin-top: 0.5em;
	margin-bottom: 10px;
}

#image_navi {
	margin-top: 5px;
	margin-bottom: 5px;
}

div.thumbbox {
	margin: 0 5px 5px 0;
	padding: 5px;
	border: 1px gray solid;
}


/* =====================================================チャレンジ25 ===== */
.line_g{border: 1px solid #009900;}
.ch25_te{line-height: 20px; color: #4f4f4f;padding: 0px 20px 0px 20px; }



.c25right{width: 236px; height: 160px; color: #4f4f4f;float: right; border: 1px solid #00ccff;margin-right: 20px;padding: 7px;margin-bottom: 10px;}

.c25left{width: 236px; height: 160px; color: #4f4f4f;float:left; border: 1px solid #00ccff;margin-left: 20px;padding: 7px;margin-bottom: 10px;}

.ch25b{width: 235px; text-align: right;margin-top: 0px; }

.p25right{width: 236px; height: 320px; color: #4f4f4f;float: right; border: 1px solid #66cc00;margin-right: 20px;padding: 7px;margin-bottom: 10px;}

.p25left{width: 236px; height: 320px; color: #4f4f4f;float:left; border: 1px solid #66cc00;margin-left: 20px;padding: 7px;margin-bottom: 10px;}