@charset "UTF-8";
/* CSS Document */

/*//////////
reset
//////////*/

body,
h1,
h2,
h3,
h4,
h5,
h6,
p,
ul,
ol,
li,
dl,
dt,
dd,
form,
fieldset,
legend,
pre,
blockquote {
  margin: 0px;
  padding: 0px;
  line-height: 1;
}

ul,
li {
  list-style: none;
}

table {
  boreder: 0px;
}

img {
  padding: 0px;
  border: 0px;
  vertical-align: bottom;
}

/*//////////
初期設定
//////////*/

body {
  font-size: 14px;
  /* font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; */
  color: #292929;
  background: url(../common_img/bg_body.gif) repeat-x left top;
}

/*seo_word*/
h1 {
  font-size: 10px;
  font-weight: normal;
  font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
  color: #fed2d2;
  text-align: right;
  line-height: 15px;
}
/*logo*/
h2 {
  margin: 0;
  float: left;
}
/*page-ttl*/
#content h3 {
  margin: 0 auto 10px;
}
/*mds*/
#content h4 {
  margin: 70px 0 30px;
}
#content h5 {
  margin: 40px 0 25px;
}
#content h6 {
}
#content h4.first,
#content h5.first {
  margin-top: 0;
}

/*txt_line-height*/
#main p {
  line-height: 1.5;
  margin: 0 0 15px;
}
#main dt,
#main dd,
#main li,
#main th,
#main td {
  line-height: 1.5;
}

/*link*/
#content a,
a:link,
a:visited {
  color: #f76d07;
}
#content a:hover,
a:active {
  color: #dc211b;
  text-decoration: none;
}
.alpha a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha( opacity=70 )";
}

/*//////////
共通設定
//////////*/

/*コンテンツ幅*/

#wrapper,
#hwrap,
#fwrapper {
  width: 100%;
  min-width: 1000px;
  margin: 0 auto;
}
#header,
#main,
#footer {
  width: 1000px;
  margin: 0 auto;
}
#content {
  width: 730px;
  float: left;
}
#side {
  width: 235px;
  float: right;
}
#pagefoot {
}

/*コンテンツ内設定*/

/**wrapper**/
#wrapper {
}

/**header**/
#hwrap {
}
#header {
  color: #633b28;
  position: relative;
}
#header a {
  color: #633b28;
  text-decoration: none;
}
#header a:hover {
  color: #c3742c;
}
#header #navwrap {
  float: left;
  background: #d8d8d8;
  padding: 6px;
  margin: 0;
  width: 744px;
}
#header #h_catch {
  float: left;
  width: 118px;
  margin: 0 6px 7px 0;
}
#header #h_form {
  float: left;
  background: #ffffff;
  margin: 0 6px 0 0;
  padding: 5px 11px 4px 12px;
}
#header #h_form ul {
}
#header #h_form ul li {
  float: left;
}
#header #h_form ul li.center {
  margin: 0 25px;
}
#header #hnav {
  float: left;
  background: #ffffff;
  width: 119px;
  height: 108px;
  margin: 0 6px 0 0;
}
#header #hnav ul {
  font-size: 11px;
  margin: 20px 0 0 6px;
}
#header #hnav ul li {
  background: url(../common_img/ico_arrow_br.gif) no-repeat left center;
  margin: 0 0 10px;
  padding: 0 0 0 10px;
}
#header #h_contact {
  float: right;
  width: 120px;
  margin: 0 0 7px;
}
#header .english a {
  background: #ffffff;
  display: block;
  text-align: center;
  float: right;
  width: 120px;
  line-height: 31px;
  font-size: 16px;
  font-weight: bold;
}
#header .english a:hover {
  color: #ffffff;
  background: #1486eb;
  font-size: 16px;
  font-weight: bold;
}

/**gnav**/
#header #gnav {
  clear: both;
  position: relative;
}
#header #gnav li {
  float: left;
  text-align: center;
  margin: 0 6px 0 0;
  font-size: 0;
}
#header #gnav li.last {
  margin: 0;
}
#header #gnav li.ddm_trigger {
  cursor: pointer;
}
#header #gnav li ul#subnav {
  position: absolute;
  left: -6px;
  bottom: -127px;
  background: #ffffff;
  display: none;
  z-index: 100;
  box-shadow: 0 3px 5px #999;
  -moz-box-shadow: 0 3px 5px #999;
  -o-box-shadow: 0 3px 5px #999;
  -ms-box-shadow: 0 3px 5px #999;
}
#header #gnav li ul#subnav li {
  float: none;
  margin: 0;
}
/*#header #gnav li ul#subnav li.last { border: none; }*/

/*ページ上部*/
#pagehead {
  nin-width: 1000px;
  margin: 0 auto 0px;
  background: url(../common_img/bg_pagettl.jpg) repeat-x center top;
}
#pagehead #pagettl {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}

#pagehead_brand {
  nin-width: 1000px;
  margin: 0 auto 0px;
  background: url(../dream/images/bg_pagettl_brand.jpg) repeat-x center top;
}
#pagehead_brand #pagettl {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}

/*
main
*/
#main {
  padding: 65px 0 125px;
}

/*
content
*/
#content {
}

/*
side
*/
#side {
}
#side #s_lineup {
  background: url(../common_img/bg_red.gif) repeat left top;
  margin: 0 0 20px;
  padding: 10px 10px 10px;
}
#side #s_lineup .s_ttl {
  margin: 0 0 10px;
}
#side #s_lineup dl {
  position: relative;
}
#side #s_lineup dl dt {
  margin: 0 0 10px;
}
#side #s_lineup dl#buy04 dt {
  margin: 0;
}
#side #s_lineup dl dd {
}
#side #s_lineup dl dd a {
  position: absolute;
  bottom: 5px;
  left: 5px;
  color: #ffffff;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
  width: 205px;
  line-height: 45px;
}
#side #s_lineup dl dd a:hover {
}
#side #s_lineup dl#buy01 dd a {
  background: #dc211b;
}
#side #s_lineup dl#buy01 dd a:hover {
  color: #dc211b;
  background: #efefef;
}
#side #s_lineup dl#buy02 dd a {
  background: #febc3c;
}
#side #s_lineup dl#buy02 dd a:hover {
  color: #febc3c;
  background: #efefef;
}
#side #s_lineup dl#buy03 dd a {
  background: #0192c9;
}
#side #s_lineup dl#buy03 dd a:hover {
  color: #0192c9;
  background: #efefef;
}
#side #s_lineup dl#buy04 dd a {
  background: #278c4a;
}
#side #s_lineup dl#buy04 dd a:hover {
  color: #278c4a;
  background: #efefef;
}
#side #s_inlink {
  margin: 0 0 20px;
}
#side #s_outlink {
}
#side #s_inlink ul li,
#side #s_outlink ul li {
  margin: 0 0 10px;
}

/*共通パーツ等*/

/*page-up*/
.page-up {
  clear: both;
  font-size: 12px;
  text-align: right;
  margin-top: 5px !important;
}
.page-up a {
  background: url(../common_img/ico_arrow_top.png) no-repeat left 6px;
  color: #999999 !important;
  text-decoration: none !important;
  padding: 0 0 0 15px;
}
.page-up a:hover {
  color: #cccccc !important;
  background: url(../common_img/ico_arrow_top.png) no-repeat left 4px;
  /*text-decoration: underline!important;*/
}

/*
fotter
*/
#fwrap {
  clear: both;
  background: url(../common_img/bg_footer.gif) repeat-x center bottom;
}
#footer {
  font-size: 12px;
  position: relative;
  color: #ffffff;
  height: 473px;
  padding: 0px 0 0;
}
#footer #pageTop {
}
#footer #pageTop a {
  position: absolute;
  top: -38px;
  right: 0;
}
#footer #pageTop a:hover {
  top: -40px;
}
#footer #f_logo {
  position: absolute;
  top: 11px;
  left: 50px;
}
#footer #f_tel {
  position: absolute;
  top: 83px;
  left: 50px;
}
#footer #f_form {
  position: absolute;
  top: 29px;
  right: 140px;
}
#footer #f_form ul {
}
#footer #f_form ul li {
  float: left;
}
#footer #f_form ul li.center {
  margin: 0 27px;
}
#footer #f_contact {
  position: absolute;
  top: 28px;
  right: 16px;
}
#footer .english a {
  position: absolute;
  top: 131px;
  right: 16px;
  display: block;
  color: #633b28;
  text-decoration: none;
  background: #ffffff;
  width: 97px;
  line-height: 21px;
  text-align: center;
}
#footer .english a:hover {
  color: #ffffff;
  background: #1486eb;
}
#footer #fnav {
  position: absolute;
  top: 183px;
  left: 50px;
}
#footer #fnav .box {
  float: left;
  margin: 21px 30px 0 0;
}
#footer #fnav .last {
  margin: 21px 0 0 0;
}
#footer #fnav ul {
}
#footer #fnav ul li {
  line-height: 1.8;
  background: url(../common_img/ico_arrow_wh.png) no-repeat left center;
  padding: 0 0 0 15px;
}
#footer #fnav ul li a {
  color: #ffffff;
  text-decoration: none;
}
#footer #fnav ul li a:hover {
  color: #e74742;
  text-decoration: none;
}

/*//////////
対複数設定
//////////*/

/*txt*/
.red {
  color: #dd221c !important;
}
.caption {
  font-size: 12px !important;
  line-height: 1.2;
}
.txtal_left {
  text-align: left;
}
.txtal_right {
  text-align: right;
}
.txtal_c {
  text-align: center;
}
.f_bold {
  font-weight: 700;
}

/*//////////
その他
//////////*/

/*padding*/
.pa_0 {
  padding: 0px !important;
}
.pa_5 {
  padding: 5px !important;
}
.pa_10 {
  padding: 10px !important;
}

/*padding-top*/
.pa_t0 {
  padding-top: 0 !important;
}
.pa_t5 {
  padding-top: 5px !important;
}
.pa_t10 {
  padding-top: 10px !important;
}
.pa_t15 {
  padding-top: 15px !important;
}
.pa_t20 {
  padding-top: 20px !important;
}
.pa_t25 {
  padding-top: 25px !important;
}
.pa_t30 {
  padding-top: 30px !important;
}

/*padding-right*/
.pa_r5 {
  padding-right: 5px !important;
}
.pa_r10 {
  padding-right: 10px !important;
}
.pa_r15 {
  padding-right: 15px !important;
}

/*padding-left*/
.pa_l5 {
  padding-left: 5px !important;
}
.pa_l10 {
  padding-left: 10px !important;
}
.pa_l15 {
  padding-left: 15px !important;
}
.pa_l20 {
  padding-left: 20px !important;
}
.pa_l25 {
  padding-left: 25px !important;
}
.pa_l30 {
  padding-left: 30px !important;
}

/*margin*/
.ma_0 {
  margin: 0px !important;
}
.ma_t0 {
  margin-top: 0 !important;
}
.ma_t5 {
  margin-top: 5px !important;
}
.ma_t10 {
  margin-top: 10px !important;
}
.ma_t15 {
  margin-top: 15px !important;
}
.ma_t20 {
  margin-top: 20px !important;
}
.ma_t25 {
  margin-top: 25px !important;
}
.ma_t30 {
  margin-top: 30px !important;
}
.ma_t40 {
  margin-top: 40px !important;
}
.ma_t50 {
  margin-top: 50px !important;
}
.ma_b5 {
  margin-bottom: 5px !important;
}
.ma_b10 {
  margin-bottom: 10px !important;
}
.ma_b15 {
  margin-bottom: 15px !important;
}
.ma_b20 {
  margin-bottom: 20px !important;
}
.ma_b30 {
  margin-bottom: 30px !important;
}
.ma_r5 {
  margin-right: 5px !important;
}
.ma_r7 {
  margin-right: 7px !important;
}
.ma_r10 {
  margin-right: 10px !important;
}
.ma_r15 {
  margin-right: 15px !important;
}
.ma_r20 {
  margin-right: 20px !important;
}
.ma_r30 {
  margin-right: 30px !important;
}
.ma_l5 {
  margin-left: 5px !important;
}
.ma_l10 {
  margin-left: 10px !important;
}
.ma_l15 {
  margin-left: 15px !important;
}

/*float*/
.fl_left {
  float: left;
}
.fl_right {
  float: right;
}

/*clearfix*/
.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: "";
  display: block;
  clear: both;
}

/*width*/
.w45per {
  width: 45% !important;
}
.w50per {
  width: 50% !important;
}
.w55per {
  width: 55% !important;
}