@charset "UTF-8";
/* 標準可変メディア
   メモ : 可変メディアでは、HTML からメディアの高さおよび幅の属性を削除する必要がある
   http://www.alistapart.com/articles/fluid-images/ 
*/
img, object, embed, video {
	max-width: 100%;
}
/* IE 6 では最大幅がサポートされていないため、デフォルトで幅 100% に設定される */
.ie6 img {
	width:100%;
}

img{
   background-image: url("../img/loading.gif");
   background-repeat: no-repeat;
   background-position: center center;
}

.img_box {
 	margin: 0 auto;
    position:relative;
    display:block;
	width:95%;
    padding:0;
/*    background-color:#333;*/
}

.img_box img {
    z-index:0;
    margin:0;
    padding:0;
}

.img_comment {
    position:relative;
    bottom:0;
    left:0;
    z-index:1;
    margin:0 auto;
    padding:5px;
	color:white;
	font-weight: normal;
    background-color:#333;
}

.img_center {
 	margin: 0 auto;
    display:block;
    padding:0;
}

.opa  {
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}


/*
	Dreamweaver 可変グリッドプロパティ
	----------------------------------
	dw-num-cols-mobile:		5;
	dw-num-cols-tablet:		8;
	dw-num-cols-desktop:	10;
	dw-gutter-percentage:	25;
	
	以下からヒントを入手 : Ethan Marcotte 氏の「レスポンシブ Web デザイン」 
	http://www.alistapart.com/articles/responsive-web-design
	
	および Joni Korpi 氏の「Golden Grid System」
	http://goldengridsystem.com/ 
*/

header, footer, nav{
	display:block;
}

a{
	color:#d21076;
	text-decoration:none;
}

a:focus{
	outline:thin dotted;
}

a:hover,a:active{
	outline:0;
}

.pos_center{
	margin:0 auto 0 auto;
}

#repo_pdf{
	clear:both;
	width: 100%;
	margin:0 auto !important;
	display: block;
	text-align:center;
}

#loader{
	width:60px;
	height:60px;
	position:fixed;
	top:50%;
	left:50%;
	margin:-25px 0 0 -25px;
	z-index:1100;
}

#fade{
	width:100%;
	height:100%;
	background-color:#fff;
	position:fixed;
	top:0px;
	left:0px;
	z-index:1000;
}


#title_area{
	padding-top:0;
	display: block;
}

#title_area img{
	display: block;
}

#title_area h1{
	font-size:100%;
	color: #666666;
	margin-left: auto;
	margin-right: auto;
	padding-top:0;
	padding-left: 1.82%;
	padding-right: 1.82%;
	display: block;
}

#title_area h3.titlecaption{
	float:left;
	display: inline-block;
	font-size: 80%;
	border: 1px solid rgb(255,153,51);
	background-color: rgb(255,153,51);
	padding: 1.5%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	overflow: auto;
}

#title_area h1{
	float:left;
	width:80%;
	font-size:120%;
	color: #393939;
	padding: 1%;
	padding-left: 2%;
	display: inline-block;
}

#title_area title_area_line{
	clear: both;
	display: block;
	padding-top:5px;
}

#seminar img.pdf_img{
	width:90%;
	border:1px solid #ccc;
	padding:2px;
}

#testing img.pdf_img{
	width:90%;
	border:1px solid #ccc;
	padding:2px;
}

#footer_area p {
	margin: 0;
	padding: 0;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
/*	color:#003366;*/
	color: #3b3b3b;
	line-height:1.1;
/*	border:#FF0000 solid 1px;
*/}

#footer_area p {
	display:inline;
/*	float:right;*/
	margin-left:20px;
}

#footer_area a:link {
	color: #003366;
	text-decoration:underline;
	text-decoration:none;
	background: transparent;
}
#footer_area a:visited {
	color: #455666;
	color: #003366;
	text-decoration:none;
}
#footer_area a:hover {
/*	color: #00a0e9;*/
	color: #455666;
	text-decoration:underline;
}


h3.form_title{
	display: inline-block;
	font-size: 100%;
	font-weight: bold;
	min-width:100%;
	margin:0 auto;
	text-align:center;
	border: 1px solid rgb(100,150,255);
	background-color: rgb(100,150,255);
	padding: 2%;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	-o-border-radius: 25px;
	-ms-border-radius: 25px;
	border-radius: 25px;
	overflow: auto;
}


.to_dk_asobiba{
	margin:0 auto;
	width:250px;
}

.to_dk_asobiba a{
	display:block;
	margin:0 auto;
	width:100%;
}

.to_dk_asobiba img:hover{
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
	background-color:rgba(255,255,255,0.5);
	-webkit-transition-property: background;
	-webkit-transition-duration: 0.5s;
	-webkit-transition-timing-function: ease;
}

/* モバイルレイアウト : 480 px およびそれ以下. */

.gridContainer {
	margin-left: auto;
	margin-right: auto;
	width: 87.36%;
	padding-left: 1.82%;
	padding-right: 1.82%;
}
#LayoutDiv1 {
	position: fixed;
	top: 0px;
	left: 0px;
	clear: both;
	margin-left: 0;
	width: 100%;
	display: block;
}
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#nav {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#intro {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#figure {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#products {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#aside {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mainimg {
	clear: both;
	float: left;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#nav_pos{
	clear: both;
	float: none;
	padding: 0;
	margin: 0;
	width:100%;
	height:50px;
	display: block;
	position:fixed;
	top:0;
	left:0;
	overflow:auto;	
	background-color:#393939;
	background-color:rbga(57,57,57,0.5);
}

	
#gnavi {
	clear: both;
	width: 100%;
	display: block;
}

#wrapper {
}	

#content_area {
	clear: both;
	float: none; /*smartphone*/
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	width: 100%;
	display: block;
}

p.leadarea{
	display: block;
	width: 90%;
	font-size: 100%;
	margin:0 auto 0 auto !important;
	border: 1px solid rgb(255,204,102);
	background-color: rgb(255,204,102);
	
	padding: 2%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	overflow: auto;
}

h1.sec_title{
	position:relative;
	height:40px;
	margin:10px;
	padding:0;
	padding-left:35px;
	font-size:150%;
	font-weight:bold;
	color: #393939;
	background:#f3f3f3;
	z-index:1;
}

h1.sec_title:before{
	content:" ";
	position:absolute;
	top:0;
	left:-20px;
	width:40px;
	height:40px;
	border-right:#fff solid 2px;
	background-color:#0099ff;
/*	background:#f60;*/
    background-image: -webkit-gradient(linear, left top, left bottom,
			from(			 rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.6)), 
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(top,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to bottom,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
			z-index:-1;
}

h1.sec_title:after{
	content:" ";
	position:absolute;
	top:0;
	left:-20px;
	width:40px;
	height:40px;
    background-image: -webkit-gradient(linear, left top, right top,
			from(			 rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.0)), 
			color-stop(0.20, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.1)), 
			color-stop(0.40, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.3)), 
			color-stop(0.60, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.5)), 
			color-stop(0.80, rgba(255, 255, 255, 0.6)), 
			to(				 rgba(255, 255, 255, 0.6))
			);
	background-image: -webkit-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -moz-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: -o-linear-gradient(left,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
	background-image: linear-gradient(to right,
			transparent 20%,
			rgba(255, 255, 255, 0.1) 20%, 
			rgba(255, 255, 255, 0.1) 40%, 
			rgba(255, 255, 255, 0.3) 40%, 
			rgba(255, 255, 255, 0.3) 60%, 
			rgba(255, 255, 255, 0.5) 60%, 
			rgba(255, 255, 255, 0.5) 80%, 
			rgba(255, 255, 255, 0.6) 80%, 
			rgba(255, 255, 255, 0.6) 100%
			);
			z-index:-1;
}





#bgheader{
/*	background-image:url(./img/bg_header.png);
	background-repeat:no-repeat;
	min-height:200px;*/
	display: block;
	padding-top:60px;
	width:100%;
}

#bgheader h2{
	font-size:100%;
	color: #666666;
	width:100%;
	display: block;
}

h2.ques{
	font-size: 120%;
	width:90%;
	color:#0099ff;
	padding-top:5%;
}

h2.ques:before{
	content: 'Q ';
	font-size: 210%;
	color:#ff9999;
}

p.ans{
	font-size: 100%;
	width:90%;
	color:#393939;
}

p.ans:before{
	content: 'A ';
	font-size: 210%;
	color:#0099ff;
}


#enq h1:before {

}

#testing{
	width:95%;
	display: block;	
}

img.photo_img{
	display: block;
	width:95%;
	border:1px solid #ccc;
	padding:2px;
}


#testing p.stararea{
	display: block;
	.pos_center;
	width: 95%;
	font-size: 120%;
	font-weight: bold;
	border: 1px solid rgb(200,200,200);
/*	background-color: rgb(140,200,250);*/
	background-color:rgba(0,153,255,0.5);
	padding: 2%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	overflow: auto;
}

#testing img.star_img{
	.pos_center;
	margin:0 auto;
	display: block;
	padding:2px;
}

#testing .comment_box {
    position: relative;
    background: #efefef;
/*    height: 60%;*/
    width: 100%;
    margin-bottom: 2%;
	padding-bottom:2%;
    border: 1px solid #999;
}
 
#testing .comment_box p{
	padding:2%;
	font-size: 100%;
	margin:3%;
} 
 
 
div .comment_box font.comment-date{
	text-align:right;
	font-size:81.25%;
}
 
#testing .comment_box:after {
    content: '';
    position: absolute;
    border-bottom: 10px solid #efefef;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: -9px;
    left: 30px;
}
 
#testing .comment_box:before {
    content: '';
    position: absolute;
    border-bottom: 10px solid #999;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: -11px;
    left: 30px;
}

#testing .comment_box-guest-img{
	font-size:90%;
	font-weight: bold;
	padding-top:5%;
	line-height:1.0;
}

#testing .comment_box-guest-img img{
	border:1px solid #ccc;padding:2px;
}

#enq .comment_box {
    position: relative;
    background: #efefef;
/*    height: 60%;*/
    width: 100%;
    margin-bottom: 2%;
	padding-bottom:2%;
    border: 1px solid #999;
}
 
#enq .comment_box:after {
    content: '';
    position: absolute;
    border-bottom: 10px solid #efefef;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: -9px;
    left: 30px;
}
 
#enq .comment_box:before {
    content: '';
    position: absolute;
    border-bottom: 10px solid #999;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;
    top: -11px;
    left: 30px;
}

#enq .comment_box p{
	padding:2%;
	font-size: 100%;
	margin:3%;
} 

#enq .comment_box-guest-img{
	font-size:90%;
	font-weight: bold;
	padding-top:5%;
	line-height:1.0;
}

#enq .comment_box-guest-img img{
	border:1px solid #ccc;padding:2px;
}

#to_order{
  line-height:1.6;	
}

#to_order p.leadarea{
  padding:1% 1% 1% 1%;
  font-size:100%;
}

#to_order p.showitem{
  font-size:100%;
  display: block;
  border:1px solid #393939;
  padding:2%;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
}

#to_order p.showitem img{
	margin:0px auto;
	text-align:center;
}

#to_order :required {
  border-color: #3FA9F5;
  -webkit-box-shadow: 0 0 5px rgba(63, 169, 245, .9);
  -moz-box-shadow: 0 0 5px rgba(255, 123, 172, .5);
  -o-box-shadow: 0 0 5px rgba(255, 123, 172, .5);
  -ms-box-shadow: 0 0 5px rgba(255, 123, 172, .5);
  box-shadow: 0 0 5px rgba(255, 123, 172, .5);
}

#to_order form {
  font-size:110%;
  width:100%;
  margin: 0px auto;
}



#to_order input[type=text] {
  border:1px solid #CCC;
  font-size:100%;
  min-height:30px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 15px;
  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
}

#to_order input[type=text].longcol {
  width:80%;
}

#to_order input[type=text].shortcol {
  width:60px;
}

#to_order input[type=checkbox] {
  font-size:120%;
  padding-top: 0px;
  margin-top: 0px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 15px;
}

#to_order select {
  min-height:30px;
  border:1px solid #ccc;
  -webkit-box-shadow: 0 0 5px rgba(63, 169, 245, .9);
  -moz-box-shadow: 0 0 5px rgba(255, 123, 172, .5);
  -o-box-shadow: 0 0 5px rgba(255, 123, 172, .5);
  -ms-box-shadow: 0 0 5px rgba(255, 123, 172, .5);
  box-shadow: 0 0 5px rgba(255, 123, 172, .5);
}

#to_order input[type=submit] {
/*  background:none;*/
  padding:10px;
}

h2.compname{
	width:90%;
	margin:0 auto;
	position:relative;
	padding:5px 20px;
	font-size:180%;
	color:#393939;
	background:#fff;
/*	text-shadow:
		1px 1px 0 #fff,
		2px 2px 0 #333333;*/
	border-top:#666666 solid 3px;
	border-bottom:#666666 solid 3px;
    background-image: -webkit-gradient(linear, left top, right bottom,
			from(			rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(255, 255, 255, 0.0)), 
			color-stop(0.4, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(0, 0, 0, 0.1)), 
			color-stop(0.6, rgba(255, 255, 255, 0.0)),
			to(				rgba(255, 255, 255, 0.0))
			);
	background-image: -webkit-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -moz-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: -o-linear-gradient(top -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-image: linear-gradient(to bottom -45deg,
			transparent 40%,
            rgba(0, 0, 0, 0.1) 40%,
            rgba(0, 0, 0, 0.1) 60%,
            transparent 60%
			);
	background-size:4px 4px;
}

h2.compname:before{
	content:" ";
	position:absolute;
	top:100%;
	left:24px;
	width:0;
	height:0;
	border-width:12px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#666666;
}

h2.compname:after{
	content:" ";
	position:absolute;
	top:100%;
	left:28px;
	width:0;
	height:0;
	border-width:8px;
	border-style:solid;
	border-color:transparent;
	border-top-color:#f0f0f0;
	z-index:1;
}


.ev_chart{
  display: block;
  margin:0 atuo 0 auto;
  padding:0;
}


#anemoi_club{
  line-height:1.6;
}

#anemoi_club p.leadarea{
  padding:1% 1% 1% 1%;
  font-size:100%;
}

#anemoi_club form {
  font-size:110%;
  width:100%;
  margin: 0px auto;
}

#anemoi_club input[type=text] {
  border:1px solid #CCC;
  font-size:100%;
  min-height:30px;
  margin-left: 5px;
  margin-right: 5px;
  margin-bottom: 15px;

  -webkit-border-radius:5px;
  -moz-border-radius:5px;
  -o-border-radius:5px;
  -ms-border-radius:5px;
  border-radius:5px;
}

#anemoi_club input[type=text].longcol {
  width:80%;
}

#anemoi_club input[type=text].shortcol {
  width:60px;
}

#anemoi_club :required {
  border-color: #3FA9F5;
  -webkit-box-shadow: 0 0 5px rgba(63, 169, 245, .9);
  -moz-box-shadow: 0 0 5px rgba(255, 123, 172, .5);
  -o-box-shadow: 0 0 5px rgba(255, 123, 172, .5);
  -ms-box-shadow: 0 0 5px rgba(255, 123, 172, .5);
  box-shadow: 0 0 5px rgba(255, 123, 172, .5);
}

#anemoi_club input[type=submit] {
/*  background:none;*/
  padding:10px;
}

#title_area ul li{
	display:none;
}

div .sentence{
	clear: both;
	display: inline-block;
}

#seminar{
	width:100%;
	display: block;
}

#seminar p.leadarea{
	display: block;
	width: 85%;
	font-size: 100%;
	margin:0 auto 0 auto !important;
	border: 1px solid rgb(255,204,102);
	background-color: rgb(255,204,102);
	padding: 2%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	-o-border-radius: 5px;
	-ms-border-radius: 5px;
	border-radius: 5px;
	overflow: auto;
}

#seminar img.pdf_img{
	border:1px solid #ccc;
	padding:2px;
}

#testing img.pdf_img{
	border:1px solid #ccc;
	padding:2px;
}

#seminar p.speaker{
	float: none;
	width:30%;
	font-weight: bold;
	font-size: 90%;
	line-height: 1.4;
	display:block;
	text-align:left;
	padding: 0;
	padding-top: 1%;
	padding-right: 3%;
	padding-left: 1%;
	margin: 0;
}

#seminar p.context{
	float: none;
	width:70%;
	font-size: 100%;
	line-height: 1.4;
	word-break:normal;
	word-wrap:break-word;
	line-break: strict;
	display:block;
	margin: 0;
	padding-left:15%;
	padding-bottom: 5%;
}

#seminar p.context_all{
	float: none;
	width: 95%;
	font-size: 100%;
	line-height: 1.4;
	word-break: normal;
	word-wrap: normal;
	line-break: strict;
	display: block;
	margin: 0;
	padding: 2% 0 8% 0;
}


#adarea{
	clear: both;
	float: none;
	padding: 0;
	margin: 0;
	width:100%;
	display: block;
	position:fixed;
	bottom:0;
	left:0;
	z-index:1;
}

/* タブレットレイアウト : 481 px ～ 768 px。モバイルレイアウトからスタイルを継承。 */

@media only screen and (min-width: 481px) {

.gridContainer {
	width: 90.675%;
	padding-left: 1.1625%;
	padding-right: 1.1625%;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 35.8974%;
	display: block;
}
#nav {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 61.5384%;
	display: block;
}
#intro {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.7179%;
	display: block;
}
#figure {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 48.7179%;
	display: block;
}
#products {
	clear: both;
	float: left;
	margin-left: 0;
	width: 61.5384%;
	display: block;
}
#aside {
	clear: none;
	float: left;
	margin-left: 2.5641%;
	width: 35.8974%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#mainimg {
	clear: both;
	float: left;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}
#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#gnavi {
/*	clear: none;
	float: left;
	padding-top:10%;
	margin-left: 0;
	width: 100%;
	display: block;*/

	font-size: 100%;
	font-weight: bold;

	clear: none;
	float: left;
	padding-top:3%;
	margin-left: 0;
	width: 20%;
	display: block;
	position:fixed;
	top:0;
	left:800px;
	overflow:auto;	
}

#content_area {
	clear: both;
	float: left;
	margin: 0 auto; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	background-image:url(../img/bg_body.png);
	background-repeat:repeat-y;
	width: 100%;
	display: block;
}

#wrapper {
	background-image:url(../img/Melamine-wood-003.png);
	background-repeat:repeat;
}	

#bgheader{
/*	background-image:url(./img/bg_header.png);
	background-repeat:no-repeat;
	min-height:200px;*/
	padding-top:65px;
	padding-left:65px;
	display: block;
	width:80%;
}

#bgheader h2{
	width:100%;
	font-size:100%;
	color: #666666;
	display: block;
}

#title_area span{
	display: none;
}

#title_area ul li{
	width:160px;
	height:160px;	
	display:inline-block;
	padding-left:1%;
}

#title_area ul li a{
	float:left;
	display:block;
	-webkit-transition:all 0.25s ease-in-out 0s;
	transition:all 0.25s ease-in-out 0s;
}

#body_area{
	clear: both;
/*	background-image:url(./img/bg_body.png);
	background-repeat:repeat-y;*/
	padding-left:65px;
	max-width:600px;
	display: block;
}

#bgfooter{
/*	background-image:url(./img/bg_footer.png);
	background-repeat:no-repeat;*/
	min-height:150px;
	display: block;
}


#seminar img.pdf_img{
		width:580px;
}

#testing img.pdf_img{
		width:580px;
}

#testing .comment_box p{
	padding:1%;
} 

#enq .comment_box p{
	padding:1%;
} 

#seminar p.speaker{
	float: left;
	width:10%;
	text-align:right;
	font-size: 110%;
	line-height: 1.8;
	padding: 0;
	padding-top: 1%;
	padding-right: 3%;
}

#seminar p.context{
	float: left;
	width:77%;
	font-size: 110%;
	line-height: 1.8;
	padding:1% 0 5% 0;
}

#seminar p.context_all{
	float: none;
	width:95%;
	font-size: 110%;
	line-height: 1.8;
	padding:1% 1% 5% 1%;
}

#testing{
	width:90%;
	display: block;	
}


#testing p.stararea{
	width: 90%;
	font-size: 130%;
	font-weight: bold;
}

#testing .comment_box-guest-img{
	font-size:81.25%;
}

#testing .comment_box {
    width: 90%;
}

#enq to_order .comment_box {
    width: 90%;
}

/*
div .comment_area{
	clear: both;
	position:relative;
	color:#000;
}

div .comment_area ul{
	padding-left:75px;
	list-style-type:none;
}

div .comment_area li.comment-text-top{
	padding:0 0 47px 0;
	background:url(../img/comment_bg_a.png) top left no-repeat;
}

div .comment_area li.comment-text-bottom{
	padding:0 0 27px 0;
	background:url(../img/comment_bg_c.png) bottom left no-repeat;
}

div .comment_area li.comment-text{
	margin:0;
	padding:0 90px 0 35px;
	ine-height:1.8;
	word-break:normal;
	word-wrap:break-word;
	line-break: strict;
	background:url(../img/comment_bg_b.png) bottom left repeat-y;
}


div .comment_area li.comment-text font.comment-date{
	text-align:right;
	font-size:81.25%;
}

div .comment_area .comment-guest-img{
	position:absolute;top:26px;
	left:14px;
	font-size:81.25%;
	text-align:center;
}

div .comment_area .comment-guest-img img{
	border:1px solid #ccc;padding:2px;
}
*/




/*

#gnavi ul li a{
	float:left;
	-webkit-transition:all 0.25s ease-in-out 0s;
	transition:all 0.25s ease-in-out 0s;
}


#gnavi ul li#nav_top a{
	display:block;
	width:100px;
	height:50px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../img/gnavi.png) no-repeat -4px -12px;
}

#gnavi ul li#nav_seminar a{
	display:block;
	width:100px;
	height:50px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../img/gnavi.png) no-repeat -116px -12px;
}

#gnavi ul li#nav_testing a{
	display:block;
	width:100px;
	height:50px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../img/gnavi.png) no-repeat -243px -12px;
}

#gnavi ul li#nav_enq a{
	display:block;
	width:120px;
	height:50px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../img/gnavi.png) no-repeat -368px -12px;
}


#gnavi ul li#nav_top a:hover{
	background-position:-4px -52px;
}

#gnavi ul li#nav_seminar a:hover{
	background-position:-116px -52px;
}

#gnavi ul li#nav_testing a:hover{
	background-position:-243px -52px;
}
#gnavi ul li#nav_enq a:hover{
	background-position:-368px -52px;
}

#gnavi ul li#nav_ev_oisix a{
	display:block;
	width:100px;
	height:50px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../img/gnavi2.png) no-repeat -8px -10px;
}

#gnavi ul li#nav_ev_daichi a{
	display:block;
	width:100px;
	height:50px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../img/gnavi2.png) no-repeat -115px -10px;
}

#gnavi ul li#nav_ev_pal a{
	display:block;
	width:133px;
	height:50px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../img/gnavi2.png) no-repeat -229px -10px;
}

#gnavi ul li#nav_ev_radhi a{
	display:block;
	width:125px;
	height:50px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../img/gnavi2.png) no-repeat -373px -10px;
}

#gnavi ul li#nav_ev_oisix a:hover{
	background-position:-8px -52px;
}

#gnavi ul li#nav_ev_daichi a:hover{
	background-position:-115px -52px;
}

#gnavi ul li#nav_ev_pal a:hover{
	background-position:-229px -52px;
}

#gnavi ul li#nav_ev_radhi a:hover{
	background-position:-373px -52px;
}


#gnavi ul li#nav_order a{
	display:block;
	width:181px;
	height:50px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../img/gnavi3.png) no-repeat -17px -13px;
}

#gnavi ul li#nav_anemoi_club a{
	display:block;
	width:181px;
	height:50px;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
	background:url(../img/gnavi3.png) no-repeat -242px -13px;
}

#gnavi ul li#nav_order a:hover{
	background-position:-17px -68px;
}

#gnavi ul li#nav_anemoi_club a:hover{
	background-position:-242px -68px;
}
*/

/*
#gnavi ul li.act{
	background:url(./img/li_disc.png) no-repeat 5px;
}
*/
/*
#gnavi ul li.act#nav_top a{
	background-position:-4px -52px;
}

#gnavi ul li.act#nav_seminar a{
	background-position:-116px -52px;
}

#gnavi ul li.act#nav_testing a{
	background-position:-243px -52px;
}

#gnavi ul li.act#nav_enq a{
	background-position:-368px -52px;
}
*/

#testing p.leadarea{
	width: 90%;
	padding: 2%;
}

.ev_chart{

}

#enq .comment_box-guest-img{
	font-size:81.25%;
}

#enq .comment_box {
    width: 90%;
}

#to_order form {
  font-size:110%;
  width:60%;
  margin: 20px auto;
}

#to_order p.leadarea{
	width: 90%;
	padding: 2%;
}

#to_order{
  line-height:1.6;
}

#to_order input[type=text] {
  font-size:120%;
  min-height:30px;
}

#to_order input[type=text].longcol {
  width:90%;
}

#to_order input[type=text].shortcol {
  width:20%;
}

#anemoi_club p.leadarea{
	width: 90%;
	padding: 2%;
}

#anemoi_club form {
  font-size:110%;
  width:60%;
  margin: 20px auto;
}

#anemoi_club input[type=text] {
  font-size:120%;
  min-height:30px;
}

#anemoi_club input[type=text].longcol {
  width:90%;
}

#anemoi_club input[type=text].shortcol {
  width:20%;
}

.to_dk_asobiba{
	margin:0 auto;
	width:80%;
}

h1.sec_title{
	font-size:220%;
	font-weight:normal;
}


}

/* デスクトップレイアウト : 769 px ～最大 1232 px。モバイルレイアウトとタブレットレイアウトからスタイルを継承。 */

@media only screen and (min-width: 769px) {

.gridContainer {
	width: 88.2%;
	max-width: 1232px;
	padding-left: 0.9%;
	padding-right: 0.9%;
	margin: auto;
}
#LayoutDiv1 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}
#logo {
	clear: both;
	float: left;
	margin-left: 0;
	width: 28.5714%;
	display: block;
}
#nav {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 69.3877%;
	display: block;
}
#intro {
	clear: both;
	float: left;
	margin-left: 0;
	width: 48.9795%;
	display: block;
}
#figure {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 48.9795%;
	display: block;
}
#products {
	clear: both;
	float: left;
	margin-left: 0;
	width: 59.1836%;
	display: block;
}
#aside {
	clear: none;
	float: left;
	margin-left: 2.0408%;
	width: 28.5714%;
	display: block;
}
#footer {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#mainimg {
	clear: both;
	float: left;
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 100%;
}

#LayoutDiv2 {
	clear: both;
	float: left;
	margin-left: 0;
	width: 100%;
	display: block;
}

#nav_pos{
	display: none;
}

#bgheader{
	padding-top:1%;
	padding-left:65px;
	display: block;
	width:80%;
}

#bgheader h2{
	width: 580px;
	font-size: 110%;
	color: #666666;
	display: block;
	overflow: auto;
	text-wrap: normal;
}


#gnavi {
	clear: none;
	float: left;
	padding-top:1%;
	margin-left: 0;
	width: 22%;
	display: block;
	position:fixed;
	top:0;
	left:775px;
	overflow:auto;
/*	margin:30px 0 0 -100px;*/
}


#gnavi li{
	font-size:100%;
	font-weight:bold;
		
/*	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "HG丸ゴシックM-PRO", "HGPゴシックM", "メイリオ", Meiryo, sans-serif;*/
	line-height: 1;

	width:90%;
/*	float:none;*/
	overflow:hidden;
	list-style: none;
	height: 2.0em;
	padding:0.5em;
	margin-bottom: 1.0em;
	position: relative;
}

#gnavi li a {	
	text-decoration: none;

	width:100%;

	display: block;
	color: #222;
	position: absolute;
	overflow:hidden;
	
	background-color:#ff9999;
	background-color:rgba(255,153,153,0.7);

	-webkit-border-radius:30px;
	-moz-border-radius:30px;
	-o-border-radius:30px;
	-ms-border-radius:30px;
	border-radius:30px;	

	white-space:nowrap;
	cursor:pointer;
	padding:7px;
	padding-left:15px;

/*	width: 20%;
	padding: 5px 10px 5px 25px;
	background-color:rbga(#fff,0);
*/
/*	background: url(img/nav04.gif) repeat-y -300px 0;*/
}

#gnavi li a:hover {	
	background-color:#0099ff;
	background-color:rgba(0,153,255,0.9);
	font-size:120%;
	height: 2.5em;
	color:#fff;

	-webkit-border-radius:0px;
	-moz-border-radius:0px;
	-o-border-radius:0px;
	-ms-border-radius:0px;
	border-radius:0px;	

	-webkit-transition-property: background, font-size;
	-webkit-transition-duration: 0.25s;
	-webkit-transition-timing-function: ease-in-out;
}


#gnavi li span {
	position: absolute;
	left: 0;
	top: 3.0em;
	white-space: nowrap;
}

#gnavi li span a {
	color: #0099ff;
	padding: 0.5em;
}


#content_area {
	clear: both;
	float: left;
	margin-left: 0;
	background-image:url(../img/bg_body.png);
	background-repeat:repeat-y;
	width: 80%;
	display: block;
}

#adarea{
	clear: both;
	float: none;
	padding: 0;
	margin: 0;
	width:100%;
	display: block;
	position:relative;
}


}
