@charset "utf-8";
/* CSS Document */

body {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: small;
	margin: 0px;
}

.clear{ clear:both}

#headertop{
	display: flex;
	align-items: center;
	width:930px;
	height:120px;
	text-align:left;
	margin:0px auto;
	padding:0px;
}
#header{
	display: flex;
	align-items: center;
	width:930px;
	height:120px;
	text-align:left;
	margin:0px auto;
	padding:0px;
}

/* 社名 -------- */

#header_logo{

	width: 600px;
	float:left;
}

h1{
	margin-top: 12px;
	margin-right: 0px;
	margin-left: 20px;
	float left;
}

#header_bnr{
	/* margin-top: 20px; */
	margin-right: 0px;
	margin-left: 70px;
	float: left;
}
/* English ----------- */

#under-construction{
	font-size:24px;
	width:930px;
	height:450px;
	text-align:center;
	margin:0px auto;
	padding:100px 0 0 0;
}

#english{
	width:150px;
	height:40px;
	float:right;
	padding:20px;
	text-align:center;
	margin-top:15px 0 0 0;
	background-image: url(../images/english-bg.gif);
	background-repeat: no-repeat;
	background-position: center 5px;
}

#english a{
	text-decoration:none;
}

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

#global-navi-bg{
	width:100%;
	height:60px;
	margin:0px;
	padding:0px;
	background-image: url(../images/global-navi-bg.gif);
	background-repeat: repeat-x;
}

#global-navi{
	width:930px;
	height:60px;
	text-align:center;
    margin:0px auto;
    padding:0px;
	
}

#global-navi ul{  
   list-style: none; /* リスト形式を削除 */
   margin:0px;
   padding:0px;
}  
  
/* リストを横並びに */ 

#global-navi ul li{  
    width: 132px;  
    height: 60px;  
    float: left;  
}  

#global-navi ul li a{  
    text-indent: -9999px; /* テキストをふっとばす */   
    text-decoration: none;    
    display: block;    
    width: 132px;    
    height: 60px;    
    background-image: url(../images/global-navi.gif);    
    background-repeat: no-repeat;    
}  

/* a要素の背景の指定  ※左の数字がx軸、右の数字がy軸*/ 

#global-navi ul li#menu1 a { background-position: 0 0; }     
#global-navi ul li#menu2 a { background-position: -133px 0px; }    
#global-navi ul li#menu3 a { background-position: -266px 0px; }    
#global-navi ul li#menu4 a { background-position: -399px 0px; }    
#global-navi ul li#menu5 a { background-position: -532px 0px; }    
#global-navi ul li#menu6 a { background-position: -665px 0px; }    
#global-navi ul li#menu7 a { background-position: -798px 0px; }      

#global-navi ul li a:hover{  
    text-decoration: none;    
    background-image: url(../images/global-navi.gif);    
    background-repeat: no-repeat;     
}    

/* a:hover要素の背景の指定 ※左の数字がx軸、右の数字がy軸*/ 

#global-navi ul li#menu1 a:hover { background-position: 0 -60px; }     
#global-navi ul li#menu2 a:hover { background-position: -133px -60px; }    
#global-navi ul li#menu3 a:hover { background-position: -266px -60px; }    
#global-navi ul li#menu4 a:hover { background-position: -399px -60px; }    
#global-navi ul li#menu5 a:hover { background-position: -532px -60px; } 
#global-navi ul li#menu6 a:hover { background-position: -665px -60px; }    
#global-navi ul li#menu7 a:hover { background-position: -798px -60px; }  

    
/* グローバルナビ　【 English 】 -------- */

  
/* リストを横並びに */ 

#eng-global-navi #global-navi ul li{  
    width: 155px;  
    height: 60px;  
    float: left;  
}  


#eng-global-navi #global-navi-bg #global-navi ul li a{  
    text-indent: -9999px; /* テキストをふっとばす */   
    text-decoration: none;    
    display: block;    
    width: 155px;    
    height: 60px;    
    background-image: url(../english/images/global-navi.gif);    
    background-repeat: no-repeat;    
} 

/* a要素の背景の指定  ※左の数字がx軸、右の数字がy軸*/ 

#eng-global-navi #global-navi ul li#menu1 a { background-position: 0 0; }     
#eng-global-navi #global-navi ul li#menu2 a { background-position: -155px 0px; }    
#eng-global-navi #global-navi ul li#menu3 a { background-position: -310px 0px; }    
#eng-global-navi #global-navi ul li#menu4 a { background-position: -465px 0px; }    
#eng-global-navi #global-navi ul li#menu5 a { background-position: -620px 0px; }    
#eng-global-navi #global-navi ul li#menu6 a { background-position: -775px 0px; }       

/* a:hover要素の背景の指定 ※左の数字がx軸、右の数字がy軸*/ 

#eng-global-navi #global-navi ul li#menu1 a:hover { background-position: 0 -60px; }     
#eng-global-navi #global-navi ul li#menu2 a:hover { background-position: -155px -60px; }    
#eng-global-navi #global-navi ul li#menu3 a:hover { background-position: -310px -60px; }    
#eng-global-navi #global-navi ul li#menu4 a:hover { background-position: -465px -60px; }    
#eng-global-navi #global-navi ul li#menu5 a:hover { background-position: -620px -60px; } 
#eng-global-navi #global-navi ul li#menu6 a:hover { background-position: -775px -60px; }  



/*　ナビ　製品情報・会社情報　*/

#navi ul{ 
	width:172px;
	margin: 0 0 10px 0; 
	padding: 0; 
	list-style: none; 
	border-bottom: 2px solid #fff;
}

#navi li{ 
	display: inline; 
	padding: 0; 
	margin: 0; 
}

#navi li a{
	display: block; 
	border-top: 2px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color: #EEEEEE;
	padding: 3px 10px;
	text-decoration: none;
	color: #333;
	width: 150px; 
	margin: 0px;
	text-align: left;
	font-size: 14px;
}

#navi li a:hover{
	border-top: 2px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	background-color: #9EB7DD;
}

#navi #shita li a{
	display: block; 
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 2px solid #fff;
	background-color: #EEEEEE;
	padding:padding: 3px 10px;
	text-decoration: none;
	color: #333;
	width: 150px; 
	margin: 0px;
	text-align: left;
	font-size: 14px;
}

#navi #shita li a:hover{
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
	border-bottom: 2px solid #fff;
	background-color: #9EB7DD;
}





/* メイン -------- */


#main{
	width:930px;
	text-align:left;
	margin:0px auto;
	padding:0px;
}

#main .home-text{
	margin: 30px 80px;
}

/* ページタイトル ------------*/

.page-title{
	width:930px;
	margin:0px auto 20px auto;
	padding:0px;
}

.title-bg{
	width:700px;
	background-color:#D7EFFF;
	padding: 5px 15px;
	margin-bottom:30px;
	font-size: medium;
	font-weight: normal;
}

.title-bg2{
	width:670px;
	background-color:#D7EFFF;
	padding: 5px 15px;
	margin-bottom:20px;
	font-size: medium;
	font-weight: normal;
}


/* ホーム　製品情報 -------- */

#home-products-bg{
	width:100%;
	height:318px;
    margin:0px;
    padding:0px;
	background-image: url(../images/products-bg.jpg);
	background-repeat: repeat-x;
}

#home-products{
	width:930px;
	height:240px;
	margin:0px auto;
	padding:0px;
	text-align:left;
	
}

#home-products .t-products{
	margin: 20px 0 0 0;
}

#home-products .title-products-bg{
	width:550px;
	text-align:left;
	padding: 15px 0 0 0;
	font-size: medium;
	font-weight: normal;

}

/* 半透明のマウスオーバー */


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

.alpha img {
	border:0px;
	margin:15px 0 20px 0;
	padding:0px;
}


/* メイン２ -------- */


#main2{
	width:930px;
	height:auto;
	text-align:left;
	margin:0px auto;
	padding:0px;
}

#main2 .title-bg{
	width:640px;
	text-align:left;
	background-color: #D7EFFF;
}

#main2 .title-bg img{
	margin:5px 15px;
}

.kuhaku{
	margin-right:1em;
}

/* メイン２ ニュース-------- */

#main2 #news{
	width:670px;
	height:auto;
	text-align:left;
	margin:20px 0px;
	padding:0px;
}

#main2 #news li{
	margin:5px 0;
	list-style-type: none;
}

#main2 #news ul{
	margin:0 0 30px 0;
}




/* メイン２ イベント-------- */

#main2 #event{
	width:670px;
	height:auto;
	text-align:left;
	margin:0px;
	padding:0px;
}


#main2 #event li{
	margin:5px 0;
	list-style-type: none;
}

#main2 #event ul{
	margin:0 0 30px 0;
}


/* メイン２ 会社情報-------- */

#main2 #company{
	width:200px;
	/* height:330px; */
	text-align:left;
	margin:0 0 20px 0;
	padding:0px;
	float:right;
	background-color:#F4F4F4;
}

#main2 #company img{
	margin:12px;
}

#main2 #company .c-text{
	margin:12px;
}


/* フッター-------- */

#footer{
	width:100%;
	height:40px;
	margin:0px;
	padding:10px 0 0 0;
	background-color: #0f51b2;
	text-align:center;
	font-size: x-small;
	color: #FFF;
}

/* ぱんくずリスト -------- */

.pankuzu{
	width:930px;
	text-align:left;
	margin:0px auto;
	padding:0px;

}

.pankuzu ol{
	margin:15px 0;
	padding:0;
}

.pankuzu ol li {
        /* liを横並び＆ブレットを消す */
        display: inline;
        list-style-type: none;
}

.pankuzu ol li:before {
        /* liの前に記号追加 */
        content: " > ";
}

.pankuzu ol li:first-child:before {
        /* 最初のliだけcontentを消す */
        content:"";
}

.topbnr{

	float left;
	margin-left:650px;
}