@charset "UTF-8";

/*---------バルーンネット株式会社作------*/
/*---------------------*/
/*共通設定*/
/*---------------------*/
body {
     background: url("images/site_bg.jpg") no-repeat scroll center top #FFFFFF;
     color: #666666;
     font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
     font-size: 14px;
     line-height: 1.5;
     margin: 0px;
     padding: 0px;
}

/*--------------------------*/
　/*---大枠ボックス構成---*/
/*--------------------------*/
body{   
	font-size: 18px;
	text-align: center;	
}
#container{
	width: 980px;
	text-align: left;
	margin: auto;
	position: relative;
}
#header{
	width: 980px;
	height: 65px;	
	margin-bottom: 10px;
}
#footer{
	width: 980px;
	height: 65px;	
	top: 1300px;
}

#navi{
	width: 980px;
	height: 40px;
	margin-bottom:10px;
}
#main{                      
	width: 980px;
	height: 250px;
	margin-bottom: 10px;
}

#main_btn{
	width: 980px;
	height:250px;
	margin-bottom:10px;
	
}
/*----Jquery-----*/
#sliderbox{ 
	width:480px;
	height: 
	margin-bottom: 10px;
}

#news{
	width: 726px;
	margin_bottom: 10px;
	
}
#raight_navi{
	width: 215px;
	height: 353px;
}

/*--------------------*/
　/*----内容----*/
/*--------------------*/

/*-------------navi--------------------*/
#navi ul{
	width: 980px;
	height: 40px;
}
#navi ul li{
	width: 196px;
	height: 40px;
	float: left;	
}
#navi ul li a{
	display: block;
	background-image: url(../images/navibar.jpg);
	width: 100%;	
	height: 100%;
	text-decoration: none; 
	text-indent: -999px;	
	overflow: hidden;
}
#navi_1 a:link{	
	background-position: 0px 0px;	
}
#navi_2 a:link{	
	background-position: -196px 0px;	
}
#navi_3 a:link{	
	background-position: -392px 0px;	
}
#navi_4 a:link{	
	background-position: -588px 0px;	
}
#navi_5 a:link{	
	background-position: -784px 0px;	
}


#navi_1 a:hover{	
	background-position: 0px -40px;	
}
#navi_2 a:hover{	
	background-position: -196px -40px;	
}
#navi_3 a:hover{	
	background-position: -392px -40px;	
}
#navi_4 a:hover{	
	background-position: -588px -40px;	
}
#navi_5 a:hover{	
	background-position: -784px -40px;	
}

#navi_1 a:active{	
	background-position: 0px -80px;	
}
#navi_2 a:active{	
	background-position: -196px -80px;	
}
#navi_3 a:active{
	
	background-position: -392px -80px;
	
}
#navi_4 a:active{	
	background-position: -588px -80px;	
}
#navi_5 a:active{	
	background-position: -782px -80px;	
}

#main{
	clear: both;
	width:980px;
	height: 250px;
}
/*------main_btn-------*/

#main_btnleft{
	
	width: 480px;
	height: 510px;	
	background-repeat: no-repeat;
	float: left;	 
}
#main_btnright{	
	width: 480px;
	height: 510px;
	/*background-image: url(../images/dai.gif);*/
	background-repeat: no-repeat;
	margin-left:20px;
	float: left;	 
}	
#main_btn p{
	width: 480px;
	height: 38px;
	margin-bottom: 10px;
}	
.uses{
	clear: both;
	width: 227px;
	height: 510px;
	float:left;
}
.uses_2{
	width: 227px;
	height: 510px;
	float: right;
}

.uses li{
	width: 227px;
	height: 63px;
}


.dis a{
	display: block;
	width: 227px;	
	height: 63px;		
	text-decoration: none;
	background-image: url(../images/btn_right_1.jpg);
	text-indent: -999px;	
	overflow: hidden;	
}

.dis a:hover{
	background-image: url(../images/btn_right_1.jpg);
	background-position: 0px -63px;
	background-repeat: no-repeat;
}

.fiber a{
	display: block;
	width: 227px;	
	height: 63px;		
	text-decoration: none;
	background-image: url(../images/btn_right_3.jpg);
	text-indent: -999px;	
	overflow: hidden;	
}

.fiber a:hover{
	background-image: url(../images/btn_right_3.jpg);
	background-position: 0px -63px;
	background-repeat: no-repeat;
}


.medical a{
	display: block;
	width: 227px;	
	height: 63px;		
	text-decoration: none;
	background-image: url(../images/btn_right_5.jpg);
	text-indent: -999px;	
	overflow: hidden;	
}

.medical a:hover{
	background-image: url(../images/btn_right_5.jpg);
	background-position: 0px -63px;
	background-repeat: no-repeat;
}
.electronics a{
	display: block;
	width: 227px;	
	height: 63px;		
	text-decoration: none;
	background-image: url(../images/btn_right_2.jpg);
	text-indent: -999px;	
	overflow: hidden;	
}

.electronics a:hover{
	background-image: url(../images/btn_right_2.jpg);
	background-position: 0px -63px;
	background-repeat: no-repeat;
}

.material a{
	display: block;
	width: 227px;	
	height: 63px;		
	text-decoration: none;
	background-image: url(../images/btn_right_4.jpg);
	text-indent: -999px;	
	overflow: hidden;	
}

.material a:hover{
	background-image: url(../images/btn_right_4.jpg);
	background-position: 0px -63px;
	background-repeat: no-repeat;
}
.commission a{
	display: block;
	width: 227px;	
	height: 63px;		
	text-decoration: none;
	background-image: url(../images/btn_right_6.jpg);
	text-indent: -999px;	
	overflow: hidden;	
}

.commission a:hover{
	background-image: url(../images/btn_right_6.jpg);
	background-position: 0px -63px;
	background-repeat: no-repeat;
}
.outline a{
	display: block;
	width: 227px;	
	height: 63px;		
	text-decoration: none;
	background-image: url(../images/btn_left_1.jpg);
	text-indent: -999px;	
	overflow: hidden;	
}

.outline a:hover{
	background-image: url(../images/btn_left_1.jpg);
	background-position: 0px -63px;
	background-repeat: no-repeat;
}

.presi a{
	display: block;
	width: 227px;	
	height: 63px;		
	text-decoration: none;
	background-image: url(../images/btn_left_3.jpg);
	text-indent: -999px;	
	overflow: hidden;	
}

.presi a:hover{
	background-image:  url(../images/btn_left_3.jpg);
	background-position: 0px -63px;
	background-repeat: no-repeat;
}
.em a{
	display: block;
	width: 227px;	
	height: 63px;		
	text-decoration: none;
	background-image: url(../images/btn_left_5.jpg);
	text-indent: -999px;	
	overflow: hidden;	
}

.em a:hover{
	background-image: url(../images/btn_left_5.jpg);
	background-position: 0px -63px;
	background-repeat: no-repeat;
}
.history a{
	display: block;
	width: 227px;	
	height: 63px;		
	text-decoration: none;
	background-image: url(../images/btn_left_2.jpg);
	text-indent: -999px;	
	overflow: hidden;	
}

.history a:hover{
	background-image:url(../images/btn_left_2.jpg);
	background-position: 0px -63px;
	background-repeat: no-repeat;
}

.develop a{
	display: block;
	width: 227px;	
	height: 63px;		
	text-decoration: none;
	background-image: url(../images/btn_left_4.jpg);
	text-indent: -999px;	
	overflow: hidden;	
}

.develop a:hover{
	background-image: url(../images/btn_left_4.jpg);
	background-position: 0px -63px;
	background-repeat: no-repeat;
}

.info a{
	display: block;
	width: 227px;	
	height: 63px;		
	text-decoration: none;
	background-image: url(../images/btn_left_6.jpg);
	text-indent: -999px;	
	overflow: hidden;	
}

.info a:hover{
	background-image: url(../images/btn_left_6.jpg);
	background-position: 0px -63px;
	background-repeat: no-repeat;
}

/*--------------------mmain_スライダー-----------------------------*/
#sliderbox {
	clear: both;
	background:#FFF;
	width:480px;
	/*margin:0 auto 20px;*/
	background-position: 600px 20px;
	padding:10px;
	border-top:solid 1px #666;
	border-bottom:solid 1px #999;
	position: absolute;
	top: 650px;
	left: 5%;
}

ul,li {/*スライダーコンテンツのリストタグをリセット*/
	list-style:none;
	margin:0;
	padding:0;
}

#sliderbox h2 {
	margin:5px;
	font-size:16px;
}
#sliderbox p {
	font-size:14px;
	line-height:1.6;
	color:#333;
	margin:5px;
	padding:5px;
}
#sliderbox img {
	float:left;
	display:block;
	margin-right:10px;
}
/*-----------------naviライト---------------------------*/
#raight_navi{
	width: 215px;
	height: 353px;
	float: right;	
	position: absolute;
	top: 650px;
	left: 78%;
}
#raight_navi ul li{
	width: 215px;
	height: 50px;
}
#raight_navi ul li a{
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
	background-image:url(../images/saidonavi.jpg);
	text-indent: -999px;
	overflow: hidden;
}
#factory1 a:link{
	
	background-position: 0px 0px;
}
#factory2 a:link{
	
	background-position: 0px -50px;
	
}
#factory3 a:link{
	
	background-position: 0px -100px;
	
}
#factory4 a:link{
	
	background-position: 0px -150px;
	
}
#factory5 a:link{
	
	background-position: 0px -200px;
	
}
#factory6 a:link{
	
	background-position: 0px -250px;
	
}
#factory7 a:link{
	
	background-position: 0px -300px;
	
}

#factory1 a:hover{
	
	background-position: -215px 0px;
	
}
#factory2 a:hover{
	
	background-position: -215px -50px;
	
}
#factory3 a:hover{
	
	background-position: -215px -100px;
	
}
#factory4 a:hover{
	
	background-position: -215px -150px;
	
}
#factory5 a:hover{
	
	background-position: -215px -200px;
	
}
#factory6 a:hover{
	
	background-position: -215px -250px;
	
}
#factory7 a:hover{
	
	background-position: -215px -300px;
	
}

/*-----------mainアコーディオン----------------*/
#Accordion1{
	clear: both;
	width: 726px;
	float: left;
	position: absolute;
	top: 800px;	
}



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

#footer table tr td {
	font-size: 70%;
}
#footer table tr td p {
	color: #ffffff;
}
#footer a {
        color: #fff;
}
#footer {
     background:#1e1eff;
     border-top: 1px solid #D4D4D4;
     font-size: 14px;
     position: absolute;
     margin-top: -40px;
     height: 50px;
     width: 100%;
}



#foot {
    float: left;
    padding: 15px 1px 1px 120px;
}
#footr{
    padding: 15px 120px 5px 50px;
    float: right;
}


/*-----------------会社概要ナビ------------------------*/





/* SIDEBAR*/
#sidebar1 {
	float: left;
	width: 980px;
	overflow: hidden;
}

#sidebar1 li a {
	display: block;
	padding: 10px 50px;
	line-height: 3em;
	border-bottom: 1px solid #DBDBDB;
        background: url(images/mainbar.png);
	text-decoration: none;
}
#sidebar1 li a:hover {
　　　　background: url(images/mainbar.png);
}

#sidbnr {
     float: left;
     width: 240px;
}





/*-----------------製品内容画像-------------------*/

#projects{
     width: 670px;
     float: left;
     margin-right: 30px;
}
 

#projects li{
     float: left;
     margin: 0 20px 20px 0
}
#projects img{border: 5px #fff solid;}
#projects img:hover{border: 5px #69c solid;}

#projects ul{
     overflow: hidden;
     margin-right: -20px;
}





/*-----------------製品内容------------------------*/
#rightct {
     float: right;
     margin: 40px -20px -1px 1px;
     position: relative;
     width: 750px;
}


#sidbnr1 { 
   float: right;
   margin: 1px 170px 3px 62px; 
   margin-top:1px;
   margin-bottom:10px;	
}


#titlecp {
    float: right;
    margin:3px 3px 2px 37px;   
    margin-top:1px;
    margin-bottom:10px;	
}
  
#leftnavi { 
   float: left;
}


#leftnavi ul{
	width: 980px;
	height: 40px;
        background image:url("images/mainbar.png");
}


#leftnavi ul li{
	width: 196px;
	height: 40px;
        background-image:url("images/mainbar.png");
}


#leftnavi ul li a{
	display: block;
        background-image:url("images/mainbar.png");
	width: 100%;	
	height: 100%;
	text-decoration: none; 
	text-indent: -999px;	
	overflow: hidden;
}


/*fontデザイン*/


p1{
    font-size:14px;
    text-shadow:
    1px 1px 0 #CCC,
    2px 2px 0 #CCC,
    3px 3px 0 #444,
    4px 4px 0 #444,
    5px 5px 0 #444,
    6px 6px 0 #444;
} 


p2 {
     color: #0000FF;
     font-size: 30px;
     text-align: center;
     text-shadow: 3px 3px 3px #FFFFFF;
} 


/*ヘッダー*/


.global-header {
     padding: 10px;
}

.global-header h1 {
     color: #D43638;
     font-family: "Donegal One",serif;
     font-size: 20px;
     line-height: 20px;
     margin: 0px;
     text-align: left;
     text-overflow: ellipsis;
     text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
     white-space: nowrap;
}

.global-header .masthead {
     float: right;
     margin: 4px 10px 6px;
}

.global-header .btn-pill {
     border-radius: 2px;
     border: 1px solid #E6D8D8;
     display: block;
     float: left;
     font-size: 18px;
     padding: 0px 15px;
}

.global-header .btn-pill:hover {
     background: none repeat scroll 0% 0% #F0E7E7;
     color: #FA3599;
}


/*ボタン*/


.css_btn_class {
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fdfdfd), color-stop(0.74, #e7e8e8), color-stop(0.44, #c7c8ca), color-stop(0.22, #f1f1f1), color-stop(0.00, #d8dada));
background: -webkit-linear-gradient(top, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
background: -moz-linear-gradient(top, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
background: -o-linear-gradient(top, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
background: -ms-linear-gradient(top, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
background: linear-gradient(top, #d8dada 0%, #f1f1f1 22%, #c7c8ca 44%, #e7e8e8 74%, #fdfdfd 100%);
     border-radius: 9px;
     color: #0000FF;
     display: block;
     font-family: Arial;
     font-size: 21px;
     font-weight: bold;
     margin: 0px 0px 12px;
     padding: 4px;
     text-decoration: none;
     text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.5);
     width: 210px;
     text-align: center;
}


.css_btn_class:hover {
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f6f7f7), color-stop(0.51, #b7b9c5), color-stop(0.00, #f6f7f7));
background: -webkit-linear-gradient(top, #f6f7f7 0%, #b7b9c5 51%, #f6f7f7 100%);
background: -moz-linear-gradient(top, #f6f7f7 0%, #b7b9c5 51%, #f6f7f7 100%);
background: -o-linear-gradient(top, #f6f7f7 0%, #b7b9c5 51%, #f6f7f7 100%);
background: -ms-linear-gradient(top, #f6f7f7 0%, #b7b9c5 51%, #f6f7f7 100%);
background: linear-gradient(top, #f6f7f7 0%, #b7b9c5 51%, #f6f7f7 100%);
}


.css_btn_class:active {
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ffffff), color-stop(1.00, #ffffff));
background: -webkit-linear-gradient(top, #ffffff 100%, #ffffff 100%);
background: -moz-linear-gradient(top, #ffffff 100%, #ffffff 100%);
background: -o-linear-gradient(top, #ffffff 100%, #ffffff 100%);
background: -ms-linear-gradient(top, #ffffff 100%, #ffffff 100%);
background: linear-gradient(top, #ffffff 100%, #ffffff 100%);
	position:relative;
	top:1px;
}




#menus {
     float: left;
     margin: 620px 0px 1px 550px;
}


#menus li{
  list-style-type: none;
  display: inline;
}
#menus a {
  text-decoration: none;
  background-color:#336699;
  color:#fff;
  display: inline-block;
  width: 20px;
  padding:2px 10px;
  text-align:center;
}
#menus a:hover {
  background-color:#002244;
}

    h3  {  
        font-size: 116.6%;  
        margin: 10px 10px 5px 10px;  
        color:#FFF;  
    }  
    .boxgrid    {   
        width: 450px;   
        background: #161613;   
        height: 300px;  
        margin-bottom: 20px;   
        border: solid 5px #555;   
        overflow: hidden;   
        position: relative;  
    }  
    .boxgrid img{   
        position: absolute;   
        top: 0;   
        left: 0;  
    }  
    .boxgrid p{   
        padding: 0 10px;   
        color: #afafaf;   
        font-weight:bold;   
    }  
          
    .boxcaption{   
        float: left;   
        position: absolute;   
        background: #000;   
        height: 100px;   
        width: 100%;   
        opacity: .8;   
        /* For IE 5-7 */  
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);  
        /* For IE 8 */  
        -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";  
    }  
    .captionfull .boxcaption {  
        top: 300px;  
        left: 0;  
    }  
    .caption .boxcaption {  
        top: 265px;  
        left: 0;  
    }  
#rightbox {
     float: right;
     width: 720px;
     position: relative; 
}

#rightboxa {
     float: right;
     width: 650px;
     margin: 40px 220px 0px 1px;
     position: relative;
}

/*画像左側*/

#single-img {
     width: 533px;
     float: left;
     margin: 0px -160px 20px 160px;
}


#single_img img {
     border: 15px solid #000;
     display:block;
     margin: \110px 0px 100px;
}
#single_img ul {
     padding:15px;
}

#single_img li a {
       font-size:14px;
       background:#000;
       padding:4px 8px;
       display:block;
}

#single_img li.prev {
      float:left;
}

#single_img li.next {
      float:right;
}


#single_txt {
 margin: 0px 0px 0px 720px;
}


#single_txt h3 {
   font-size: 14px;
  line-height: 1.8;
  float: left;
 margin: 1px 63px 1px -21px;
  padding: 3px 6px;
  background: #000;
}


#single_txt p {
  font-size: 14px;
  line-height: 1.8;
  margin: 0px 0px 25px 20px;
  padding: 3px 6px;
  background: #000;
}

p3 {
     color: #fff;
     font-size: 12px;
} 

/*関連エントリー*/

#related {
　margin-top: 30px;
}

#related li {
　display: block;
  float:left;
  width:33%;
  margin-bottom:22px;
  text-align:center;
}

#related li img {
　border: 1px solid #fff;
}


#contents {
   margin: 7px 2px 3px -158px;
   min-width: 1202px;
}

img {
　　border-style：none;
    vertical-align: bottom;
}

a:link {
    text-decoration: none;
 }   /* リンク */
a:visited {                 /* 既に見たリンク */
  text-decoration: none;     /* 下線を消す */
}
a:hover {                   /* カーソルが上にある時のリンク */
  text-decoration: none;     /* 下線を消す */
}