@charset "UTF-8";

/* 共通フレーム設定
--------------------------------------------------------------------
0. 共通
1. ログイン出し分け指定
2. メッセージボックス
3. ヘッダー
4. コンテンツ
5. ローカルナビ
6. ログインエリア
7. コンテンツ下エリア
8. フッター
9. その他設定

--------------------------------------------------------------------*/

/* 

※文字サイズに関して
--------------------------------------------------------------------
文字サイズをpx指定すると文字可変のスクリプトが効かなくなります。
cssで文字サイズの指定をする場合は下記を参考に％指定してください。

textsizeの基準値::12px 

{ font-size: 77%;   } /* 9px
{ font-size: 85%;   } /* 10px 
{ font-size: 93%;   } /* 11px
{ font-size: 100%;  } /* 12px
{ font-size: 108%;  } /* 13px
{ font-size: 116%;  } /* 14px
{ font-size: 123.1%;} /* 15px
{ font-size: 131%;  } /* 16px
{ font-size: 138.5%;} /* 17px
{ font-size: 146.5%;} /* 18px
{ font-size: 153.9%;} /* 19px
{ font-size: 161.6%;} /* 20px
{ font-size: 167%;  } /* 21px

--------------------------------------------------------------------*/


/* 0. 共通
--------------------------------------------------------------------*/

/* iframeの横スクロール対策 */
html{overflow-y: scroll;}

/* reset browser settings */
body {
	margin: 0;
	padding: 0;
	font-family: "ＭＳ Ｐゴシック",Verdana,"ヒラギノ角ゴ Pro W3",Arial,Helvetica,sans-serif;
	color: #444444;
	font-weight: normal;
	font-size: 12px;
	letter-spacing: 0;
	line-height: 1.5;
	background-color: #fffde8;
}

p,h1,h2,h3,h4,h5,h6,tr,th,td,dl,dt,dd {
	margin: 0;
	padding: 0;
}

a {
	margin: 0;
	padding: 0;
	outline: none;
}

ul,ol,li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	font-size: 100%;
}

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

strong {
	font-weight: bold;
}

/* テキストリンク */
a {
	color: #de6f1a;
}

a:active,
a:visited {
	color: #de6f1a;
}

a:hover {
	text-decoration: none;
	color: #ff9927;
}

/* 1. ログイン出し分け指定
--------------------------------------------------------------------*/
.login {
	display: none;
}

.logout {
	display: none;
}

/* 2. メッセージボックス
--------------------------------------------------------------------*/

/* JS OFF時のアラート */
#header-jsnoff{
	font-weight: bold;
	background: #fffde8 url(/c/common/img/header_bg.gif) repeat-x 0 0;
}

#header-jsnoff .jsoff{
	width: 920px;
	margin: 0 auto;
	position: relative;
}

	/*エラー
	--------------------------*/
	#header-jsnoff .error {
		width: 720px;
		margin: 0 auto;
		padding: 15px 0 15px 0;
		color: #ffffff;
	}

		#header-jsnoff .error .frmt {
			width: 720px;
			padding-top: 8px;
			background: #c93030 url(/c/u/common/img/alert_red_top.gif) no-repeat 0 0;
		}

			#header-jsnoff .error .frmb {
				width: 720px;
				padding-bottom: 7px;
				background: #c93030 url(/c/u/common/img/alert_red_bottom.gif) no-repeat 0 100%;
			}

				/* エラーアイコンの表示 */
				#header-jsnoff .error .frm p {
					padding: 15px 10px 12px 65px;
					color: #ffffff;
					background: #c93030 url(/c/u/common/img/alert_red_icon.gif) no-repeat 10px 2px;
				}

/* 3. ヘッダー
--------------------------------------------------------------------*/
#header {
	height: 94px;
	background: url(/c/common/img/header_bg.gif) repeat-x 0 0;
	line-height: 1;
}

	/* センタリング用 */
	#header-inner {
		width: 920px;
		margin: 0 auto;
		text-align: left;
		position: relative;
	}

		/* Pontaロゴ */
		#header-inner #logo {
			position: absolute;
			top: 9px;
			left: 4px;
		}

		/* Pontaロゴ */
		#header-inner #logo a {
			display: block;
		}

		/* Pontaキャッチフレーズ */
		#header-inner #catch {
			position: absolute;
			top: 24px;
			left: 132px;
			width: 311px;
		}

		/* 文字可変時にpタグ内のimg上部に発生する隙間を解消 */
		#header-inner #catch img {
			display: block;
		}

		/* トップへ戻る */
		#backtop {
			position: absolute;
			top: 71px;
			left: 4px;
		}

	/* 文字サイズ */
	#font-navi {
		position: absolute;
		top: 17px;
		left: 506px;
	}

		#font-navi dd {
			position: absolute;
			top: 4px;
			left: 70px;
			width: 54px;
		}

			#font-navi dd ul li {
				float: left;
				width: 18px;
				text-indent: -9999px;
			}

			#font-navi dd ul li a{
				display: block;
				width: 18px;
				height: 16px;
			}

			/* font small - 初期状態 */
			#font-navi dd ul li.text-small {
				background: url(/c/common/img/fontsize_s_2.gif) no-repeat 0 0;
			}

				#font-navi dd ul li.text-small a:hover {
					background: url(/c/common/img/fontsize_s_2.gif) no-repeat 0 0;
				}

			/* font medium */
			#font-navi dd ul li.text-medium {
				background: url(/c/common/img/fontsize_m_1.gif) no-repeat 0 0;
			}

				#font-navi dd ul li.text-medium a:hover {
					background: url(/c/common/img/fontsize_m_2.gif) no-repeat 0 0;
				}

			/* font large */
			#font-navi dd ul li.text-large {
				background: url(/c/common/img/fontsize_l_1.gif) no-repeat 0 0;
			}

				#font-navi dd ul li.text-large a:hover {
					background: url(/c/common/img/fontsize_l_2.gif) no-repeat 0 0;
				}

			/* ▲現在位置の設定は/c/common/css/内のsmall.css, medium.css, large.cssに記述 */


	/* トップナビゲーション
		 - よくある質問、お問合せ、入会案内 */
	#top-navi {
		position: absolute;
		top: 17px;
		left: 648px;
	}

		#top-navi li {
			float: left;
			line-height: 1;
		}

	/* グローバルナビゲーション
		 - Pontaとは？、サービスガイド、提携ショップ、ポイントをためる、ポイントをつかう、ポイント残高 */
	#global-navi {
		position: absolute;
		top: 44px;
		left: 126px;
	}

		#global-navi li {
			float: left;
			width: 129px;
			height: 47px;
			line-height: 1;
		}

		/* ポンタとは？ */
		#global-navi li#gn-about {
			width: 133px;
		}

		/* ポイントをつかう */
		#global-navi li#gn-spend {
			width: 135px;
		}

		/* ポイント残高 */
		#global-navi li#gn-point {
			width: 122px;
		}

/* 4. コンテンツ
--------------------------------------------------------------------*/
#wrapper {
	background-color: #fffde8;
}

	/* ページ読み込み後に背景を反映 */
	.bgtown {
		background: url(/c/common/img/footer_bg_town.gif) repeat-x 50% 100%;
	}

	/* センタリング */
	#contents {
		width: 920px;
		margin: 0 auto;
		text-align: left;
		position: relative;
		padding-top: 65px;
	}

		/* コンテンツボディ */
		#contents-body {
		}

		/* TOPページのコンテンツボディ内の設定は/c/home/css/style.cssへ記述 */
		/* 中ページのコンテンツボディ内の設定は/c/＊＊＊/css/style.cssへ記述 */


/* 5. ローカルナビゲーション
		- HOME、キャンペーン、メルマガ設定、グループ、リサーチ、PP交換、登録情報
--------------------------------------------------------------------*/
#localfrm {
	position: absolute;
	height: 33px;
	top: 0;
}

		#local-navi {
			position: absolute;
			top: -3px;
			left: 0;
			padding-right: 8px;
			background: url(/c/common/img/subnavi_right.gif) no-repeat 100% 0;
		}

			#local-navi .frml {
				padding-left: 8px;
				background: url(/c/common/img/subnavi_left.gif) no-repeat 0 0;
			}

				#local-navi .frm {
					width: 904px;
					background: url(/c/common/img/subnavi_bg.gif) repeat-x 0 0;
				}
				
				/* ホーム位置を左から26pxで固定、登録情報位置を右から36pxで固定 */
				#local-navi ul {
					padding: 0 36px 0 26px;
				}

					#local-navi li {
						float: left;
						/* widthは各メニューのクラスで指定 */
					}

					/* MLP会員のみメニュー
					-------------------------------------------------------*/
						/* ホーム位置固定 */
						#local-navi .mlpon li.ln-home {
							width: 58px;
							margin-right: 35px;
						}

						/* キャンペーン */
						#local-navi .mlpon li.ln-campaign {
							width: 84px;
							margin-right: 44px;
						}

						/* メールニュース設定 */
						#local-navi .mlpon li.ln-mailnews {
							width: 116px;
							margin-right: 44px;
						}

						/* グループ */
						#local-navi .mlpon li.ln-group {
							width: 65px;
							margin-right: 44px;
						}

						/* Pontaリサーチ */
						#local-navi .mlpon li.ln-resarch {
							width: 97px;
							margin-right: 44px;
						}

						/* ポイント交換 */
						#local-navi .mlpon li.ln-exchange {
							width: 87px;
						}

						/* 登録情報位置固定 */
						#local-navi .mlpon li.ln-profile {
							float: right;
							width: 68px;
						}

					/* MLP会員ではない場合のメニュー
						-------------------------------------------------------*/
						/* ホーム位置固定 */
						#local-navi .mlpoff li.ln-home {
							width: 58px;
							margin-right: 72px;
						}

						/* キャンペーン */
						#local-navi .mlpoff li.ln-campaign {
							width: 84px;
							margin-right: 71px;
						}

						/* メールニュース設定 */
						#local-navi .mlpoff li.ln-mailnews {
							width: 116px;
							margin-right: 72px;
						}

						/* グループ */
						#local-navi .mlpoff li.ln-group {
							width: 65px;
							margin-right: 71px;
						}

						/* Pontaリサーチ */
						#local-navi .mlpoff li.ln-resarch {
							width: 97px;
						}

						/* PP交換 */
						/* なし */

						/* 登録情報位置固定 */
						#local-navi .mlpoff li.ln-profile {
							float: right;
							width: 68px;
						}


/* 6. ログインエリア
--------------------------------------------------------------------*/
		#login-state {
			/*padding: 0 0 6px 0;*/
			height: 32px;
			position: absolute;
			top: 33px;
			right: 0;
			z-index: 100;
			/*padding: 33px 0 6px 0;*/
		}

			#login-state .box {
				float: right;
				padding-right: 10px;
				position: relative;
				z-index: 200;
			}

			/* テキスト・ボタン */
			#login-state .box p {
				line-height: 1;
			}

				#login-state .box .login-txt{
					float: left;
					margin-right: 17px;
					padding-top: 8px;
				}

				#login-state .box .login-btn{
					float: left;
					width: 118px;
					height: 26px;
					line-height: 2.3;
					text-align: center;
					position: relative;
					z-index: 100;
				}

			/* ログインフォームウインドウ */
			#login-state #login-formbox {
				width: 300px;
				padding-bottom: 17px;
				background: url(/c/common/img/bg_bottom.png) no-repeat 0 100%;
				color: #ffffff;
				position: absolute;
				top: 10px;
				right: 0;
				display: none;
			}

			#login-state #login-formbox .frm {
				width: 300px;
				background: url(/c/common/img/bg.png) repeat-y 0 0;
			}

				/* 閉じるボタン */
				#login-state #login-formbox #close{
					cursor: pointer;
					position: absolute;
					top: 34px;
					right: 10px;
				}

				#login-state #login-formbox input {
					width: 248px;
					font-size: 17px;
					vertical-align: middle;
				}

				/* 会員ID */
				#login-state #login-formbox .box-t{
					padding:  46px 0 0 20px;
				}

				/* パスワード */
				#login-state #login-formbox .box-b{
					padding: 12px 0 0 20px;
				}

					#login-state #login-formbox .caption{
						padding: 5px 20px 0 0;
						font-size: 100%;
					}

					#login-state #login-formbox .caption a{
						padding: 3px 0 0 10px;
						background: url(/c/common/img/arrow_s_trans.gif) no-repeat 0 50%;
					}


				#login-state #login-formbox .btn{
					padding-top: 12px;
					text-align: center;
				}

					#login-state #login-formbox .btn input{
						width: 120px;
						height: 25px;
						height: 24px;
					}



/* 7. コンテンツ下エリア
--------------------------------------------------------------------*/
#contents-footer {
	padding-top: 140px;
}

	/* ページの先頭に戻る */
	#contents-footer #b-pagetop {
		text-align: right;
	}


/* 8. フッター
--------------------------------------------------------------------*/

/* ▼フッターリンク設定 */
#footer a:link,
#footer a:active,
#footer a:visited {
	color: #666666;
	text-decoration: none;
}

#footer a:hover {
	text-decoration: underline;
}

#footer #footer-sitemap .listbox p a {
	color: #333333;
}

#footer #footer-navi a {
	color: #ffffff;
}

/* ▲フッターリンク設定 */

#footer {
	padding-top: 20px;
	background: #fff2c5;
	font-size: 85%;
}

	/* ログイン後のみ表示 */
	#footer-login {
		margin-bottom: 16px;
	}

		/* ケータイサイトを活用しよう */
		#footer-login .bnr-mobile {
			float: left;
			width: 342px;
		}

		/* ケータイサイトを活用しよう */
		#footer-login .bnr-tipsguide {
			float: right;
			width: 565px;
			position: relative;
		}

			#footer-login .bnr-tipsguide .b-more{
				position: absolute;
				top: 18px;
				left: 460px;
			}

	/* サイトマップ */
	#footer-sitemap {
		width: 920px;
		margin: 0 auto;
		text-align: left;
		padding-top: 15px;
		background: #fff9e3 url(/c/common/img/sitemap_table_top.gif) no-repeat 0 0;
	}

		#footer-sitemap-inner {
			padding-bottom: 15px;
			background: #fff9e3 url(/c/common/img/sitemap_table_bottom.gif) no-repeat 0 100%;
		}

			#footer-sitemap-inner .title {
				padding-left: 12px;
			}

			#footer-sitemap ul {
				padding: 11px 0 0 0;
			}

	#footer-sitemap .listbox {
		float: left;
		border-right: 1px solid #d5c186;
		width: 183px;
		line-height: 1;
	}

	#footer-sitemap .end {
		border-right: none;
	}

	/* 大タイトル */
	#footer-sitemap .listbox p {
		font-weight: bold;
		font-size: 104%;
		background: #ffffff;
		padding: 5px 12px 3px;
		margin: 5px 10px 0 10px;
		-webkit-border-radius: 20px;/* Safari */
		-moz-border-radius: 20px;/* Firefox */
	}

		/* キャプション */
		#footer-sitemap .listbox p span.caption {
			font-size: 90%;
			font-weight: normal;
			line-height: 1.5;
		}

	#footer-sitemap .listbox ul {
		padding: 0 15px 15px 20px;
	}

	#footer-sitemap .listbox ul li {
		padding-top: 5px;
		line-height: 1.1;
	}

	#footer-sitemap .listbox ul li ul {
		padding-top: 5px;
	}


	#footer-sitemap .listbox ul li ul {
		padding: 0 0 0 10px;
	}

	#footer-sitemap .listbox ul li a {
		background: url(/c/common/img/arrow_s.gif) no-repeat 0 4px;
		padding: 2px 0 0 12px;
		display: inline-block;
	}

	/* footer（下部） */
	#footer-navi {
		margin-top: 15px;
		padding: 8px 0 3px 0;
		background: #f58428;
	}

		/* センタリング */
		#footer-navi-inner {
			width: 920px;
			margin: 0 auto;
			text-align: left;
		}

		/* ユーティリティリンク */
		#footer-navi-inner ul {
			float: left;
			width: 580px;
		}

			#footer-navi-inner ul li {
				float: left;
				margin-right: 10px;
				padding-left: 10px;
				background: url(/c/common/img/arrow_footernavi.gif) no-repeat 0 50%;
			}

			#footer-navi-inner ul li a.blanklink{
				background: url(/c/common/img/icon_blank_s.gif) no-repeat 100% 50%;
			}

		/* copyright */
		#footer-navi-inner p {
			float: left;
			text-align: right;
			width: 320px;
			color: #ffffff;
		}

/* 9. その他設定
--------------------------------------------------------------------*/

/* clearfix - floatの解除
------------------------------*/

/* Modern browsers like Firefox, Safari, Opera */
.cfx:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: ".";
	line-height: 0;
	font-size: 0.1em;/* footerの隙間を解消する */
}
/* IE 7 and MacIE*/
.cfx {
	display: inline-table;
	min-height: 1%;
}

/* for macIE \*/
* html .cfx {
	height: 1%;
}

.cfx {
	display: block;
}
/* end of for macIE */


/* textnone
	 - txtを非表示 */
.textnone {
	height:0;
	overflow:hidden;
	}

/* IE6用 */
* html .textnone {
	position:absolute;
	visibility:hidden;
	}

/* blankリンク設定 */
.blanklink{
	padding-right: 13px;
	background: url(/c/common/img/icon_blank.gif) no-repeat 100% 50%;
}