@charset "UTF-8";

#company{
width:1200px;
margin:10px auto 0 auto;
font-size:18px;
}

dt{
font-size:18px;
}

#history{
width:1200px;
margin:10px auto 50px auto;
}

#detail{
width:1100px;
margin:10px auto 50px auto;
}

/* 5件画像記事
------------------------------------------------------------*/
.thumbWrap5{
width:1100px;
margin:20px 0;
}

.thumbWrap5 li{
width:19%;
margin:0;
padding:2px 0 40px;
background:none;
text-align:center;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
}

.thumbWrap5 li p{
font-size:100%;
}

.thumbWrap5 li img{
margin:5px auto;
width:96%;
height:auto;
display: block;
padding: 0;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
opacity: 1;
}

.thumbWrap5 li a img{
margin:5px auto;
width:96%;
height:auto;
display: block;
padding: 0;
-webkit-transition: 0.2s ease-in-out;
-moz-transition: 0.2s ease-in-out;
-ms-transition: 0.2s ease-in-out;
-o-transition: 0.2s ease-in-out;
transition: 0.2s ease-in-out;
opacity: 1;
}

.thumbWrap5 li a:hover img {
-webkit-transform: scale(1.1, 1.1);
-moz-transform: scale(1.1, 1.1);
-ms-transform: scale(1.1, 1.1);
-o-transform: scale(1.1, 1.1);
transform: scale(1.1, 1.1);
opacity: 1;
}

.thumbWrap{
width:96%;
margin:10px auto;
}

.thumbWrap li{
float:left;
width:30%;
margin:2px 5px;
padding:2px 0 40px;
background:none;
float:left;
}

.thumbWrap li img{
margin:0;
width:100%;
height:auto;
}


@media only screen and (max-width:1100px){
.thumbWrap5{
width:96%;
margin:20px auto;
}
}

@media only screen and (max-width:900px){
.thumbWrap5 li{
width:48%;
margin:0;
padding:2px 0 40px;
background:none;
text-align:center;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
float:left;
}
}

@media only screen and (max-width:900px){
.thumbWrap li{
width:48%;
margin:0;
padding:2px 0 20px;
background:none;
text-align:center;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
float:left;
}
.thumbWrap li img{
width:98%;
margin:0 auto;
}
}

#detail table {
width:96%;
border: 1px #8d7066 solid;
border-collapse: collapse;
border-spacing: 0;
margin:10px auto 20px;
}

#detail th{
padding:10px 10px 10px 5px;
border: #8d7066 solid;
border-width: 0 0 1px 1px;
}

#detail td{
padding:10px 10px;
border: 1px #8d7066 solid;
border-width: 0 0 1px 1px;
background:#fff;
}

#detail .pd_table {
width:96%;
border: 1px #8d7066 solid;
border-collapse: collapse;
border-spacing: 0;
margin:0 auto 20px;
float:left;
}

.thanks {
color:#333333;
font-size:17px;
line-height:2.2;
margin-bottom:30px;
}

.glay {
background-color:#999999;
color:#FFFFFF;
font-size:20px;
text-align:center;
margin-bottom:30px;
}

.company{
font-size:17px;
line-height:2.2;
}

p.main_text{
width:96%;
padding-left:5px;
font-size:16px;
text-align:left;
}

img.alignright, img.alignleft{
padding:0;
margin:0;
display:inline;
}

img.alignleft{margin: 0 15px 0 0;}

.alignright{float:right;}
.alignleft{float: left;}

.go_page{
padding:10px 20px;
background:#FFFFFF;
margin:30px auto 10px auto;
border:2px solid #000000;
color:#000000;
text-align:center;
font-size:100%;
width:300px;
line-height:3.5;
}

@media only screen and (max-width: 1200px){
#history{
width:100%;
margin:10px auto 30px auto;
}
#detail{
width:96%;
margin:10px auto 30px auto;
}
}

@media only screen and (max-width: 1000px){
#company{
width:100%;
margin:10px auto 30px auto;
font-size:15px;
}
#detail{
width:94%;
margin:10px auto 30px auto;
font-size:15px;
}
}

@media only screen and (max-width: 681px){
.siyou img{
width:98%;
margin:0 auto;}
}

@media only screen and (max-width: 640px){
.company{
font-size:15px;
}
.go_page{
padding:10px 10px;
background:#FFFFFF;
margin:40px auto 10px auto;
border:2px solid #000000;
color:#000000;
text-align:center;
font-size:100%;
width:260px;
line-height:3.5;
}
}