@charset "utf-8";
/* ▼common */
html, body {
  height: 100%;
  width: 100%;
  font-family: Helvetica, Arial, "メイリオ", "ＭＳ Ｐゴシック", "Meiryo", sans-serif, "ヒラギノ角ゴ Pro W3";
}
img {
  margin: 0;
  padding: 0;
  border: none;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote {
  margin: 0;
  padding: 0;
}
body {
  text-align: left;
  font-size: 12px;
  color: #333333;
  font-family: Helvetica, Arial, "メイリオ", "ＭＳ Ｐゴシック", "Meiryo", sans-serif, "ヒラギノ角ゴ Pro W3";
  background-color: #B5E1E6;
}
.fL {
  float: left;
  width: 30%;
  background: #fff;
}
.fL img {
  width: 100%;
  margin-right: 30px;
  text-align: left;
}
.fR {
  float: right;
  width: 67%;
  background: #fff;
}
.fR h2 {
  padding: 10px;
  text-align: center;
  font-weight: normal;
  letter-spacing: 2px;
  background: #084E7C;
  color: #FFF;
  font-size: 2em;
  font-weight: bold;
}
.fR h2 a {
  color: #fff;
  font-weight: bold;
}
.fR h2 a:hover {
  color: #C4C4C4;
  text-decoration-line: underline;
}
.fR p {
  font-size: 1.2em;
}
.fR p.txt {
  text-align: left;
  text-indent: -1em;
  padding-left: 1em;
}
.fR p.giftCode {
  font-size: 1.5em;
  text-align: center;
  font-weight: bold;
  margin: 2em 0;
}
.fR p.bknum {
  font-size: 1.2em;
}
.text {
  font-size: 14px;
}
.caption {
  font-size: 12px;
  line-height: 1.4;
}
.inner img {
  width: 220px;
  display: block;
  float: left;
}
.inner img.A4free {
  width: 95px;
  margin: 0 12px 3px 12px;
  display: block;
  float: left;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
/* Hides from IE Mac \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
.clearboth {
	clear: both;
}
/* End Hack */
a {
  /**/
  overflow: hidden; /**/
}
img a {
  border: none;
}
a img {
  border: none;
}
.img_none {
  display: none;
}
.none {
  display: none;
}
select, input, textarea {}
.none, .p_none {
  display: none;
}
/* ▼font類 */
p {
  line-height: 170%; /*margin-bottom:1em;
*/
}
p img {
  padding: 0.3em 0; /* IE 6向け */
  vertical-align: middle;
}
/* IE以外とIE7向け */
p > img {
  padding: 0;
}
h1 {
  height: 100%;
  font-size: 16px;
  letter-spacing: 2px;
  font-weight: bold;
  color: #095D31;
  padding: 0 0 0 0;
  margin: 0 0 10px 0;
}
h3 {
  font-size: 16px;
  margin: 0 0 10px 0;
  color: #6B6967;
}
h4 {
  font-size: 14px;
  color: #777777;
  margin: 20px 0 0 30px;
}
.red {
  color: #FF0000;
}
.orange {
  color: #FF6600;
}
.orange_strong {
  color: #FF6600;
  font-weight: bold;
}
.red_strong {
  font-size: 24px;
  color: #FF0000;
  font-weight: bold;
}
.red_20 {
  font-size: 20px;
  color: #FF0000;
  font-weight: bold;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝
BASE
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#wrap {
  width: 1000px;
  margin: 0 auto;
  height: auto !important; /*IE6対策*/
  height: 100%; /*IE6対策*/
  min-height: 100%;
  background-color: #fff;
}
#base {
  text-align: left;
  margin: 0px auto;
  padding: 0 0 0 0;
}
#header_wrap {
  background: #FFF;
  text-align: center;
  top: 0; /* 一番上に表示 */
  width: 100%; /* 中央に表示 */
}
#header img {
  margin: 0 auto;
  display: block;
}
.title03 {
  padding-left: 130px;
  position: relative;
  top: 10px;
  left: 7px;
  background: #FFF;
  z-index: 0;
}
.info {}
.main {
  margin: 20px auto 0;
  padding: 0 30px;
}
.main h1 {
  margin: 0 auto;
  text-align: center;
  display: block;
  float: none !important;
}
.main02 {
  margin: 30px;
}
h2.top_title {
  letter-spacing: 1px;
  text-align: center;
  font-size: 28px;
  color: #FFF;
  line-height: 60px;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#004019+1,007c36+100 */
  background: rgb(0, 64, 25); /* Old browsers */
  background: -webkit-linear-gradient(rgba(5, 170, 230, 1) 1%, rgba(0, 84, 122, 1) 100%);
  background: -o-linear-gradient(rgba(5, 170, 230, 1) 1%, rgba(0, 84, 122, 1) 100%);
  background: linear-gradient(rgba(5, 170, 230, 1) 1%, rgba(0, 84, 122, 1) 100%); /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3BBEFF', endColorstr='#0E2A38', GradientType=0); /* IE6-9 */
}
h2.top_title02 {
  letter-spacing: 3px;
  text-align: center;
  font-size: 30px;
  color: #FFF;
  padding: 7px 0;
  border-bottom: 3px groove #F5F5F5;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  background: rgb(0, 64, 25); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(2, 176, 236, 1) 1%, rgba(0, 99, 122, 1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(2, 176, 236, 1) 1%, rgba(0, 99, 122, 1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(2, 176, 236, 1) 1%, rgba(0, 99, 122, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3BBEFF', endColorstr='#0E2A38', GradientType=0); /* IE6-9 */
}
.top_title03 {
  letter-spacing: 1px;
  text-align: left;
  font-size: 18px;
  line-height: 1.8em;
  text-indent: -20px;
  padding-left: 20px;
  color: #002F40;
  margin-top: 10px;
  font-weight: bold;
}
h2.top_title04 {
  letter-spacing: 2px;
  text-align: center;
  font-size: 24px;
  color: #FFF;
  padding: 7px 0;
  border-bottom: 3px groove #F5F5F5;
  font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  background: rgb(0, 64, 25); /* Old browsers */
  background: -moz-linear-gradient(top, rgba(5, 170, 230, 1) 1%, rgba(0, 84, 122, 1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top, rgba(5, 170, 230, 1) 1%, rgba(0, 84, 122, 1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom, rgba(5, 170, 230, 1) 1%, rgba(0, 84, 122, 1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3BBEFF', endColorstr='#0E2A38', GradientType=0); /* IE6-9 */
}
.con1_wrap {
  text-align: center;
  width: 100%;
}
#con1 {
  width: 1000px;
  margin: 0 auto;
}
#con1_title {
  margin: 47px 0 0 0;
}
#con1_text1 {
  font-size: 18px;
  letter-spacing: 2px;
  margin: 40px 0 0 0;
}
#con1_text2 {
  font-size: 14px;
  margin: 20px 0 40px 0;
}
#con1_img1 {
  width: 1000px;
  height: 218px;
  margin: 0 0 40px 0;
}
#mov1 {}
#mov2 {
  width: 312px;
  margin: 0 12px 0 12px;
  float: left;
}
#mov3 {
  width: 312px;
  margin: 0 20px 0 0;
  float: left;
}
#con1_img2 {
  width: 900px;
  margin: 0 auto;
}
div#con1_img1:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
#con1_text3 {
  font-size: 18px;
  letter-spacing: 2px;
  margin: 40px 0 40px 0;
}
#con2_wrap {
  height: 400px;
  background: url(../../images/bg_con2.jpg) repeat-x;
  text-align: left;
}
#con2 {
  width: 1000px;
  margin: 0 auto;
}
#con2_title {
  margin: 47px 0 0 0;
}
#con2_text1 {
  font-size: 14px;
  letter-spacing: 2px;
  margin: 30px 0 0 0;
  color: #FFFFFF;
}
#con2_text2 {
  font-size: 14px;
  font-weight: bold;
  letter-spacing: 2px;
  margin: 30px 0 0 0;
  color: #FFFFFF;
}
#con2_img {
  float: right;
  margin: 67px 0 0 0;
}
#con2_btn_wrap {
  width: 640px;
}
div#con2_btn_wrap:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
#con2_btn_l {
  width: 260px;
  margin: 20px 0 0 0;
  float: left;
}
#con2_btn_r {
  width: 360px;
  margin: 16px 0 0 20px;
  float: right;
  text-align: left;
  color: #FFFFFF;
  font-weight: bold;
}
#con2_btn_l img {
  height: 36px;
  margin: 0 0 20px 0;
}
#con3_wrap {
  background: #FFFFFF;
  text-align: center;
}
#con3 {
  width: 1000px;
  margin: 0 auto;
}
#con3_text1 {
  font-size: 16px;
  letter-spacing: 2px;
  margin: 40px 0 0 0;
  -webkit-text-size-adjust: 100%;
}
#con3_text2 {
  font-size: 14px;
  letter-spacing: 2px;
  margin: 10px 60px 40px 0;
  text-align: right;
}
#con3_list {
  width: 900px;
  height: 419px;
  background: url(../../images/bg_con3_list.jpg) no-repeat;
  margin: 40px auto 40px auto;
  padding: 32px 2px 2px 2px;
}
#con3_list_l {
  width: 437px;
  margin: 0 26px 0 0;
  float: left;
  text-align: left;
}
#con3_list_r {
  width: 437px;
  float: left;
  text-align: left;
}
.con3_list_all {
  height: 41px;
  margin: 1px 0 0 0;
}
div.con3_list_all:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.con3_list_l {
  width: 349px;
  height: 41px;
  margin: 0 1px 0 0;
  float: left;
  text-align: left;
}
.con3_list_l p {
  margin: 10px 0 0 10px;
  font-size: 14px;
}
.con3_list_r {
  width: 83px;
  height: 41px;
  float: right;
}
.con3_list_l2 {
  width: 41px;
  height: 41px;
  margin: 0 1px 0 0;
  float: left;
}
.con3_list_r2 {
  width: 41px;
  height: 41px;
  float: right;
}
.con3_list_l2 img {
  margin: 9px 0 0 7px;
}
.con3_list_r2 img {
  margin: 11px 0 0 4px;
}
#footer_wrap {
  margin-top: 20px;
}
#footer {
  width: 940px;
  margin: 0 auto;
  text-align: center;
  color: #1A0B08;
  clear: both;
}
#copyright {
  font-size: 11px;
  margin: 15px 0 0 0;
}
#footer li {
  list-style: none;
  float: left;
}
div#footer_wrap:after {
  content: "";
  display: block;
  height: 0;
  clear: both;
}
.backtotop {
  position: fixed;
  right: 30px;
  bottom: 20px;
  z-index: 9000;
  display: none;
}
.backtotop a {
  display: block;
  color: #ffffff;
  padding: 14px 6px;
  margin: 0;
  background-color: #1a1a1a;
  border-radius: 5px;
  text-decoration: none;
  font-weight: bold;
  font-size: 12px;
}
.backtotop a:hover {
  background: #FF0000;
  color: #FFFFFF;
}
#bg {
  background: url(../../images/bg.jpg) repeat-x;
  top: 0;
  left: auto;
  background-position: top center;
  height: 700px;
  z-index: -100;
}
.acmobile {
  height: 68px;
  display: inline;
}
#banner {
  display: block;
  margin: 20px auto;
  width: 940px;
  border: 2px solid #00b0ec;
}
#ranking {
  display: block;
  margin: 20px auto;
  width: 940px;
  border: 2px solid #084e7c;
}
#review {
  display: block;
  margin: 20px auto 50px auto;
  width: 940px;
  border: 2px solid #00b0ec;
}
.store {
  display: block;
  margin: 30px auto;
  width: 940px;
  border: 2px solid #00b0ec;
}
p.rev a {
  font-size: 15px;
  background: #E1F0FF;
  color: #08417C;
  text-decoration: underline;
}
p.rev strong {
  font-size: 15px;
  font-weight: bold;
}
p.rev a:hover {
  color: #08417C;
  text-decoration: none;
}
p.rev {
  padding: 10px 20px;
  line-height: 1.9em;
  font-size: 15px;
}

.small {
  font-size: 70%;
  font-weight: normal;
}


_mt0, ._mtNo, ._mtno, ._nomt {
  margin-top: 0 !important
}
._mb0, ._mbNo, ._mbno, ._nomb {
  margin-bottom: 0 !important
}
._mtSSS {
  margin-top: 10px !important
}
._mtSS {
  margin-top: 20px !important
}
._mtS {
  margin-top: 30px !important
}
._mtM {
  margin-top: 60px !important
}
._mtL {
  margin-top: 80px !important
}
._mtLL {
  margin-top: 100px !important
}
._mtLLL {
  margin-top: 150px !important
}
._ptS {
  padding-top: 20px !important
}
._ptm {
  padding-top: 50px !important
}
._ptL {
  padding-top: 80px !important
}
._pbS {
  padding-bottom: 30px !important
}
._pbM {
  padding-bottom: 60px !important
}
._pbL {
  padding-bottom: 80px !important
}
._mt1 {
  margin-top: 1px !important
}
._mt2 {
  margin-top: 2px !important
}
._mt3 {
  margin-top: 3px !important
}
._mt4 {
  margin-top: 4px !important
}
._mt5 {
  margin-top: 5px !important
}
._mt6 {
  margin-top: 6px !important
}
._mt7 {
  margin-top: 7px !important
}
._mt8 {
  margin-top: 8px !important
}
._mt9 {
  margin-top: 9px !important
}
._mt10 {
  margin-top: 10px !important
}
._mt15 {
  margin-top: 15px !important
}
._mt20 {
  margin-top: 20px !important
}
._mt25 {
  margin-top: 25px !important
}
._mt30 {
  margin-top: 30px !important
}
._mt85 {
  margin-top: 85px !important
}
._mbS {
  margin-bottom: 30px !important
}
._mbM {
  margin-bottom: 60px !important
}
._mbL {
  margin-bottom: 80px !important
}
._mbLL {
  margin-bottom: 100px !important
}
._mbLLL {
  margin-bottom: 150px !important
}
._mb5 {
  margin-bottom: 5px !important
}