@charset "shift_jis";

@import url(top_menu.css);
@import url(top_main.css);
@import url(link_category.css);

/* ====================================================================

   Style Info: トップページ（基本設定）
 
==================================================================== */

* { margin:0; padding:0; }

.cl:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

.line0 { line-height:0; font-size:0; }


/* 201301ベストライフバナー追加　レイアウト変更用 */
/*
#tabs,
.fragment {
	width:720px !important;
	}

#scroll_pr {
	width:718px !important;
	}

#scroll {
	width:700px !important;
	}

.cnbn {
	width:950px;
	margin:0 auto;
	}

.cnbn-A {
	width:720px;
	float:left;
	}

.cnbn-B {
	width:210px;
	float:right;
	}
*/


/* ====================================================================

   Style Info: ヘッダー
 
==================================================================== */

#header {
	width:948px;
	margin:0 auto;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #c3c3c3;
	background-color:#f5f5f5;
	padding:6px 0;
	}

#header:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

/* ----- カレンダー ----- */

ul#header_cale {
	width:240px;
	float:left;
	text-align:left;
	list-style:none;
	}
	
	#header_cale li {
		margin-left:10px;
		background:url(../image/ic/calendar.gif) no-repeat left center;
		padding-left:18px;
		}

/* ----- ナビ ----- */

ul#header_navi {
	width:700px;
	float:right;
	list-style:none;
	}
	
	#header_navi li {
		float:right;
		padding-right:10px;
		padding-left:16px;
		margin-left:10px;
		}
	
	/* サイトマップ */
	#hnavi_sitemap {
		border-right:1px solid #b9b9b9;
		background:url(../image/ic/sitemap.gif) no-repeat left center;
		}
	/* 初めての方へ */
	#hnavi_guide {
		border-right:1px solid #b9b9b9;
		background:url(../image/ic/guide.gif) no-repeat left center;
		}
	/* スタートページ */
	#hnavi_start { background:url(../image/ic/start.gif) no-repeat left center; }


/* --------------------------------------------
   タイトル
-------------------------------------------- */

#title {
	width:950px;
	margin:20px auto;

	/* クリスマス追加 */
	/*
	margin:0 auto; 
	padding:20px 0;
	background:url(../image/christmas/title_img.jpg) no-repeat left center;
	*/
	}

#title:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}


/* ----- ロゴ ----- */

#logo {
	width:363px;
	height:51px;
	position:relative;
	float:left;
	display:inline;
	/* クリスマス追加 */
	/*
	margin-left:70px;
	*/
	}
	
	#logo1 {
		width:164px;
		height:51px;
		position:absolute;
		top:0;
		left:0;
		}
	
	#logo2 {
		width:108px;
		height:16px;
		position:absolute;
		left:172px;
		bottom:7px;
		}
	
	#logo h1 {
		width:215px;
		height:25px;
		position:absolute;
		left:173px;
		top:7px;
		font-weight:normal;
		}
	/* フォントサイズ固定 */
	#logo h1 { font-size:12px; line-height:16px; }
	html:not(:target) #logo h1 { font-size:12px; line-height:16px; }
	*:first-child+html #logo h1 { font-size:11px; line-height:18px; }

/* ----- 文字サイズ・バナー大枠 ----- */

#title_right {
	width:574px;
	float:right;
	/* クリスマス追加 */
	/*
	width:504px;
	*/
	}

#title_right:after, #f_size:after, #f_size ul:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}
	
	/* フォントサイズ */
	#f_size {
		width:79px;
		height:50px;
		position:relative;
		float:right;
		text-align:left;
		}
		
		#f_size p {
			width:79px;
			text-align:center;
			}
		/* フォントサイズ固定 */
		#f_size p { font-size:11px; line-height:18px; }
		html:not(:target) #f_size p { font-size:11px; line-height:18px; letter-spacing:-1px; }
		*:first-child+html #f_size p { font-size:10px; line-height:20px; }
		
		#f_size ul {
			height:24px;
			padding-top:6px;
			border:1px solid #c3c3c3;
			background-color:#ebebeb;
			list-style:none;
			text-align:left;
			}
			#f_size li { text-indent:-9999px; font-size:0; line-height:0; float:left; display:inline; }
		
			/* ボタン マージン */		
			#font_s { margin-left:8px; }
			#font_m { margin-left:5px; }
			#font_l { margin-left:5px; margin-right:8px; }
		
		
		/* 上段バナー */
		ul#h_banner {
			width:480px;
			float:left;
			list-style:none;
			/* クリスマス追加 */
			/*
			width:410px;
			*/
			}
			
		#h_banner:after {
			content:"";
			display:block;
			height:0;
			clear:both;
			}
			
			#h_banner li {
				font-size:0;
				line-height:0;
				float:left;
				margin-right:10px;
				display:inline;
				}


/* --------------------------------------------
   スクロールPR
-------------------------------------------- */

#scroll_pr {
	width:948px;
	margin:0 auto;
	padding:5px 0;
	border-top:1px solid #dbdbdb;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-bottom:1px solid #c3c3c3;
	text-align:left;
	}

/* ====================================================================

   Style Info: コンテンツ
 
==================================================================== */

#contents {
	width:950px;
	margin:0 auto;
	padding:20px 0;
	}

#contents:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

/* --------------------------------------------
   レフトメニュー(top_menu.css)
-------------------------------------------- */

#left {
	width:210px;
	float:left;
	}
	
#left:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

/* --------------------------------------------
   メイン(top_main.css)
-------------------------------------------- */
	
#main {
	width:725px;
	float:right;
	}
	
#main:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}

	/* ----- 2列 ----- */
	
	#main_2c { width:725px; }

	#main_2c:after {
		content:"";
		display:block;
		height:0;
		clear:both;
		}
		
		#m2c_left {
			width:430px;
			float:left;
			}

		#m2c_right {
			width:280px;
			float:right;
			}

/* ====================================================================

   Style Info: フッター
 
==================================================================== */

#footer {
	width:950px;
	margin:10px auto 30px auto;
	padding:8px 0;
	border-top:1px solid #c3c3c3;
	border-bottom:1px solid #c3c3c3;
	}

#footer:after {
	content:"";
	display:block;
	height:0;
	clear:both;
	}
	
	#footer p {
		width:460px;
		float:left;
		}

	#footer div {
		width:460px;
		float:right;
		text-align:right;
		}
		
		#footer div img { vertical-align:middle; }