@charset "utf-8";

body{
  -webkit-text-size-adjust: 100%;
  text-align : center;
  margin-top : 0px;
  margin-left : auto;
  margin-right : auto;
  color : #3e3e3e;
  font-family : メイリオ;
}

a{
  color : #000066;
  border-width : 0px;
}

img{ 
  border-width : 0px;
}

a:hover{
  text-decoration : underline;
  background-color : #dbdbff;
}

form,ul,p,h1,h2,h3,h4{
  padding-top : 0px;
  padding-left : 0px;
  padding-right : 0px;
  padding-bottom : 0px;
  margin-top : 0px;
  margin-left : 0px;
  margin-right : 0px;
  margin-bottom : 0px;
}

#header-navi{
  background-color : silver;
  padding-top : 8px;
  text-align : center;
  width : 100%;
  font-size : 12px;
}

#header-navi a img {
	-webkit-transition: 0.3s ease-in-out;
	   -moz-transition: 0.3s ease-in-out;
	     -o-transition: 0.3s ease-in-out;
	        transition: 0.3s ease-in-out;
}
#header-navi a:hover img {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.header-form{
  width : 700px;
  height : auto;
  text-align : right;
  margin-left : auto;
  margin-right : auto;
}

.headerbutton{
  display : inline;
  width : auto;
}

#header-navi a:hover{
  background-color : #c0c0c0;
}

#header-logo{
  background-image : url(../mailorder/img/gr01.gif);
  background-repeat : repeat-x;
  width : 100%;
  height : 60px;
  text-align : center;
  clear : both;
}

#box{
  width : 800px;
  margin-left : auto;
  margin-right : auto;
  text-align : center;
  margin-top : 0px;
  margin-bottom : auto;
}

.btn {
  text-decoration: none;
  font-weight: bold;
  text-align: center;
  font-size : 12px;
  display : block;
  background : #43515c;
  border: 1px solid #DDD;
  color: #FFF;
  width : 110px;
  padding : 4px 0px;
  margin-bottom : 3px;
  margin-left : auto;
  margin-right : auto;
}
.btn:hover{
  color : #434343;
  background-color : #9aa7b6;
  text-decoration : none;
}

.bottom{
  padding-top : 20px;
  padding-bottom : 30px;
  text-align : center;
  clear : both;
}

#footer{
  color : white;
  font-size : 13px;
  font-weight : bold;
  background-repeat : repeat-x;
  height : 130px;
  text-align : center;
  width : 100%;
  padding-top : 13px;
  clear : both;
  background-image : url(../mailorder/img/gr04.gif);
}
#footerlink {
  padding : 20px;
}
#footerlink a{
  text-decoration: none;
}

#footerlink ul {
  text-align: center;
}

#footerlink li {
  display: -moz-inline-box;
  display: inline-block;
  display: inline;
  zoom: 1;
  padding-right: 18px;
}

#footerlink li a {
  color : white;
}

#footerlink li a:hover {
  text-decoration : underline;
  background-color : #333333;
}