@charset "UTF-8";
/*
共通
-----------------------------*/
#container {
  /* margin-bottom: 20px; */
}

.font08em {
  font-size: 8px;
  font-size: 0.8rem;
}

.font09em {
  font-size: 9px;
  font-size: 0.9rem;
}

.left {
  float: left;
}

.right {
  float: right;
}

.indent{
	padding-left: 2em;
	text-indent: -1em;
}

.list_indent{
	padding-left: 1em;
}

.text_left {
  text-align: left;
}

.text_right {
  text-align: right;
}

.ver_middle{
	vertical-align: middle;
}

.text_bold {
  font-weight: bold;
}

.text_blue{
	color: #007DC4;
}

.text_darkred{
	color: #800000;
}

.padding4{
	padding: 4px;
}

.padding7{
	padding: 7px;
}

.pa_tb20 {
  padding: 20px 10px !important;
}

.pa_left15{
	padding-left: 15px;
}

.pa_bottom7{
	padding-bottom: 7px;
}

.pa_bottom10 {
  padding-bottom: 10px;
}

.mar_right7 {
  margin-right: 7px;
}

.mar_right15 {
  margin-right: 15px;
}

.mar_bottom0 {
  margin-bottom: 0px !important;
}

.mar_bottom10 {
  margin-bottom: 10px;
}

.mar_bottom20 {
  margin-bottom: 20px;
}

.mar_bottom30 {
  margin-bottom: 30px;
}

.bg_f3{
	background: #F3F3F3;
}

.dis_in-block{
	display: inline-block;
}

.frame_common.pie {
  width: 100%;
  min-width: 800px;
  max-width: 1040px;
  border: 2px solid #000;
  border-radius: 7px;
  padding: 10px;
  margin: 0 auto;
  margin-bottom: 20px;
}

.frame_common .sub_title_common.pie {
  background: #212121;
  padding: 7px 0px;
  padding-left: 30px;
  color: #ECBA23;
  text-align: left;
  margin-bottom: 10px;
  border-radius: 7px;
}

/*headerの調整
-------------------------------*/
/*header{
	height: 108px;
}*/

/*
ワンカラム
-----------------------------*/
.one_column .title.pie {
  border-bottom: 2px solid #888888;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1;
  padding-left: 10px;
  background: -webkit-linear-gradient(top, #FFF 0%, #FFF 50%, #F4F4F4 100%);
  background: -moz-linear-gradient(top, #FFF 0%, #FFF 50%, #F4F4F4 100%);
  background: -ms-linear-gradient(top, #FFF 0%, #FFF 50%, #F4F4F4 100%);
  background: -o-linear-gradient(top, #FFF 0%, #FFF 50%, #F4F4F4 100%);
  background: linear-gradient(top, #FFF 0%, #FFF 50%, #F4F4F4 100%);
  -pie-background: linear-gradient(top, #FFF 0%, #FFF 50%, #F4F4F4 100%);
}

/*
パンくず
-----------------------------*/
.pan li {
  float: left;
}

/*
サイド調整
----------------------------*/
.left_side{
}

/*
GEO IDログイン画面
----------------------------*/
.content_inner .login_contents {
  line-height: 1.5;
  width: 95%;
  min-width: 800px;
  max-width: 1040px;
  margin: 0 auto;
  text-align: center;
}

.content_inner .login_transitions {
  width: 95%;
  min-width: 800px;
  max-width: 1040px;
  margin: 0 auto;
  text-align: center;
  background: #FFF2D6;
  padding: 10px 0px;
  border: 1px solid #FFD900;
}

.login_contents .id_frame,
.login_contents .pass_frame {
  width: 700px;
  margin: 0 auto;
  padding-top: 15px;
  margin-bottom: 10px;
  text-align: right;
}

.login_contents .id_frame .id_text {
  width: 200px;
}

.login_contents .pass_frame .pass_text {
  width: 205px;
}

.login_contents .pass_frame {
  width: 712px;
}

.login_contents .id_frame input,
.login_contents .pass_frame input {
  width: 410px;
}

.login_contents .geo_id_frame.pie {
  border: 2px solid #000;
  border-radius: 7px;
  padding: 10px;
}

.login_contents .login_title.pie {
  background: #212121;
  padding: 7px 0px;
  padding-left: 20px;
  color: #ECBA23;
  text-align: left;
  margin-bottom: 10px;
  border-radius: 7px;
}

.login_contents .login_title.online_tit.pie {
  background: #2C305F;
}

.noponta_frame .noponta_img {
  padding: 10px 0px;
}

.mypage .contents_frame.login_contents table.myshop td {
  width: 60%;
}

.mypage .contents_frame.login_contents table.myshop td:first-child {
  width: 25%;
}

.mypage .contents_frame.login_contents table.myshop td:last-child {
  text-align: center;
}

.mypage .contents_frame.login_contents table.myshop td.delete_frame img:hover {
  opacity: 0.8;
  cursor: pointer;
}

/*
ID・pass忘れてる方
---------------------------*/
table.forgot {
  width: 85%;
  margin: 0 auto;
  border-collapse: collapse;
}

table.forgot th {
  background: #ddd;
  color: #000;
  padding: 10px;
  border: 1px solid #CCC;
}

table.forgot td {
  padding: 10px;
  border: 1px solid #CCC;
}

#mailAddress {
  width: 300px;
}

.formRightWrap input {
  width: 100px;
}

.btnWrapper {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}



.btnWrapper input,
.btnWrapper a {
  border: none;
  display: inline-block;
  *display: inline;
  outline: none;
  margin: 0 10px;
}

.btnWrapper input:hover {
  opacity: 0.8;
}

#forgotCaution {
  width: 85%;
  margin: 0 auto;
  background: #F3F3F3;
  padding: 10px;
  padding-left: 3em;
  text-indent: -1em;
  color: #FF0000;
}

/*
新規会員登録
---------------------------*/
.geo_newmember_frame #registForm {
  width: 95%;
  background: #F0F0F0;
  margin: 0 auto;
  padding: 10px 10px;
}

.geo_newmember_frame .slide_common {
  width: 800px;
  margin: 0 auto;
}

.geo_newmember_frame .select_title {
  background: #212121;
  padding: 7px 0px;
  padding-left: 30px;
  color: #ECBA23;
  text-align: left;
  margin-bottom: 10px;
  border-radius: 7px;
  cursor: pointer;
}

.geo_newmember_frame .select_title:hover {
  opacity: 0.8;
}

.geo_newmember_frame .details_card {
  display: none;
}

.geo_newmember_frame .open_details {
  display: block;
}

.details_card table.forgot {
  width: 100%;
}

.details_card table.forgot th {
  width: 30%;
}

.details_card table.forgot td {
  width: 70%;
  background: #FFF;
}

#pontaIDForm {
  width: 85%;
}

#pontaIDForm table.forgot {
  text-align: left;
  width: 100%;
  margin: 0px;
}

#pontaIDForm table th {
  width: 20%;
}

#pontaIDForm table td {
  width: 80%;
}

.member_check .select_button {
  display: block;
  margin: 0 auto;
  cursor: pointer;
}

.member_check .select_button:hover {
  opacity: 0.8;
}

.member_check .check_title {
  width: 85%;
  margin: 0 auto;
}

.member_check_next table th {
  width: 20%;
}

.member_check_next table td {
  width: 80%;
}

/*
規約
------------------------------------*/
h1#mainTitle span.period {
  font-size: 14px;
  padding-left: 8px;
}

div.contents {
  line-height: 1.4;
  padding: 5px 20px 10px;
}

div.contents ul.contentsList {
  margin: 0 0 25px -20px;
}

/* IE用ハックここから*/
* html div.contents ul.contentsList {
  margin-left: 0;
}

*:first-child + html div.contents ul.contentsList {
  margin-left: 0;
}

/* IE用ハックここまで*/
div.contents ul.contentsList li {
  font-size: 115%;
  font-weight: bold;
  list-style: disc;
  margin-bottom: 3px;
}

div.contents div.section {
  margin-bottom: 3em;
}

div.contents div.section h2 {
  border-bottom: 1px solid #5654a2;
  border-left: 5px solid #5654a2;
  margin-bottom: 10px;
  padding: 0 12px 3px;
  font-size: 150%;
}

div.contents div.section div.block {
  margin: 0 1em 2em 0;
}

div.contents div.section div.block p {
  margin: 0 0 0 1.5em;
}

div.contents div.section div.block h3 {
  font-size: 130%;
  margin-bottom: 0.2em;
}

div.contents div.section div.block dl.level2 {
  padding-left: 2em;
}

div.contents div.section div.block dl.level2 dt {
  color: #003399;
  font-size: 115%;
  font-weight: bold;
  margin-bottom: 0.1em;
}

div.contents div.section div.block dl.level2 dd {
  margin: 0 0 1.5em;
}

div.contents div.section div.block dl.level2 dd li {
  list-style-position: outside !important;
  list-style-type: decimal;
  margin: 0 0 1.5em 1em;
}

div.contents div.section div.block p {
  margin: 0 0 0 1.5em;
}

div.contents div.section div.block dl.level2 dd ol.level3 {
  padding-left: 2em;
}

div.contents div.section div.block dl.level2 dd ol.level3 li {
  margin-bottom: 0.6em;
}

div.contents div.section div.block dl.level2 dd ol.level3 li h4 {
  font-weight: bold;
}

div.contents div.section div.block dl.level2 dd ol.level3 li ol.level4 {
  margin-bottom: 0.5em;
  padding-left: 2em;
}

div.contents div.section div.block dl.level2 dd ol.level3 li ol.level4 li {
  margin-bottom: 3px;
}

div.contents div.section div.block dl.level2 dd ol.level3 li ul.level4 {
  margin-bottom: 0.5em;
  margin-left: -1.5em;
}

/* IE用ハックここから*/
* html div.contents div.section div.block dl.level2 dd ol.level3 li ul.level4 {
  margin-left: 1.5em;
}

*:first-child + html div.contents div.section div.block dl.level2 dd ol.level3 li ul.level4 {
  margin-left: 1.5em;
}

head ~ body div.contents div.section div.block dl.level2 dd ol.level3 li ul.level4 {
  margin-left: -1.5em;
}

html:not(:target) div.contents div.section div.block dl.level2 dd ol.level3 li ul.level4 {
  margin-left: -1.5em;
}

/* IE用ハックここまで*/
div.contents div.section div.block dl.level2 dd ol.level3 li ul.level4 li {
  list-style: disc;
  margin: 0;
}

div.contents div.section div.block p.notes {
  margin-left: 3.5em;
  text-indent: -1em;
}

div.contents div.additional {
  margin-bottom: 2em;
}

div.contents div.additional p {
  margin-left: 2.5em;
}

div.contents p.update {
  text-align: right;
}

/*
tableのレイアウト
--------------------------------*/
.table_border {
	border-collapse: collapse;
}

.table_border th,
.table_border td{
	border: 1px solid #000;
	padding: 5px;
}

/*
ニュース詳細のSNSボタン
---------------------------------*/
#newsSNSWrapper {
  margin-top: 15px;
  text-align: right;
}

#newsSNSInner {
  display: inline-block;
  text-align: right;
}

#hatenaWrapper {
  float: left;
  width: 60px;
  height: 21px;
  margin-right: 10px;
}

.facebookLink {
  border: none;
  float: left;
  width: 120px;
  height: 21px;
  margin-right: 10px;
}

/*
gget
--------------------------------*/
.gget_contents p{
	margin-bottom: 5px;
}
.gget_contents div > img{
	width: 100%;
}

.gget_contents .orange_title{
	color: #EA7500;
	font-weight: bold;
	border-bottom: 1px solid #EA7500;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.gget_contents .green_title{
	color: #008B8B;
	font-weight: bold;
	border-bottom: 1px solid #008B8B;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.gget_contents .blue_title{
	color: #4169E1;
	font-weight: bold;
	border-bottom: 1px solid #4169E1;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.gget_contents .pink_title{
	color: #FF6347;
	font-weight: bold;
	border-bottom: 1px solid #FF6347;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.gget_contents .purple_title{
	color: #A850C5;
	font-weight: bold;
	border-bottom: 1px solid #A850C5;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.gget_contents .red_title{
	color: #EA0027;
	font-weight: bold;
	border-bottom: 1px solid #EA0027;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

/*
フォームのテーブル
--------------------------------*/
.form_table table{
	width: 100%;
	border-collapse: collapse;
}

.form_table table th{
	background: #DDD;
	width: 20%;
}

.form_table table th,
.form_table table td{
	padding: 7px;
	border: 1px solid #CCCCCC;
}

.form_table table td input.short{
	width: 100px;
}

.form_table .inputTxt {
	width: 500px;
	border: 1px solid #ccc;
	padding: 2px 5px;
	font-size: 13px;
	line-height: 1.8;
}

.form_table #content {
	width: 700px;
	height: 200px;
	padding: 2px 5px;
	font-size: 13px;
	line-height: 1.8;
	color: #999;
}

.form_table .button_middle{
	vertical-align: middle;
	width: 15px;
	height: 15px;
}

.form_table .btn_pointer{
	cursor: pointer;
}

.estate_form .inq_shop_frame.pie{
	border: 2px solid #FFDE00;
	border-radius: 5px;
	padding: 7px;
}

.estate_form .shop_category01{
	border-bottom: 1px dotted #CCC;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

/*
静的テンプレート
---------------------------------*/
.frame_temp.pie{
  padding: 10px 0px;
}

.inner_wrap.pie {
  border: 2px solid #000;
  border-radius: 7px;
  padding: 10px;
}

.contents_maintitle {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  padding-left: 20px;
  padding-bottom: 5px;
  border-bottom: 2px solid #888888;
  position: relative;
}

.inner_subtitle{
  background: #212121;
  padding: 7px 0px;
  padding-left: 20px;
  color: #ECBA23;
  text-align: left;
  margin-bottom: 10px;
  border-radius: 7px;
}

.sub_title_gradation.pie {
  border-bottom: 2px solid #888888;
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  padding: 10px 10px 10px 15px;
  background: -webkit-linear-gradient(top, #FFF 0%, #FFF 50%, #F4F4F4 100%);
  background: -moz-linear-gradient(top, #FFF 0%, #FFF 50%, #F4F4F4 100%);
  background: -ms-linear-gradient(top, #FFF 0%, #FFF 50%, #F4F4F4 100%);
  background: -o-linear-gradient(top, #FFF 0%, #FFF 50%, #F4F4F4 100%);
  background: linear-gradient(top, #FFF 0%, #FFF 50%, #F4F4F4 100%);
  -pie-background: linear-gradient(top, #FFF 0%, #FFF 50%, #F4F4F4 100%);
}

.sub_title_gray {
  font-weight: bold;
  background: #E5E5E5;
  padding: 10px;
  margin-bottom: 12px;
}


/*
お知らせ一覧
---------------------------------*/
.news_info{
	font-size:12px;
	margin-bottom:10px;
}
.news_list dl{
	width:100%;
	border-top: 1px dotted #ccc;
}

.news_list dt{
	clear: both;
	float: left;
	width: 110px;
	padding: 7px 0;
}
.news_list dd{
	padding: 7px 0 7px 100px;
	border-bottom: 1px dotted #ccc;
}
.news_pagenation{
	padding:20px 0;
	text-align:center;
}
.news_totop{
	padding:15px 0;
	text-align:center;
}


/*
キャンペーン
---------------------------------*/
.campaign_info{
    font-size:12px;
    margin-bottom:10px;
}
.campaign_list ul{
    width:100%;
    border-top: 1px dotted #ccc;
}

.campaign_list li{
    clear: both;
    padding: 8px;
    border-bottom: 1px dotted #ccc;
}
.campaign_list li .img{
    float: left;
}
.campaign_list li .info{
    padding-left: 8px;
	float: left;
}
.campaign_pagenation{
    padding:20px 0;
    text-align:center;
}
.campaign_totop{
    padding:15px 0;
    text-align:center;
}
.campaign_detail {
	width: 100%;
	padding: 8px;
	margin: 0 auto;
}

.shop_width {
    display: inline-block;
    width: 60px;
}