@charset "utf-8";

/*--------------------背景スタイル--------------------*/
body {
            
            text-align: center; /*IE5センタリング*/
            margin: 0;
	    padding: 0;

	    background-color: #ffffff;
	   }

/*------------------------------グローバルボックス------------------------------*/
div#globalbox {position: relative;
                             top: 0px;
							 width: 100%;
							 height: 320px;
							 background-image: url(../images/base_images/globalboxback.png);
							 background-repeat:  repeat-x;
background-color: #ffffff;
}

/*--------------------ヘッダーボックス--------------------*/
div#headerbox {
			width: 640px;
			height: 295px;
			margin: 0 auto; /*センタリングWEB標準*/
			padding: 0;
		       }

div#header01 {
                          width: 640px;
	       			      height: 25px;
				          background-image: url(../images/base_images/header01.png);
				          background-repeat: no-repeat;
			              margin: 0;
			                  padding: 0
			                 }

/*--------------------ヘッダー01＿エリアマップ--------------------*/
div#header01 p {
                                             font-size: x-small;
					     display: block;
                                             margin:0;
					     text-indent: -9999px; /*テキスト非表示*/
					    }

div#header02box { margin: 0; padding: 0;}

div#header02_01 {
			               display: block;
				       width: 160px;
	       			       height: 270px;
				       background-image: url(../images/base_images/header02_01.png);
				       margin: 0;
			               padding: 0;
			               float: left;
			              }

div#header02_01 h1 {
					        margin: 0;
			                        padding: 0;
					        display: block;
							 font-size: x-small; /*IE6レイアウト対策*/
						text-indent: -9999px; /*SEO対策テキスト非表示*/
					       }

/*--------------------ヘッダー02_01＿エリアマップ--------------------*/
div#header02_01 p {
                                             font-size: x-small;
					     display: block;
                                             margin:0;
padding: 0;
					     text-indent: -9999px; /*テキスト非表示*/
					    }


/*-------IE以外に適用------*/
html>body div#header02_01 a {
                         display: block;
					     width: 83px;
					     height: 22px;
					     margin-top: 122px;
					     margin-left: 41px;
					    }


/*-------IEのみ適用------*/
*html div#header02_01 a {
                         display: block;
					     width: 83px;
					     height: 22px;
					     margin-top: 123px;
					     margin-left: 7px;
					    }

div#header02_02 {
			                     display: block;
				             width: 480px;
	       			             height: 270px;
				             background-image: url(../images/base_images/header02_02.png);
					     margin: 0;
			                     padding: 0;
                                             float: left;
				            }	   
		                    
/*------------------------------タブボックス------------------------------*/
div#tabbox {
                    position: absolute;
					z-index: 2;
					top: 265px;
margin: 0 auto; /*センタリングWEB標準*/

					width: 950px;
				    height: 65px;
                   }
		 
/*------------------------------タブ01------------------------------*/
/*-------IE以外に適用------*/
html>body div#tab01{
                    position: absolute;  
					z-index: 3;
		            top: 0px;
					left: 20px;
                    width: 638px;
				    height: 25px;
				    background-image: url(../images/base_images/tab01.png);
				    background-position:0px 0px;
				    margin: 0;
			        padding: 0;
			       }

/*-------IEのみ適用------*/
*html div#tab01{
                    position: absolute;  
					z-index: 3;
		            top: 0px ;
					left: 20px;
                    width: 638px;
				    height: 25px;
				    background-image: url(../images/base_images/tab01.gif);
				    background-position:0px 0px;
				    margin: 0;
			        padding: 0;
                    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100, style=0);
			       }
					   
/*------------------------------タブ02------------------------------*/
ul#tab02 {position: absolute;  
               z-index: 4;
		       top: 0px ;
			   left: 20px;
                    width: 638px;
				    height: 45px;
				    background-image: url(../images/base_images/tab02.gif);
				    background-position:0px 0px;
				    margin: 0;
			         padding: 0;
			           }	

/*--------------------タブ02＿エリアマップ--------------------*/
ul#tab02 li {
                    display: block;
					cursor: pointer ;
					margin: 0px; 
					height: 25px;
				    float: left;
				    font-size: x-small;
				    list-style-type: none;
				    text-indent: -9999px; /*SEO対策テキスト非表示*/
				   }				
			 
li#home {width: 112px;}
li#products {width: 102px;}
li#about{width: 102px;}
li#shopping {width: 102px;}
li#contact {width: 104px; }
li#support {width: 104px; }


/*--------------------バックボタン--------------------*/
/*-------IE以外に適用------*/
html>body div#backbutton
                        {cursor: normal ;
position: absolute;
						  z-index: 5;
						  top: 35px;
						  left: 20px;
						  margin: 0;
						  width: 195px;
						  height: 30px;
						  background-image: url(../images/base_images/backbutton.png);
						  visibility: visible;
                        }

/*-------IEのみ適用------*/
*html div#backbutton
                        {cursor: normal ;
						  position: absolute;
						  z-index: 5;
						  top: 35px;
						  left: 20px;
						  margin: 0;
						  width: 195px;
						  height: 30px;
						  background-image: url(../images/base_images/backbutton.gif);
						  visibility: visible;
                        }
						
						
/*------------------------------ローカルボックス------------------------------*/
div#localbox {

margin: 0 auto; /*センタリングWEB標準*/
		  width: 950px ;
				  border-left: 1px solid #999999;
	  	  border-right: 1px solid #999999;
			border-bottom: 2px solid #999999;
		 }
		



/*------------------------------メインウィンドウ------------------------------*/
div#mainwindow {margin: 0px;
padding: 5px 0px 0px;
position: relative;
top: 0px;

				  border-bottom: 1px dashed #666666;
		  width: 100% ;
height: 305px;/*----------メインウィンドウheight指定("egscript.js"で制御)----------*/
overflow: hidden; 
		 }
		
/*--------------------カラムボックス--------------------*/
div#columnbox {
               position: relative;
			   z-index: 2;
               top: 0px; 
               left: 0px;/*----------("egscript.js"で制御)----------*/
               width: 1330px;
              }

/*--------------------ツインメニューボックスwidth指定--------------------*/
div#twinmenubox {width: 420px;}

/*--------------------ツインメニューボックスheight指定("egscript.js"で制御)--------------------*/
div#twinmenubox ul {height: 295px; }	

div#menuA {
		      margin: 0;
		      padding:0;
		      float: left;
		     }

div#menuB {
		      margin: 0;
		      padding:0;
		      float: right;
		     }    

/*--------------------メニューA&B--------------------*/	     
div#menuA ul {
                 display: block;
                 position: absolute;/*---IE6対策---*/
				 top: 0px;
                 left: 0px;
			     margin: 0; 
			     padding: 10px 15px 0px 30px; 
			     width: 170px; 
			     list-style-type: none; 
                            } 

div#menuB ul {
                            display:none; 
                            position:absolute;/*---IE6対策---*/
							top: 0px;
                left: 215px;
			    margin: 0;
			    padding: 10px 30px 0px 15px;
			    width: 170px;
			    list-style-type: none;
			   }
							
/*------------------------------メニューＡＢリストスタイル------------------------------*/		     
div#twinmenubox li {
			 display: block ;
             height: 18px;
			 text-align: left ;
			 cursor: pointer ; 
			 color: #999999 ;
			 font-size:13px ;
			 font-family: KozGoStd-Bold,'ＭＳ ゴシック','ＭＳ Ｐゴシック',sans-serif;
			 text-decoration: none;
			 padding: 5px 0px ;
                         margin: 0px ;
			 border-top: 1px solid #bbbbbb ;
             background-repeat: no-repeat ;
             line-height: 18px;
			}		     

		     
/*--------------------コンテンツボックス--------------------*/
div#contentsbox { 
                            position: absolute; top: 0px;
							left: 420px;/*---IE6対策---*/

							}

/*------------------------------メニューＣボックス------------------------------*/
div#menuC {
                position: absolute;/*---IE6対策---*/
				top: 0px;
                width: 290px;
			    height: 300px;/*----------メニューCheight指定("egscript.js"で制御)----------*/
			    margin: 0;
			    padding: 0;
			    text-align: left;
			    overflow: auto;
			   } 

/*------------------------------メニューＣ”コンテンツ”------------------------------*/
ul.insertedC {
             display:block;
             margin: 0px 0px 15px 15px;
			 padding: padding: 0px 0px 5px;
             list-style-position :outside;
             list-style-type :square;
            }

ul.insertedC li {
                padding: 5px 0px;
                font-size: 12px;
                font-family: 'ＭＳ ゴシック','ＭＳ Ｐゴシック',sans-serif;
				color:#777777; 
                border-style: none;
               }


div#menuC h5 {margin: 0; padding: 15px 0px 0px; color:#6699ff; font-size: 16px; font-family: KozGoStd-Bold,'ＭＳ ゴシック','ＭＳ Ｐゴシック',sans-serif;}
div#menuC h6 {margin: 2px 0px; padding: 0px; color: #6699ff; font-size: 14px; font-family: KozGoStd-Bold,'ＭＳ ゴシック','ＭＳ Ｐゴシック',sans-serif;}
div#menuC p {margin: 0; 
						 padding: 5px 0px 10px;
						 color: #777777;
						 font-size: 12px;
						 font-family: 'ＭＳ ゴシック','ＭＳ Ｐゴシック',sans-serif;
						 line-height: 16px;}

/*見出し5ブルー反転*/
.blueback {
      display: block;
      margin: 0px;
      padding: 3px 5px 2px;
	  color: #ffffff;
      font-size: 14px; 
      font-family: 'ＭＳ ゴシック','ＭＳ Ｐゴシック',sans-serif;
	  background-color: #6699ff;
	 }

table {
       color: #777777;
						 font-size: 12px;
						 font-family: 'ＭＳ ゴシック','ＭＳ Ｐゴシック',sans-serif;
						 line-height: 16px;
      }

td {vertical-align: top; padding: 5px 0px;}

/*--------------------トップへ戻る--------------------*/
span.gohome {color: #ffffff; text-decoration: none;}


/*------------------------------メインビューボックス------------------------------*/
div#mainview {
                        position: absolute;/*---IE6対策---*/
				        top: 0px;
						left: 290px;
                        width: 670px;
			            height: 290px;/*----------メインビューheight指定("egscript.js"で制御)----------*/
						margin: 0;
						padding: 0px 10px 5px 10px;
			            text-align: left;
			            overflow: auto;
                       }

/*--------------------SPANスタイル--------------------*/
/*ニュース「日付」*/
.date {
        margin: 0px;
 	    padding: 0px 0px 3px 5px;
	    color: #888888;
	    font-size: 12px;
	    font-weight: bold;
	    font-family: georgia, Times, sans-serif;
	   }

/*ニュース「新製品」*/
.newproduct {
              margin: 0px;
              padding: 3px 5px 0px;
			  color: #ffffff;
	          background-color: #6699ff;
	          font-size: 11px;
			  font-weight: bold;
 			  font-family: 'ＭＳ Ｐゴシック',sans-serif;
	                 }

/*ニュース「サポート情報」*/
.supportinfo {
              margin: 0px;
              padding: 3px 5px 0px;
			  color: #ffffff;
	                  background-color: #ff5fbf;
	                  font-size: 11px;
					  font-weight: bold;
 			  font-family: 'ＭＳ Ｐゴシック',sans-serif;
	                 }

/*ニュース「お知らせ」*/
.otherinfo {
              margin: 0px;
              padding: 3px 5px 0px;
			  color: #ffffff;
	                  background-color: #3aa683;
	                  font-size: 11px;
					  font-weight: bold;
 			  font-family: 'ＭＳ Ｐゴシック',sans-serif;
	                 }

/*お問い合わせ「よくあるご質問」*/
.faq {
      display: block;
      margin: 0px;
      padding: 3px 5px 2px;
	  color: #ffffff;
	  background-color: #6699ff;
	  font-size: 12px;
      letter-spacing: 1px;
 	  font-family: 'ＭＳ Ｐゴシック',sans-serif;
	 }

.redattention {color: #ff0000;
               font-weight: bold;}

.blueheader {color: #00ffff;}


/*--------------------ピックアップボックス--------------------*/
div#pickupbox 
             {display: block;
              margin: 10px 25px 0px;
width: 900px;

              height: 175px;
text-align: left;
			  background-image: url(../images/base_images/pickupbox.png);
			  background-repeat: repeat-x;
border: 1px solid #999999;
            }

div#slidewindow 
             {
			 position: relative;
				 z-index: 7;
width: 900px;
              height: 140px;
overflow: hidden; 
            }

div#pickupslider
                {position: relative;
				 z-index: 6;
				clear: both;
				 top: 12px;
				 left: 0;
                 margin-left: 0px;
                 padding: 0;
                 width: 3000px;
                 height: 125px;
                }

div#pickupslider img {
                      width: 200px;
                      height: 125px;
                      cursor: pointer;
                     }

div#slidecontrol {
                            width: 135px;
                            height: 35px;
							background-color: #d7d7d7;
							}

div#s1left{
float: left;
               width: 60px;
               height: 25px;
			   margin: 5px 0px 0px 5px;
               cursor: pointer;
               background-image: url(../images/base_images/slideleft.png);
			   background-position: 0px 0px;}

div#s1right{float: left;
               width: 60px;
               height: 25px;
			   margin: 5px 0px 0px 0px;
               cursor: pointer;
               background-image: url(../images/base_images/slideright.png);
			   background-position: 0px 0px;}

.pickupbunner
                {
                 margin: 0;
                 padding: 0px 50px 5px 50px;
                 width: 200px;
                 height: 125px; 
                 float: left;
                }
				
div#copyright
             {
              text-align: left;
              height: 20px;
              background-image: url(../images/base_images/copyright.png);
			  background-repeat: no-repeat;
             }				

p#sitemap {padding: 2px 0px 0px 25px; font-size: 10px;}				

/*--------------------ジェネラル--------------------*/
a:link {color: #6699ff;}
a:visited {color: #77aaff;}
a:hover {color: #2255ff;}

p {margin: 2px; padding: 0; font-size: 11px;}