1@charset "UTF-8";
/*--------------------------------------
　基礎設定
---------------------------------------*/
html {
  overflow-x: hidden;
  overflow-y: auto;
  width:960px;
}

#viewer {
    width: 650px;
    height: 324px;
  margin:0 0 0 97px;
    position: relative;
  float:left;
}

#viewer img {
    top: 0;
    left: 0;
    position: absolute;
}



body {
  overflow-x: hidden;
  overflow-y: auto;
  font-size: 100%;
  margin: 0;
  background-image:url(../img/mas.png);
  background-repeat: repeat;
}

#wrapper0 {
  height: 100%;
  margin: 0 auto;
  padding: 0;
  width: 960px;
  text-align: left;
}

img {
  vertical-align: top;
  vertical-align: bottom;
}

.ph:hover{
  -webkit-transition:0.25s ease-in-out;
  filter: alpha(opacity=40);
  -moz-opacity:0.4;
  opacity:0.4;
  }

a:link {
  color: #000000;
  text-decoration: none
}

a:visited {
  color: #000000;
  text-decoration: none
}

a:hover {
  text-decoration: none
}

a:active {
  color: #000000;
  text-decoration: none
}

.table1 { 
width: 700px;
border-collapse: collapse;
border: 2px #1C79C6 dotted;
} 

.table1 TD { 
width: 700px;
border: 2px #1C79C6 dotted;
 dotted
} 


/*--------------------------------------
　文字関係
---------------------------------------*/
p {
  font-size: 12px;
  letter-spacing: 0.2em;
  line-height: 150%;
font-family:"メイリオ", Meiryo,  "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

p.example1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 11px;
  letter-spacing: 0.2em;
  line-height: 140%;
}

p.example2 {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 12px;
  letter-spacing: 0.2em;
  line-height: 140%;
}

p.example3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 140%;
  color:#00719F;
}

p.example4 {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 120%;
  color:#00719F;
}

p.example5 {
  margin-top: 7px;
  margin-bottom: 0;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 140%;
}

p.example6 {
  margin-top: 7px;
  margin-bottom: 0;
  font-size: 11px;
  letter-spacing: 0.1em;
  line-height: 140%;
  margin-top: -1em;
  position: absolute;
  top: 50%;
}

p.example7 {
  margin-top: 7px;
  margin-bottom: 0;
  font-size: 11px;
  letter-spacing: 0.1em;
  line-height: 140%;
  color:#888888;
  display: inline-block;
  text-align: left;
}

p.example8 {
  margin-top: 7px;
  margin-bottom: 0;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 140%;
  display: inline-block;
  text-align: left;
}

p.example9 {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 11px;
  letter-spacing: 0.2em;
  line-height: 140%;
}

p.example10 {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 12px;
  letter-spacing: 0.2em;
  line-height: 140%;
}

p.example11 {
  margin-top: 10px;
  margin-bottom: 0;
  font-size: 11px;
  letter-spacing: 0.2em;
  line-height: 140%;
}

p.example12 {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 120%;
  color:#00719F;
}

p.example13 {
  margin-top:0;
  margin-bottom: 0;
  font-size: 10px;
  letter-spacing: 0.1em;
  line-height: 140%;
}

p.example14 {
  margin-top: 5px;
  margin-bottom: 0;
  font-size: 14px;
  letter-spacing: 0.1em;
  line-height: 150%;
}

p.example15 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 12px;
  letter-spacing: 0.2em;
  line-height: 140%;
}

p.example16 {
  margin-top: 7px;
  margin-bottom: 0;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 120%;
}

p.example17 {
  margin-top: 15px;
  margin-bottom: 0;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 120%;
}

p.example18 {
  margin-top: 25px;
  margin-bottom: 0;
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 120%;
}

h1 {
  margin: 0;
}

h2 {
  margin: 0;
}

/*--------------------------------------
　メニュー
---------------------------------------*/
#basket {
  width:180px;
  float:left;
}
#basket h3 {
  margin: 0 0 15px 0;
}

#menu{
  width:180px;
  background-color:rgba(236,236,236,0.60);
  float:left;
  filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fffffff,endcolorstr=#7fffffff,gradienttype=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff)";
  zoom:1;
  font-size:0;
  line-height:1;
}

#menu_up{
  height:46px;
}

#logo{
  float:left;
  margin:10px 0 0 15px;
}

#menu_position{
  float:left;
  margin:5px 0 0 0 ;
}

#menu_low{
  width:180px;
  font-size:0;
  line-height:1;
  float:left;
  clear:left;
}

/*--------------------------------------
　コンテンツ
---------------------------------------*/
#contents {
  float: left;
  margin:0 0 0 120px;
  width: 760px;
}

#top_all{
  margin:23px 0 0 0 ;
  width:820px;
  background-color:rgba(255,255,255,0.50);
  filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fffffff,endcolorstr=#7fffffff,gradienttype=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff)";
  zoom:1;
  }

#top_ph{
  float: left;
  margin:23px 0 0 0 ;
}

#top_text{
  float:left;
  width:400px;
  margin:20px 0 0 0 ;
}

#top_text_2{
  float:left;
  width:360px;
  margin:0 0 0 20px;
}

#left{
  float:left;
}

#page{
  margin:503px 0 0 0 ;
  font-size:0;
  line-height:1;
}

#products_bace{
  margin:0 0 0 0 ;
  width:820px;
  background-color:rgba(255,255,255,0.50);
  filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fffffff,endcolorstr=#7fffffff,gradienttype=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff)";
  zoom:1;
  }

#uc_bace{
  margin:0 0 0 0 ;
  width:820px;
  background-color:rgba(255,255,255,0.50);
  background-color:rgba(255,255,255,0.50);
  filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fffffff,endcolorstr=#7fffffff,gradienttype=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff)";
  zoom:1;
}

#products_text{
  width:400px;
  text-align:center;
  margin:0 0 0 225px;
}

#products_bottin{
  margin:20px 0 0 0;
  float:left;
  width:820px;
  font-size:0;
  line-height:1;
}

#products_bottin_2{
  margin:10px 0 0 0;
  float:left;
  width:820px;
  font-size:0;
  line-height:1;
}

#p_bottin{
  float:left;
  margin:0 0 0 237px;
  font-size:0;
  line-height:1;
}

#processing_bace{
  margin:0 0 0 0 ;
  width:820px;
  background-color:rgba(255,255,255,0.50);
  filter:progid:DXImageTransform.Microsoft.gradient(startcolorstr=#7fffffff,endcolorstr=#7fffffff,gradienttype=0);
  -ms-filter:"progid:DXImageTransform.Microsoft.gradient(startColorstr=#7fffffff,endColorstr=#7fffffff)";
  zoom:1;
  }

#processing_text{
  width:400px;
  text-align:center;
  margin:0 0 0 225px;
}

#processing_bottin{
  margin:20px 0 0 0;
  float:left;
  width:820px;
  font-size:0;
  line-height:1;
}

#processing_bottin_2{
  margin:20px 0 0 0;
  float:left;
  width:820px;
  font-size:0;
  line-height:1;
}

#tophe{
  margin:335px 0 0 920px;
}

li {
  color: #00719F;
}

li span {
  color: #000;
}

ul{
  margin:0 0 0 0 ;
  padding:0 0 0 0 ;
}



/*--------------------------------------
　PEEKフィルム
---------------------------------------*/

#peek_line{
  margin:40px 0 0 120px ;
  clear:left;
}

#zu_01{
  margin:40px 0 0 120px ;
  clear:left;
}

#zu01_a {
  width:600px;
  margin:40px 0 0 135px ;
  clear:left;
}

#zu01_b {
  width:575px;
  margin:40px 0 0 160px ;
  clear:left;
}

#zu_02{
  width:600px;
  margin:0 0 0 130px ;
}

#zu_02_a{
  width:300px;
  float:left;
}

#zu_etc{
  margin:0 0 0 120px ;
  clear:left;
}

#pp{
  float:left;
  width:150px;
}

#ppp{
  float:left;
  margin:0 0 0 20px;
  width:150px;
}

#pp1{
  margin:2em 0 0 0 ;
  float:left;
}

#pp2{
  margin:2em 0 0 0 ;
  float:left;
}

#zu_03{
  width:600px;
  margin:50px 0 0 130px ;
  clear:left;
}

#zu_03_1{
  float:left;
  width:125px;
  margin:0 0 0 20px;
}

#zu_03_2{
  width:600px;
  margin:20px 0 0 0 ;
  float:left;
}



#zu_04{
  margin:70px 0 0 170px ;
}

#page2{
  margin:0 0 0 0 ;
  font-size:0;
  line-height:1;
}

#peek_bace{
  margin:0 0 0 0 ;
  width:820px;
  background-color:rgba(255,255,255,0.50);
}

#peek_text{
  width:400px;
  text-align:center;
  margin:0 0 0 250px;
}

#peek_text_2{
  width:400px;
  text-align:center;
  margin:70px 0 0 220px;
  font-size:0;
  line-height:1;
}

#peek_text_3{
  width:400px;
  text-align:center;
  margin:30px 0 0 0;
  font-size:0;
  line-height:1;file:///Users/super_buter_dog/Desktop/twst_web_uc_20130625_2/img/access_obi.png
}

#peek_text_4{
  width:400px;
  text-align:center;
  margin:0 0 0 235px;
}

#peek_text_6{
  width:450px;
  background-color:#fff222;
}

#peek_low_text{
  width:820px;
}

#peek_low_text_2{
  margin:0 0 0 150px;
  width:510px;
}

#yo{
  height:100px;
}

#yo_2{
  margin:60px 0 0 180px ;
  float:left;
  height:70px;
}

#yo_3{
  height:100px;
  clear:left;
}

#yo_4{
  margin:60px 0 0 300px ;
  float:left;
  height:300px;
}

#yo_5{
  height:10px;
  clear:left;
}

#yo_6{
  height:50px;
  clear:left;
}

#yo_7{
  height:20px;
  clear:left;
}

#ac{
  margin:0 0 0 150px ;
  clear:left;
}


#uc{
  margin:30px 0 0 94px;
}

#left_9{
  float:left;
}


/*--------------------------------------
　ダイレクトホロ
---------------------------------------*/

#dir_text{
  width:600px;
  text-align:center;
  margin:0 0 0 150px;
}

#pr_text_wide{
  margin:0 0 0 180px;
  width:510px;
}


/*--------------------------------------
　ノアクリーン
---------------------------------------*/

#peek_text{
  width:500px;
  text-align:center;
  margin:0 0 0 190px;
}


/*--------------------------------------
　ミカーレゴールド
---------------------------------------*/

#mic_4_1 {
  margin:40px 0 0 135px ;
  float:left;
}

#mic_4 {
  float:left;
}

/*--------------------------------------
　工場設備
---------------------------------------*/

#block{
  width:110px;
  height:120px;
  float:left;
}

#block2{
  width:110px;
  height:120px;
  clear:left;
  float:left;
}

#block3{
  width:110px;
  height:110px;
  float:left;
}

#block_n{
  width:90px;
  height:110px;
  float:left;
}

#block_mini{
  width:110px;
  height:40px;
  float:left;
}

#block_mini2{
  width:90px;
  height:40px;
  float:left;
}

#as_mini2{
  width:110px;
  height:40px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#as_mini{
  width:110px;
  height:40px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#as{
  width:110px;
  height:110px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#as_e{
  width:90px;
  height:90px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#as_n{
  width:90px;
  height:110px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#as2{
  width:300px;
  height:110px;
  display: table-cell;
  vertical-align: middle;
  text-align: left;
  margin:0 0 0 2em;
}

#as_1{
  float:left;
  margin:0 0 0 100px;
}

#block4{
  width:363px;
  height:110px;
  float:left;
}

#as_2{
  width:363px;
  height:110px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#block5{
  width:363px;
  height:120px;
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

#block_line{
  float:left;
}

#block_line2{
  clear:left;
}

#center2{
  margin:0 0 0 110px;
  float:left;
}

#plant_tate{
  float:left;
}

#osaka_map{
  margin:0 0 30px 80px;
  float:left;
}

#bottin_osaka{
  margin:100px 0 0 30px;
  float:left;
}



/*--------------------------------------
　会社概要
---------------------------------------*/

#center{
  text-align:center;
}

#gaiyou{
  margin:50px 0 0 205px;
  clear:left;
}

#gaiyou_n{
  margin:0 0 0 205px;
  clear:left;
}

#gaiyou2{
  margin:30px 0 0 0;
}


/*--------------------------------------
　アクセス
---------------------------------------*/

#gaiyou3{
  margin:80px 0 0 0;
}

#gaiyou_n2{
  margin:30px 0 0 0;
}

#flat_n{
  margin:0 0 0 263px;
  float:left;
}