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


/* ----------------------------------------
  Font
---------------------------------------- */

body{
	font-size:10pt;
	color:#fff;
	font-family: 'Lato', "メイリオ" , Meiryo , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
	-webkit-text-size-adjust: 100%;
}


p{
	text-align:justify;
	text-justify:inter-ideograph;	
}

/* ----------------------------------------
  配置
---------------------------------------- */

.left{float:left;display:inline;}
.right{float:right;display:inline;}
.clear{clear:both;}
.clearleft{clear:left;}
.clearright{clear:right;}

.alignleft{text-align:left;}
.aligncenter{text-align:center;}
.alignright{text-align:right;}




/* ----------------------------------------
  文字の大きさ
---------------------------------------- */

.small{font-size:80%;}
.large{font-size:120%;}

/* ----------------------------------------
  行間
---------------------------------------- */

*{
	line-height:1.4em;
}


/* ----------------------------------------
  文字装飾
---------------------------------------- */

strong{#ff4500;}
em{
	font-style:normal;
	font-weight:bold;
}
.bold{font-weight:bold;}
.italic{font-style:italic;}

/* ----------------------------------------
  文字の色
---------------------------------------- */

.red{color:#ff0000;}
.white{color:#fefefe;}
.blue{color:#0000ff;}
.black{color:#000000;}
.orange{color:#ffa500;}


/* ----------------------------------------
  見出し
---------------------------------------- */

h1{display:none;}
h2{font-weight:normal;}


/* ----------------------------------------
  ボーダー
---------------------------------------- */

.border{border:1px solid #ccc;}



/* ----------------------------------------
  引用
---------------------------------------- */

blockquote{}


/* ----------------------------------------
  クリアフィックス
---------------------------------------- */
.clearfix:after {
     content:".";
     height:0;
     clear:both;
     display:block;
     visibility:hidden;
}
.clearfix {
     zoom:100%;
}


/* ----------------------------------------
  フェードイン
---------------------------------------- */

.inviewfadeIn{
	 opacity: 0;
     transition: .8s;
 }

/* ----------------------------------------
  Showcase 小窓
---------------------------------------- */

#content_showcase p.img{float:left; margin-right:10px;}
#content_showcase p.img img{border:1px solid #ccc;}
p.showcase_ttl{color:#323232; font-size:150%; text-align:center; margin-bottom:20px;}
p.showcase_text{font-size:105%; color:#333; line-height:1.8em;}


/* ----------------------------------------
  products 小窓
---------------------------------------- */

#content_products p.img{float:left; margin-right:10px;}
#content_products p.img img{border:1px solid #ddd;}
p.products_ttl{color:#646464; font-size:240%; margin-bottom:20px;}
p.products_ttl2{color:#646464; font-size:150%; margin-bottom:10px;}
p.products_ttl3{color:#646464; font-size:120%; margin-bottom:5px;}
p.products_text{font-size:80%; color:#333; line-height:1.8em;}


#pageTop {

  position: fixed;
  bottom: 20px;
  right: 20px;
}

 

#pageTop a {
  display: block;
  z-index: 999;
  padding:0.5em;
  border-radius: 30px;
  width: 30px;
  height: 30px;
  background-color: #666;
  color: #fff;
  font-size:150%;
  font-weight: normal;
  text-decoration: none;
  text-align: center;
  opacity: 0.7;
}

 

#pageTop a:hover {
  text-decoration: none;
  opacity: 1;
}

p.pdf_icon{
	margin:20px 0;
	padding-left:1.5em;
	background:url(/images/icon_pdf.png) no-repeat left center;
	
}

p.pdf_icon a{color:#03F;}

box a {
position: relative;
}
.box a:hover:after {
content: url(plus-black.png);
z-index:9999;
position: absolute;
bottom: 0;
left: 0;
} 

div.overlay1{
	position:relative;
}

span.overlay2{
	position: absolute; top: 0; left: 0; width: 92%; height:78%;
	opacity: 0;
	-webkit-transition: opacity .3s linear;
	-moz-transition: opacity .3s linear;
	-o-transition: opacity .3s linear;
	transition: opacity .3s linear;
	filter: alpha(opacity=0);
}
span.overlay2:hover {
	opacity: 1;
	filter: alpha(opacity=100);
}
a:hover2 img {
	opacity: .8;
	filter: alpha(opacity=80);
}