@charset "utf-8";
/*  　 共通設定部　　 */

@charset "utf-8";

body,
body * {
   margin: 0; padding: 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 0; padding: 0;
   }  　
   
h1 {font-size: 18px;}
h2 {font-size: 16px;}
h3 {font-size: 15px; color: #214d60 ;}
h4 {font-size: 13px; color: #214d60 ;}

 
h1,h2,h3,h4,h5,p, ul, li, dl, dt, dd { margin: 0; padding:0;}  


/*  その他の文字カラー設定　*/
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;
   }

#wrapper {
   margin: 0 0 10px 0 ;
   padding: 0;
   width: 760px;
   height: 135px;
   position: relative;
   }

#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;
   }  
  
  
/* -------- コンテンツ要素 ----------------------*/
#container {
   margin: 10px 0 0 0;
   padding: 0 4px 0 4px;
   position: relative;
   width: 752px;
   }
   
#subject {
   margin: 0 0 0 0; 
   padding: 360px 0 0 0;
   width: 752px; 
   } 
   
h1.title#top {
   width: 704px; height: 26px;
   background-color: #c7d0d6;
   border-top:#333 1px solid;
   border-bottom:#333 1px solid;
   color: #214d60;
   font-size: 16px;
   margin: 0 0 10px 0; 
   padding:4px 0 0 48px;
   }      
   
#proposal {
   margin: 10px 10px 20px 10px;
   padding: 0;
   width: 732px;
   background-color: white;
   }   
#proposal p {
   margin: 7px 0 0 0;
   padding: 0;
   text-indent: 1em;
   }
p.pict {
   margin: 0 2px 12px 10px;
   padding: 0;
   float: right;
   width: 193px;
   height: 145px;
   }

#pageImage {
   width: 752px; height: 350px;
   position: absolute;
   top:0;
   left:4px;  
   }   
   
#fla {
   margin:0 0 0 253px; padding: 0;   
   }
    
#left-navi {
   margin:0; padding: 0;
   width: 250px;
   height: 350px;
   position: absolute;
   top: 0;
   left:0;
   }
 
  
#infoVideo {
   margin: 10px 0 0 0;
   padding: 0;
   width: 760px;
   height: 476px;
   position: relative;
   }
   
#vid {
   margin: 0 6px 0 470px;
   padding: 0;
   width: 280px;
   }

#con1 {
   position: absolute;
   top: 0;
   left: 5px;
   padding-bottom: 10px;  
   width: 448px;
   background-color:white;
   border: solid 1px #990;
   }
  
#con1 h2 {
   margin: 12px 0 12px 14px;
   padding: 5px 0 0 70px;
   width: 353px; height: 28px;
   background: url(../img/top/bg_t_bar.jpg) top left no-repeat;   
   color:#699;
   }

#con1 p {
   margin: 2px 0 0 0; padding: 0 10px ;
   text-indent: 1em;
   }
  
#con1 h3 {
   margin: 20px 0 12px 14px;
   padding: 5px 0 0 70px;
   width: 353px; height: 28px;
   background: url(../img/top/bg_t_bar.jpg) top left no-repeat;
   letter-spacing: 1em;
   color:#699;
   }  
#con1 p.topic {
   width: 400px;
   margin-left: 15px; 
   border-bottom: 1px dotted #ccc;   
   color:#699;
   } 
#if {
   margin: 10px 0 0 15px;
   padding: 0;
   }  
 
   
#line { 
   border-bottom-style: solid;  
   border-bottom-width: 1px;
   border-bottom-color: #999; 
   width: 732px; 
   margin:0 10px 15px 10px;
    }
	
   
#miyabido * { 
   margin:0; 
   padding: 0; 
   border: 0; 
   }
 
#miyabido {
   margin: 10px 0 0 0;
   padding: 0 4px 0 4px;
   width: 752px;
   height: 275px;
   background-color: white;
   }
   
#request {
   width: 500px; height: 270px;
   line-height: 1.0;
   float: left;
   margin-right: 10px;
   border: 1px solid #999;
   background-color:white;
     }

#request h3 {
   background-image: url(../img/top/bg_title_request.jpg) ;
   width: 455px; height: 23px; 
   padding: 8px 0 0 45px;   
   color: white;
   font-size: 14px;
 }

#request h4 {
   background-image: url(../img/top/bg_req_header.jpg) ;
   width: 400px; height: 15px; 
   margin: 8px 10px 2px 23px;
   padding: 8px 0 3px 55px; 
   border-bottom: 1px double #8eb5d7;
   }   

#ob1 {
   width: 440px; 
   padding: 4px 0 7px 60px;  
   list-style-type: none;
   }
#ob2 {
   width: 440px; 
   padding: 4px 0 7px 60px;  
   list-style-type: none;
   }
#ob3 {
   width: 440px; 
   padding: 4px 0 7px 60px;  
   list-style-type: none;
   }  

#tro {
   width: 238px; height: 270px;
   float: left;
   }
#tro h5 {
    color: #ffffff;
	padding:8px 0 0 52px;
	font-size: 12px;
   }  
#wr {
  margin: 0; padding: 0;
  width: 238px; height: 90px;
  background: url(../img/top/tr_bgwr.jpg) top left no-repeat;
  }  
   
#tro p {
   padding: 8px 0 0px 30px;
   }  
   
#productIntroduction {
   margin: 12px 0 0 0;
   padding: 0 ;
   width: 760px;
   position: relative;
   background-color:white;
   }
#product {
   width: 500px;
   height: 190px;
   margin: 0;
   padding: 0;
   background-image: url(../img/top/bg_products.jpg);
   background-position: top left;
   background-repeat: no-repeat;
   position: relative;
   top: 8px;
   left: 4px;
   }
h2#lic {
   position: absolute;
   top: 0;
   left: 164px;
   } 
#merit { 
   position: absolute;
   top: 88px;
   left: 179px;
   line-height:1.5;
   }
   
#merit h3 {
   font-size: 13px;
   color:#365C6E;
   }  
 
#indicate {
   width: 233px; 
   margin: 8px 10px 30px 513px;
   padding: 0 0 8px 0;
   border: solid 2px yellowgreen;
   background-color: lemonchiffon;
   }

h3.tb {
   width: 233px; height: 24px;
   text-align: center; 
   margin:0 0 4px 0;
   padding-top:2px;
   background-color: yellowgreen;
   color: white;
   }

    
#indicate ul {
   list-style: url(../img/top/arrow.gif) inside;
   }
  
#indicate li {
   margin: 5px 0 0 10px;
   padding: 0 0 2px 3px;
   }      

#indicate a {
   margin-left: 6px;
   }
    
#indicate a {color: #66CCFF  ; background: transparent;}
#indicate a:link {color: #66CCFF; background: transparent;}
#indicate a:visited {color: #66CCFF; background: transparent;}
#indicate a:hover {color: #FFCC00; background: white;}
#indicate a:active {color:#FFCC00; background: white; text-decoration: none;}

div.mes {
   width: 702px;
   padding: 10px 25px 0 25px;
   color: #699;
   text-indent: 1em;
   }  


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

#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:#666;
   }  
address.right { color: #CCCCCC; }
em { 
   font-style: normal;
   }  


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

　/*　その他のリンク部　*/
#con1 a {color: #69f; background: transparent;}
#con1 a:link {color: #69f; background: transparent;}
#con1 a:visited {color: #69c; background: transparent;}
#con1 a:hover {color: #6ff; background: white;}
#con1 a:active {color: #6ff; background: white; text-decoration: none;}





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