/* html5doctor.com Reset v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/) - http://cssreset.com */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
nav ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0}
input,select{vertical-align:middle}



body {
  font-family: Verdana , Osaka , "ＭＳＰゴシック" , sans-serif;
  color: #555555;
  font-size: 12px;
  margin-bottom: 50px;
}



#header {
  background: #fff;
  height:40px;
  padding: 6px 0 0;
  border-bottom: 1px solid #aa8b8b;
}
.header_inner {
  width: 900px;
  height:31px;
  margin: 0 auto 0 auto;
}
h1 a {
  display: block;
  background: url(img/header_title.png) no-repeat;
  text-indent: -9999px;
  width: 231px;
  height: 31px;
  behavior: url(pie/PIE.htc);
}






#topimg {
  background: url(img/bg.png);
  height: 700px;
}
#topimg p {
    position: relative;
    width: 900px;
    margin: 0 auto;
    behavior: url(pie/PIE.htc);
}
#topimg img {
  position: absolute;
  top: -15px;
}
#topimg{
    -webkit-box-shadow: 0 10px 0 -7px #efefef;
       -moz-box-shadow: 0 10px 0 -7px #efefef;
            box-shadow: 0 10px 0 -7px #efefef;
}


#sample {
  width: 900px;
  margin: 66px auto 30px auto;
  text-align: center
}
#sample {
  font-size: 15px;
}

p.comitia {
  background: url(img/comitia.png) no-repeat;
  width: 651px;
  height: 30px;
  text-indent: -9999px;
  margin: 0 auto;
  behavior: url(pie/PIE.htc);
}
p.space {
  clear:both;
  font-size: 15px;
  text-align: left;
  background: url(img/hanamaru.png) no-repeat;
  width: 350px;
  height: 120px;
  margin: 0 auto;
  padding: 22px 0 0 65px;
  line-height: 1.4;
  behavior: url(pie/PIE.htc);
}

ul.sample {
  text-align: center;
  margin: 40px 0;
}
ul.sample li {
  display: inline;
  margin-left: 40px;
}





.pic {
  float: left;
  height: 104px;
  width: 104px;
  overflow: hidden;
  margin: 43px 45px 50px 0;
  behavior: url(pie/PIE.htc);
}
.pic01 {
  margin-right: 50px;
}
/*TILT*/
.tilt {
  -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.tilt:hover {
  -webkit-transform: rotate(-10deg);
     -moz-transform: rotate(-10deg);
       -o-transform: rotate(-10deg);
      -ms-transform: rotate(-10deg);
          transform: rotate(-10deg);
}





#content {
  width: 800px;
  margin: 0 auto 100px auto;

}


div.member {
  margin-right: 20px;
  padding-bottom: 100px;
}
div.member dl {
  margin:15px 0 -10px 0;
  float: left;
  width: 155px;
  text-align: left;
  line-height: 1.4;
}

div.member dl dt {
  position: relative;
  width: 60px;
  margin-bottom: 5px;
  padding-top: 5px;
  padding-left: 47px;
  font-weight: bold;
/* ------------------------------
  border-top: 1px dotted #ACACAC;
------------------------------ */
}

div.member dl dt.firstChild,
dl.serviceList dt:first-child {
  border-top: 0;
  padding-top: 0;
}

div.member dl dt img {
  position: absolute;
  top: 0px;
  left: 0;
}

div.member dl dt.firstChild img,
div.member dl dt:first-child img {
  top: 0;
}

div.member dl dd {
  margin-bottom: -43px;
  padding-left: 65px;
  height: 100px;
  border: 0;
}

div.member dl > dd {
  min-height: 100px;
  height: auto;
}





#footer {
  width: 46px;
  height: 48px;
  margin: 0 auto;
  background: url(img/usa.png) no-repeat;
  behavior: url(pie/PIE.htc);
}








#content h2 {
  margin: 20px 0 5px 10px;
  text-indent: -9999px;
  background-repeat: no-repeat;
  background-position: center bottom;
  behavior: url(pie/PIE.htc);
}

h2.member {
  background-image: url(img/h2_member.png);

  height: 40px;
  margin: 0 auto;
  clear:both;
}

h2.news {
  clear: left;
  background-image: url(img/h2_news.png);
  width: 111px;
  height: 20px;
  padding-top: 40px;
}

.old h2 {
  background-image: url(img/h2_oldbook.png);
  width: 133px;
  height: 20px;
  padding-bottom: 5px;
  background-position: left top;
}









/*--------------------------------------

---------------------------------------*/
.member a, #info a {
  color: #ff7fbf;
  font-weight: none;
  text-decoration: none;
  background-color: none;
  padding: 0 2px;

}

.member a, #info a {
  -webkit-transition: all 80ms linear; /*safari and chrome */
  -moz-transition: all 80ms linear; /* firefox */
  -o-transition: all 80ms linear; /* opera */
  transition: all 80ms linear;
}


.member a:visited, #info a:visited {
  color: #91817D;
}
.member a:hover, #info a:hover {
  color: #d6d7ce;
}

.member a:hover img, #info a:hover img {
filter:alpha(opacity=70);
opacity:0.7;
  background-color: transparent !important;
  text-decoration: none;
  border: none;
  border: 1px solid #c3c5c5;
  padding: 3px;
}




div#info {
  font-size: 15px;
  text-align: left;
  width: 800px;
  margin: 0 auto;
  padding: 22px 0 0 65px;
  line-height: 1.4;
  behavior: url(pie/PIE.htc);
}
div#info p {
  margin: 3px 0 10px 5px;
}

h3 {
  font-size: 16px;
}

div.info1 {
  float: left;
  width: 340px;
  text-align: left;
  background: url(img/hanamaru.png) no-repeat;
  height: 200px;
  padding: 22px 0 0 45px;
}

div.info2 {
  float: right;
  width: 340px;
  text-align: left;
  background: url(img/hanamaru.png) no-repeat;
  height: 200px;
  padding: 22px 0 0 45px;
}