@charset "utf-8";

/*reset css*/

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

ul {list-style:none;}

a {text-decoration:none;
   color:inherit;}

img {vertical-align:bottom;}


/*body*/

body {      background:url(../img/back.jpg);
  font-size:16px;
}


/*header*/
.header {
    width:980px;
    height:500px;
    margin:0 auto;
    position:relative;
}

h1 {
  position:absolute;
  top:0;
  left:20px;
  z-index:20;
}

.himage {
  position:absolute;
  top:0;
  left:0;
  z-index:10;      
}

/*container*/
.container {
    width:980px;
    margin:0 auto;
    background:#fff;
  padding-bottom:30px;
}



li {
 float:left;     
}

li a {
  display:block;
}

/*wrapper1*/
.wrapper1 {
  width:870px;  
  margin:0 auto; 
  padding:0 55px;
}

.wrapper1 a {
 float:left; 
 margin:40px 60px 35px 0;   
}

.wrapper1 a:last-child {
 margin-right:0;   
}

/*wrapper2*/

.wrapper2 {
  width:882px;  
  margin:0 auto 25px; 
  padding:0 49px;
  overflow: hidden;
}


h2 {
  width:870px;
  height:60px;
  margin:0 auto ;
  padding:6px;
}

h2 img {
  box-shadow:0 0 6px #aaa; 
}


/*wrapper3*/
.wrapper3 {
  width:870px;
  margin:0 auto;
  padding:0 55px;
  overflow: hidden;
}


/*wrapper3 left*/
.left {
 float:left;
  width:560px; 
}

/*wrapper3 left today*/

.today {
  height:165px;    
  border:1px solid #dfd6c4;
  background:url(../img/todaypasta.jpg) no-repeat left top;    
  box-sizing:border-box;
  text-align:center; 
  padding:25px 0 0 250px;
  margin-bottom:20px;  
}

.today h3{
  margin-bottom:22px;
}

.today p{
  font-size:18px;
  line-height:1.3;
  font-weight:bold;
}

.psmall {
  font-size:15px;
  font-weight: lighter;
}

/*wrapper3 left news*/

.news {
  border:1px solid #dfd6c4;
  box-sizing:border-box;
  padding:23px 28px 18px;
  background:#f9f7f2;
}

.news h3{
  text-align: center;
  margin-bottom:16px;
}


.news dt {
 float:left;
 line-height: 1.8;
}

.news dd {
 padding-left:6em;
 line-height: 1.8;
}

/*wrapper3 right*/
.right {
 float:right;
 width:270px;   
}

.right h3 {
  margin-bottom:28px;    
}


/*footer*/
.footer {
  color:#4b7900;
  font-size:15px;
  text-align:center;   
  margin:13px 0 20px;
}