@charset "utf-8";

/*reset
-------------------------------------*/

html,body,h1,h2,h3,p,ul,li,dl,dt,dd {
  margin:0;
  padding:0;
  line-height:1.0;
  font-family:"Hiragino Kaku Gothic ProN",
                Meiryo,
               sans-serif;
}

a {text-decoration:none;}

/*body & container
-------------------------------------*/

body {background-color:#fcf8cb;
  background-image:url(../img/bg-stripe01.png) ;
  background-repeat: repeat-x;}
        
        
.container {
  width:960px;
  margin:55px auto 30px;
  background-color:#fff;
  border:2px solid #f4bc9b;
  padding:80px 40px 30px 50px;
}

/*header
-------------------------------------*/
.header {
  margin:0 auto 28px;
  padding:0 40px;
}

h1 {
  text-align:center;
  font-size:33px;
  color:mediumseagreen;
  margin-bottom:33px;
}

.star {
  color:yellowgreen;
}

.header section p {
  font-size:17px;
  font-weight:bolder;
  text-align:center;
  padding:15px;
  border-top:1px solid mediumseagreen;
  border-bottom:1px solid mediumseagreen;
  margin-bottom:20px;
}

.header ul {
  padding:0 0 0 1.5em;
}

.header li {
  line-height:26px;
}
    
/*main
-------------------------------------*/
.main {
  margin:0 auto 40px;
  padding:0 40px;
}

h2 {
  font-size:20px;
  color:mediumseagreen;
  border-top:1px solid mediumseagreen;
  border-right:1px solid mediumseagreen;
  border-bottom:1px solid mediumseagreen;
  border-left:8px solid yellowgreen;
  padding:10px 0 7px 15px;
  margin-bottom:21px;
}

section {
  background-color:#fcf8cb;
  background-image:url(../img/bg-stripe02.png) ;
  background-repeat: repeat-x;
  padding:34px 24px 25px 24px;
  margin-bottom:20px;}


h3 {
  font-size:18px;
}

.female {
  font-size:15px;
  color:darkorange;
}

.male {
  font-size:15px;
  color:mediumseagreen;
}

.cat p {
  line-height:1.6;
  padding:10px 0 0;
}

.cat img {
  width:320px;
  float:left;
  margin:20px 20px 0 0;
  padding:0;}

.cat dl {
  margin:22px 0;
}

.cat dt {
  float:left;
  font-weight:bold;
  line-height:1.5;
  font-size:14px;
}

.cat dd {
  line-height:1.5;
  font-size:14px;
}

.see {
  clear: both;
  font-size:14px;
  text-align:right;
}

.see p {
  padding:0 0;
  vertical-align:center}

.see a {
  margin-top:0;
  padding:0 19px;
  background:url(../img/icon-arw01.png) no-repeat right center;
}

/*asaide
-------------------------------------*/

.aside {
  margin:0 auto 40px;
  padding:0 40px;
}

.aside dl {
  margin:20px 0 30px;
}

.aside dt {
  float:left;
  font-weight:bold;
  line-height:1.5;
  font-size:14px;
}

.aside dd {
  line-height:1.5;
  font-size:14px;
}

.aside p{
  line-height:1.5;
  padding:0 0 10px;
}

.form {
  font-size:14px;
  text-align:right;
}

.bolder {
  font-weight:bolder;
}

/*asaide
-------------------------------------*/

.article {
  margin:0 auto 40px;
  padding:0 40px;
}

.article dl {
  margin:20px 0 30px;
}

.article dt {
  float:left;
  font-weight:bold;
  line-height:1.5;
  font-size:14px;
}

.article dd {
  line-height:1.5;
  font-size:14px;
}

.article p{
  line-height:1.5;
  padding:0 0 10px;
}

/*footer
-------------------------------------*/
.footer {
  margin:0 auto;
  text-align:center;
}

small {
  font-size:13px;
}