@charset "UTF-8";
/* CSS Document */
.cl {
  zoom: 1;
}

.cl:after {
  content: "";
  display: block;
  clear: both;
}



body {
  margin: 0; padding: 0;
  background: url(images/bg.gif);
}


#content {
  width: 960px;
  margin: 0 auto;
  background:#FFFFFF url(images/bg_main.jpg) center bottom no-repeat;
}



#content_back {
  background: url(images/bg_content.gif) 0 0 no-repeat;
  height: 100%;
}


#main {
  width: 814px;
  margin: 0 auto;
  padding: 70px 0 200px 0;
}


h1 {
  margin: 0 0 20px 0;
  padding: 0;
}



h3 {
  margin: 50px auto 20px auto;
  width: 600px;
  padding: 0;
  }


#item {
  margin: 30px 0 0 0;
  background: url(images/item_bg.gif) center repeat-y;
}

#item2 {
  margin: 48px 0;
  display: flex;
  justify-content: center;
}
#item2 .item_l {
  margin: 0;
}

.item_l,.item_r {
  width: 400px;
  display: inline-block;
  float: left;
}

#item .item_l, #item .item_r {
  width: 370px;
  padding: 0 0 0 15px;
  height: 550px;
}

#item .item_r {
  margin: 0 0 0 30px;
}
#item2 .item_l, #item2 .item_r {
  width: 400px;
  height: 148px;
  display: inline-block;
  float: left;
}



.item_l {
  margin: 0 14px 0 0;
}

#item .item_l { background:url(images/ms_bg.png) bottom center no-repeat; }
#item .item_r { background:url(images/ms17_bg.png) bottom center no-repeat; }
#item2 .item_l { background:url(images/joshi_bg.png) bottom center no-repeat; }
#item2 .item_r { background:url(images/danshi_bg.png) bottom center no-repeat; }



#item p,#item2 p {
  margin:0 0 0 10px;
  padding: 0;
  font-size: 13px;
  line-height: 1.6;
}

#item .item_r p,#item .item_l p{
  font-size: 12px;
}


#item .button {
  margin: 0 0 0 175px;
  padding: 340px 0 0 0;
  width: 188px;
  height: 35px;
  overflow: hidden;
}

#item .button a, #item2 .button a, .link a  {
  display: block;
  width: 100%;
  height: 100%;  
  text-indent:-9999px;
}


#item .button a { background: url(images/button1.png) top  no-repeat;}
#item .button a:hover { background-position: bottom;}


#item2 .button {
  margin: 0;
  padding: 75px 24px 0 24px;
  width: 123px;
  height: 24px;
  line-height:24px;
  overflow: hidden;
}

#item2 .item_l .button a { background: url(images/button2.png) top  no-repeat;}
#item2 .item_l .button a:hover { background-position: bottom;}
#item2 .item_r .button a { background: url(images/button3.png) top  no-repeat;}
#item2 .item_r .button a:hover { background-position: bottom;}


.link {
  width:170px;
  margin:0 auto;
  padding: 0;
  height:12px;
  line-height:12px;
  overflow: hidden;
}

.link a { background: url(images/souwa.png) top  no-repeat;}
.link a:hover { background-position: bottom;}