@charset "utf-8";

/*****************************************************/
/** 全体設定 **/
/*****************************************************/

html,body { margin: 0px; padding: 0px; }


body {
  font-family:"メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","Osaka", Verdana, "ＭＳ Ｐゴシック", "MS P Gothic", Arial, Helvetica, sans-serif;
  font-size:14px;
  /*letter-spacing: 0.05em;*/
  line-height:1.8;
  color:#46392e;
  -webkit-text-size-adjust: 100%;
}


/*リンク設定*/
a:link  { color:#ff8522; text-decoration: underline; }
a:visited  { color:#ffa933; text-decoration: underline; }
a:active  { color:#ff8522; text-decoration: none; }
a:hover  { color:#ff8522; text-decoration: none; }

/*画像の枠設定*/
img  { border:0; }
a img  { border:0; }


h1,h2,h3,h4,h5,div,p,ul,li{
  margin:0px;
  padding:0px;
}

.wrapper {
  width:900px;
  display:block;
  margin-left:auto;
  margin-right:auto;
}

/**** ヘッダー ****/
#Header {
  width: 100%;
  height: 100px;
  margin: 0px auto;
  background: url(../img/common/header_line.png) repeat-x center top;
}

#HeaderLogo {
    width: 500px;
    height:50px;
    left:20px;
    float:left;
    background: url(../img/common/logo_illust.jpg) left no-repeat;
  padding:30px 0px 30px 80px;
}

#HeaderLogo h1 {
  font-size: 9px;
  font-weight: normal;
  color:#46392e;
}

#HeaderData{
    width: 302px;
    height:100px;
  background: url(../img/common/header_tel_bg.png) no-repeat;
    float:right;
    color: #ffffff;
}

#HeaderData a{
    color: #ffffff;
    text-decoration :none;
}  

ul#HeaderDataList {
  width: 100%;
  height: 40px;
  list-style-image:url(../img/common/list_icon01.png) ;
  margin:10px 5px 5px 25px;
    font-size:10px;
}

ul#HeaderDataList li {
  width: auto;
  position: relative;
  left: -3px;
  padding: 0px 5px 0px 0px;
  float: left;
}

#HeaderDataTime {  
  margin-top: 18px;
  text-align: right;
    font-size:10px;
}

.rainbow_line01 {
  width:100%;
  height:10px;
  background:url(../img/common/rainbow_line.png) repeat-x left;
  position:relative;
  bottom: 0px;
}

.rainbow_line02 {
  width:100%;
  height:10px;
  background:url(../img/common/rainbow_line.png) repeat-x right;
}

.shadow01 {
  -moz-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
  -o-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
  -ms-box-shadow: 0px 2px 2px rgba(0,0,0,0.4);
}

.shadow02 {
  -moz-box-shadow: 0px -2px 2px rgba(0,0,0,0.4);
  -webkit-box-shadow: 0px -2px 2px rgba(0,0,0,0.4);
  -o-box-shadow: 0px -2px 2px rgba(0,0,0,0.4);
  -ms-box-shadow: 0px -2px 2px rgba(0,0,0,0.4);
}

/**** コンテンツ部分 ****/
#Contents {
  margin: 40px auto 30px auto;
}

#CenterBox {
  width: 640px;
  float: right;
  /*font-size: 15px;*/
  line-height: 180%;
  margin-bottom:30px;
}

#LeftBox{
  width: 240px;
  float: left;
}


/**** フッター ****/
#FooterMenu{
  clear: both;
  text-align: center;
  margin: 20px auto 20px auto;
  font-size: 13px
}
.footer_menu a:link  { color:#5e2b12; text-decoration: none; }
.footer_menu a:visited  { color:#5e2b12; text-decoration: none; }
.footer_menu a:active  { color:#b1957e; text-decoration: none; }
.footer_menu a:hover  { color:#b1957e; text-decoration: none; }

#Footer {
    background: #d8aa5d url(../img/common/footer_bg.jpg) top center;
    max-height: 500px;
    padding-top:20px;
}

#FooterContents {
  width: 901px;
  height: 300px;
    background: url(../img/common/footer_contents_bg.jpg) no-repeat center top ;
}

#FooterInfo {
    width:450px;
    height:202px;
    margin:0px 0px 10px 0px;
    padding:20px;
    float:left;
}

#FooterInfoTop{
  margin-top: 24px;
}

#FooterInfoBottom {
  width: 430px;
  margin: 10px 0px;
  padding: 5px 10px;
  font-size:11px;
  border:1px solid #b1957e;
  background: #e8d7b9;
}

#FooterInfoMap{
    width:390px;
    float:right;
    padding: 20px 20px 0px 0px;
}

#Bottom {
     clear:both;
    width:100%;
    text-align:center;
    color:#46392e;
    font-size:12px;
}

#Bottom p{
    margin-top: 15px;
}

/*** スクロールボタン ***/
#PageTop{
  background: rgba(251, 158, 36, 0.9); /*ボタンの背景色*/
  border-radius:5px;
  color:#FFF;
  padding:15px;
  position: fixed;
  bottom: 15px;
  right: 15px;
  text-decoration: none;
}

#PageTop a {
  color:#ffffff;
}

#PageTop:hover{
    background: rgba(255, 180, 36, 0.9); 
}

/*****************************************************/
/** サイドメニューの設定
/*****************************************************/
ul.side_menu {
  display: block;
  list-style:none;
  margin-bottom: 20px;
  border-top:1px solid #ff8522;
}

ul.side_menu li {
   width:220px;
   height:25px;
   padding:15px 10px 10px 10px;
   border-top:1px solid #fffdd6;
   border-bottom:1px solid #ff8522;
   background-image: url(../img/common/side_bg.jpg);
   font-size:14px;
   font-weight: bold;
}

ul.side_menu a {color:#46392e; text-decoration :none;}
ul.side_menu a:hover {color:#ff8522 !important;}
ul.side_menu a:visited { color:#46392e;}

#LeftBox img {
  margin-bottom: 5px;
}


/*****************************************************/
/** テーブルデザイン用 **/
/*****************************************************/

/** フォーム **/
table.form {
    width: 98%;
    letter-spacing: 0em;
    margin: 20px auto 30px auto;
    border-top: 1px #c7b299 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.form th {
    padding: 10px;
    border: #c7b299 solid;
    border-width: 0 0 1px 0;
    background: #f0dfc2;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
}

table.form td {
    font-size: 13px;
    padding: 10px;
    background: #fffbf7;
    border: 1px #c7b299 solid;
    border-width: 0 0 1px 0;
}


/*****************************************************/
/** リストデザイン用 **/
/*****************************************************/

/** フッターリンクリスト **/
ul.list1 {
  list-style-type: none;
}

ul.list1 li {
  margin: 0px 0px 0px 0px;
  background: url(../img/common/list_icon1.png) no-repeat 0px 5px;
  padding-left: 15px;
    float:left;
    margin-right:5px;
}

/** 通常リスト **/
ul.iconlist {
  list-style-type: none;
  margin-top: 10px;
  margin-bottom: 10px;
}

ul.iconlist li {
  margin: 2px 0px 2px 0px;
  background: url(../img/share/icon_list.jpg) no-repeat 0px 5px;
  padding-left: 20px;
}

.iconlist a:link  { color:#000; text-decoration: none; }
.iconlist a:visited  { color:#000; text-decoration: none; }
.iconlist a:active  { color:#ff6600; text-decoration: none; }
.iconlist a:hover  { color:#ff6600; text-decoration: none; }

/*****************************************************/
/** テキスト・レイアウト調整用 **/
/*****************************************************/

/**配置設定**/
.float_r {
  float:right;
}

.float_l {
  float:left;
}

.cl {
  clear:both;
}

.cl_r {
  clear:right;
}

.cl_l {
  clear:left;
}

.center {
 text-align:center;
}

.ta_r {
  text-align: right;
}

.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; }
.displaynone { display: none; }
  

/* End hide from IE-mac */

/**テキスト設定**/

/*色*/
.red {
 color:#ff0000;
}

.pink {
 color:#FF0099;
}

.green {
 color:#669933;
}

.orange {
 color:#ff6600;
}

.blue {
 color:#0066cc;
}

.black {
 color:#000000;
}

/*太さとサイズ*/
.bld {
  font-weight:bold;
}

.font10 {
  font-size:10px;
}

.font11 {
  font-size:11px;
}

.font12 {
  font-size:12px;
}

.font14 {
  font-size:14px;
}

.font16 {
  font-size:16px;
}

.font18 {
  font-size:18px;
}

.font20 {
  font-size:20px;
}

.font22 {
  font-size:22px;
}

.font24 {
  font-size:24px;
}

.serif {
  font-family: "ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HG明朝E","ＭＳ 明朝",serif;
}

/**マージン設定**/

/*上マージン*/
.mt05 {
  margin-top:5px;
}

.mt10 {
  margin-top:10px;
}

.mt15 {
  margin-top:15px;
}

.mt20 {
  margin-top:20px;
}

.mt25 {
  margin-top:25px;
}

.mt30 {
  margin-top:30px;
}

/*下マージン*/
.mb05 {
  margin-bottom:5px;
}

.mb10 {
  margin-bottom:10px;
}

.mb15 {
  margin-bottom:15px;
}

.mb20 {
  margin-bottom:20px;
}

.mb25 {
  margin-bottom:25px;
}

.mb30 {
  margin-bottom:30px;
}

/*左マージン*/
.ml05 {
  margin-left:5px;
}

.ml10 {
  margin-left:10px;
}

.ml15 {
  margin-left:15px;
}

.ml20 {
  margin-left:20px;
}

.ml25 {
  margin-left:25px;
}

.ml30 {
  margin-left:30px;
}

/*右マージン*/
.mr05 {
  margin-right:05px;
}

.mr10 {
  margin-right:10px;
}

.mr15 {
  margin-right:15px;
}

.mr20 {
  margin-right:20px;
}

.mr25 {
  margin-right:25px;
}

.mr30 {
  margin-right:30px;
}