@charset "EUC-JP";

/*
共通
-----------------------------*/
#container {
  margin-bottom: 20px;
}

.font08em {
  font-size: 0.8em;
}

.font09em {
  font-size: 0.9em;
}

.left {
  float: left;
}

.right {
  float: right;
}

.text_left {
  text-align: left;
}

.text_bold {
  font-weight: bold;
}

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

.pa_bottom10 {
  padding-bottom: 10px;
}

.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;
}

.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;
}


/*
ワンカラム
-----------------------------*/
.one_column .title.pie {
  border-bottom: 2px solid #888888;
  font-size: 1.4em;
  line-height: 1;
  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;
}

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

.content_inner .login_transitions {
  font-size: 1.2em;
  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 #loginbtn {
  margin-top: 10px;
}

.login_contents #loginbtn:hover {
  opacity: 0.8;
  border: none;
}

.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: 30px;
  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: 20%;
}

.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: #212121;
  color: #FFC926;
  padding: 10px;
  border: 1px solid #CCC;
}

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

#mailAddress {
  width: 300px;
}

.formRightWrap input {
  width: 100px;
  margin-right: 10px;
}

#btnWrapper {
  width: 260px;
  margin: 0 auto;
}

#btnWrapper.back {
  width: 122px;
  margin: 0 auto;
}

#btnWrapper input {
  border: none;
  outline: none;
}

#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%;
  font-size: 0.9em;
}

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

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

#pontaIDForm {
  width: 75%;
}

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

#pontaIDForm table th {
  width: 30%;
}

#pontaIDForm table td {
  width: 70%;
}

.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;
}

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

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

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

.sub_title_gradation.pie {
  border-bottom: 2px solid #888888;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1;
  padding: 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%);
}

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




/*
使用例（利用規約とプライバシーポリシーに適用）
-----------------------------*/

/* 1カラム */
#singleColumn h1{
  border-bottom: 2px solid #888888;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1;
  padding: 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%);
  margin-bottom:15px;
}

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

#singleColumn .subTtl,
#singleColumn h3{
  background: #212121;
  padding: 7px 0px;
  padding-left: 30px;
  color: #ECBA23;
  text-align: left;
  margin-bottom: 10px;
  border-radius: 7px;
}

#singleColumn .px12{
  margin-bottom:12px;
}

/* 2カラム（左サイドバー） */
#mainColumnInner h2{
  border-bottom: 2px solid #888888;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1;
  padding: 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%);
  margin-bottom:15px;
}

#mainColumnInner .newsLink{
	margin-bottom:50px;
}


#rule section{
	margin-bottom:30px;
}

.ruleText{
	padding:0 10px;
	margin-bottom:15px;
}