@charset "UTF-8";

/*基本設定--------------------*/ 

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {  
  margin: 0; 
  padding: 0; 
} 


h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
}

body {
  color:#574f3f;
  font-family: "メイリオ","Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka,  Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  line-height: 1.5;
  font-style: normal;
  font-weight: normal;
  font-size: 14px;
  *font-size: small;
    *font: x-small;
  -webkit-text-size-adjust: none;
}

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

strong {
  font-weight: bold;
}

a:link, a:visited,
a:hover, a:active {
  color: #c99d49;
  text-decoration: underline;
}

/*キャンペーン用*/
.CampArea a:link,.CampArea a:visited {
  text-decoration: none;
}
.CampArea a:hover,.CampArea a:active{
  text-decoration: underline;
}

.month a:link,.month a:visited {
  color:#ffffff;
  text-decoration: none;
}
.month a:hover,.month a:active{
  color:#ffffff;
  text-decoration: underline;
}


:focus {
  outline: 0;
}

/*header--------------------*/

#header {
}

#header #head_copy {
  width: 100%;
  color:#FFF;
  background:#362e2b;
  font-size:10px;
  padding:2px 0;
  text-align:center;
}

#header #head_block {
  background:url(../sp_img/common/head_bg.jpg) repeat-x top left;
  -webkit-background-size: auto 100%; /* Safari,Google Chrome用 */  
  -moz-background-size: auto 100%; /* Firefox用 */  
  -o-background-size: auto 100%;　/* Opera用 */  
}

#header .logo {
  float:left;
  padding:7px 0 14px 10px;
}

#header .menu_btn {
  float:right;
  padding:14px 16px 10px 0;
}



/*footer--------------------*/

footer {
  background:url(../sp_img/common/footer_bg.gif) repeat left top;
  padding-bottom:10px;
  width:100%;
}

#footer .page_top {
  width:100%;
  background-color: #230f00;
  -webkit-box-shadow: inset 0 2px rgba(67,29,0,.75);
  -moz-box-shadow: inset 0 2px rgba(67,29,0,.75);
  box-shadow: inset 0 2px rgba(67,29,0,.75);
  background-image: -webkit-linear-gradient(top, rgba(35,15,0,.5), rgba(65,28,0,.5) 84%);
  background-image: -moz-linear-gradient(top, rgba(35,15,0,,.5), rgba(65,28,0,.5) 84%);
  background-image: -o-linear-gradient(top, rgba(35,15,0,.5), rgba(65,28,0,.5) 84%);
  background-image: -ms-linear-gradient(top, rgba(35,15,0,.5), rgba(65,28,0,.5) 84%);
  background-image: linear-gradient(to bottom, rgba(35,15,0,.5), rgba(65,28,0,.5) 84%);
}


#footer .page_top p {
  text-align:right;
  padding-right:15px;
}

#footer #footer_about {
  width:310px;
  background:#0c0800;
  color:#acaba8;
  margin:10px auto;
}

#footer #footer_about .footer_box {
  width:90%;
  margin:10px auto;
}

#footer #footer_about .footer_img {
  float:left;
}

#footer #footer_about .footer_text {
  float:left;
  font-size:62%;
  padding-left:10px;
}

#footer #footer_about ul {
  width:90%;
  margin:0 auto;
  padding:0 0 20px 0;
  font-size:62%;
}

#footer #footer_about ul li {
  list-style-type:none;
  line-height:1.8em;
  padding-left:10px;
  background:url(../sp_img/common/footer_list_icon.gif) no-repeat left;
  -webkit-background-size:7px 7px; /* Safari,Google Chrome用 */  
  -moz-background-size:7px 7px; /* Firefox用 */  
  -o-background-size:7px 7px;　/* Opera用 */  
}

#footer #foot_address {
  width:95%;
  margin:10px auto;
}

#footer #foot_address address {
  float:left;
  width:65%;
  font-size:93%;
  font-style:normal;
}

#footer #foot_address .btn {
  float:right;
}





/* メニュー */

#menu {
  z-index: 200;
  background-color: #fff;
}

#menu .close_menu {
  display: block;
  background-color: #704a2d;
  padding: 15px 5px 5px 5px;
  text-align: center;
}

#menu li a {
  display: block;
  text-decoration: none;
}

#menu ul li a {
  border-bottom: 1px solid #ccc;
  font-weight: bold;
  background:url(../sp_img/top/blog_list_arrow.png) 98% center no-repeat;
  padding:15px 10px;
  background-size:7px 13px;
  -webkit-background-size:7px 13px; /* Safari,Google Chrome用 */  
  -moz-background-size:7px 13px; /* Firefox用 */  
  -o-background-size:7px 13px;　/* Opera用 */
}





/*float--------------------*/

.clear {
  clear: both;
}

.float_l {
  float: left;
}

.float_r {
  float: right;
}

.img_float_l {
  float: left;
  margin-right: 10px;
}

.img_float_r {
  float: right;
  margin-left: 10px;
}

.center {
  width: 100%;
  text-align: center;
}

.right {
  width: 100%;
  text-align: right;
}


.red {
  color:#cc0000;
}

.green {
  color:#57b529;
}

/*font--------------------*/

.font10 {
  font-size: 77%;
}

.font11 {
  font-size: 85%;
}

.font12 {
  font-size: 93%;
}

.font13 {
  font-size: 100%;
}

.font14 {
  font-size: 108%;
}

.font15 {
  font-size: 116%;
}

.font16 {
  font-size: 123.1%;
}

.font17 {
  font-size: 131%;
}

.font18 {
  font-size: 138.5%;
}

.font19 {
  font-size: 146.5%;
}

.font20 {
  font-size: 153.9%;
}

.fontb {
  font-weight: bold;
}

.font_red {
  color: #c21b07;
}

.font_orange {
  color: #f6b545;
}

/*margin--------------------*/

.mr10 {
 margin-right: 10px;
}

/*top*/

.mt5{
  margin-top: 5px;
}

.mt10{
  margin-top: 10px;
}

.mt15{
  margin-top: 15px;
}

.mt20{
  margin-top: 20px;
}

.mt25{
  margin-top: 25px;
}

.mt30{
  margin-top: 30px;
}


/*bottom*/
.mb5 {
  margin-bottom: 5px;
}

.mb10 {
  margin-bottom: 10px;
}

.mb15 {
  margin-bottom: 15px;
}

.mb20 {
  margin-bottom: 20px;
}

.mb25 {
  margin-bottom: 25px;
}

.mb30 {
  margin-bottom: 30px;
}




/*clearfix--------------------*/

.clearfix:after {
  content: " ";
  display: block;
  visibility: hidden;
  clear: both;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
}

.clearfix {
  display: inline-block;
  min-height: 1%;
}

/*¥*/
* html .clearfix { height: 1%;}
.clearfix { display: block;}
/* */