@charset "shift_jis";

/*=======================================================*/
/*【000】Reset                                           */
/*=======================================================*/
/* ブラウザの標準に設定されている、htmlタグの設定をクリア */
h1, h2, h3, h4, h5, h6, p, th, td, ol, ul, li{
  margin:0px;
  padding:0px;
}
h1, h2, h3, h4, h5, h6, p{
  font-size:1em;
  font-weight:normal;
}
img{
  border:none;
}

ul{
  list-style:none;
}
table{
  border-collapse:collapse;
}

/*=======================================================*/
/*【100】body                                            */
/*=======================================================*/
/* fontの設定 */
body {
  font-size: 14px;
  line-height: 170%;
  background-color: #c2a072;
}
p {
  margin-top: 0px;
}
body, div, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, form, fieldset, legend, input, textarea, pre, code, blockquote {
  margin: 0;
  padding: 0;
}

/*=======================================================*/
/*【010】マージンの設定　　　                            */
/*=======================================================*/

.mt5 { margin-top:5px; }
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }

.mb5 { margin-bottom:5px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }

.mr5 { margin-right:5px; }
.mr10 { margin-right:10px; }
.mr15 { margin-right:15px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mr40 { margin-right:40px; }

.ml5 { margin-left:5px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }
.ml95 { margin-left:95px; }


/*=======================================================*/
/*【020】float解除　　 　　　                            */
/*=======================================================*/

.clearfix{
  zoom:1;/*for IE 5.5-7*/
}
.clearfix:after{
  content:".";
  display:block;
  height:0;
  clear:both;
  visibility:hidden;
}

.clearfix {display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#header2 {
  margin: 0px;
  padding: 0px;
  height: 40px;
  width: 100%;
  background-image: url(images/back_head.jpg);
  background-repeat: repeat-x;
}
#header_cont2 {
  margin: 0px auto;
  padding: 0px;
  width: 830px;
  background-image: url(images/back_cont.jpg);
  background-repeat: repeat-y;
  background-position:  center center;
  height: 40px;
}
/*=======================================================*/
/*【030】container　　 　　　                            */
/*=======================================================*/

#container {
  margin: 0px auto;
  padding: 0px;
  width: 830px;
  background-color: #ffffff;
  background-image: url(images/back_cont.jpg);
  background-repeat: repeat-y;
}

/*=======================================================*/
/*【040】コンテンツエリア　　                            */
/*=======================================================*/
#Contentarea{
  width:660px;
  margin:0 auto;
}

/*----- campaign -----*/
#campaign{
background-color:#ffffcc;
border:1px solid #999999;
padding:10px;
margin-top:15px;
}

/*----- profile -----*/
#profile{
  background-color:#E7E3DA;
  padding:20px;
  margin-top:15px;
  text-align:left;
}
#profile .left{
float:left;
width:150px;
}
#profile .right{
float:right;
width:454px;
}
#profile .right h2{
font-size:16px;
font-weight:bold;
border-bottom:2px solid #886C3D;
}

/*----- privilege -----*/
.privilege{
border-bottom:#CB6C58 1px solid;
border-left:#CB6C58 1px solid;
border-right:#CB6C58 1px solid;
text-align:left;
padding:15px;
margin-bottom:15px;
}
.privilege .box{
background-color:#E7E3DA;
color:#CC0000;
font-weight:bold;
text-align:center;
font-size:14px;
padding:10px;
}

/*----- step -----*/
#step{
border-bottom:#3D2C27 1px solid;
border-left:#3D2C27 1px solid;
border-right:#3D2C27 1px solid;
text-align:left;
padding:15px;
background-color:#E7E3DA;
}


/*テーブル*/
.type01 {
  margin:15px 0px 20px;
  border-collapse: collapse;
  width:100%;
}

.type01 td {
  padding: 8px;
  border: 1px solid #cccccc;
  width:70%;
  text-align:left;
}
.type01 th {
  padding:8px;
  background: #eeeeee;
  text-align:center;
  border: 1px solid #cccccc;
  width:30%;
}

/*=======================================================*/
/*【050】フッタ　          　                            */
/*=======================================================*/
#FootContent{
  text-align:center;
  margin:20px auto 0 auto;
  padding:10px 0 10px 0;
  border-top:#3D2C27 4px solid;
  width:700px;
  }

/*=======================================================*/
/*【060】画像位置　          　                          */
/*=======================================================*/
.img_l{
  float:left;
  margin-right: 10px;
  margin-bottom: 10px;
  text-align:left;
}

/*=======================================================*/
/*【070】テキスト　          　                      */
/*=======================================================*/
.f20{
font-size:20px;
font-weight:bold;
line-height:1.6em;
}
.red{
  color:#CC0000;
}
.b1{
color:#886C3D;
}

/*=======================================================*/
/*【080】目次　          　         　　　　             */
/*=======================================================*/
#contents2{
text-align:left;
margin:0 auto;
width:660px;
}
#contents2 h1{
margin:15px 0 15px 0;
text-align:center;
}
#contents2 h2{
background-color:#D9BBB5;
padding:3px;
font-weight:bold;
margin-bottom:10px;
}

#footer {
  padding: 8px;
  font-size: 14px;
  line-height: 14px;
  color: #ffffff;
  text-align: center;
  background-color: #420001;
}