/*  　 共通設定部　　 */

@charset "utf-8";

body,
body * {
   margin: 0; padding: 0; border: 0;
   }
   
body {
   height:100%;
   background-color:#b0caca;  
   font-family: "ＭＳ Ｐゴシック","Osaka", sans-serif;
   font-size: 13px;
   line-height: 1.4;
   text-align: center;
   color: #666;
   margin:0; padding: 0;
   }  　
    
h1,h2,h3,h4,h5,p, ul, li, dl, dt, dd { margin: 0; padding:0; border:0;}  

h1 { font-size: 17px; }
h2 { font-size: 15px; }
h3 {font-size: 14px; color: #214d60 ;}
h4 {font-size: 13px; color: #214d60 ;}



/*  その他の文字カラー設定　*/
span { color: #639; }
span.gold { color: #999900;}
span.orange { color:#FF6600; }
span.blue { color: #6699FF; }
span.yellow { color: #FFCC00; }
span.green { color: #009900; }
span.pink { color: #FF33FF; }
span.red { color: #FF0066; }
span.mazenta { color: #f69; }
span.weak { color: #CCCCCC; }



/* -----------------------≪共通設定　終了≫----------------------------------------------- */  
  
/* -----------------------≪コンテンツ部基本設定≫------------------------------------------- */  
  
/*  ページ設定　*/
#cb { 
   width: 760px; height: 100%;
   margin: 0 auto ; padding: 0;
   text-align: left;
   background-color: white;
   }

/* ヘッダー部　*/  
#header { width: 760px; height: 100px; }
#header p { 
   display: inline;
   float: left; 
   margin: 0; padding: 0; border: 0;
   }  
  
/*  グローバルナビゲーション */

#global-navi {
   clear:left;
   margin: 0 0 0 0; padding: 0; border: 0;
   width: 760px; height: 35px;
   }  

#global-navi ul {
   border:0;
   margin:0;
   padding:0;
   list-style-type: none;
   }
#global-navi ul li { 
   display: block;
   float: left; 
   border:0; margin: 0; padding:0;
   }  

  
/* -------- コンテンツ要素 ----------------------*/
 
#content {
   width: 760px; height: 100%;
   margin: 0;   
   }

/*  プロダクトナビ */

#product-navi {
   margin: 10px 0 20px 0; padding: 0; border: 0;
   width: 760px; height: 80px;
   position:relative;
   }  

#product-navi ul {
   list-style-type: none;
   }
   
#nv1 {position:absolute; top:0; left:0;}
#nv2 {position:absolute; top:0; left:172px;}
#nv3 {position:absolute; top:0; left:275px;}
#nv4 {position:absolute; top:0; left:375px;}
#nv5 {position:absolute; top:0; left:511px;}
#nv6 {position:absolute; top:0; left:619px;}
#nv7 {position:absolute; top:42px; left:0;}


#product {
   width: 760px; height:auto;
   }

#summary {
   width: 85%; 
   margin: 10px auto 35px auto  ;
   border-bottom: dotted 1px #ddd;
   } 
h1 { 
   background-color: #f0f6fd;
   color: #69f;
   border-top: 7px solid #0850b2;
   border-bottom: 3px solid #ccc;
   margin:0;
   padding: 10px;
   text-align: center;
   }
#summary p {
   padding: 10px 5px 15px 10px;
   text-indent: 1em;
   }




#product01 {
   margin:0 0 0 0; padding: 0 29px 0 29px;
   width: 702px; height: auto;
   }
#product02 {
   margin: 20px 0 0 0; padding: 0 29px 0 29px;
   width: 702px; height: auto;
   }   
#product03 {
   margin: 20px 0 0 0; padding: 0 29px 0 29px;
   width: 702px; height: auto;
   }   
   
   
.pr1 {
   margin: 0; padding: 0;
   width: 216px; height: 470px;
   float: left;
   }
.pr2 {
   margin: 0 27px; padding:0;
   width: 216px; height: 470px;
   float: left;
   }
.pr3 {
   margin: 0; padding: 0;
   width: 216px; height: 470px;
   float: left;
   }   
   
   
.pict {
   width: 216px; height: 282px; 
   text-align: center;
   background: url(../img/products/bg_product_vertical.jpg) left top no-repeat;  
   margin:0; padding-top: 5px;    
   }
.introduction {
   margin:0 0 0 0; padding: 0;
   border: 1px solid #6bb4d8;
   width: 214px; height: 180px;
   }

.name {
   margin: 0; padding: 0;
   color:white;
   background-color:#6bb4db;
   width: 214px; height: 20px;
   text-indent: 24px;
   }
.wr1 {
   margin:0; padding: 2px 4px;
   width: 206px; height: 26px;
   }
.description {
   margin: 0; padding: 0;
   color:white;
   background-color:#6bb4db;
   width: 214px; height: 20px;
   text-indent: 24px;
   }
.wr2 {
   margin:0; padding: 2px 8px;
   width: 198px; 
   }














   
/*---　区切りライン設定 ----*/
.br {
   clear: both;
   }    

/*-----≪サイトインフォ部≫----------*/

#siteinfo { 
   width: 760px; 
   }
	
#siteinfo h3 {
   width:760px; height: 23px;
   margin: 65px 0 0 0; padding: 5px 0 3px 0;
   text-align: center;
   background:url(../img/common/footer_line.gif) left top no-repeat;
   color: white;
   font-size:12px;
   }
   
#siteinfo h3 a {
   color:#FFFFFF;
   text-decoration: none;
   }
   
#siteinfo h3 a:visited {
   color:#FFFFFF;
   text-decoration: none;
   }
#siteinfo h3 a:hover {
   color:#FFFFFF;
   text-decoration: none;
   }      

address {
   margin: 10px 0 0 0;
   text-align:center;
   font-size: 13px;
   }
address .weak {
   color: #999;
   font-size: 15px;
   }   
   
  
   
  /*  lower-navi 部　 */
div.lower-navi {
   width: 725px;
   margin: 60px 0 0 0;
   padding: 10px 15px 15px 20px;
   color:#a4b7c7;
   font-size:10px;
   text-align: center;
   }
   
.lower-navi ul{
   margin: 0; padding: 0;
   } 
 
.lower-navi li {
   display: inline;
   padding: 2px 6px 2px 3px;
   line-height: 1.8;
   border-left: dotted 1px #a4b7c7;   
   }
   


.lower-navi a {color: #a4b7c7; background: transparent; text-decoration: none;}
.lower-navi a:link {color: #a4b7c7; background: transparent; text-decoration: none;}
.lower-navi a:visited {color:#a4b7c7; background: transparent; text-decoration: none;}
.lower-navi a:hover {color: white; background: #999900; text-decoration: none;}
.lowew-navi a:active {color: #FF9900; background: #999900; text-decoration: none;}
.lower-navi a:focus {color: #FF9900; background: #999900; text-decoration: none;}  
  

/* -----<フォント・リンク部　設定>-----------------------------------*/

/* フォントスタイル設定 */
p dfn { font-style: normal; }
address { 
   font-style: normal;
   color:#999999;
   }  
address.right { color: #CCCCCC; }
em { 
   font-style: normal;
   }  


/* リンク設定　*/
  /*  コンテンツ部　*/
#content a {color: #69f; background: transparent;}
#content a:link {color: #69f; background: transparent;}
#content a:visited {color: #69c; background: transparent;}
#content a:hover {color: #6ff; background: white;}
#content a:active {color: #6ff; background: white; text-decoration: none;}

　/*　その他のリンク部　*/








/* -------≪確認用設定部≫----------------------------- */
/*
div, h1,h2,h3,h4,p,ul,li {border: 1px solid lime;}
*/