@charset "UTF-8";

/* ------------------------------------------- CSS Information 
 File Name:      default.css
 Style Info:     ブラウザスタイルのリセット設定
----------------------------------------------------------- */  

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,
del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,
table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,
menu,nav,output,ruby,section,summary,time,mark,audio,video{
margin: 0;
padding: 0;
border: 0;
font: inherit;
font-size: 100%;
vertical-align: baseline;
}
html{
line-height:1;
overflow-y: scroll;
}
ol,ul{list-style-type:none;}
table{
border-collapse: collapse;
border-spacing: 0;
}
caption,th,td{
text-align: left;
font-weight: normal;
vertical-align: middle;
}
q,blockquote {quotes: none;}
q:before,q:after,blockquote:before,blockquote:after{
content: "";
content: none;
}
a img,abbr,acronym,fieldset{border: none;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
hr,legend{display: none;}
object,embed{vertical-align: top;}
article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display: block;}

/*red*/
.red{color: #ff0000;}
.red-b{
color: #ff0000;
font-weight: bold;
}
.red-b-bg{
color: #ff0000;
font-weight: bold;
background-color: #ffff00
}
.red-b-ul{
color: #ff0000;
font-weight: bold;
text-decoration: underline;
}
.red-b-ul-bg{
color: #ff0000;
font-weight: bold;
text-decoration: underline;
background-color: #ffff00
}


html,body{
margin:0;
padding:0;
line-height:0;
font-family: Osaka,"メイリオ","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","MS PGothic",Arial,Sans-Serif ;
color:#333333;
font-size:12px;
height:100%;
background:#ffffff;
text-align:center;
background: #ffffff;
}
#wrapper{
margin: 0 auto;
padding: 0;
width: 100%;
}
#contents{
margin: 0 auto;
width: 1000px;
font-size:14px;
background:#ffffff;
box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
}

/*-----cta-----*/
.cta{
margin :20 auto;
padding:0;
text-align:center;
background: url(../img/order.png) no-repeat left top;
width:1000px;
height:1600px;
position: relative;
}
.btn_1{
position:absolute;
left:550px;
top:860px;
}
.btn_2{
position:absolute;
left:550px;
top:1165px;
}

/*-----guide-----*/
.guide{
background: url(../img/guide.png) no-repeat center top;
width:1000px;
height:930px;
text-align:left;
}
.guide p{
margin:0;
padding:846px 0 0 175px;
}

/*-----footer-----*/
footer{
margin: 0;
padding:0;
font-size: 10px;
width: 100%;
min-width:320px;
color:#eeeeee;
background:#996a10;
overflow:auto;
}
footer address{
margin:0;
padding:0;
text-align:center;
line-height:20px;
}

#footer_nav{
margin:0 auto;
width:95%;
height:60px;
font-size:12px;
line-height: 20px;
position: relative;
overflow: hidden;
border-top: 2px dotted #eeeeee;
}
#footer_nav ul{
margin:0;
padding:20px 10px;
float: left;
list-style-type: none;
text-align:left;
position: relative;
left: 50%;
}
#footer_nav li{
padding: 0 10px;
float:left;
position: relative;
left: -50%;
}

#footer_nav a{color:#006835;text-decoration:none;}
#footer_nav a:hover{color:#006835;text-decoration:none;}