@charset "utf-8"; /*

フォント
デフォルトカラー:#535353
メンズカラー　　:#003478
ウィメンズカラー:#911c3c
タイトルカラー　:#ffffff

パーツ
背景色　　：#efefef（極薄灰）
強調色　　：#d10019（紅）
罫線色　　：#000000（黒）
通常枠色　：#535353（濃灰）
非強調枠色：#b4b4b4（灰）
タイトル色：#333333（極濃灰）
テーブル色：#f2ede5（オフホワイト）
非強調色　：#b4b4b4（灰）

*/
/* ▼BASIC-Layout */

	#navi { background-color:#fff; width:134px; float:left;}
	#cont { background-color:#fff; width:820px; float:right;}
	#mypage-cont { background-color:#fff; width:964px; padding:0; clear:both;}
	#mypage-cont:after { content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0; overflow:hidden;}

	#entry_title { width:820px; float:none; margin:0 0 20px 0;}
	#landing_content { width:820px; float:none;}
	
	#search   { margin:0 0 20px 0;}
	#first    { margin:0 0 20px 0;}
	#category { margin:0 0 20px 0;}
	#sidebanner { margin:0 0 20px 0;}
	#mobile   { margin:0 0 10px 0;}
	
/* △BASIC-Layout */


/* ▼BASIC-Design */

	#front_vision { width:994px; height:340px; margin:0; overflow:hidden;}

	/*LEFT NAVIGATION*/
	#navi h3.title { margin:0 0 5px 0;}
	
	#search h3.title  { background:url(/common/images/left_title_search.gif) no-repeat 0 0; width:134px; height:20px; border:0; overflow:hidden;}
	#first h3.title   { background:url(/common/images/left_title_first.gif) no-repeat 0 0; width:134px; height:20px; border:0; overflow:hidden;}
	#category h3.title{ background:url(/common/images/left_title_category.gif) no-repeat 0 0; width:134px; height:20px; border:0; overflow:hidden;}
	#outlet h3.title　{ background:url(/common/images/left_title_outlet.gif) no-repeat 0 0; width:134px; height:20px; border:0; overflow:hidden;}
	#mobile h3.title  { background:url(/common/images/left_title_mobile.gif) no-repeat 0 0; width:134px; height:20px; border:0; overflow:hidden;}

	/*検索*/
	#search_box { width:126px; line-height:1; padding:0.2em; color:#535353;}
	#search_btn { background:url(/common/images/left_search_btn.gif) no-repeat 0 0; width:56px; height:20px; border:0; text-indent:-9999px; margin:5px 0 0 78px; overflow:hidden;}
	#search_btn:hover { background-position:0 -20px;}
	#search form .focus { color:#000;}
	
	/*特集*/
	#first .contents { padding:5px 5px; }
	#first .contents img { border:1px solid #b4b4b4;}

	/*カテゴリー*/
	
	#category .menu    { font-size:14px; font-weight:bold;}
	#category .menu_off{ font-size:14px; font-weight:bold; border-bottom: 1px solid #555555;}
	#category .menu a,
	#category .menu_off a{ display:block; padding:7px 1px;}
	#category .menu a.active,
	#category .menu a:hover,
	#category .menu em a,
	#category .menu_off a.active,
	#category .menu_off a:hover,
	#category .menu_off em a { background-color:#555555; color:#fff; text-decoration:none;}

	/*サイドバナー*/
	#sidebanner:after{ content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0; overflow:hidden;}
	#sidebanner ul{ padding:0 5px; }
	#sidebanner .menu{}

	/*モバイル*/
	#mobile:after{ content:" "; display:block; visibility:hidden; clear:both; height:0.1px; font-size:0.1em; line-height:0; overflow:hidden;}
	#mobile ul{ padding:5px 5px; }
	#mobile .menu{}
	

	/*タイトル*/
	#entry_title { width:820px; height:30px;}
	
/* △BASIC-Design */

/* ▼Landing-Design */
	#cont #cont-head { width:820px; height:20px; border-top:1px solid #000; padding:5px 0; margin:0;}
	#cont #cont-head .layout { clear:both;}
	#cont #cont-head .menu a:hover { background-position: 0 -20px;}
	
	#entry_login_content{ width:400px; float:left;}
	
	#entry_content { width:400px;}
	#entry_content h3.title { margin:0 0 10px 0;}
	#entry_inner { padding: 10px 0; width:400px; background-color:#fefefe;}
	#entry_inner .entry_table { margin:0 auto;}
	#entry_inner th { vertical-align:middle; text-align:right; font-weight:bold; font-size:12px; width:150px;}
	#entry_inner td { vertical-align:middle; text-align:left; }
	#entry_inner input.text { margin: 0;}
	#entry_inner input.radio { vertical-align:0; margin: 0 5px 2px 0;}
	#entry_inner input.check { vertical-align:0; margin: 0 5px 2px 0;}
	#entry_inner td div { text-align:left;}
	#entry_inner td.first { padding:10px 0;}
	#entry_inner td.last { padding:10px 10px 5px 20px;}
	#entry_inner td p { text-align:left;}
	#entry_inner td .rd_margin { padding-right:12px;}
	#entry_inner .error{ color:#d10019; font-weight:bold; font-size:12px; line-height:1;}
	#entry_inner .login_info{ font-size:10px;}
	
	
	#login_content { width:820px;}
	#login_content h3.title { margin:0 0 10px 0;}
	#login_inner { padding: 20px ; width:780px; background-color:#fefefe;}
	#login_inner_inner { width:500px; margin:0 auto;}
	#login_inner .login_table { margin:0 auto; border:0;}
	#login_inner th { vertical-align:middle; text-align:right; font-weight:bold; font-size:14px; width:120px;}
	#login_inner td { vertical-align:middle; text-align:left;}
	#login_inner input.text { margin: 0;}
	#login_inner td div { text-align:left;}
	#login_inner td.first { padding:10px 0;}
	#login_inner td.last { padding:10px 10px 10px 20px;}
	#login_inner td p { text-align:left;}
	#login_inner td .rd_margin { padding-right:12px;}
	#login_inner .error{ color:#d10019; font-weight:bold; font-size:12px; line-height:1;}
	#login_inner .login_info{ font-size:10px;}
	
	#rules_read a {}
	
	#entry_submit a { background:url(/common/images/btn_entry.gif) no-repeat 0 0; width:240px; height:30px; display:block; overflow:hidden;  margin:15px auto;}
	#entry_submit a:hover { background-position:0 -30px;}
	#login_submit a { background:url(/common/images/btn_login.gif) no-repeat 0 0; width:240px; height:30px; display:block; overflow:hidden;  margin:15px auto;}
	#login_submit a:hover { background-position:0 -30px;}	
	#remind_submit a { background:url(/common/images/btn_remind.gif) no-repeat 0 0; width:240px; height:30px; display:block; overflow:hidden;  margin:15px auto;}
	#remind_submit a:hover { background-position:0 -30px;}
	
	#top_entry_or_forget {}
	#top_login {}
	#top_entry_or_forget a { display:block; text-align:center; margin:10px auto;}
	#top_login a { display:block; text-align:center; margin:15px auto 5px auto;}
	
	
	
	#merit_content { width:400px; float:right;}
	#merit_content h3.title { margin:0 0 20px 0;}
	#merit_content .contents { width:400px; float:none; overflow:hidden;}
	
	#merit_content .content {width:190px; float:left;}
	#merit_content .content.l {margin:0 20px 20px 0;}
	#merit_content .content.r {margin:0 0 20px 0;}
	#merit_content .content h4.title { margin:0 0 10px 0;}
	#merit_content .content .pic { margin:0 0 10px 0;}
	#merit_content .content .txt { text-align:justify; line-height:1.2;}
	
	
	#mypage-cont #cont-head { width:964px; height:20px; border-top:1px solid #000; padding:5px 0; margin:0;}
	#mypage-cont #cont-head .layout { clear:both;}
	#mypage-cont #cont-head .menu a:hover { background-position: 0 -20px;}	
	/*パンくず*/
	#mypage-cont #referer { width:720px; float:left;}
	#mypage-cont #referer ul { margin:0; padding:0;}
	#mypage-cont #referer li { display: inline;}
	#mypage-cont #referer li ul { display:inline; margin:0; padding:0;}
	/*ページバック*/
	#mypage-cont #historyback { width:100px; float:right;}
	
	
	

	#mypage_login_content { width:500px; clear:both; margin: 0 auto 50px auto;}
	#mypage_login_content h3.title { font-size:16px; font-weight:bold; color:#000; margin:0 0 15px 0; border-bottom:1px solid #000;}
	#mypage_login_inner { padding: 5px 0 10px 0; width:498px; border:1px solid #b4b4b4;}
	#mypage_login_inner table { border:none; width:498px;}
	#mypage_login_inner .mypage_login_table { margin:0 auto;}
	#mypage_login_inner th { vertical-align:middle; text-align:right; font-weight:bold; font-size:12px; width:120px;}
	#mypage_login_inner td { vertical-align:middle; text-align:left;}
	#mypage_login_inner input.text { margin: 0;}
	#mypage_login_inner td div { text-align:left;}
	#mypage_login_inner td.first { padding:10px 0;}
	#mypage_login_inner td.last { padding:10px 10px 10px 20px;}
	#mypage_login_inner td p { text-align:left;}
	#mypage_login_inner td .rd_margin { padding-right:12px;}
	#mypage_login_inner .error{ color:#d10019; font-weight:bold; font-size:12px; line-height:1;}

	#mypage_entry_content { width:500px; clear:both; margin: 0 auto 50px auto;}
	#mypage_entry_content h3.title { font-size:16px; font-weight:bold; color:#000; margin:0 0 15px 0; border-bottom:1px solid #000;}
	#mypage_entry_inner { padding: 5px 0 10px 0; width:498px; border:1px solid #b4b4b4;}
	#mypage_entry_inner table { border:none; width:498px;}
	#mypage_entry_inner .mypage_entry_table { margin:0 auto;}
	#mypage_entry_inner th { vertical-align:middle; text-align:right; font-weight:bold; font-size:12px; width:120px;}
	#mypage_entry_inner td { vertical-align:middle; text-align:left;}
	#mypage_entry_inner input.text { margin: 0;}
	#mypage_entry_inner input.radio { vertical-align:0; margin: 0 5px 2px 0;}
	#mypage_entry_inner input.check { vertical-align:0; margin: 0 5px 2px 0;}
	#mypage_entry_inner td div { text-align:left;}
	#mypage_entry_inner td.first { padding:10px 0;}
	#mypage_entry_inner td.last { padding:10px 10px 10px 20px;}
	#mypage_entry_inner td p { text-align:left;}
	#mypage_entry_inner td .rd_margin { padding-right:12px;}
	#mypage_entry_inner .error{ color:#d10019; font-weight:bold; font-size:12px; line-height:1;}
	
	#mypage_remind_content { width:500px; clear:both; margin: 0 auto 50px auto;}
	#mypage_remind_content h3.title { font-size:16px; font-weight:bold; color:#000; margin:0 0 15px 0; border-bottom:1px solid #000;}
	#mypage_remind_content p.read { line-height:1.2; margin-bottom:10px;}
	#mypage_remind_inner { padding: 5px 0 10px 0; width:498px; border:1px solid #b4b4b4;}
	#mypage_remind_inner table { border:none; width:498px;}
	#mypage_remind_inner .mypage_remind_table { margin:0 auto;}
	#mypage_remind_inner th { vertical-align:middle; text-align:right; font-weight:bold; font-size:12px; width:120px;}
	#mypage_remind_inner td { vertical-align:middle; text-align:left;}
	#mypage_remind_inner input.text { margin: 0;}
	#mypage_remind_inner td div { text-align:left;}
	#mypage_remind_inner td.first { padding:10px 0;}
	#mypage_remind_inner td.last { padding:10px 10px 10px 20px;}	
	#mypage_remind_inner td p { text-align:left;}
	#mypage_remind_inner td .rd_margin { padding-right:12px;}
	#mypage_remind_inner .error{ color:#d10019; font-weight:bold; font-size:12px; line-height:1;}	
	
	#mypage_reissue_content { width:500px; clear:both; margin: 0 auto 50px auto;}
	#mypage_reissue_content h3.title { font-size:16px; font-weight:bold; color:#000; margin:0 0 15px 0; border-bottom:1px solid #000;}
	#mypage_reissue_content p.read { line-height:1.2; margin-bottom:10px;}
	#mypage_reissue_inner { padding: 40px 0 40px 0; width:498px; border:1px solid #b4b4b4; text-align:center;}
	#mypage_reissue_inner input.btn { margin:0 auto; text-align:center;}
	#mypage_reissue_inner .error{ color:#d10019; font-weight:bold; font-size:12px; line-height:1;}
	#mypage_reissue_inner .caption{font-size:12px; line-height:1.5; margin-bottom:20px}	
	#mypage_reissue_inner .new_pass{ color:#000; font-weight:bold; font-size:32px; line-height:1;}	
	
	.none{ display:none;}
	
	#overlay {
		position: absolute;
		top: 0;
		left: 0;
		z-index: 20000;
		width: 100%;
		height: 500px;
	}
	
	#landing_inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		z-index: 20001;
		text-align: center;
		line-height: 0;
	}
	
	#landing_src{
		position: relative;
		background-color: #fff;
		width: 820px;
		height: 440px;
		margin: 0 auto;
	}
	#landing_src * {
		line-height	:1.5;
	}
	#landing_src #attention {
		color       :#666666;
		font-size   :80%;
		text-align  :center;
		margin      :0 10%;
		padding     :30px;
		border      :10px #EEEEEE solid;
		background  :#FFFFFF;
	}
		#landing_src #attention p,
		#landing_src #attention ul {
			text-align  :left;
			}
		#landing_src #attention p.appendix {
			text-align  :center;
		}	
/* △Landing-Design */