@charset "UTF-8";
/* CSS Document (2010/09作成)

/index.php に適用：CSSインポート・インデックスメイン
***************************************************************************/

@import url(basic.css);		/* 基本設定・ブラウザ依存をリセット */
@import url(navi.css);		/* 左柱ナビゲーション */



#display {
	position: relative;
	width:1000px;
	height:100%;
    min-height: 100%;
	margin:0 auto 0 auto;
	padding:0;
	background:#ffffff;
	}



/* Weekly width:1000px; --------------------------------------------------*/

/* indexメイン */
#weeklyBooth {
	width:1000px;
	height:475px;
	/*background:url(/img/index/photo_autumn.jpg) no-repeat;*/


/*	background:url(/img/index/photo_winter.jpg) no-repeat;*/
/*	background:url(/img/index/photo_autumn.jpg) no-repeat;*/
/*	background:url(/img/index/photo_summer.jpg) no-repeat;*/
/*	background:url(/img/index/photo_spring.jpg) no-repeat;*/

}
#key_img{
	width:1000px;
	height:475px;
}

	/* →H1 */
	h1 { display:none;}

	/* →H2 */
	h2 { display:none;}


	/* →週間松下幸之助 width:425px; height:237px */
	#weekly {
		width:425px;
		height:237px;
   		/*position: absolute; */
    	/*top:115px;*/
    	/*left:260px;*/
		background:url(/img/index/week/statement_bg.gif) repeat-x;
		}

	/* →週間松下幸之助 金言 */
	#weekly #statementBooth  {
		width:392px;
		height:237px;
		float:right;
		background:url(/img/index/week/statement_bg.gif) repeat-x;
		overflow-y:scroll;
		}
	#weekly #statementBooth .on {}
	#weekly #statementBooth .off { display:none;}
	#weekly #statementBooth #statement { padding:10px 10px 15px 15px; }
	#weekly #statementBooth #statement .title { font-size:18px; font-weight:bold;}
	#weekly #statementBooth #statement .saying { padding:10px 0 0 0; font-size:x-small; font-weight:bold; line-height:1.5em;}
	#weekly #statementBooth #statement .details  { padding:12px 0 0 0; font-size:small; }


	/* →週間松下幸之助 曜日 */
	#weekly #dayBooth  {
		width:33px;
		height:233px;
		float:left;
		padding:4px 0 0 0;
		background:url(/img/index/week/day_bg.gif) no-repeat;
		}

	/* →月曜日 */
	#weekly #dayBooth #mon { width:33px; height:30px; margin:0 0 3px 0;  }
	#weekly #dayBooth #mon a span { display:none;}
	#weekly #dayBooth #mon a { width:33px; height:30px; display:block; }
	#weekly #dayBooth #mon a.disp { background:url(/img/index/week/mon_disp.gif) no-repeat;}
	#weekly #dayBooth #mon a.on { background:url(/img/index/week/mon_on.gif) no-repeat;}
	#weekly #dayBooth #mon a.on:hover { background:url(/img/index/week/mon_act.gif) no-repeat;}
	#weekly #dayBooth #mon a.off { background:url(/img/index/week/mon_off.gif) no-repeat; }

	/* →火曜日 */
	#weekly #dayBooth #tue { width:33px; height:30px; margin:0 0 3px 0;  }
	#weekly #dayBooth #tue a span { display:none;}
	#weekly #dayBooth #tue a { width:33px; height:30px; display:block; }
	#weekly #dayBooth #tue a.disp { background:url(/img/index/week/tue_disp.gif) no-repeat;}
	#weekly #dayBooth #tue a.on { background:url(/img/index/week/tue_on.gif) no-repeat;}
	#weekly #dayBooth #tue a.on:hover { background:url(/img/index/week/tue_act.gif) no-repeat;}
	#weekly #dayBooth #tue a.off { background:url(/img/index/week/tue_off.gif) no-repeat; }

	/* →水曜日 */
	#weekly #dayBooth #wed { width:33px; height:30px; margin:0 0 3px 0;  }
	#weekly #dayBooth #wed a span { display:none;}
	#weekly #dayBooth #wed a { width:33px; height:30px; display:block; }
	#weekly #dayBooth #wed a.disp { background:url(/img/index/week/wed_disp.gif) no-repeat;}
	#weekly #dayBooth #wed a.on { background:url(/img/index/week/wed_on.gif) no-repeat;}
	#weekly #dayBooth #wed a.on:hover { background:url(/img/index/week/wed_act.gif) no-repeat;}
	#weekly #dayBooth #wed a.off { background:url(/img/index/week/wed_off.gif) no-repeat; }

	/* →木曜日 */
	#weekly #dayBooth #thu { width:33px; height:30px; margin:0 0 3px 0;  }
	#weekly #dayBooth #thu a span { display:none;}
	#weekly #dayBooth #thu a { width:33px; height:30px; display:block; }
	#weekly #dayBooth #thu a.disp { background:url(/img/index/week/thu_disp.gif) no-repeat;}
	#weekly #dayBooth #thu a.on { background:url(/img/index/week/thu_on.gif) no-repeat;}
	#weekly #dayBooth #thu a.on:hover { background:url(/img/index/week/thu_act.gif) no-repeat;}
	#weekly #dayBooth #thu a.off { background:url(/img/index/week/thu_off.gif) no-repeat; }

	/* →金曜日 */
	#weekly #dayBooth #fri { width:33px; height:30px; margin:0 0 3px 0;  }
	#weekly #dayBooth #fri a span { display:none;}
	#weekly #dayBooth #fri a { width:33px; height:30px; display:block; }
	#weekly #dayBooth #fri a.disp { background:url(/img/index/week/fri_disp.gif) no-repeat;}
	#weekly #dayBooth #fri a.on { background:url(/img/index/week/fri_on.gif) no-repeat;}
	#weekly #dayBooth #fri a.on:hover { background:url(/img/index/week/fri_act.gif) no-repeat;}
	#weekly #dayBooth #fri a.off { background:url(/img/index/week/fri_off.gif) no-repeat; }

	/* →土曜日 */
	#weekly #dayBooth #sat { width:33px; height:30px; margin:0 0 3px 0;  }
	#weekly #dayBooth #sat a span { display:none;}
	#weekly #dayBooth #sat a { width:33px; height:30px; display:block; }
	#weekly #dayBooth #sat a.disp { background:url(/img/index/week/sat_disp.gif) no-repeat;}
	#weekly #dayBooth #sat a.on { background:url(/img/index/week/sat_on.gif) no-repeat;}
	#weekly #dayBooth #sat a.on:hover { background:url(/img/index/week/sat_act.gif) no-repeat;}
	#weekly #dayBooth #sat a.off { background:url(/img/index/week/sat_off.gif) no-repeat; }

	/* →日曜日 */
	#weekly #dayBooth #sun { width:33px; height:30px; margin:0 0 0 0;  }
	#weekly #dayBooth #sun a span { display:none;}
	#weekly #dayBooth #sun a { width:33px; height:30px; display:block; }
	#weekly #dayBooth #sun a.disp { background:url(/img/index/week/sun_disp.gif) no-repeat;}
	#weekly #dayBooth #sun a.on { background:url(/img/index/week/sun_on.gif) no-repeat;}
	#weekly #dayBooth #sun a.on:hover { background:url(/img/index/week/sun_act.gif) no-repeat;}
	#weekly #dayBooth #sun a.off { background:url(/img/index/week/sun_off.gif) no-repeat; }





/* Main Area width:1000px; ------------------------------------------------*/

#mainArea {
	width:950px;
	height:100%;
/*	background:url(/img/index/main_bg.gif) no-repeat;*/
	background-position:top;
	padding:0 25px 5px 25px;
	}

	/* 左柱ナビCSS = navi.css */
	#navi {
	width:195px;
	height:100%;
	float:left;
	}

	#main {
	width:715px;
	height:100%;
	float:right;
	}




/* Monthly width:715px; ------------------------------------------------*/

/* WEBコラム */
#monthly {
	width:415px;
	float:left;
	/*background:#ffffff;*/
	padding:0 0 30px 0;
	}

#monthly .title {
	padding:0 0 15px 0;
	}

#monthly #oneday_onestory{
	width:413px;
	height:auto;
	border:1px solid #f4dd96;
	line-height:1.3em;
	background:url(/img/index/week/statement_bg.gif) repeat;
	margin:0 0 20px 0;
	}
#monthly #oneday_onestory #date{
	width: 400px;
	height: 26px;
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	font-size:1.2em;
	text-shadow:0 0 1px #bbb, 0 0 1px #bbb, 0 0 1px #bbb, 0 0 1px #bbb;
	letter-spacing:0.2em;
	margin-bottom:2px;
	color:white;
	background: url(../img/index/oneday_onestory_title_bg.gif) no-repeat;
	padding: 3px 0 3px 15px;
	margin-left:-1px;
	}
#monthly #oneday_onestory #date img{
	padding:5px 10px 0 0;
	}
#monthly #oneday_onestory h3{
	padding:2px 0 0 10px;
	border-left:#c2bba9 2px solid;
	margin:15px 0 0 15px;
	}
#monthly #story_body{
	padding:15px;
	}


	/********** 今月のおすすめ **********/
	#monthlyBooth {
		width:415px;
	}
	#monthlyBooth h3,#oneday_onestory h3{
		font-weight:bold;
		text-align: left;
		font-size: 1.2em;
		line-height: 1.3em;
		margin-bottom:15px;
		color:#6f0704;
	}
	#monthlyBooth h3.indent{
		text-indent:15px;
	}
	#monthlyBooth h3 a{
		text-decoration:none;
		}
	#monthlyBooth h3 a:hover {
		text-decoration:underline;
		}
#monthlyBooth h3 a:visited {
		text-decoration:underline;
		color:#6f0704;
		}
	#monthlyBooth #pushBox {
		width:383;
		height:auto;
		padding:15px;
		border:1px solid #e1e1e1;
		line-height:1.3em;
		background:url(/img/index/monthly_pushbg.gif) repeat;
		_zoom:1;
		overflow:hidden;
		_overflow:inherit;
		margin:0 0 20px 0;
		}

	#monthlyBooth #pushBox br {
		line-height:1em;}

	#monthlyBooth #pushBox .book {
		width:123px;
		float:left;
		border:1px solid #a7a7a7;
		margin:0px 15px 10px 0;}

	#monthlyBooth #pushBox .linkbtn_detail {
		text-align:right;
		padding:10px 0 0 0;}



	/********** 今月のコラム **********/
	#columnBooth {
		width:383;
		height:auto;
		padding:15px;
		border:1px solid #e1e1e1;
		background:url(../img/index/column_bg.gif) repeat;
		margin:0 0 20px 0;
		}

	#columnBooth .column {
		padding:0 0 10px 0;
		margin:0 0 10px 0;
		background:url(../img/index/column_border.gif) repeat-x;
		background-position:bottom;
		}

	#columnBooth .column .num {
		font-weight: bold;
		color:#2f3847;
		padding:0 0 5px 0;
		}

	#columnBooth .column .num a {
		color:#2f3847;
		text-decoration:none;
		}

	#columnBooth .column .num a:hover {
		color:#29557c;
		text-decoration:underline;
		}

	#columnBooth .column .txt {
		padding:0 0 5px 0;
		}

	#columnBooth .column .links {
		text-align:right;
		}



/* お知らせ */
#newsArea {
	width:275px;
	float:right;
	padding:0 0 30px 0;
	}

#newsArea .title { padding:0 0 15px 0;}


	/********** ニュース更新情報 **********/
	#newsBooth {
		width:275;
		margin:0 0 20px 0;
		}

	#newsBooth .info {
		padding: 0 3px 0 3px;
		margin:0 0 12px 0;
		}

	#newsBooth .info .dat {
		background:url(../img/index/news_info_pt.gif) no-repeat;
		background-position:0 2px;
		padding:0 0 3px 10px;}

	#newsBooth .info .exp {
		line-height:1.2em;
		}

	#newsBooth .info .exp a {
		font-weight: bold;
		color:#2f3847;
		padding:0 0 5px 0;
		text-decoration:underline;
		}

	#newsBooth .info .exp a:hover {
		text-decoration:none;
		}



	/********** 新刊・近刊 **********/
	#releaseBooth {
		width:275;
		margin:0 0 20px 0;
		}

	#releaseBooth .books {
		width:259px;
		padding: 0 3px 13px 3px;
		margin:0 0 10px 0;
		line-height:1.2em;
		background:url(../img/index/news_book_border.gif) repeat-x;
		background-position:bottom;
		_zoom:1;
		overflow:hidden;
		_overflow:inherit;
		}

	#releaseBooth .books span {
		font-weight:bold;
		line-height:1.5em;
		color:#2f3847;
		}

	#releaseBooth .books br {
		line-height:1em;}

	#releaseBooth .books .releasebook {
		float:left;
		width:80px;
		border:1px solid #cccccc;
		margin:4px 7px 7px 0;
		}

	.rightBannerArea{
		width: 259px;
		padding: 0 0 20px 0;

	    }

	.endImg{
		width:259px;

		background: url(../img/index/news_book_border.gif) repeat-x;
		background-position: bottom;
		margin-bottom:20px;
		_zoom:1;
		overflow:hidden;
		_overflow:inherit;
	}
	.linkBanner{
		padding-bottom:20px;
	}



	/* → 本2～4エリア */
/*	#monthlyBooth #subBox {
		width:300px;
		float:right;}
*/
	/* → 本2～4：本の画像・詳細へのリンク */
/*	#monthlyBooth #subBox .books {
		width:82px;
		margin:0 0 0 10px;
		float:right;
		text-align:right;}

	#monthlyBooth #subBox .books img.cover {
		width:80px;
		margin:0 0 5px 0;
		border:1px solid #cccccc;
		}

	#monthlyBooth #subBox .linkbtn1 { text-align:right; padding:25px 0 0 0;}
	#monthlyBooth #subBox .linkbtn2 { text-align:right; padding:5px 0 0 0;}
*/









/* World width:715px; ------------------------------------------------*/

/* 著作から見た松下幸之助の世界 */
#world {
	width:715px;
	padding:0 0 40px 0;
	}

	#world .title { padding:0 0 5px 0;}

	#world .exp { padding:0 0 15px 0;}

	#worldBooth {
	width:695px;
	padding:10px 0 0 0;}

	#worldBooth #imageBox {
	width:695px;
	text-align:center;}

	#worldBooth #imageBox .notes {
	text-align:right;
	padding:30px 0 0 0;
	font-size:x-small;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";}


/*フッターバナーエリア*/
#footer_banner_area{
	width:715px;
	padding:0 10px;
}
#footer_banner_area ul li{
	float:left;
	margin:5px;
}


/* Footer width:715px; ------------------------------------------------*/

#footer {
    width: 1000px;
    height: 100px;
	background:url(/img/footer.gif) no-repeat;
	}

#footer span {
	display:none;}