@charset "UTF-8";

/**{border:solid 1px #FF00FF;}*/

/*▼▼▼▼基本設定▼▼▼▼*/
body,h1,h2,h3,h4,h5,h6,div,p,a,ul,li,table,tr,th,td{
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ","Meiryo","ＭＳ Ｐゴシック", sans-serif;
font-size:small;
font-weight: normal;
line-height:1.5;
text-align: left;
}



img{
border:0;
vertical-align: bottom;
}



body {
margin:0px;
padding:0px;
}



a:link{color: #0000DC;text-decoration: underline;}
a:visited{color: #666666; text-decoration: underline;}
a:hover{color: #FF0066;text-decoration: underline;}
a:active {color: #FF0066;text-decoration: underline;}



/*▲▲▲▲基本設定▲▲▲▲*/


body#top{
background-image: url(../img/title.jpg);
background-position:center top;
background-repeat:no-repeat;
}

body#contents{
background-image: url(../img/title2.jpg);
background-position:center top;
background-repeat:no-repeat;
}


body#top #box{
margin-top:600px;
}

body#contents #box{
margin-top:300px;
}

#box{
margin-left:auto;
margin-right:auto;
width:800px;
}





h1{
margin-bottom:20px;
width:250px;
padding-top:10px;
padding-bottom:5px;
border-bottom:dotted 1px #DDDDDD;
}

#navi {
margin:0;
padding:0;
list-style-type: none;
width: 800px;
}
#navi li {
  width: 133px;
  height: 40px;
  margin: 0;
  padding: 0;
  float:left;
}


#navi li a {
  text-indent: -5000px;
  text-decoration: none;
  display: block;
  height: 35px;
  background-repeat: no-repeat;
}


a#btn1,a#btn2,a#btn3,a#btn4{
margin-left:auto;
margin-right:auto;
}

a#btn5{
margin-left:auto;
margin-right:0px;
}

#navi li a:hover {
text-decoration: none;
background-repeat: no-repeat;
}


#navi li a#btn0{
  width: 73px;
  background-image: url(../img/menu0.jpg);
}
#navi li a#btn0:hover {
  background-image: url(../img/menu0ov.jpg);
}

#navi li a#btn1{
 padding-right:60px;
  width: 110px;
  background-image: url(../img/menu1.jpg);
}
#navi li a#btn1:hover {
  background-image: url(../img/menu1ov.jpg);
}


#navi li a#btn2{
  width: 76px;
  background-image: url(../img/menu2.jpg);
}
#navi li a#btn2:hover {
  background-image: url(../img/menu2ov.jpg);
}

#navi li a#btn3{
  width: 79px;
  background-image: url(../img/menu3.jpg);
}
#navi li a#btn3:hover {
  background-image: url(../img/menu3ov.jpg);
}

#navi li a#btn4{
  width: 70px;
  background-image: url(../img/menu4.jpg);
}
#navi li a#btn4:hover {
  background-image: url(../img/menu4ov.jpg);
}
#navi li a#btn5{
  width: 93px;
  background-image: url(../img/menu5.jpg);
}
#navi li a#btn5:hover {
  background-image: url(../img/menu5ov.jpg);
}



#main{
clear:both;
padding-top:20px;
}




#other{
float:right;
width:280px;
}


#main h2{
margin:40px 0px;
}


#whatsnew{
float:left;
width:500px;
padding-bottom:20px;
background-color:#EDEDED;
background-image: url(../img/whats_f.jpg);
background-position:center bottom;
background-repeat:no-repeat;
}
#whatsnew h2{
margin:0;
height:35px;
text-indent:-5000px;
background-image: url(../img/whats_h.jpg);
background-position:center bottom;
background-repeat:no-repeat;
}

#whatslist{
padding:0px 20px;
}



#spice h3{
margin:60px 0px 25px 0px;
}

#spice p,#about p{
margin-bottom:40px;
}

#procedure h3{
text-align:center;
margin-top:120px;
margin-bottom:60px;
}

#procedure h4{
text-align:center;
padding-bottom:5px;
color:#6666CC;
border-bottom:dotted 1px #DDDDDD;
margin:30px 0px 15px 0px;
font-size:1.2em;
}

#procedure p{
text-align:center;
margin-bottom:60px;
}

#about hr{
margin:60px 0px;
border:solid 1px #DDDDDD;
}

.photolist{
clear:both;
text-align:center;
}


.photolist a img{
padding:3px;
margin:10px 2px;
border:solid 1px #CCCCCC;
}

#works h3{
padding-top:60px;
font-size:1.2em;
font-weight:bold;
}

.workslist{
clear:both;
padding:20px 0px;
border-top:dotted 1px #DDDDDD;
margin-bottom:20px;
}

.workslist dl{
margin:0;
padding:0;
}

.workslist dl dt{
margin:0;
padding:0;
float:left;
width:300px;
}

.workslist img{
padding:3px;
margin:0px 2px 20px 2px;
border:solid 1px #CCCCCC;
}

.workslist dl dt a img{
padding:3px;
margin:0px 2px 20px 2px;
border:solid 1px #CCCCCC;
}

.workslist dl dd{
margin:0;
padding:0;
float:right;
width:480px;
}



#footer{
clear:both;
padding-top:50px;
margin-bottom:30px;
height:168px;
background-image: url(../img/footer.jpg);
background-position:center 50px;
background-repeat:no-repeat;
}
#footer #copyright{
margin-left:auto;
margin-right:auto;
width:800px;
padding-top:130px;
text-align:right;
}



.pageTop{
clear:both;
padding-top:20px;
text-align:right;
}



/*メールフォーム関係*/
.required{
color:#ff0000;
}
#formarea dt{
font-size:1.2em;
font-weight:bold;
}

input{
margin:0px;
padding:0px;
}

#formarea dd{
margin:0px;
padding:0px;

}
#formarea dd{
margin:0px;
padding:0px;
padding-bottom:20px;
margin-bottom:20px;
border-bottom:dotted 1px #DDDDDD;
}

#formarea dd.redbg table{
padding:3px;
background-color:#FFCCCC;
}