@charset "UTF-8";

body {
   font-family: Verdana,"ＭＳ ゴシック","ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
   font-size: 1em;
   color: #333333;
   line-height: 1.5;
   margin: 0;
   padding: 0;
   background:#FFFFFF url(images/bg.gif) ;
}

h1 {
    color: #F00;
   	font-size: 2em;
	line-height:1.6;
	margin: 20px 15px;
	padding:auto;
	text-align:center ;
}

h2{
    color: #006;
    font-size: 1.2em;
	line-height:1.6;
	margin: 20px 10px;
	text-align:center ;
}

h3 {
	color: #00F;
	border-color: #F00;
	border-width: 5px 0px 5px 0px;
	border-style: double;
	padding-left: 10px;
	line-height:2;
}

h4 {
	color: #006;
	line-height:1.6;
	margin: auto;
	padding:0;
	text-align: left;
	font-weight: bold;
}

p {
	line-height:1.6;
	margin: auto;75px;
	padding:10px;
	text-align: left;
}


.list {
	list-style-image: url(images/check.gif);
	}

.list li {
	margin: 0 0 5px 0;
	text-align: left;
	}


a:link {
	color: #0033ff;
	text-decoration: none
}
a:visited {
	color: #6633cc;
	text-decoration: none
}
a:hover {
	color: #ff33aa;
	text-decoration: underline
}
a:active {
	color: #ff33aa;
	text-decoration: none
} 

#main {
	width: 800px;
	margin: 0px auto;
	background: #FFFFFF;/*全体の背景色*/
	border-color: #000000;/*線の色*/
	border-width: 0px 25px;/*←後の数字で左右の太さを指定*/
	border-style: double;/*solid=実線,double=二重線,dashed=破線,dotted=点線,groove=立体的に窪んだ線,ridge=立体的に隆起した線*/
}
#header{
	margin: 0px auto;
	width: 800px;
	height: 380px;
	background: url('common/main.jpg') no-repeat #fff center top;
	}
	
.common-text{width: 720px;margin: auto;}　

#box {
	width: 580px;
	border: 0px #F06 solid;
	margin: 0px auto;
	padding: 10px 10px;
	text-align: left;
}

#orderbox {
	width: 580px;
	border: 10px #ffd700 solid;
	margin: 20px auto;
	padding: 10px 5px;
	text-align: center;
}

p.box {
	margin: 10px auto;
	padding: 10px 20px;
	text-align: left;
	}
	
#center {
	margin: 10px auto 50px;
	padding: 10px 20px;
	text-align: center;
	line-height:2.5;
	}
	
#settlement{
	width: 580px;
	border: 10px #00F double;
	margin: 0px auto;
	padding: 10px 10px;
	text-align: center;
}

#settlement p{
	text-align: center;
}

#settlement p.text{
	text-align: center;
}
  

#footer.p{
	font-size: small;
	margin: 10px 0px 30px;
	text-align: center;
}

p.copyright{
	font-size: small;
	margin: 10px 0px 30px;
	text-align: center;
}